commit 54d7d12eb6c7ec3ead4d7791552cff8a2ecb603d Author: eudaimon Date: Wed Jan 25 20:52:12 2023 +0100 First commit diff --git a/LICENSE b/LICENSE new file mode 100644 index 0000000..17cb286 --- /dev/null +++ b/LICENSE @@ -0,0 +1,117 @@ +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. + +TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION + +0. This License applies to any program or other work which contains a notice placed by the copyright holder saying it may be distributed under the terms of this General Public License. The "Program", below, refers to any such program or work, and a "work based on the Program" means either the Program or any derivative work under copyright law: that is to say, a work containing the Program or a portion of it, either verbatim or with modifications and/or translated into another language. (Hereinafter, translation is included without limitation in the term "modification".) Each licensee is addressed as "you". + +Activities other than copying, distribution and modification are not covered by this License; they are outside its scope. The act of running the Program is not restricted, and the output from the Program is covered only if its contents constitute a work based on the Program (independent of having been made by running the Program). Whether that is true depends on what the Program does. + +1. You may copy and distribute verbatim copies of the Program's source code as you receive it, in any medium, provided that you conspicuously and appropriately publish on each copy an appropriate copyright notice and disclaimer of warranty; keep intact all the notices that refer to this License and to the absence of any warranty; and give any other recipients of the Program a copy of this License along with the Program. + +You may charge a fee for the physical act of transferring a copy, and you may at your option offer warranty protection in exchange for a fee. + +2. You may modify your copy or copies of the Program or any portion of it, thus forming a work based on the Program, and copy and distribute such modifications or work under the terms of Section 1 above, provided that you also meet all of these conditions: + + a) You must cause the modified files to carry prominent notices stating that you changed the files and the date of any change. + + b) You must cause any work that you distribute or publish, that in whole or in part contains or is derived from the Program or any part thereof, to be licensed as a whole at no charge to all third parties under the terms of this License. + + c) If the modified program normally reads commands interactively when run, you must cause it, when started running for such interactive use in the most ordinary way, to print or display an announcement including an appropriate copyright notice and a notice that there is no warranty (or else, saying that you provide a warranty) and that users may redistribute the program under these conditions, and telling the user how to view a copy of this License. (Exception: if the Program itself is interactive but does not normally print such an announcement, your work based on the Program is not required to print an announcement.) + +These requirements apply to the modified work as a whole. If identifiable sections of that work are not derived from the Program, and can be reasonably considered independent and separate works in themselves, then this License, and its terms, do not apply to those sections when you distribute them as separate works. But when you distribute the same sections as part of a whole which is a work based on the Program, the distribution of the whole must be on the terms of this License, whose permissions for other licensees extend to the entire whole, and thus to each and every part regardless of who wrote it. + +Thus, it is not the intent of this section to claim rights or contest your rights to work written entirely by you; rather, the intent is to exercise the right to control the distribution of derivative or collective works based on the Program. + +In addition, mere aggregation of another work not based on the Program with the Program (or with a work based on the Program) on a volume of a storage or distribution medium does not bring the other work under the scope of this License. + +3. You may copy and distribute the Program (or a work based on it, under Section 2) in object code or executable form under the terms of Sections 1 and 2 above provided that you also do one of the following: + + a) Accompany it with the complete corresponding machine-readable source code, which must be distributed under the terms of Sections 1 and 2 above on a medium customarily used for software interchange; or, + + b) Accompany it with a written offer, valid for at least three years, to give any third party, for a charge no more than your cost of physically performing source distribution, a complete machine-readable copy of the corresponding source code, to be distributed under the terms of Sections 1 and 2 above on a medium customarily used for software interchange; or, + + c) Accompany it with the information you received as to the offer to distribute corresponding source code. (This alternative is allowed only for noncommercial distribution and only if you received the program in object code or executable form with such an offer, in accord with Subsection b above.) + +The source code for a work means the preferred form of the work for making modifications to it. For an executable work, complete source code means all the source code for all modules it contains, plus any associated interface definition files, plus the scripts used to control compilation and installation of the executable. However, as a special exception, the source code distributed need not include anything that is normally distributed (in either source or binary form) with the major components (compiler, kernel, and so on) of the operating system on which the executable runs, unless that component itself accompanies the executable. + +If distribution of executable or object code is made by offering access to copy from a designated place, then offering equivalent access to copy the source code from the same place counts as distribution of the source code, even though third parties are not compelled to copy the source along with the object code. + +4. You may not copy, modify, sublicense, or distribute the Program except as expressly provided under this License. Any attempt otherwise to copy, modify, sublicense or distribute the Program is void, and will automatically terminate your rights under this License. However, parties who have received copies, or rights, from you under this License will not have their licenses terminated so long as such parties remain in full compliance. + +5. You are not required to accept this License, since you have not signed it. However, nothing else grants you permission to modify or distribute the Program or its derivative works. These actions are prohibited by law if you do not accept this License. Therefore, by modifying or distributing the Program (or any work based on the Program), you indicate your acceptance of this License to do so, and all its terms and conditions for copying, distributing or modifying the Program or works based on it. + +6. Each time you redistribute the Program (or any work based on the Program), the recipient automatically receives a license from the original licensor to copy, distribute or modify the Program subject to these terms and conditions. You may not impose any further restrictions on the recipients' exercise of the rights granted herein. You are not responsible for enforcing compliance by third parties to this License. + +7. If, as a consequence of a court judgment or allegation of patent infringement or for any other reason (not limited to patent issues), conditions are imposed on you (whether by court order, agreement or otherwise) that contradict the conditions of this License, they do not excuse you from the conditions of this License. If you cannot distribute so as to satisfy simultaneously your obligations under this License and any other pertinent obligations, then as a consequence you may not distribute the Program at all. For example, if a patent license would not permit royalty-free redistribution of the Program by all those who receive copies directly or indirectly through you, then the only way you could satisfy both it and this License would be to refrain entirely from distribution of the Program. + +If any portion of this section is held invalid or unenforceable under any particular circumstance, the balance of the section is intended to apply and the section as a whole is intended to apply in other circumstances. + +It is not the purpose of this section to induce you to infringe any patents or other property right claims or to contest validity of any such claims; this section has the sole purpose of protecting the integrity of the free software distribution system, which is implemented by public license practices. Many people have made generous contributions to the wide range of software distributed through that system in reliance on consistent application of that system; it is up to the author/donor to decide if he or she is willing to distribute software through any other system and a licensee cannot impose that choice. + +This section is intended to make thoroughly clear what is believed to be a consequence of the rest of this License. + +8. If the distribution and/or use of the Program is restricted in certain countries either by patents or by copyrighted interfaces, the original copyright holder who places the Program under this License may add an explicit geographical distribution limitation excluding those countries, so that distribution is permitted only in or among countries not thus excluded. In such case, this License incorporates the limitation as if written in the body of this License. + +9. The Free Software Foundation may publish revised and/or new versions of the General Public License from time to time. Such new versions will be similar in spirit to the present version, but may differ in detail to address new problems or concerns. + +Each version is given a distinguishing version number. If the Program specifies a version number of this License which applies to it and "any later version", you have the option of following the terms and conditions either of that version or of any later version published by the Free Software Foundation. If the Program does not specify a version number of this License, you may choose any version ever published by the Free Software Foundation. + +10. If you wish to incorporate parts of the Program into other free programs whose distribution conditions are different, write to the author to ask for permission. For software which is copyrighted by the Free Software Foundation, write to the Free Software Foundation; we sometimes make exceptions for this. Our decision will be guided by the two goals of preserving the free status of all derivatives of our free software and of promoting the sharing and reuse of software generally. + +NO WARRANTY + +11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW. EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE. THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU. SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING, REPAIR OR CORRECTION. + +12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR REDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES. + +END OF TERMS AND CONDITIONS + +How to Apply These Terms to Your New Programs + +If you develop a new program, and you want it to be of the greatest possible use to the public, the best way to achieve this is to make it free software which everyone can redistribute and change under these terms. + +To do so, attach the following notices to the program. It is safest to attach them to the start of each source file to most effectively convey the exclusion of warranty; and each file should have at least the "copyright" line and a pointer to where the full notice is found. + + one line to give the program's name and an idea of what it does. Copyright (C) yyyy name of author + + This program is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 2 of the License, or (at your option) any later version. + + This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. + + You should have received a copy of the GNU General Public License along with this program; if not, write to the Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA. Also add information on how to contact you by electronic and paper mail. + +If the program is interactive, make it output a short notice like this when it starts in an interactive mode: + + Gnomovision version 69, Copyright (C) year name of author Gnomovision comes with ABSOLUTELY NO WARRANTY; for details type `show w'. This is free software, and you are welcome to redistribute it under certain conditions; type `show c' for details. + +The hypothetical commands `show w' and `show c' should show the appropriate parts of the General Public License. Of course, the commands you use may be called something other than `show w' and `show c'; they could even be mouse-clicks or menu items--whatever suits your program. + +You should also get your employer (if you work as a programmer) or your school, if any, to sign a "copyright disclaimer" for the program, if necessary. Here is a sample; alter the names: + + Yoyodyne, Inc., hereby disclaims all copyright interest in the program `Gnomovision' (which makes passes at compilers) written by James Hacker. + +signature of Ty Coon, 1 April 1989 Ty Coon, President of Vice diff --git a/README.md b/README.md new file mode 100644 index 0000000..54161ee --- /dev/null +++ b/README.md @@ -0,0 +1,24 @@ +# Glossy Apertures + +![small preview](previews/logo.png) + +This is a theme that looks like a certain Sillicon Valley company that can be associated with the typical apertures that exist in houses and fences. It includes GTK2, GTK3 and GTK4. In particular it imitates the style it used some years ago, that appeared in an infamous version of one operative system of theirs. Despite the rejection said OS caused, I think its design was very good, and readable. So I tried to imitate some of its aspects. + +This theme is based on two of my previous themes, Skewaita and DeeplySkeuo, which are based on Adwaita GTK3 and GTK4 (source sasscs!) + +GTK2 is taken from [Aero42 by blue-dxca93](https://www.pling.com/p/1816038/). +Cinnamon and GnomeShell from [Aero by ELBULLAZUL](https://www.pling.com/p/1012735/). +Sadly, I can't tell where I got the xfwm4 theme from, sorry about that! + + +It is a skeuomorphic theme (that is, non-flat, that tries to imitate real-world objects and interfaces, like real three-dimensional buttons). It is a light theme but not too bright. Accents are sky blue. Disabled elements have a subtle red tint, in order to clearly identify their state. Buttons are glossy or shiny. + +For the sake of making this theme more easily findable, I'll include these random words: aero, vista, windows. + +Big previews: + +![full desktop preview that includes gtk2, gtk3 and gtk4](previews/gtk3-gtk4-gtk2-desktop.png "Includes gtk2, gtk3 and gtk4") + +![gtk3 widget page 2](previews/gtk3wf-2.png) + +![gtk3 widget page 3](previews/gtk3wf-3.png) diff --git a/TODO.md b/TODO.md new file mode 100644 index 0000000..4193623 --- /dev/null +++ b/TODO.md @@ -0,0 +1,7 @@ +# TODO + +Create a script to adapt gtk2 theme to current color theme. + +Create branches for different themes and learn how to properly manage this without messing. + +Fix gtk4 bottom & right undershoot not appearing (unless its size is >218 pixels!, wtf). diff --git a/cinnamon/add-workspace-hover.png b/cinnamon/add-workspace-hover.png new file mode 100755 index 0000000..1e8c2e4 Binary files /dev/null and b/cinnamon/add-workspace-hover.png differ diff --git a/cinnamon/add-workspace.png b/cinnamon/add-workspace.png new file mode 100755 index 0000000..edba14c Binary files /dev/null and b/cinnamon/add-workspace.png differ diff --git a/cinnamon/buttons/button-focused-prelight.png b/cinnamon/buttons/button-focused-prelight.png new file mode 100755 index 0000000..98ed793 Binary files /dev/null and b/cinnamon/buttons/button-focused-prelight.png differ diff --git a/cinnamon/buttons/button-focused-pressed.png b/cinnamon/buttons/button-focused-pressed.png new file mode 100755 index 0000000..31c3269 Binary files /dev/null and b/cinnamon/buttons/button-focused-pressed.png differ diff --git a/cinnamon/buttons/button-focused.png b/cinnamon/buttons/button-focused.png new file mode 100755 index 0000000..98ed793 Binary files /dev/null and b/cinnamon/buttons/button-focused.png differ diff --git a/cinnamon/buttons/button-hover.png b/cinnamon/buttons/button-hover.png new file mode 100755 index 0000000..3730aad Binary files /dev/null and b/cinnamon/buttons/button-hover.png differ diff --git a/cinnamon/buttons/button-insensitive.png b/cinnamon/buttons/button-insensitive.png new file mode 100755 index 0000000..6b86c64 Binary files /dev/null and b/cinnamon/buttons/button-insensitive.png differ diff --git a/cinnamon/buttons/button.png b/cinnamon/buttons/button.png new file mode 100755 index 0000000..e3d2d60 Binary files /dev/null and b/cinnamon/buttons/button.png differ diff --git a/cinnamon/buttons/lock-hover.png b/cinnamon/buttons/lock-hover.png new file mode 100755 index 0000000..6e2678e Binary files /dev/null and b/cinnamon/buttons/lock-hover.png differ diff --git a/cinnamon/buttons/lock.png b/cinnamon/buttons/lock.png new file mode 100755 index 0000000..9430d8c Binary files /dev/null and b/cinnamon/buttons/lock.png differ diff --git a/cinnamon/buttons/logout-hover.png b/cinnamon/buttons/logout-hover.png new file mode 100755 index 0000000..cf623e3 Binary files /dev/null and b/cinnamon/buttons/logout-hover.png differ diff --git a/cinnamon/buttons/logout.png b/cinnamon/buttons/logout.png new file mode 100755 index 0000000..8f2c0b3 Binary files /dev/null and b/cinnamon/buttons/logout.png differ diff --git a/cinnamon/buttons/shutdown-hover.png b/cinnamon/buttons/shutdown-hover.png new file mode 100755 index 0000000..d5784f7 Binary files /dev/null and b/cinnamon/buttons/shutdown-hover.png differ diff --git a/cinnamon/buttons/shutdown.png b/cinnamon/buttons/shutdown.png new file mode 100755 index 0000000..6847e25 Binary files /dev/null and b/cinnamon/buttons/shutdown.png differ diff --git a/cinnamon/calendar-arrow-left.svg b/cinnamon/calendar-arrow-left.svg new file mode 100644 index 0000000..cafb1bc --- /dev/null +++ b/cinnamon/calendar-arrow-left.svg @@ -0,0 +1,82 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/cinnamon/calendar-arrow-right.svg b/cinnamon/calendar-arrow-right.svg new file mode 100644 index 0000000..444980b --- /dev/null +++ b/cinnamon/calendar-arrow-right.svg @@ -0,0 +1,82 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/cinnamon/cinnamon.css b/cinnamon/cinnamon.css new file mode 100644 index 0000000..3d9f416 --- /dev/null +++ b/cinnamon/cinnamon.css @@ -0,0 +1,2461 @@ +/* ################################################################### +* Section common with Gnome Shell +* ... contains a few cinnamon specific styles (rare occurences) +* ###################################################################*/ +stage { + font-family: Noto Sans, sans-serif; +} + +.cinnamon-link { + color: #0000ff; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #0000e0; +} + +.label-shadow { + color: rgba(0,0,0,0.5); +} + +StScrollView.vfade { + -st-vfade-offset: 68px; +} + +StScrollView StScrollBar { + min-width: 15px; + min-height: 15px; +} + +StScrollBar { + padding: 0px; +} + +StScrollBar StBin#trough { + background-color: rgba(0,0,0,0.2); +} + +/*StScrollBar StButton#hhandle, +StScrollBar StButton#vhandle, +StScrollBar StButton#hhandle:hover, +StScrollBar StButton#vhandle:hover { +border-image: url('outset-shadow.png') 3; +}*/ + +/* .menu-applications-box StButton#vhandle { +background: url('handle-vert.png') no-repeat center center; +} + +.menu-applications-box StButton#vhandle:hover { +background: url('handle-vert.png') no-repeat center center; +}*/ + + +#Tooltip { + border: 1px solid #767676; + border-radius: 3px; + padding: 2px 12px; + background-gradient-start: #ffffff; + background-gradient-end: #e4e5f0; + background-gradient-direction: vertical; + color: black; + font-size: 8.5pt; + font-weight: normal; + text-align: center; +} + +/* =================================================================== +* Shared button properties +* ===================================================================*/ + +.notification-button, .notification-icon-button, +.hotplug-notification-item, .hotplug-resident-eject-button, +.modal-dialog-button { + color: black; + border-image: url('buttons/button.png') 5; + font-size: 8.5pt; + font-weight: normal; + text-align: center; +} + +.notification-button:hover, +.notification-icon-button:hover, .hotplug-notification-item:hover, +.hotplug-resident-eject-button:hover, .modal-dialog-button:hover { + border-image: url('buttons/button-hover.png') 5; +} + +.notification-button:focus, +.notification-icon-button:focus, .hotplug-notification-item:focus, +.modal-dialog-button:focus { + border-image: url('buttons/button-focused.png') 5; +} + +.notification-button:active, .notification-icon-button:active, +.hotplug-notification-item:active, .hotplug-resident-eject-button:active, +.modal-dialog-button:active, .modal-dialog-button:pressed { + border-image: url('buttons/button-pressed.png') 5; +} + +/* =================================================================== +* User Applet +* ===================================================================*/ + +.user-box { + padding: .4em 1.5em; + padding-bottom: .6em; + spacing: 10px; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: 0 solid transparent; + border-radius: 0; + padding: 0; + border-radius: 0; + padding: 0; +} + +.user-label { + color: #000; + font-size: 10pt; + font-weight: normal; + margin: 0; +} + +/* =================================================================== +* PopupMenu (popupMenu.js) +* ===================================================================*/ + +.menu, +.popup-menu-boxpointer { + -arrow-border-radius: 16px; + -boxpointer-gap: 5px; + -arrow-base: 40px; + border-image: url('menu-assets/background.png') 8; +} + +/* Cinnamon 3.2 fix */ +.popup-menu, +.menu { + font-size: 9.5pt; + padding-left: 0px; + padding-right: 0px; + padding-top: 0px; + padding-bottom: 0px; + min-width: 150px; + min-height: 80px; + border: rgba(0,0,0,.8); + border-radius: 6px 6px 6px 6px; + box-shadow: none; + background-color: white; + border-top: 6px; + border-left: 6px; + border-right: 6px; + border-bottom: 6px; +} + +.popup-submenu-menu-item:open { + background-color: #2975E9; + color: white; +} +.popup-sub-menu { + background-color: transparent; +} +.popup-submenu-menu-item:open:hover { + color: black; +} +.popup-sub-menu .popup-menu-item:ltr { + padding-right: 0em; +} +.popup-sub-menu .popup-menu-item:rtl { + padding-left: 0em; +} +.popup-sub-menu StScrollBar { + padding: 4px; +} +.popup-sub-menu StScrollBar StBin#trough { + border-width: 0px; +} +.popup-sub-menu StScrollBar StBin#vhandle { + background-color: #4c4c4c; + border-width: 0px; +} +.popup-combo-menu { + background-color: rgba(0,0,0,0.9); + padding: 1em 0em; + color: #000; + font-size: 10.5pt; + border: 1px solid #2975E9; + border-radius: 0px 0px 8px 0px; +} +/* The remaining popup-menu sizing is all done in ems, so that if you +* override .popup-menu.font-size, everything else will scale with it. +*/ + +.menu StEntry, +.popup-menu StEntry { + border: 1px solid #767676; + border-radius: 3px; + box-shadow: inset 0 0 3px 0px #4c4c4c; + background-color: white; + background-gradient-direction: none; + height: 22px; + width: 220px; + color: #4c4c4c; + caret-color: #4c4c4c; + font-size: 9pt; + font-weight: normal; + caret-size: 1px; + selected-color: #000; + selection-background-color: #2975E9; + padding: 4px 12px 3px 12px; +} + +.popup-menu-content { + padding: 1em 0; +} +.popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; + border: 2px solid transparent; +} +.popup-menu-item:active { + /* background-color: #2975E9; */ + border-image: url('menu-assets/hover.png') 5; +} +.popup-menu-item:insensitive { + color: #9f9f9f; +} +.popup-image-menu-item {} +.popup-combobox-item { + spacing: 1em; +} +.popup-separator-menu-item { + background-color: rgba(20,20,20,0.3); + box-shadow: 0 1px rgba(220,220,220,0.6); + border-radius: 0; + -margin-horizontal: 14px; + height: 1px; +} +.popup-alternating-menu-item:alternate { + font-weight: bold; +} +.popup-slider-menu-item { + height: 1em; + min-width: 15em; + -slider-height: 0.3em; + -slider-background-color: #666666; + -slider-border-color: #555555; + -slider-active-background-color: #2975E9; + -slider-active-border-color: #DDDDDD; + -slider-border-width: 1px; + -slider-handle-radius: 0.5em; +} +.popup-device-menu-item { + spacing: .5em; +} +.popup-inactive-menu-item { + font-weight: normal; + color: #999; +} +.popup-subtitle-menu-item { + font-weight: bold; +} +.popup-menu-icon { + icon-size: 1.14em; +} + +/* Switches (to be used in menus) */ +.toggle-switch { + width: 52px; + height: 18px; +} + +.toggle-switch-us, .toggle-switch-intl { + background-image: url("menu-assets/checkbox-off.png"); +} + +.toggle-switch-us:checked, .toggle-switch-intl:checked { + background-image: url("menu-assets/checkbox.png"); +} + +.nm-menu-item-icons { + spacing: .5em; +} + +/* =================================================================== +* Panel (panel.js) +* ===================================================================*/ + +#panel { + background-color: rgba(0,0,0,0); + box-shadow: none; + border-image: url('panel.png') 80 0 0 0; + outline: 1px rgba(0,0,0,0.5); + color: #fff; + font-size: 9pt; + height: 39px; + padding-left: 0px; + padding-right: 0px; + padding-bottom: 0px; + padding-top: 1px; +} + +#panelLeft, #panelCenter { + spacing: 4px; +} + +#panelRight {} + +/* show desktop applet, disable hover */ +#panelRight .applet-box:last-child:hover { + border-image: none; +} + +#panelLeft .applet-box:first-child { + background: url("orbs/OBB1.png"); + border-image: none; + background-position: center center; + transition-duration: 300; + width: 40px; + color: rgba(255,0,0,0) !important; +} +#panelLeft .applet-box:first-child:hover { + transition-duration: 200; background: url("orbs/OBB2.png"); + border-image: none; +} +#panelLeft .applet-box:first-child:active { + background: url("orbs/OBB3.png"); + border-image: none; +} + +#panelLeft:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(255,0,0,0.05); + background-gradient-end: rgba(255,0,0,0.4); +} + +#panelCenter:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0,255,0,0.05); + background-gradient-end: rgba(0,255,0,0.4); +} + +#panelRight:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0,0,255,0.05); + background-gradient-end: rgba(0,0,255,0.4); +} + +#panelLeft:ltr { + padding-right: 4px; +} + +#panelLeft:rtl { + padding-left: 4px; +} + +#panelRight:ltr { + padding-left: 0px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 0px; + spacing: 0px; +} + +.panel-top {} + +.panel-bottom {} + +.panel-status-button, +.panel-button { + -natural-hpadding: 5px; + -minimum-hpadding: 5px; + font-weight: bold; + border: 1px solid transparent; + transition-duration: 150; +} + +.panel-status-button:hover, +.panel-button:hover { + background-color: rgba(25,25,25,0.1); + border-radius: 0px; + transition-duration: 100; +} + +.panel-status-button:active { + color: black; + background-gradient-direction: vertical; + background-gradient-start: rgba(30,30,30,1); + background-gradient-end: rgba(50,50,50,1); +} + +.system-status-icon { + padding-left: 0px; + padding-right: 0px; + spacing: 0px; + margin: 0px; +} + +#appMenu { + spacing: 4px; +} + +.panel-button #appMenuIcon { + app-icon-bottom-clip: 1px; +} + +.panel-button:active #appMenuIcon, +.panel-button:checked #appMenuIcon, +.panel-button:focus #appMenuIcon { + app-icon-bottom-clip: 2px; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + color: rgba(200,200,200,1); + transition-duration: 100; +} + +.panel-button:hover { + color: black; +} + +.panel-button:active, +.panel-button:overview, +.panel-button:focus { + color: black; + background-gradient-direction: vertical; + background-gradient-start: rgba(30,30,30,1); + background-gradient-end: rgba(50,50,50,1); +} + +.panel-button:active > .system-status-icon, +.panel-button:checked > .system-status-icon, +.panel-button:focus > .system-status-icon { + icon-shadow: black 0px 2px 2px; +} + +.panel-menu {} + +.popup-menu-item-dot { + +} + +.system-status-icon { + icon-size: 1.14em; +} + +/* =================================================================== +* Overview +* ===================================================================*/ + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: white; + border-radius: 0px; + color: black; + spacing: 25px; + font-size: 9pt; + padding: 2px 8px; + -cinnamon-caption-spacing: 4px; +} + +.window-caption#selected { + background-color: white; + border-radius: 0px; + color: black; + spacing: 25px; +} + +.workspace-controls { + visible-height: 32px; /* Amount visible before hovering */ +} + +.workspace-thumbnails-background { + border: 1px #2975E9; + border-left: 0px; + border-right: 0px; + border-bottom: 0px; + border-radius: 0px; + background-color: rgba(0, 0, 0, 0.5); + padding: 8px; +} + +.workspace-thumbnails-background:rtl { + border-right: 1px; + border-left: 0px; + border-radius: 9px 9px 0px 0px; +} + +.workspace-thumbnails { + spacing: 14px; +} + +.workspace-add-button { + background-image: url("add-workspace.png"); + height: 200px; + width: 35px; + transition-duration: 300; +} + +.workspace-add-button:hover { + background-image: url("add-workspace-hover.png"); + transition-duration: 300; +} + +.workspace-close-button { + background-image: url("close.svg"); + height: 34px; + width: 34px; + -cinnamon-close-overlap: 20px; +} + +.window-close:hover, +.window-close:active { + background-image: url("close-hover.svg"); +} + +.workspace-thumbnail-indicator { + outline: 2px solid white; + border: 1px solid #888; +} + +.window-close { + background-image: url("close.svg"); + height: 34px; + width: 34px; + -cinnamon-close-overlap: 20px; +} + +.window-close:rtl { + -st-background-image-shadow: 2px 2px 6px rgba(0,0,0,0.5); +} + +.window-close-area { + background-image: url("trash-icon.png"); + background-color: rgba(0, 0, 0, 0.8); + border: 2px solid #2975E9; + border-bottom: 0px; + border-radius: 0px; + height: 120px; + width: 400px; +} + +.icon-grid { + spacing: 36px; + -cinnamon-grid-item-size: 118px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.overview-icon { + border-radius: 4px; + padding: 3px; + border: 1px rgba(0,0,0,0); + font-size: 7.5pt; + color: black; + transition-duration: 100; + text-align: center; +} + +.expo-background { + background-color: rgba(0,0,0,0.2); +} + +.workspace-overview-background-shade { + background-color: rgba(0,0,0,0.4); +} + +.expo-workspace-thumbnail-frame { + border: 1px, black; + background-color: black; +} + +.expo-workspace-thumbnail-frame#active { + border: 1px, #2975E9; + background-color: #2975E9; +} + +/* =================================================================== +* Desklets (desklet.js) +* ===================================================================*/ +.desklet { + color: #eee; +} + +.desklet-with-borders { + border: 1px solid #444; + border-bottom: 0px; + border-left: 0px; + border-right: 0px; + background-color: #232323; + border-radius: 0px; + color: #eee; +} + +.desklet-with-borders-and-header { + border: 1px solid #444; + border-bottom: 0px; + border-left: 0px; + border-right: 0px; + background-color: #232323; + color: #eee; + border-radius-bottomleft: 0px; + border-radius-bottomright: 0px; +} + +.desklet-header { + border-radius-topleft: 0px; + border-radius-topright: 0px; + font-size: 10.5pt; + + border: 1px solid #444; + border-bottom: 0px; + border-left: 0px; + border-right: 0px; + background-color: #232323; + border-radius: 0px; + color: #eee; + padding: 6px; +} + +.desklet-drag-placeholder { + background-color: rgba(57,156,238,.31); +} + + +.clock-desklet-label {} + +.photoframe-box { + padding: 6px; + border: 1px solid #444; + border-bottom: 0px; + border-left: 0px; + border-right: 0px; + background-color: #232323; + border-radius: 0px; + +} +.xkcd-box { + padding: 0px; + border: none; + background-color: none; + border-radius: 0px; +} + +/* =================================================================== +* Clock Desklet (desklet.js) +* ===================================================================*/ +.clock-desklet-label {} + + +/* =================================================================== +* Looking Glass +* ===================================================================*/ + +#LookingGlassDialog { + background-gradient-direction: vertical; + background-gradient-start: #000000; + background-gradient-end: #2f343d; + spacing: 4px; + padding: 4px; + border: 2px solid #2975E9; + border-top: 0px; + border-left: 0px; + border-right: 0px; + border-radius: 0px; + color: black; +} +#LookingGlassDialog > #Toolbar { + border: 2px solid #2975E9; + border-top: 0px; + border-left: 0px; + border-right: 0px; + padding-bottom: 4px; +} +#LookingGlassDialog .labels { + spacing: 4px; +} +#LookingGlassDialog .notebook-tab { + padding: 2px; +} +#LookingGlassDialog .notebook-tab:hover { + color: black; +} +#LookingGlassDialog .notebook-tab:selected { + background-color: #2975E9; + border-radius: 0px; + color: #000; +} +#LookingGlassDialog .lg-inspector-title { + font-weight: bold; + padding-bottom: 8px; +} +.lg-dialog StLabel { + color: #cccccc; +} +.lg-dialog StEntry { + color: #cccccc; + selection-background-color: #cccccc; + selected-color: black; +} +.lg-obj-inspector-title { + spacing: 4px; +} +.lg-obj-inspector-button { + border: 1px solid #cccccc; + padding: 4px; + border-radius: 4px; +} +.lg-obj-inspector-button:hover { + border: 1px solid #ffffff; +} +.lg-dialog .cinnamon-link { + color: #cccccc; +} +.lg-dialog .cinnamon-link:hover { + color: black; +} +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} +#lookingGlassExtensions { + padding: 4px; +} +.lg-extension-list { + padding: 4px; + spacing: 6px; +} +.lg-extension { + border: 1px solid #6f6f6f; + border-radius: 4px; + padding: 4px; +} +.lg-extension-name { + font-weight: bold; +} +.lg-extension-meta { + spacing: 6px; +} +#LookingGlassPropertyInspector { + background: rgba(0, 0, 0, 0.7); + border-radius: 0px; + border: 1px solid #333; + padding: 6px; + color: #B8FF66; +} + +/* =================================================================== +* Date applet +* ===================================================================*/ + +.calendar { + padding: .4em 1.75em; + spacing-rows: 0px; + spacing-columns: 0px; +} + +.calendar-month-label { + color: #cccccc; + font-size: 7.5pt; + padding-bottom: 8px; + padding-top: 8px; + font-weight: bold; +} + +.calendar-change-month-back { + width: 18px; + height: 12px; + background-image: url("calendar-arrow-left.svg"); + border-radius: 4px; + border: 1px solid rgba(0,0,0,0); +} + +.calendar-change-month-back:rtl { + background-image: url("calendar-arrow-right.svg"); +} + +.calendar-change-month-back:hover { + background-color: rgba(255,255,255,0.5); +} +.calendar-change-month-back:active { + background-color: rgba(255,255,255,0.5); +} + +.calendar-change-month-forward { + width: 18px; + height: 12px; + background-image: url("calendar-arrow-right.svg"); + border-radius: 4px; + border: 1px solid rgba(0,0,0,0); +} + +.calendar-change-month-forward:rtl { + background-image: url("calendar-arrow-left.svg"); +} + +.calendar-change-month-forward:hover { + background-color: rgba(255,255,255,0.5); +} + +.calendar-change-month-forward:active { + background-color: rgba(255,255,255,0.5); +} + +.datemenu-date-label { + padding: .4em 1.75em; + font-size: 10.5pt; + color: black; +} + +.calendar-day-base { + font-size: 7.5pt; + text-align: center; + width: 2.4em; + height: 2.4em; +} + +.calendar-day-base:hover { + /* background-color: #2975E9; */ + border-image: url('menu-assets/hover.png') 5; + color: black; +} + +.calendar-day-base:active {} + +.calendar-day-heading { + color: black; + padding-top: 1em; +} + +.calendar-week-number { + color: black; +} + +/* Hack used in lieu of border-collapse - see calendar.js */ +.calendar-day { + color: black; + border-top-width: 0; + border-left-width: 0; +} +.calendar-day-top {} +.calendar-day-left {} +.calendar-work-day {} + +.calendar-nonwork-day { + background-color: rgba(255, 255, 255, 0.2); +} + +.calendar-today { + color: black; + font-weight: bold; + background-color: rgba(57,156,238,1); + border-radius: 2px; +} + +.calendar-other-month-day { + color: #e4e4e4; +} + +.calendar-day-with-events { + font-weight: bold; + color: #2975E9; +} + +/* =================================================================== +* Notifications +* ===================================================================*/ + +#notification { + border: 1px solid #767676; + border-radius: 3px; + padding: 6px 12px; + background-gradient-start: #ffffff; + background-gradient-end: #e4e5f0; + background-gradient-direction: vertical; + color: black; + font-size: 8.5pt; + font-weight: normal; + text-align: center; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 19px; + margin-from-top-edge-of-screen: 30px; + width: 27em; +} +#notification.multi-line-notification { + padding-bottom: 8px; + color: black; +} +/* We use row-span = 2 for the image cell, which prevents its height preferences to be +taken into account during allocation, so its height ends up being limited by the height +of the content in the other rows. To avoid showing a stretched image, we set the minimum +height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 = 159 */ +.notification-with-image { + min-height: 159px; + color: black; +} +#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-button { + border-radius: 18px; + font-size: 11pt; + padding: 4px 42px 5px; +} +.notification-button:focus { + padding: 3px 41px 4px; +} +.notification-icon-button { + border-radius: 5px; + padding: 5px; +} +.notification-icon-button:focus { + padding: 4px; +} +.notification-icon-button > StIcon { + icon-size: 36px; +} +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} +.hotplug-notification-item { + padding: 2px 10px; + border-radius: 18px; + font-size: 10.5pt; +} +.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: 4px; + color: #ccc; +} +.hotplug-resident-mount:hover { + background-gradient-direction: horizontal; + background-gradient-start: rgba(255, 255, 255, 0.1); + background-gradient-end: rgba(255, 255, 255, 0); + color: black; +} +.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: 5px; + color: #ccc; +} +#notification StEntry { + padding: 4px; + border-radius: 4px; + color: #a8a8a8; + selected-color: black; + border: 1px solid rgba(245,245,245,0.2); + background-gradient-direction: vertical; + background-gradient-start: rgb(200,200,200); + background-gradient-end: white; + transition-duration: 300; + caret-color: #a8a8a8; + caret-size: 1px; +} +#notification StEntry:focus { + border: 1px solid #8b8b8b; + color: #333333; + background-gradient-direction: vertical; + background-gradient-start: rgb(200,200,200); + background-gradient-end: white; + caret-color: #545454; + selection-background-color: #808080; +} + +/* =================================================================== +* Alt Tab +* ===================================================================*/ + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + border-radius: 4px; + padding: 20px; + border: solid 1px rgba(252.9,252.9,252.9,0.50); + box-shadow: solid 0 0 12px 6px rgba(0,0,0,0.77); + color: white; + /* border-image: url('tab.png') 18; */ + background-gradient-direction: vertical; + background-gradient-start: rgba(0,0,0,0.50); + background-gradient-end: rgba(0,0,0,0.18); +} + +.switcher-list-item-container { + spacing: 8px; +} + +.thumbnail-scroll-gradient-left { + background-color: #fff; + background-gradient-direction: vertical; + background-gradient-start: #fff; + background-gradient-end: #fff; + border-radius: 24px; + border-radius-topright: 0px; + border-radius-bottomright: 0px; + width: 60px; +} + +.thumbnail-scroll-gradient-right { + background-color: #fff; + background-gradient-direction: vertical; + background-gradient-start: #fff; + background-gradient-end: #fff; + border: 1px solid #2975E9; + border-radius: 0px; + width: 60px; + border-bottom: 0px; + border-left: 0px; + border-right: 0px; +} + +.switcher-list .item-box { + padding: 8px; + color: white; + border: 4px solid rgba(0,0,0,0); + border-radius: 8px; +} + +.switcher-list .item-box:outlined { + background-color: #2975E9; + border-radius: 0px; +} + +.switcher-list .item-box:selected { + border-radius: 3px; + /* border: 4px solid #379aff; */ + border: solid 1px rgba(181,198,218,0.80); + background-color: rgba(181,198,218,0.55); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255,255,255,0.33); +} + +.ripple-box { + width: 300px; + height: 300px; + background-gradient-end: rgba(57,156,238,0.8); + background-gradient-start: rgba(0,0,0,0.3); + background-gradient-direction: radial; + box-shadow: outset 0px 0px 5px 5px #2975E9; + border-radius: 150px; +} + +.ripple-box:rtl { + width: 300px; + height: 300px; + background-gradient-end: rgba(57,156,238,0.8); + background-gradient-start: rgba(0,0,0,0.3); + background-gradient-direction: radial; + box-shadow: outset 0px 0px 5px 5px #2975E9; + border-radius: 150px; +} + +.switcher-arrow { + border-color: rgba(0,0,0,0); + color: #808080; +} + +.switcher-arrow:highlighted { + border-color: rgba(0,0,0,0); + color: black; +} + +.switcher-preview-backdrop { + background-color: rgba(25,25,25,0.95); +} + +/* =================================================================== +* Modal dialogs +* ===================================================================*/ + +.modal-dialog { + font-size: 9.5pt; + border-radius: 2px; + background-color: #fff; + /* border: 2px solid #013b6b; */ + border-image: url('menu-assets/background.png') 8; + color: black; + padding-right: 42px; + padding-left: 42px; + padding-bottom: 30px; + padding-top: 30px; +} + +.modal-dialog-button-box { + spacing: 21px; + padding-top: 30px; +} + +.modal-dialog-button { + border-radius: 4px; + font-size: 10pt; + color: black; + margin-left: 10px; + margin-right: 10px; + padding: 4px 32px 5px; +} + +.modal-dialog-button:hover {} + +.modal-dialog-button:active, +.modal-dialog-button:checked { + color: black; + border-image: url('buttons/button-focused-pressed.png') 5; +} + +.modal-dialog-button:disabled { + color: rgb(60, 60, 60); +} + +.modal-dialog-button:focus { + padding: 3px 31px 4px; +} + +/* =================================================================== +* Run dialog +* ===================================================================*/ + +.run-dialog-label { + font-size: 9pt; + color: black; +} + +.run-dialog-error-label { + font-size: 9pt; + color: black; +} + +.run-dialog-error-box { + padding-top: 15px; + spacing: 5px; +} + +.run-dialog-entry { + font-size: 10pt; + font-weight: normal; + background-color: white; + border: 1px solid gray; + border-radius: 0; + color: black; + selected-color: #2975E9; + caret-color: black; + caret-size: 2px; + padding: 2px; + padding-left: 6px; + width: 18em; +} + +.run-dialog-completion-box { + padding-left: 15px; + font-size: 10px; +} + +.run-dialog { + border-radius: 8px; + padding: 20px; + padding-top: 15px; + color: black; + border-image: url('tab.png') 16; +} + +.lightbox { + background-color: rgba(0, 0, 0, 0.0); +} + +.run-dialog > .modal-dialog-button-box { + spacing: 21px; + padding-top: 0; +} + +/* =================================================================== +* End session dialog +* ===================================================================*/ + +.end-session-dialog { + spacing: 42px; +} +.end-session-dialog-subject { + font-size: 12pt; + font-weight: bold; + color: black; + padding-top: 10px; + padding-left: 17px; + padding-bottom: 30px; +} +.end-session-dialog-subject:rtl { + padding-left: 0px; + padding-right: 17px; +} +.end-session-dialog-description { + font-size: 10pt; + color: black; + padding-left: 17px; + width: 28em; +} +.end-session-dialog-description:rtl { + padding-right: 17px; +} +.end-session-dialog-logout-icon { + border: 1px solid rgba(255,255,255,0.3); + border-radius: 0px; + width: 32px; + height: 32px; +} +.end-session-dialog-shutdown-icon { + width: 32px; + height: 32px; +} +.end-session-dialog-app-list { + font-size: 10pt; + max-height: 200px; + padding-top: 42px; + padding-left: 49px; + padding-right: 32px; +} +.end-session-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} +.end-session-dialog-app-list-item { + color: #ccc; +} +.end-session-dialog-app-list-item:hover { + color: black; +} +.end-session-dialog-app-list-item:ltr { + padding-right: 1em; +} +.end-session-dialog-app-list-item:rtl { + padding-left: 1em; +} +.end-session-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} +.end-session-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} +.end-session-dialog-app-list-item-name { + font-size: 10pt; +} +.end-session-dialog-app-list-item-description { + font-size: 8pt; + color: #444444; +} +/* CinnamonMountOperation Dialogs */ +.cinnamon-mount-operation-icon { + icon-size: 48px; +} +.mount-password-reask { + color: red; +} +.show-processes-dialog, +.mount-question-dialog { + spacing: 24px; +} +.show-processes-dialog-subject, +.mount-question-dialog-subject { + font-size: 12pt; + font-weight: bold; + color: #666666; + 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 { + font-size: 10pt; + color: black; + padding-left: 17px; + width: 28em; +} +.show-processes-dialog-description:rtl, +.mount-question-dialog-description:rtl { + padding-right: 17px; +} +.show-processes-dialog-app-list { + font-size: 10pt; + 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: black; +} +.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: 10pt; +} + +/* =================================================================== +* Policykit authentication dialog +* ===================================================================*/ + +.polkit-dialog { + /* this is the width of the entire modal popup */ + width: 500px; +} + +.polkit-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.polkit-dialog-message-layout { + spacing: 16px; +} + +.polkit-dialog-headline { + font-size: 12pt; + font-weight: bold; + color: #666666; +} + +.polkit-dialog-description { + font-size: 10pt; + color: black; +} + +.polkit-dialog-user-layout { + padding-left: 10px; + spacing: 10px; +} + +.polkit-dialog-user-layout:rtl { + padding-left: 0px; + padding-right: 10px; +} + +.polkit-dialog-user-root-label { + color: #ff0000; +} + +.polkit-dialog-password-label:ltr { + padding-right: 0.5em; +} + +.polkit-dialog-password-label:rtl { + padding-left: 0.5em; +} + +.polkit-dialog-password-entry { + background-gradient-start: rgb(236,236,236); + background-gradient-end: white; + background-gradient-direction: vertical; + color: black; + border-radius: 5px; + border: 2px solid #555753; +} + +.polkit-dialog-password-entry:focus { + border: 2px solid #3465a4; +} + +.polkit-dialog-password-entry .capslock-warning { + icon-size: 16px; + warning-color: #999; + padding: 0 4px; +} + +.polkit-dialog-error-label { + font-size: 10pt; + color: #ffff00; + padding-bottom: 8px; +} + +.polkit-dialog-info-label { + font-size: 10pt; + padding-bottom: 8px; +} + +/* intentionally left transparent to avoid dialog changing size */ +.polkit-dialog-null-label { + font-size: 10pt; + color: rgba(0,0,0,0); + padding-bottom: 8px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; +} + +/* =================================================================== +* Magnifier +* ===================================================================*/ + + +.magnifier-zoom-region { + border: 2px solid rgba(128, 0, 0, 255); +} + +.magnifier-zoom-region.full-screen { + border-width: 0px; +} + +/* =================================================================== +* On screen keyboard +* ===================================================================*/ + + +#keyboard { + background-gradient-direction: vertical; + background-gradient-start: #000; + background-gradient-end: #000; + +} + +.keyboard-layout { + spacing: 10px; + padding: 10px; +} + +.keyboard-row { + spacing: 15px; +} + +.keyboard-key { + min-height: 32px; + min-width: 23px; + background-gradient-direction: vertical; + background-gradient-start: #5b5b5b; + background-gradient-end: #5b5b5b; + font-size: 14pt; + font-weight: bold; + border-radius: 1px; + border: 1px #717171; + border-bottom: 0px; + border-left: 0px; + border-right: 0px; + color: #eaeaea; +} + +.keyboard-key:grayed { + background-gradient-direction: vertical; + background-gradient-start: #272727; + background-gradient-end: #272727; + border: 1px rgba(120,120,120,1); + border-bottom: 0px; + border-left: 0px; + border-right: 0px; + border-radius: 1px; +} + +.keyboard-key:checked, +.keyboard-key:hover { + background-gradient-direction: vertical; + background-gradient-start: #2975E9; + background-gradient-end: #2975E9; + border: 1px #76d2ec; + border-bottom: 0px; + border-left: 0px; + border-right: 0px; + border-radius: 1px; + color: black; + +} + +.keyboard-key:active { + background-gradient-direction: vertical; + background-gradient-start: #2975E9; + background-gradient-end: #2975E9; + border: 1px #76d2ec; + border-bottom: 0px; + border-left: 0px; + border-right: 0px; + border-radius: 1px; + color: black; + +} + +.keyboard-subkeys { + color: black; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: #1b1b1c; + -arrow-border-width: 1px; + -arrow-border-color: #2975E9; + -arrow-base: 10px; + -arrow-rise: 5px; + -boxpointer-gap: 5px; +} + +/* ################################################################### +* Cinnamon Specific Section +* ###################################################################*/ + +/* =================================================================== +* Menu (menu.js) +* ===================================================================*/ + +/* Main menu title */ +.starkmenu-background, +.menu-background { + color: #fff; + -boxpointer-gap: -1px; + -arrow-border-radius: 16px; + -arrow-base: 0px; + -arrow-rise: -1px; + background-color: transparent; + border: inset 1px solid rgba(255,255,255,0.5); + border-image: url('menu-assets/menu-bg.png') 8; + box-shadow: 16px -5px 20px 10px rgba(0,0,0,0.4); + border-radius: 6px 6px 0px 0px; + padding-bottom: 0px; +} + +.menu-favorites-box { + margin: auto; + background-color: #fff; + border: 1px solid #94a16f; + border-radius: 3px; + padding: 2px; + color: black; +} + +.menu-favorites-button { + padding: 10px; + border-radius: 0px; +} + +.menu-favorites-button:hover { + /* background-color: #2975E9; */ + border-image: url('menu-assets/hover.png') 5; +} + +.menu-places-box { + margin: auto; + padding: 8px; + border: 0px solid #666; +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px; +} + +.menu-applications-box { + padding: 10px 0px 0px 10px; + border: none; +} + +.menu-applications-inner-box { + padding: 5px; + background-color: #fff; +} + +.menu-applications-box StScrollBar { + padding: 0px; +} + +.menu-applications-box StScrollView { + border: 0px solid #305496; + border-image: none; + border-right-width: 0px; +} + +.menu-applications-box StBin#trough { + background: none; + border-width: 0px; + box-shadow: none; + border-image: url('menu-assets/trough.png') 3; +} + +.menu-applications-box StButton#vhandle { + border-image: url('menu-assets/slider-vert.png') 3; + background: url('menu-assets/handle-vert.png') no-repeat center center; +} + +.menu-applications-box StButton#vhandle:hover { + border-image: url('menu-assets/slider-vert-hover.png') 3; + background: url('menu-assets/handle-vert.png') no-repeat center center; +} + +.menu-application-button { + padding: 7px; + max-width: 10px; + color: black; +} + +.menu-application-button-selected { + padding: 7px; + color: black; + /* background-color: #2975E9;*/ + border-image: url('menu-assets/hover.png') 5; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu-category-button { + padding: 7px; +} + +.menu-category-button-greyed { + padding: 7px; + color: #808080; +} + +.menu-category-button-selected { + padding: 7px; + color: black; + /* background-color: #2975E9;*/ + border-image: url('menu-assets/hover.png') 5; +} + +.menu-category-button-label:ltr { + padding-left: 5px +} + +.menu-category-button-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*/ + +.menu-selected-app-box { + padding-top: 16px; + padding-right: 30px; + padding-left: 28px; + text-align: right; + color: black; +} + +.menu-selected-app-title { + font-weight: bold; +} + +.menu-selected-app-description { + max-width: 150px; +} +#menu-search-entry, #menu-search-entry:hover, #menu-search-entry:focus { + padding: 5px 6px; + color: #000; + font: 9pt; + height: 18px; + width: 250px; + selected-color: white; + caret-color: #000; + background-color: white; + caret-size: 1px; + margin-bottom: 10px; +} + +.menu-search-box { + padding-left: 20px; + padding-bottom: 10px; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #000; +} + +/* Context menu (at the moment only for favorites) */ +.menu-context-menu {} + +/* =================================================================== +* Window list (windowList.js) +* ===================================================================*/ +.window-list-box { + spacing: 1px; + padding: 0; +} + +.window-list-item-label { + font-weight: normal; + width: 15em; + padding-left: 0px; + padding-right: 0px; + min-width: 5px; +} + +.window-list-item-box { + background: transparent; + transition-duration: 200; + color: #FFF; + max-width: 134px; +} + +/* normal */ +.window-list-item-box { + font-weight: normal; + font-size: 9pt; + border-image: url("panel-assets/item-normal.png") 4; +} + +.window-list-item-box:hover { + border-image:url("panel-assets/item-hover.png") 4; +} + +/* active window */ +.window-list-item-box:active, +.window-list-item-box:checked, +.window-list-item-box:focus { + border-image: url("panel-assets/item-active.png") 4; +} + +/* active hover */ +.window-list-item-box:checked:hover, +.window-list-item-box:focus:hover, +.window-list-item-box:active:hover { + border-image: url("panel-assets/item-active-hover.png") 4; +} + +/* urgent */ +.window-list-item-demands-attention { + border-image: url("panel-assets/item-attention.png") 4; +} + +/* urgent hover */ +.window-list-item-demands-attention:hover { + border-image: url("panel-assets/item-attention-hover.png") 4; +} + +/* experimental support for grouped window list */ +.grouped-window-list-item-box { + color: #ffffff; + font-weight: normal; + border-image: none; + transition-duration: 100; +} + +.grouped-window-list-item-box:hover { + border-image: url("panel-assets/tray-hover.png") 4; +} + +.grouped-window-list-item-box:active, +.grouped-window-list-item-box:checked { + border-image: url("panel-assets/item-normal.png") 4; +} + +.grouped-window-list-item-box:active:hover, +.grouped-window-list-item-box:checked:hover { + border-image: url("panel-assets/item-hover.png") 4; +} + +.grouped-window-list-item-box:focus { + border-image: url("panel-assets/item-active.png") 4; +} + +.grouped-window-list-item-box:focus:hover { + border-image: url("panel-assets/item-active-hover.png") 4; +} + +.grouped-window-list-item-demands-attention { + font-weight: normal; + border-image: url("panel-assets/item-attention.png") 4; +} + +.grouped-window-list-item-attention:hover { + border-image: url("panel-assets/item-attention-hover.png") 4; +} + +.window-list-item-box .progress, +.grouped-window-list-item-box .progress { + background-color: #4b7843; +} + +.window-list-preview { + spacing: 6px; + color: #000000; + border: none; + border-image: url('menu-assets/background.png') 8; + border-radius: 0; + padding: 6px 12px 12px 12px; + font-size: 1em; +} + +.grouped-window-list-thumbnail-menu { + spacing: 6px; + border-radius: 0; + padding: 6px 12px 12px 12px; +} + +.grouped-window-list-thumbnail-menu > StBoxLayout { + padding: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 10px; + border-radius: 0; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 8px; + border: 1px solid #3b8bff; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + color: #000000; + background-color: #3b8bff; + border-image: url('menu-assets/hover.png') 5; + border: none; +} + +/* =================================================================== +* Sound Applet (status/volume.js) +* ===================================================================*/ +.sound-button-container { + padding-right: 2px; + padding-left: 2px; + background-color: #232527; + border: 2px solid #656565; + border-top: 0px; + border-left: 0px; + border-right: 0px; + box-shadow: 0px -1px 0px 0px rgba(51,51,51,1); +} +.sound-button { + width: 26px; + height: 20px; + padding: 5px; + color: black; + background-color: #000; +} + +.sound-button:hover { + background-color: #232527; + color: #2975E9; + transition-duration: 200; +} + +.sound-button:active { + background-color: rgba(57,156,238,.1); + color: #2975E9; + transition-duration: 200; +} + +.sound-button StIcon { + icon-size: 1em; +} +.sound-track-infos { + padding-left: 5px; + padding-right: 5px; + padding-top: 5px; + padding-bottom: 5px; +} +.sound-track-info { + padding-top: 2px; + padding-bottom: 2px; +} +.sound-track-info StIcon { + icon-size: 1em; +} +.sound-track-info StLabel { + padding-left: 5px; + padding-right: 5px; +} +.sound-track-box { + padding-left: 18px; + padding-right: 18px; + max-width: 220px; +} +.sound-volume-menu-item { + padding: .4em 1.75em; +} +.sound-volume-menu-item StIcon { + icon-size: 1.14em; + padding-left: 8px; +} +.sound-playback-control { + padding-top: 5px; + padding-bottom: 10px; +} + +/* =================================================================== +* Workspace Switcher applet (workspaceSwitcher.js) +* ===================================================================*/ +#workspaceSwitcher { + spacing: 2px; + padding: 2px; +} + +.workspace-button { + width: 20px; + height: 10px; + padding: 2px; + border-radius: 0px; + background-color: rgba(255,255,255,0.0); + color: black; + transition-duration: 250; +} + +.workspace-button:outlined { + padding: 2px; + background-color: #000; + border-radius: 0px; + color: #2975E9; +} + +.workspace-button:hover { + padding: 2px; + background-color: #000; + border-radius: 0px; + color: #2975E9; +} + +/* =================================================================== +* Panel Launchers Applet (panelLaunchers.js) +* ===================================================================*/ + +#panel-launchers-box { + +} + +.panel-launcher { + margin: 1px; + padding: 3px; + border: 1px solid transparent; +} + +.panel-launcher:hover { + /* background-color: rgba(0,0,0,0.5); */ + border-image:url("panel-assets/tray-hover.png") 4; +} + +.panel-launcher-add-dialog-content-box { + padding: 6px; + spacing: 20px; +} + +.panel-launcher-add-dialog-content-box-left { + padding: 6px; + spacing: 20px; +} + +.panel-launcher-add-dialog-content-box-right { + padding: 6px; + spacing: 10px; +} + +.panel-launcher-add-dialog-entry { + padding: 5px; + border-radius: 4px; + color: rgb(50, 50, 50); + border: 1px solid rgba(245,245,245,0.2); + background-gradient-start: rgba(200,200,200,0.5); + background-gradient-end: rgba(254,254,254,0.5); + background-gradient-direction: vertical; + box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.5); + selected-color: black; + caret-color: rgb(128, 128, 128); + caret-size: 1px; + width: 250px; + transition-duration: 300; +} + +.panel-launcher-add-dialog-entry:focus, +.panel-launcher-add-dialog-entry:hover { + border: 1px solid rgba(120,120,120,1); + background-gradient-start: rgb(200,200,200); + background-gradient-end: white; + background-gradient-direction: vertical; +} + +.panel-launcher-add-dialog-entry:hover { + transition-duration: 300; +} + +.panel-launcher-add-dialog-entry:focus { + color: rgb(64, 64, 64); + font-weight: bold; + transition-duration: 0; +} + +/* =================================================================== +* Overview corner +* ===================================================================*/ +#overview-corner { + background-image: url("overview.png"); +} + +#overview-corner:hover { + background-image: url("overview-hover.png"); +} + +/* =================================================================== +* Applets (applet.js) +* ===================================================================*/ +.applet-separator { + padding: 5px 4px; +} +.applet-separator-line { + width: 1px; + background: rgba(0,0,0,0.5); +} + +.applet-box { + padding-left: 6px; + padding-right: 6px; + transition-duration: 300; + padding-top: 1px; +} +.applet-box:hover { + background-color: rgba(25,25,25,0); + border-image: url('panel-assets/tray-hover.png') 16; + color: white; + transition-duration: 100; +} +.applet-box:active { + background-color: rgba(25,25,25,0); + border-image: url('panel-assets/tray-pressed.png') 16; + color: white; + transition-duration: 100; +} + +/* Cinnamon 3.2+ Only Feature */ +.applet-box:checked, +.applet-box:hover { + border-image: url('panel-assets/tray-pressed.png') 6; +} + +.applet-label:not(:first-child) { + font-weight: normal; +} + +.applet-icon { + icon-size: 1.3em; +} + +.applet-icon:hover, +.applet-box:hover > .applet-icon {} + +/* =================================================================== +* Workspace OSD +* ===================================================================*/ +/* When switching workspaces*/ + +.workspace-osd { + color: black; + font-size: 25pt; + text-align: center; + border: 1px solid #767676; + border-radius: 3px; + padding: 2px 12px; + background-gradient-start: #ffffff; + background-gradient-end: #e4e5f0; + background-gradient-direction: vertical; + padding: 0.5em 1em; +} + +.expo-workspaces-name-entry { + padding: 5px; + padding-bottom: 7px; + color: gray; + border: 1px solid gray; + background-color: white; + selected-color: black; + caret-color: black; + caret-size: 1px; + height: 16px; + text-align: center; +} + +.expo-workspaces-name-entry#selected { + background-color: #f1f1f1; + padding: 5px; + padding-bottom: 7px; + border: 1px solid #2975E9; + text-align: center; + height: 16px; +} + +.expo-workspaces-name-entry:focus { + padding: 5px; + padding-bottom: 7px; + color: black; + transition-duration: 300; + text-align: center; +} + +/* =================================================================== +* Notification Applet +* ===================================================================*/ + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +/* Check Boxes */ +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StBin { + width: 24px; + height: 18px; + background-image: url("menu-assets/checkbox-off.png"); +} + +.check-box:focus StBin { + background-image: url("menu-assets/checkbox-off-focus.png"); +} + +.check-box:checked StBin { + background-image: url("menu-assets/checkbox.png"); +} + +.check-box:focus:checked StBin { + background-image: url("menu-assets/checkbox-focus.png"); +} + +.check-box StLabel { + font-weight: normal; +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StBin { + width: 22px; + height: 22px; + background-image: url("radio-unselected.png"); + border-radius: 15px; +} + +.radiobutton:focus StBin { + background-image: url("radio-unselected.png"); +} + +.radiobutton:checked StBin { + background-image: url("radio-selected.png"); +} + +.radiobutton:focus:checked StBin { + background-image: url("radio-selected.png"); +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.flashspot { + background-color: white; +} + +/* =================================================================== +* Network Data Usage Monitor applet +* ===================================================================*/ + +/* These settings govern the width of the Applet and the space taken by the font.*/ + +.numa-left { + text-align: center; + min-width: 75px; + font-weight: bold; + /*font-size: 95%;*/ +} + +.numa-right { + text-align: center; + min-width: 1px; + font-weight: bold; + /*font-size: 95%;*/ +} + +/* The following are the styles for the Applet backgrounds - names are self explanitory +The colour parameters are red, green, blue, and transparency or a name */ + +.numa-not-connected { + background-color: rgba(0,0,0,0.0); + border-radius: 10px; +} + +.numa-connected { + background-color: rgba(0,0,0,0); + border-radius: 10px; +} + +.numa-alert { + color: black; + border-top: 3px; + border-bottom: 0px; + background-gradient-direction: vertical; + background-gradient-end: rgba(57,156,238,0.1); + background-gradient-start: rgba(57,156,238,0.1); + border-radius: 0px; +} + +.numa-limit-exceeded { + color: black; + border-top: 3px; + border-bottom: 0px; + background-gradient-direction: vertical; + background-gradient-end: rgba(57,156,238,0.1); + background-gradient-start: rgba(57,156,238,0.1); + border-radius: 0px; +} + +/* =================================================================== +* Snap/Tile OSD Popup +* ===================================================================*/ + +.snap-osd { + font-size: 18pt; + border-radius: 24px; + background-color: rgba(55,55,55,0.9); + color: black; + padding-right: 20px; + padding-left: 20px; + padding-bottom: 20px; + padding-top: 20px; + text-align: center; +} + +.info-osd { + font-size: 18pt; + font-weight: normal; + border-image: url('tab.png') 16; + color: black; + padding: 20px; + text-align: center; +} + +.osd-window { + border-image: url('tab.png') 16; + padding: 20px; + color: black; + spacing: 1em; +} + +.osd-window .level { + height: 0.7em; + border-radius: 0px; + background-color: rgba(0,0,0,0.35); +} + +.tile-preview, +.tile-preview.snap, +.tile-hud, +.tile-hud.snap { + background-color: rgba(49, 106, 197, 0.5); + border: 1px solid rgba(49, 106, 197, 0.8); +} + +.tile-hud:top { + border-top-width: 0px; + border-radius: 0px 0px 8px 8px; +} + +.tile-hud:bottom { + border-bottom-width: 0px; + border-radius: 8px 8px 0px 0px; +} + +.tile-hud:left { + border-left-width: 0px; + border-radius: 0px 8px 8px 0px; +} + +.tile-hud:right { + border-right-width: 0px; + border-radius: 8px 0px 0px 8px; +} + +.tile-hud:top-left { + border-top-width: 0px; + border-left-width: 0px; + border-radius: 0px 0px 8px 0px; +} + +.tile-hud:top-right { + border-top-width: 0px; + border-right-width: 0px; + border-radius: 0px 0px 0px 8px; +} + +.tile-hud:bottom-left { + border-bottom-width: 0px; + border-left-width: 0px; + border-radius: 0px 8px 0px 0px; +} + +.tile-hud:bottom-right { + border-bottom-width: 0px; + border-right-width: 0px; + border-radius: 8px 0px 0px 0px; +} + +/* =================================================================== +* CinnXPStarkMenu +* (if CinnXPStarkMenu is used, change some stuff, else use default) +* ===================================================================*/ +.right-buttons-box { + color: white; +} +.starkmenu-background { + color: #fff; + -boxpointer-gap: -1px; + -arrow-border-radius: 16px; + -arrow-base: 0px; + -arrow-rise: -1px; + background-color: transparent; + border: inset 1px solid rgba(255,255,255,0.5); + border-image: url('menu-assets/menu-bg.png') 8; + box-shadow: 16px -5px 20px 10px rgba(0,0,0,0.4); + border-radius: 6px 6px 0px 0px; + padding-bottom: 0px; +} +.starkmenu-selected-app-box {} +.starkmenu-favorites-box { +} +.starkmenu-applications-box {} +.starkmenu-applications-inner-box {} +.starkmenu-applications-box StScrollView {} +.starkmenu-search-box {} +.hover-user-icon { + border-radius: 4px; + border: 7px solid transparent; + border-image: url('menu-assets/box.png') 6 6 6 6; +} +.hover-icon { + border: 6px solid transparent; +} + +/* shutdown button */ +.starkmenu-quit-horizontal-button { + padding-bottom: 4px; + padding-left: 10px; + border-image: url('buttons/shutdown.png') 8; +} + +.starkmenu-quit-horizontal-button-selected { + padding-bottom: 4px; + padding-left: 10px; + border-image: url('buttons/shutdown-hover.png') 8; +} + +/* logout button */ +.starkmenu-logout-horizontal-button { + padding-bottom: 4px; + border-image: url('buttons/logout.png') 8; +} + +.starkmenu-logout-horizontal-button-selected { + padding-bottom: 4px; + border-image: url('buttons/logout-hover.png') 8; +} + +/* lockscreen button */ +.starkmenu-lockscreen-horizontal-button { + padding-bottom: 4px; + border-image: url('buttons/lock.png') 8; +} + +.starkmenu-lockscreen-horizontal-button-selected { + padding-bottom: 4px; + border-image: url('buttons/lock-hover.png') 4; +} diff --git a/cinnamon/close-hover.svg b/cinnamon/close-hover.svg new file mode 100644 index 0000000..41b2b82 --- /dev/null +++ b/cinnamon/close-hover.svg @@ -0,0 +1,75 @@ + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/cinnamon/close.svg b/cinnamon/close.svg new file mode 100644 index 0000000..86b77aa --- /dev/null +++ b/cinnamon/close.svg @@ -0,0 +1,74 @@ + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/cinnamon/menu-assets/background.png b/cinnamon/menu-assets/background.png new file mode 100644 index 0000000..a44eede Binary files /dev/null and b/cinnamon/menu-assets/background.png differ diff --git a/cinnamon/menu-assets/box.png b/cinnamon/menu-assets/box.png new file mode 100644 index 0000000..58da55f Binary files /dev/null and b/cinnamon/menu-assets/box.png differ diff --git a/cinnamon/menu-assets/checkbox-focus.png b/cinnamon/menu-assets/checkbox-focus.png new file mode 100755 index 0000000..99949e9 Binary files /dev/null and b/cinnamon/menu-assets/checkbox-focus.png differ diff --git a/cinnamon/menu-assets/checkbox-off-focus.png b/cinnamon/menu-assets/checkbox-off-focus.png new file mode 100755 index 0000000..479b497 Binary files /dev/null and b/cinnamon/menu-assets/checkbox-off-focus.png differ diff --git a/cinnamon/menu-assets/checkbox-off.png b/cinnamon/menu-assets/checkbox-off.png new file mode 100755 index 0000000..479b497 Binary files /dev/null and b/cinnamon/menu-assets/checkbox-off.png differ diff --git a/cinnamon/menu-assets/checkbox.png b/cinnamon/menu-assets/checkbox.png new file mode 100755 index 0000000..99949e9 Binary files /dev/null and b/cinnamon/menu-assets/checkbox.png differ diff --git a/cinnamon/menu-assets/handle-vert.png b/cinnamon/menu-assets/handle-vert.png new file mode 100755 index 0000000..22c693a Binary files /dev/null and b/cinnamon/menu-assets/handle-vert.png differ diff --git a/cinnamon/menu-assets/handleh.png b/cinnamon/menu-assets/handleh.png new file mode 100755 index 0000000..80db65c Binary files /dev/null and b/cinnamon/menu-assets/handleh.png differ diff --git a/cinnamon/menu-assets/hover.png b/cinnamon/menu-assets/hover.png new file mode 100755 index 0000000..baadd4d Binary files /dev/null and b/cinnamon/menu-assets/hover.png differ diff --git a/cinnamon/menu-assets/menu-bg.png b/cinnamon/menu-assets/menu-bg.png new file mode 100644 index 0000000..dc59454 Binary files /dev/null and b/cinnamon/menu-assets/menu-bg.png differ diff --git a/cinnamon/menu-assets/scrollh-hover.png b/cinnamon/menu-assets/scrollh-hover.png new file mode 100755 index 0000000..b0be0d3 Binary files /dev/null and b/cinnamon/menu-assets/scrollh-hover.png differ diff --git a/cinnamon/menu-assets/scrollh.png b/cinnamon/menu-assets/scrollh.png new file mode 100755 index 0000000..70f5b05 Binary files /dev/null and b/cinnamon/menu-assets/scrollh.png differ diff --git a/cinnamon/menu-assets/slider-vert-hover.png b/cinnamon/menu-assets/slider-vert-hover.png new file mode 100755 index 0000000..ac9c850 Binary files /dev/null and b/cinnamon/menu-assets/slider-vert-hover.png differ diff --git a/cinnamon/menu-assets/slider-vert.png b/cinnamon/menu-assets/slider-vert.png new file mode 100755 index 0000000..4d06bf0 Binary files /dev/null and b/cinnamon/menu-assets/slider-vert.png differ diff --git a/cinnamon/menu-assets/trough-scrollbar-horiz.png b/cinnamon/menu-assets/trough-scrollbar-horiz.png new file mode 100755 index 0000000..21dfbe9 Binary files /dev/null and b/cinnamon/menu-assets/trough-scrollbar-horiz.png differ diff --git a/cinnamon/menu-assets/trough.png b/cinnamon/menu-assets/trough.png new file mode 100755 index 0000000..dcf5619 Binary files /dev/null and b/cinnamon/menu-assets/trough.png differ diff --git a/cinnamon/menu.png b/cinnamon/menu.png new file mode 100755 index 0000000..4f147ef Binary files /dev/null and b/cinnamon/menu.png differ diff --git a/cinnamon/metadata.json b/cinnamon/metadata.json new file mode 100755 index 0000000..0e9d124 --- /dev/null +++ b/cinnamon/metadata.json @@ -0,0 +1,4 @@ +{ + "last-edited": "1426017329", + "uuid": "452" +} \ No newline at end of file diff --git a/cinnamon/orbs/OBB1.png b/cinnamon/orbs/OBB1.png new file mode 100644 index 0000000..162eaa7 Binary files /dev/null and b/cinnamon/orbs/OBB1.png differ diff --git a/cinnamon/orbs/OBB2.png b/cinnamon/orbs/OBB2.png new file mode 100644 index 0000000..b09dc92 Binary files /dev/null and b/cinnamon/orbs/OBB2.png differ diff --git a/cinnamon/orbs/OBB3.png b/cinnamon/orbs/OBB3.png new file mode 100644 index 0000000..fc55681 Binary files /dev/null and b/cinnamon/orbs/OBB3.png differ diff --git a/cinnamon/overview-hover.png b/cinnamon/overview-hover.png new file mode 100644 index 0000000..8e82082 Binary files /dev/null and b/cinnamon/overview-hover.png differ diff --git a/cinnamon/overview.png b/cinnamon/overview.png new file mode 100644 index 0000000..db71494 Binary files /dev/null and b/cinnamon/overview.png differ diff --git a/cinnamon/panel-assets/item-active-hover.png b/cinnamon/panel-assets/item-active-hover.png new file mode 100755 index 0000000..f50a051 Binary files /dev/null and b/cinnamon/panel-assets/item-active-hover.png differ diff --git a/cinnamon/panel-assets/item-active.png b/cinnamon/panel-assets/item-active.png new file mode 100755 index 0000000..583a155 Binary files /dev/null and b/cinnamon/panel-assets/item-active.png differ diff --git a/cinnamon/panel-assets/item-attention-hover.png b/cinnamon/panel-assets/item-attention-hover.png new file mode 100755 index 0000000..7abc4f8 Binary files /dev/null and b/cinnamon/panel-assets/item-attention-hover.png differ diff --git a/cinnamon/panel-assets/item-attention.png b/cinnamon/panel-assets/item-attention.png new file mode 100755 index 0000000..7abc4f8 Binary files /dev/null and b/cinnamon/panel-assets/item-attention.png differ diff --git a/cinnamon/panel-assets/item-hover.png b/cinnamon/panel-assets/item-hover.png new file mode 100755 index 0000000..b54ebb4 Binary files /dev/null and b/cinnamon/panel-assets/item-hover.png differ diff --git a/cinnamon/panel-assets/item-normal.png b/cinnamon/panel-assets/item-normal.png new file mode 100644 index 0000000..75a90aa Binary files /dev/null and b/cinnamon/panel-assets/item-normal.png differ diff --git a/cinnamon/panel-assets/tray-hover.png b/cinnamon/panel-assets/tray-hover.png new file mode 100644 index 0000000..2146804 Binary files /dev/null and b/cinnamon/panel-assets/tray-hover.png differ diff --git a/cinnamon/panel-assets/tray-pressed.png b/cinnamon/panel-assets/tray-pressed.png new file mode 100644 index 0000000..0a6a858 Binary files /dev/null and b/cinnamon/panel-assets/tray-pressed.png differ diff --git a/cinnamon/panel.png b/cinnamon/panel.png new file mode 100755 index 0000000..322631f Binary files /dev/null and b/cinnamon/panel.png differ diff --git a/cinnamon/radio-selected.png b/cinnamon/radio-selected.png new file mode 100755 index 0000000..e1cee87 Binary files /dev/null and b/cinnamon/radio-selected.png differ diff --git a/cinnamon/radio-unselected.png b/cinnamon/radio-unselected.png new file mode 100755 index 0000000..71109dc Binary files /dev/null and b/cinnamon/radio-unselected.png differ diff --git a/cinnamon/tab.png b/cinnamon/tab.png new file mode 100644 index 0000000..66d2d89 Binary files /dev/null and b/cinnamon/tab.png differ diff --git a/cinnamon/theme.json b/cinnamon/theme.json new file mode 100755 index 0000000..c5edf8d --- /dev/null +++ b/cinnamon/theme.json @@ -0,0 +1,10 @@ +{ + "cinnamon-theme": { + "name": "New-Minty", + "author": "zagortenay333", + "version": "", + "type": "custom", + "thumbnail": "thumbnail.png", + "url": "" + } +} diff --git a/cinnamon/thumbnail.png b/cinnamon/thumbnail.png new file mode 100755 index 0000000..0edc543 Binary files /dev/null and b/cinnamon/thumbnail.png differ diff --git a/cinnamon/trash-icon.png b/cinnamon/trash-icon.png new file mode 100644 index 0000000..66bba6b Binary files /dev/null and b/cinnamon/trash-icon.png differ diff --git a/gnome-shell/gnome-shell.css b/gnome-shell/gnome-shell.css new file mode 100644 index 0000000..f70c80d --- /dev/null +++ b/gnome-shell/gnome-shell.css @@ -0,0 +1,1916 @@ +/* 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 + * + * Modified for Kali Linux by Christian Medel (Elbullazul) + * (c) 2018 Offensive Security + * + * 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 */ +stage { + font-family: Cantarell, Sans-Serif; + font-size: 11pt; + color: #ffffff; } + +/* WIDGETS */ +/* Buttons */ +.button { + border-radius: 3px; + border-width: 1px; + padding: 4px 32px; + color: #ffffff; + background-color: #484848; + border-color: rgba(0, 0, 0, 0.7); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; } + .button:focus { + color: #ffffff; + text-shadow: 0 1px black; + icon-shadow: 0 1px black; } + .button:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: #505050; + text-shadow: 0 1px black; + icon-shadow: 0 1px black; } + .button:insensitive { + color: #a4a4a4; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(90, 90, 90, 0.7); + box-shadow: none; + text-shadow: none; + icon-shadow: none; } + .button:active { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: #1D8ECE; + text-shadow: none; + icon-shadow: none; } + +.modal-dialog-linked-button { + border-right-width: 1px; + color: #ffffff; + background-color: #484848; + border-color: rgba(0, 0, 0, 0.7); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + padding: 12px; } + .modal-dialog-linked-button:insensitive { + color: #a4a4a4; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(90, 90, 90, 0.7); + box-shadow: none; + text-shadow: none; + icon-shadow: none; } + .modal-dialog-linked-button:focus { + color: #ffffff; + text-shadow: 0 1px black; + icon-shadow: 0 1px black; } + .modal-dialog-linked-button:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: #505050; + text-shadow: 0 1px black; + icon-shadow: 0 1px black; } + .modal-dialog-linked-button:active { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: #1D8ECE; + text-shadow: none; + icon-shadow: none; } + .modal-dialog-linked-button:first-child { + border-radius: 0px; } + .modal-dialog-linked-button:last-child { + border-right-width: 0px; + border-radius: 0px; } + .modal-dialog-linked-button:first-child:last-child { + border-right-width: 0px; + border-radius: 0px; } + +/* Entries */ +StEntry { + border-radius: 0px; + padding: 4px; + border-width: 1px; + color: #ffffff; + background-color: #1f1f1f; + border-color: #292929; + box-shadow: none; + selection-background-color: #1D8ECE; + selected-color: #ffffff; } + StEntry:focus { + box-shadow: none; + border-color: rgba(166, 166, 166, 0.5); } + StEntry:insensitive { + color: #a4a4a4; + border-color: #383838; + box-shadow: none; } + StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #FF8300; + padding: 0 4px; } + +/* Scrollbars */ +StScrollView.vfade { + -st-vfade-offset: 68px; } +StScrollView.hfade { + -st-hfade-offset: 68px; } + +StScrollBar { + padding: 0; } + StScrollView StScrollBar { + min-width: 14px; + min-height: 14px; } + StScrollBar StBin#trough { + border-radius: 0; + background-color: transparent; } + StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 8px; + background-color: #b6b6b6; + margin: 3px; } + StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #dadada; } + StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #1D8ECE; } + +/* Slider */ +.slider { + height: 1em; + -barlevel-height: 0.3em; + -barlevel-background-color: #383838; + -barlevel-border-color: #292929; + -barlevel-active-background-color: #1D8ECE; + -barlevel-active-border-color: #176fa1; + -barlevel-overdrive-color: #990000; + -barlevel-overdrive-border-color: #660000; + -barlevel-overdrive-separator-width: 0.2em; + -barlevel-border-width: 1px; + -slider-handle-radius: 6px; } + +/* Check Boxes */ +.check-box StBoxLayout { + spacing: .8em; } +.check-box StBin { + width: 24px; + height: 22px; + background-image: url("resource:///org/gnome/shell/theme/checkbox-off.svg"); } +.check-box:focus StBin { + background-image: url("resource:///org/gnome/shell/theme/checkbox-off-focused.svg"); } +.check-box:checked StBin { + background-image: url("resource:///org/gnome/shell/theme/checkbox.svg"); } +.check-box:focus:checked StBin { + background-image: url("resource:///org/gnome/shell/theme/checkbox-focused.svg"); } + +/* Switches */ +.toggle-switch { + width: 65px; + height: 22px; + background-size: contain; } + +.toggle-switch-us { + background-image: url("resource:///org/gnome/shell/theme/toggle-off-us.svg"); } + .toggle-switch-us:checked { + background-image: url("resource:///org/gnome/shell/theme/toggle-on-us.svg"); } + +.toggle-switch-intl { + background-image: url("resource:///org/gnome/shell/theme/toggle-off-intl.svg"); } + .toggle-switch-intl:checked { + background-image: url("resource:///org/gnome/shell/theme/toggle-on-intl.svg"); } + +/* links */ +.shell-link { + color: #67bbea; } + .shell-link:hover { + color: #94cff0; } + +/* Modal Dialogs */ +.headline { + font-size: 110%; } + +.lightbox { + background-color: black; } + +.flashspot { + background-color: white; } + +.modal-dialog { + border-radius: 0px; + color: #ffffff; + background-color: rgba(47, 47, 47, 0.95); + border: 1px solid rgba(255, 255, 255, 0.2); } + .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: 12pt; + font-weight: normal; + color: #e6e6e6; + padding-bottom: .4em; } + +.mount-dialog-subject, +.end-session-dialog-subject { + font-size: 14pt; } + +/* Message Dialog */ +.message-dialog-main-layout { + padding: 12px 20px 0; + spacing: 12px; } + +.message-dialog-content { + max-width: 28em; + spacing: 20px; } + +.message-dialog-icon { + min-width: 48px; + icon-size: 48px; } + +.message-dialog-title { + font-weight: normal; } + +.message-dialog-subtitle { + color: #999999; + font-weight: normal; } + +/* End Session Dialog */ +.end-session-dialog { + spacing: 42px; + border: 1px solid rgba(255, 255, 255, 0.2); } + +.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: #FF8300; + 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: #ffffff; + 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: normal; } + .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: normal; } + +.end-session-dialog-app-list-item-description { + color: #f2f2f2; + font-size: 10pt; } + +/* 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: #e6e6e6; } + .mount-dialog-app-list-item:hover { + color: #ffffff; } + .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: 10pt; } + +/* Password or Authentication Dialog */ +.prompt-dialog { + width: 34em; + border: 3px solid rgba(255, 255, 255, 0.2); } + .prompt-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; } + .prompt-dialog .message-dialog-content { + spacing: 16px; } + .prompt-dialog .message-dialog-title { + color: #bfbfbf; } + +.prompt-dialog-description:rtl { + text-align: right; } + +.prompt-dialog-password-box { + spacing: 1em; + padding-bottom: 1em; } + +.prompt-dialog-error-label { + font-size: 10pt; + color: #FF0000; + padding-bottom: 8px; } + +.prompt-dialog-info-label { + font-size: 10pt; + padding-bottom: 8px; } + +.hidden { + color: transparent; } + +.prompt-dialog-null-label { + font-size: 10pt; + padding-bottom: 8px; } + +/* Polkit Dialog */ +.polkit-dialog-user-layout { + padding-left: 10px; + spacing: 10px; } + .polkit-dialog-user-layout:rtl { + padding-left: 0px; + padding-right: 10px; } + +.polkit-dialog-user-root-label { + color: #FF8300; } + +.polkit-dialog-user-icon { + border-radius: 5px; + background-size: contain; + width: 48px; + height: 48px; } + +/* Audio selection dialog */ +.audio-device-selection-dialog { + spacing: 30px; } + +.audio-selection-content { + spacing: 20px; + padding: 24px; } + +.audio-selection-title { + font-weight: normal; + text-align: center; } + +.audio-selection-box { + spacing: 20px; } + +.audio-selection-device { + border: 1px solid rgba(255, 255, 255, 0.2); + border-radius: 12px; } + .audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { + background-color: #1D8ECE; } + +.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: #bfbfbf; } + +/* Inhibit-Shortcuts Dialog */ +.inhibit-shortcuts-dialog { + spacing: 30px; } + +/* Network Agent Dialog */ +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; } + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; } + +/* Popovers/Menus */ +.popup-menu { + min-width: 15em; } + .popup-menu .popup-sub-menu { + background-color: #434343; + box-shadow: inset 0 -1px 0px #363636; } + .popup-menu .popup-menu-content { + padding: 1em 0em; } + .popup-menu .popup-menu-item { + spacing: 12px; } + .popup-menu .popup-menu-item:ltr { + padding: .4em 1.75em .4em 0em; } + .popup-menu .popup-menu-item:rtl { + padding: .4em 0em .4em 1.75em; } + .popup-menu .popup-menu-item:checked { + background-color: #434343; + box-shadow: inset 0 1px 0px #363636; + font-weight: normal; } + .popup-menu .popup-menu-item.selected { + background-color: rgba(255, 255, 255, 0.1); + color: #ffffff; } + .popup-menu .popup-menu-item:active { + background-color: #1D8ECE; + color: #ffffff; } + .popup-menu .popup-menu-item:insensitive { + color: rgba(255, 255, 255, 0.5); } + .popup-menu .popup-inactive-menu-item { + color: #ffffff; } + .popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(255, 255, 255, 0.5); } + .popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; } + +.popup-menu-ornament { + text-align: right; + width: 1.2em; } + +.popup-menu-boxpointer, +.candidate-popup-boxpointer { + -arrow-border-radius: 0px; + -arrow-background-color: #484848; + -arrow-border-width: 1px; + -arrow-border-color: #292929; + -arrow-base: 24px; + -arrow-rise: 11px; + -arrow-box-shadow: 0 1px 3px black; } + +.popup-separator-menu-item { + height: 1px; + margin: 6px 64px; + background-color: transparent; + border-color: #434343; + border-bottom-width: 1px; + border-bottom-style: solid; } + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0px; } + +/* fallback menu +- odd thing for styling App menu when apparently not running under shell. Light Adwaita styled + app menu inside the main app window itself rather than the top bar +*/ +/* OSD */ +.osd-window { + text-align: center; + font-weight: normal; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; } + .osd-window .osd-monitor-label { + font-size: 3em; } + .osd-window .level { + height: 0.6em; + -barlevel-height: 0.6em; + -barlevel-background-color: rgba(34, 34, 34, 0.5); + -barlevel-active-background-color: #ffffff; + -barlevel-overdrive-color: #990000; + -barlevel-overdrive-separator-width: 0.2em; } + +/* Pad OSD */ +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.8); } + .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: 0; } + +.switcher-list .item-box:outlined { + padding: 6px; + border: 2px solid #101010; } + +.switcher-list .item-box:selected { + background-color: #1D8ECE; + color: #ffffff; } + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; } + +.switcher-list .thumbnail { + width: 256px; } + +.switcher-list .separator { + width: 1px; + background: #292929; } + +.switcher-arrow { + border-color: transparent; + color: rgba(255, 255, 255, 0.8); } + .switcher-arrow:highlighted { + color: #ffffff; } + +.input-source-switcher-symbol { + font-size: 34pt; + width: 96px; + height: 96px; } + +/* Window Cycler */ +.cycler-highlight { + border: 5px solid #1D8ECE; } + +/* Workspace Switcher */ +.workspace-switcher-group { + padding: 12px; } + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; } + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 50px; + background-color: #1D8ECE; + color: #ffffff; + background-size: 32px; + border-radius: 0px; } + +.ws-switcher-box { + height: 50px; + border: 1px solid rgba(255, 255, 255, 0.1); + background: transparent; + border-radius: 0px; } + +.osd-window, +.resize-popup, +.switcher-list, .workspace-switcher-container { + color: #ffffff; + background-color: #484848; + border: 1px solid rgba(255, 255, 255, 0.2); + border-radius: 0px; + padding: 12px; } + +/* Tiled window previews */ +.tile-preview { + background-color: rgba(29, 142, 206, 0.5); + border: 1px solid #1D8ECE; } + +.tile-preview-left.on-primary { + border-radius: 0px 0 0 0; } + +.tile-preview-right.on-primary { + border-radius: 0 0px 0 0; } + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0px 0px 0 0; } + +/* TOP BAR */ +#panel { + background-color: rgba(0, 0, 0, 0); + border-image: url('../cinnamon/panel.png') 80 0 0 0; + outline: 1px rgba(0,0,0,0.5); + /* transition from solid to transparent */ + transition-duration: 500ms; + font-weight: normal; + height: 1.86em; + font-feature-settings: "tnum"; } + #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; } + #panel #panelLeft, #panel #panelCenter { + spacing: 4px; } + #panel .panel-corner { + -panel-corner-radius: 0px; + -panel-corner-background-color: rgba(0, 0, 0, 0.35); + -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: #249ce0; } + #panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; } + #panel .panel-button { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: normal; + color: #eee; + text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.9); + transition-duration: 100ms; } + #panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 4px; + margin-right: 4px; } + #panel .panel-button .system-status-icon, + #panel .panel-button .app-menu-icon > StIcon, + #panel .panel-button .popup-menu-arrow { + icon-shadow: 0px 1px 2px rgba(0, 0, 0, 0.9); } + #panel .panel-button:hover { + color: white; + text-shadow: 0px 1px 6px black; } + #panel .panel-button:hover .system-status-icon, + #panel .panel-button:hover .app-menu-icon > StIcon, + #panel .panel-button:hover .popup-menu-arrow { + icon-shadow: 0px 1px 6px black; } + #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + background-color: rgba(0, 0, 0, 0.01); + box-shadow: inset 0 -2px 0px #249ce0; + color: white; } + #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { + icon-shadow: black 0 2px 2px; } + #panel .panel-button .system-status-icon { + icon-size: 1.09em; + padding: 0 5px; } + .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-status-indicators-box, + #panel .panel-status-menu-box { + spacing: 2px; } + #panel .power-status.panel-status-indicators-box { + spacing: 0; } + #panel .screencast-indicator { + color: #FF8300; } + #panel .remote-access-indicator { + color: #FF8300; } + #panel.solid { + /* transition from transparent to solid */ + transition-duration: 300ms; + background-gradient-direction: none; } + #panel.solid .panel-corner { + -panel-corner-background-color: black; } + #panel.solid .panel-button { + color: #ccc; + text-shadow: none; } + #panel.solid .panel-button:hover, #panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: white; } + #panel.solid .system-status-icon, + #panel.solid .app-menu-icon > StIcon, + #panel.solid .popup-menu-arrow { + icon-shadow: none; } + +#calendarArea { + padding: 0.75em 1.0em; } + +.calendar { + margin-bottom: 1em; } + +.calendar, +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 0 1.5em; } + +.datemenu-calendar-column { + spacing: 0.5em; } + +.datemenu-displays-section { + padding-bottom: 3em; } + +.datemenu-displays-box { + spacing: 1em; } + +.datemenu-calendar-column { + border: 0 solid #555555; } + .datemenu-calendar-column:ltr { + border-left-width: 1px; } + .datemenu-calendar-column:rtl { + border-right-width: 1px; } + +.datemenu-today-button, +.world-clocks-button, +.weather-button, +.events-section-title { + border-radius: 4px; + padding: .4em; } + +.message-list-section-list:ltr { + padding-left: .4em; } + +.message-list-section-list:rtl { + padding-right: .4em; } + +.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 { + background-color: #555555; } +.datemenu-today-button:active, +.world-clocks-button:active, +.weather-button:active, +.events-section-title:active { + color: white; + background-color: #1D8ECE; } + +.datemenu-today-button .date-label { + font-size: 1.5em; + font-weight: 300; } + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #999999; + font-weight: normal; } + +.world-clocks-grid { + spacing-rows: 0.4em; } + +.weather-box { + spacing: 0.4em; } + +.calendar-month-label { + color: #f2f2f2; + font-weight: normal; + padding: 8px 0; } + +.pager-button { + color: white; + background-color: transparent; + width: 32px; + border-radius: 4px; } + .pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.05); } + .pager-button:active { + background-color: rgba(72, 72, 72, 0.05); } + +.calendar-change-month-back { + background-image: url("resource:///org/gnome/shell/theme/calendar-arrow-left.svg"); } + .calendar-change-month-back:rtl { + background-image: url("resource:///org/gnome/shell/theme/calendar-arrow-right.svg"); } + +.calendar-change-month-forward { + background-image: url("resource:///org/gnome/shell/theme/calendar-arrow-right.svg"); } + .calendar-change-month-forward:rtl { + background-image: url("resource:///org/gnome/shell/theme/calendar-arrow-left.svg"); } + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 2.4em; + height: 2.4em; + padding: 0.1em; + margin: 2px; + border-radius: 1.4em; + font-feature-settings: "tnum"; } + .calendar-day-base:hover, .calendar-day-base:focus { + background-color: #555555; } + .calendar-day-base:active, .calendar-day-base:selected { + color: white; + background-color: #1D8ECE; + border-color: transparent; } + .calendar-day-base.calendar-day-heading { + color: #999999; + margin-top: 1em; + font-size: 70%; } + +.calendar-day { + border-width: 0; } + +.calendar-day-top { + border-top-width: 1px; } + +.calendar-day-left { + border-left-width: 1px; } + +.calendar-nonwork-day { + color: #a4a4a4; } + +.calendar-today { + font-weight: normal; + border: 1px solid rgba(41, 41, 41, 0.5); } + +.calendar-day-with-events { + color: white; + font-weight: normal; + background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg"); } + +.calendar-other-month-day { + color: rgba(255, 255, 255, 0.15); + opacity: 0.5; } + +.calendar-week-number { + font-size: 70%; + font-weight: normal; + width: 2.3em; + height: 1.8em; + border-radius: 2px; + padding: 0.5em 0 0; + margin: 6px; + background-color: rgba(255, 255, 255, 0.3); + color: #484848; } + +/* Message list */ +.message-list { + width: 31.5em; } + +.message-list-clear-button.button { + background-color: transparent; + margin: 1.5em 1.5em 0; } + .message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: #555555; } + +.message-list-sections { + spacing: 1em; } + +.message-list-section, +.message-list-section-list { + spacing: 0.4em; } + +.message { + border-radius: 3px; } + .message:hover, .message:focus { + background-color: #555555; } + +.message-icon-bin { + padding: 0.68em 0.2em 0.68em 0.68em; } + .message-icon-bin:rtl { + padding: 0.68em 0.68em 0.68em 0.2em; } + +.message-icon-bin > StIcon { + color: #cccccc; + icon-size: 1.09em; + -st-icon-style: symbolic; } + +.message-secondary-bin { + padding: 0 0.82em; } + +.message-secondary-bin > .event-time { + color: #999999; + font-size: 0.7em; + /* HACK: the label should be baseline-aligned with a 1em label, + fake this with some bottom padding */ + padding-bottom: 0.13em; } + +.message-secondary-bin > StIcon { + icon-size: 1.09em; } + +.message-title { + color: #f2f2f2; } + +.message-content { + color: #cccccc; + padding: 10px; } + +.message-media-control { + padding: 12px; + color: #cccccc; } + .message-media-control:last-child:ltr { + padding-right: 18px; } + .message-media-control:last-child:rtl { + padding-left: 18px; } + .message-media-control:hover { + color: #ffffff; } + .message-media-control:insensitive { + color: #999999; } + +.media-message-cover-icon { + icon-size: 48px !important; } + .media-message-cover-icon.fallback { + color: #626262; + background-color: #484848; + border: 2px solid #484848; + border-radius: 2px; + icon-size: 16px; + padding: 8px; } + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; } + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; } + +#appMenu { + spinner-image: url("resource:///org/gnome/shell/theme/process-working.svg"); + spacing: 4px; } + #appMenu .label-shadow { + color: transparent; } + +.aggregate-menu { + min-width: 21em; } + .aggregate-menu .popup-menu-icon { + padding: 0 4px; } + .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 20px; + margin-left: 1.09em; } + .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 20px; + margin-right: 1.09em; } + +.system-menu-action { + -st-icon-style: symbolic; + color: #ffffff; + border-radius: 32px; + /* wish we could do 50% */ + padding: 13px; + border: 1px solid #363636; } + .system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(255, 255, 255, 0.1); + color: #ffffff; + border: none; + padding: 14px; } + .system-menu-action:active { + background-color: #1D8ECE; + color: #ffffff; } + .system-menu-action > StIcon { + icon-size: 16px; } + +.ripple-box { + width: 52px; + height: 52px; + background-image: url("resource:///org/gnome/shell/theme/corner-ripple-ltr.png"); + background-size: contain; } + +.ripple-box:rtl { + background-image: url("resource:///org/gnome/shell/theme/corner-ripple-rtl.png"); } + +.popup-menu-arrow { + width: 16px; + height: 16px; } + +.popup-menu-icon { + icon-size: 1.09em; } + +.window-close { + background-image: url("resource:///org/gnome/shell/theme/close-window.svg"); + background-size: 32px; + height: 32px; + width: 32px; + -shell-close-overlap: 16px; } + .window-close:hover { + background-image: url("resource:///org/gnome/shell/theme/close-window-hover.svg"); } + .window-close:active { + background-image: url("resource:///org/gnome/shell/theme/close-window-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: normal; + text-align: center; } + +.nm-dialog-airplane-text { + color: #ffffff; } + +.nm-dialog-header-icon { + icon-size: 32px; } + +.nm-dialog-scroll-view { + border: 2px solid #292929; } + +.nm-dialog-header { + font-weight: normal; } + +.nm-dialog-item { + font-size: 110%; + border-bottom: 1px solid #292929; + padding: 12px; + spacing: 20px; } + +.nm-dialog-item:selected { + background-color: #1D8ECE; + color: #ffffff; } + +.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 16px; } + .window-picker.external-monitor { + padding: 16px; } + +.window-clone-border { + border: 4px solid #1D8ECE; + border-radius: 0px; + box-shadow: inset 0px 0px 0px 1px #1D8ECE; } + +.window-caption { + spacing: 25px; + color: #ffffff; + background-color: #1D8ECE; + border-radius: 0px; + padding: 4px 8px; } + +.search-entry { + width: 320px; + padding: 7px 9px; + border-radius: 0px; + border-color: #151515; + color: #ffffff; + background-color: #484848; } + .search-entry:focus { + padding: 6px 8px; + border-width: 2px; + border-color: #1D8ECE; } + .search-entry .search-entry-icon { + icon-size: 1em; + padding: 0 4px; + color: rgba(255, 255, 255, 0.7); } + .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: #ffffff; } + +#searchResultsBin { + max-width: 1000px; } + +#searchResultsContent { + padding-left: 20px; + padding-right: 20px; + spacing: 16px; } + +.search-section { + spacing: 16px; } + +.search-section-content { + spacing: 32px; } + +.list-search-results { + spacing: 3px; } + +.search-section-separator { + height: 2px; + background-color: rgba(255, 255, 255, 0.2); } + +.list-search-result-content { + spacing: 30px; } + +.list-search-result-title { + color: #f2f2f2; + spacing: 12px; } + +.list-search-result-description { + color: rgba(217, 217, 217, 0.5); } + +.list-search-provider-details { + width: 150px; + color: #f2f2f2; + margin-top: 0.24em; } + +.list-search-provider-content { + spacing: 20px; } + +.search-provider-icon { + padding: 15px; } + +/* DASHBOARD */ +#dash { + font-size: 9pt; + color: #ffffff; + background-color: #484848; + padding: 4px 0; + border: 1px solid rgba(128, 128, 128, 0.4); + border-left: 0px; + border-image: url('../cinnamon/panel.png') 80 0 0 0; + border-radius: 0px 9px 9px 0px; } + #dash:rtl { + border-radius: 9px 0 0 9px; } + #dash .placeholder { + background-image: url("resource:///org/gnome/shell/theme/dash-placeholder.svg"); + background-size: contain; + height: 24px; } + #dash .empty-dash-drop-target { + width: 24px; + height: 24px; } + +.dash-item-container > StWidget { + padding: 4px 8px; } + +.dash-label { + border-radius: 0px; + padding: 4px 8px; + color: #ffffff; + background-color: #484848; + text-align: center; + -x-offset: 8px; } + +/* App Vault/Grid */ +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; } + .icon-grid .overview-icon { + icon-size: 96px; } + +.system-action-icon { + background-color: black; + color: white; + border-radius: 99px; + icon-size: 48px; } + +.app-view-controls { + padding-bottom: 32px; } + +.app-view-control { + padding: 4px 32px; } + .app-view-control:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: #1D8ECE; + text-shadow: none; + icon-shadow: none; } + .app-view-control:first-child { + border-right-width: 0; + border-radius: 0px; } + .app-view-control:last-child { + border-radius: 0px; } + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(47, 47, 47, 0.9); } +.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.1); + transition-duration: 200ms; } + +.app-well-app:active .overview-icon, .app-well-app:checked .overview-icon, +.app-well-app.app-folder:active .overview-icon, +.app-well-app.app-folder:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(47, 47, 47, 0.9); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.7); } +.app-well-app:hover .overview-icon, .app-well-app:focus .overview-icon, .app-well-app:selected .overview-icon, +.app-well-app.app-folder:hover .overview-icon, +.app-well-app.app-folder:focus .overview-icon, +.app-well-app.app-folder:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.1); + transition-duration: 0ms; + border-image: none; + background-image: none; } + +.app-well-app-running-dot { + width: 10px; + height: 3px; + background-color: #1D8ECE; + margin-bottom: 2px; } + +.search-provider-icon, +.list-search-result, .app-well-app .overview-icon, +.app-well-app.app-folder .overview-icon, +.show-apps .overview-icon, +.grid-search-result .overview-icon { + color: #ffffff; + border-radius: 0px; + padding: 6px; + border: 1px solid transparent; + transition-duration: 100ms; + text-align: center; } + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(72, 72, 72, 0.4); } + +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: white; + transition-duration: 100ms; } + +.show-apps .show-apps-icon { + border: none; + padding: 0; + background-image: url("../cinnamon/orbs/OBB1.png"); + background-size: 100% 100%; + background-position: center center; + color: transparent; + -st-background-image-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.14); } + +.show-apps:hover .show-apps-icon { + color: transparent; + background-image: url("../cinnamon/orbs/OBB2.png"); + -st-background-image-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.22); + transition-duration: 0.2s; } +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + background-image: url("../cinnamon/orbs/OBB3.png"); + -st-background-image-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.22); + transition-duration: 0.2s; } + +.app-folder-popup { + -arrow-border-radius: 0px; + -arrow-background-color: #484848; + -arrow-base: 24px; + -arrow-rise: 11px; } + +.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: 18px; + height: 18px; + background-image: url(resource:///org/gnome/shell/theme/page-indicator-inactive.svg); } + .page-indicator:hover .page-indicator-icon { + background-image: url(resource:///org/gnome/shell/theme/page-indicator-hover.svg); } + .page-indicator:active .page-indicator-icon { + background-image: url(resource:///org/gnome/shell/theme/page-indicator-active.svg); } + .page-indicator:checked .page-indicator-icon, .page-indicator:checked:active { + background-image: url(resource:///org/gnome/shell/theme/page-indicator-checked.svg); } + +.app-well-app > .overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 4px; } + +.workspace-thumbnails { + visible-width: 32px; + spacing: 11px; + padding: 8px; + border-radius: 0px; } + .workspace-thumbnails:rtl { + border-radius: 0px; } + .workspace-thumbnails .placeholder { + background-image: url("resource:///org/gnome/shell/theme/dash-placeholder.svg"); + background-size: contain; + height: 24px; } + +.workspace-thumbnail-indicator { + border: 4px solid #1D8ECE; + padding: 1px; } + +.search-display > StBoxLayout, +.all-apps, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; } + +.workspace-thumbnails { + color: #ffffff; + background-color: #484848; + border: 1px solid rgba(255, 255, 255, 0.2); } + +.search-statustext, .no-frequent-applications-label { + font-size: 2em; + font-weight: normal; + color: #ffffff; } + +/* NOTIFICATIONS & MESSAGE TRAY */ +.url-highlighter { + link-color: #3ba6e3; } + +.notification-banner { + font-size: 11pt; + width: 34em; + margin: 5px; + border-radius: 6px; + color: #ffffff; + background-color: #484848; + border: 1px solid #292929; } + .notification-banner:hover { + background-color: #484848; } + .notification-banner:focus { + background-color: #484848; } + .notification-banner .notification-icon { + padding: 5px; } + .notification-banner .notification-content { + padding: 5px; + spacing: 5px; } + .notification-banner .secondary-icon { + icon-size: 1.09em; } + .notification-banner .notification-actions { + background-color: #292929; + padding-top: 2px; + spacing: 1px; } + .notification-banner .notification-button { + padding: 4px 4px 5px; + background-color: #3b3b3b; } + .notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; } + .notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; } + .notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { + background-color: #434343; } + +.summary-source-counter { + font-size: 10pt; + font-weight: normal; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #1D8ECE; + color: #ffffff; + border: 2px solid #ffffff; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; } + +.secondary-icon { + icon-size: 1.09em; } + +.chat-body { + spacing: 5px; } + +.chat-response { + margin: 5px; } + +.chat-log-message { + color: #e6e6e6; } + +.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: #d9d9d9; } + .chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; } + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: normal; + color: #cccccc; } + .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: 4px; } + .hotplug-resident-mount:hover { + background-color: rgba(72, 72, 72, 0.3); } + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; } + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; } + +.hotplug-resident-eject-icon { + icon-size: 16px; } + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 5px; + color: pink; } + +/* Eeeky things */ +.magnifier-zoom-region { + border: 2px solid #1D8ECE; } + .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(72, 72, 72, 0.7); } + +.key-container { + padding: 4px; + spacing: 4px; } + +.keyboard-key { + background-color: #393f3f; + min-height: 2em; + min-width: 2em; + font-size: 16pt; + border-radius: 3px; + border: 1px solid #464d4d; + color: #e5e5e5; } + .keyboard-key:focus { + color: #ffffff; + text-shadow: 0 1px black; + icon-shadow: 0 1px black; } + .keyboard-key:hover, .keyboard-key:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: #505050; + text-shadow: 0 1px black; + icon-shadow: 0 1px black; } + .keyboard-key:active { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: #1D8ECE; + text-shadow: none; + icon-shadow: none; } + .keyboard-key:grayed { + background-color: #484848; + color: #ffffff; + border-color: rgba(0, 0, 0, 0.7); } + .keyboard-key.default-key { + border-color: #2d3232; + background-color: #1d2020; + background-size: 20px; } + .keyboard-key.enter-key { + border-color: #005684; + background-color: #006098; + background-image: url("resource:///org/gnome/shell/theme/key-enter.svg"); } + .keyboard-key.shift-key-lowercase { + background-image: url("resource:///org/gnome/shell/theme/key-shift.svg"); } + .keyboard-key.shift-key-uppercase { + background-image: url("resource:///org/gnome/shell/theme/key-shift-uppercase.svg"); } + .keyboard-key.shift-key-uppercase:latched { + background-image: url("resource:///org/gnome/shell/theme/key-shift-latched-uppercase.svg"); } + .keyboard-key.hide-key { + background-image: url("resource:///org/gnome/shell/theme/key-hide.svg"); } + .keyboard-key.layout-key { + background-image: url("resource:///org/gnome/shell/theme/key-layout.svg"); } + +.keyboard-subkeys { + color: white; + -arrow-border-radius: 10px; + -arrow-background-color: rgba(72, 72, 72, 0.7); + -arrow-border-width: 2px; + -arrow-border-color: rgba(255, 255, 255, 0.2); + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; } + +.candidate-popup-content { + padding: 0.5em; + spacing: 0.3em; } + +.candidate-index { + padding: 0 0.5em 0 0; + color: #e6e6e6; } + +.candidate-box { + padding: 0.3em 0.5em 0.3em 0.5em; + border-radius: 4px; } + .candidate-box:selected, .candidate-box:hover { + background-color: #1D8ECE; + color: #ffffff; } + +.candidate-page-button-box { + height: 2em; } + .vertical .candidate-page-button-box { + padding-top: 0.5em; } + .horizontal .candidate-page-button-box { + padding-left: 0.5em; } + +.candidate-page-button { + padding: 4px; } + +.candidate-page-button-previous { + border-radius: 4px 0px 0px 4px; + border-right-width: 0; } + +.candidate-page-button-next { + border-radius: 0px 4px 4px 0px; } + +.candidate-page-button-icon { + icon-size: 1em; } + +/* Auth Dialogs & Screen Shield */ +.framed-user-icon { + background-size: contain; + border: 2px solid #ffffff; + color: #ffffff; + border-radius: 3px; } + .framed-user-icon:hover { + border-color: white; + color: white; } + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; } + +.login-dialog { + border: none; + background-color: transparent; } + .login-dialog .modal-dialog-button-box { + spacing: 3px; } + .login-dialog .modal-dialog-button { + padding: 3px 18px; } + .login-dialog .modal-dialog-button:default { + color: #ffffff; + background-color: rgba(29, 142, 206, 0.5); + border-color: rgba(0, 0, 0, 0.7); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; } + .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(29, 142, 206, 0.7); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; } + .login-dialog .modal-dialog-button:default:active { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: #1D8ECE; + text-shadow: none; + icon-shadow: none; } + .login-dialog .modal-dialog-button:default:insensitive { + color: #a4a4a4; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(90, 90, 90, 0.7); + box-shadow: none; + text-shadow: none; + icon-shadow: none; } + +.login-dialog-logo-bin { + padding: 24px 0px; } + +.login-dialog-banner { + color: #e6e6e6; } + +.login-dialog-button-box { + spacing: 5px; } + +.login-dialog-message-warning { + color: #FF8300; } + +.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: #ffffff; } + +.login-dialog-not-listed-label { + font-size: 90%; + font-weight: normal; + color: #b3b3b3; + padding-top: 1em; } + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; } + +.login-dialog-user-list { + spacing: 12px; + width: 23em; } + .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: #1D8ECE; + color: #ffffff; } + .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #1D8ECE; } + +.login-dialog-user-list-item { + border-radius: 5px; + padding: 6px; + color: #b3b3b3; } + .login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; } + .login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; } + .login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin-top: 6px; + background-color: #ffffff; } + .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { + background-color: #ffffff; } + +.login-dialog-username, +.user-widget-label { + color: #ffffff; + font-size: 120%; + font-weight: normal; + text-align: left; + padding-left: 15px; } + +.user-widget-label:ltr { + padding-left: 14px; } +.user-widget-label:rtl { + padding-right: 14px; } + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; } + +.login-dialog-prompt-label { + color: #cccccc; + font-size: 110%; + padding-top: 1em; } + +.login-dialog-session-list-button StIcon { + icon-size: 1.25em; } + +.login-dialog-session-list-button { + color: #b3b3b3; } + .login-dialog-session-list-button:hover, .login-dialog-session-list-button:focus { + color: #ffffff; } + .login-dialog-session-list-button:active { + color: gray; } + +.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 rgba(0, 0, 0, 0.4); } + +.screen-shield-clock { + color: white; + text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; } + +.screen-shield-clock-time { + font-size: 72pt; + text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4); + font-feature-settings: "tnum"; } + +.screen-shield-clock-date { + font-size: 28pt; + font-weight: normal; } + +.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: 12px 6px; + border: 1px solid rgba(255, 255, 255, 0.2); + background-color: rgba(72, 72, 72, 0.5); + color: #ffffff; + border-radius: 4px; } + .screen-shield-notifications-container .notification { + margin-right: 15px; } + +.screen-shield-notification-label { + font-weight: normal; + padding: 0px 0px 0px 12px; } + +.screen-shield-notification-count-text { + padding: 0px 0px 0px 12px; } + +#panel.lock-screen { + background-color: rgba(72, 72, 72, 0.5); } + +.screen-shield-background { + background: black; + box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4); } + +#lockDialogGroup { + background: #2e3436 url(resource:///org/gnome/shell/theme/noise-texture.png); + background-repeat: repeat; } + +#screenShieldNotifications StButton#vhandle, #screenShieldNotifications StButton#hhandle { + background-color: rgba(72, 72, 72, 0.3); } + #screenShieldNotifications StButton#vhandle:hover, #screenShieldNotifications StButton#vhandle:focus, #screenShieldNotifications StButton#hhandle:hover, #screenShieldNotifications StButton#hhandle:focus { + background-color: rgba(72, 72, 72, 0.5); } + #screenShieldNotifications StButton#vhandle:active, #screenShieldNotifications StButton#hhandle:active { + background-color: rgba(29, 142, 206, 0.5); } + +#LookingGlassDialog { + background-color: rgba(0, 0, 0, 0.8); + spacing: 4px; + padding: 4px; + border: 2px solid grey; + border-radius: 4px; } + #LookingGlassDialog > #Toolbar { + border: 1px solid grey; + border-radius: 4px; } + #LookingGlassDialog .labels { + spacing: 4px; } + #LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: normal; + color: #ccc; + transition-duration: 100ms; + padding-left: .3em; + padding-right: .3em; } + #LookingGlassDialog .notebook-tab:hover { + color: white; + text-shadow: black 0px 2px 2px; } + #LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 2px; + border-color: #249ce0; + color: white; + text-shadow: black 0px 2px 2px; } + #LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; } + #LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; } + +.lg-dialog StEntry { + selection-background-color: #bbbbbb; + selected-color: #333333; } +.lg-dialog .shell-link { + color: #999999; } + .lg-dialog .shell-link:hover { + color: #dddddd; } + +.lg-completions-text { + font-size: .9em; + font-style: italic; } + +.lg-obj-inspector-title { + spacing: 4px; } + +.lg-obj-inspector-button { + border: 1px solid gray; + padding: 4px; + border-radius: 4px; } + .lg-obj-inspector-button:hover { + border: 1px solid #ffffff; } + +#lookingGlassExtensions { + padding: 4px; } + +.lg-extensions-list { + padding: 4px; + spacing: 6px; } + +.lg-extension { + border: 1px solid #6f6f6f; + border-radius: 4px; + padding: 4px; } + +.lg-extension-name { + font-weight: normal; } + +.lg-extension-meta { + spacing: 6px; } + +#LookingGlassPropertyInspector { + background: rgba(0, 0, 0, 0.8); + border: 2px solid grey; + border-radius: 4px; + padding: 6px; } + +/*# sourceMappingURL=gnome-shell.css.map */ diff --git a/gtk-2.0/Arrows/arrow-down-insens.png b/gtk-2.0/Arrows/arrow-down-insens.png new file mode 100755 index 0000000..7b9bb45 Binary files /dev/null and b/gtk-2.0/Arrows/arrow-down-insens.png differ diff --git a/gtk-2.0/Arrows/arrow-down-prelight.png b/gtk-2.0/Arrows/arrow-down-prelight.png new file mode 100755 index 0000000..d44cdfb Binary files /dev/null and b/gtk-2.0/Arrows/arrow-down-prelight.png differ diff --git a/gtk-2.0/Arrows/arrow-down-pressed.png b/gtk-2.0/Arrows/arrow-down-pressed.png new file mode 100755 index 0000000..15b1396 Binary files /dev/null and b/gtk-2.0/Arrows/arrow-down-pressed.png differ diff --git a/gtk-2.0/Arrows/arrow-down.png b/gtk-2.0/Arrows/arrow-down.png new file mode 100755 index 0000000..d8ec844 Binary files /dev/null and b/gtk-2.0/Arrows/arrow-down.png differ diff --git a/gtk-2.0/Arrows/arrow-left.png b/gtk-2.0/Arrows/arrow-left.png new file mode 100755 index 0000000..40c4539 Binary files /dev/null and b/gtk-2.0/Arrows/arrow-left.png differ diff --git a/gtk-2.0/Arrows/arrow-right-norm.png b/gtk-2.0/Arrows/arrow-right-norm.png new file mode 100755 index 0000000..ad09332 Binary files /dev/null and b/gtk-2.0/Arrows/arrow-right-norm.png differ diff --git a/gtk-2.0/Arrows/arrow-right-prelight.png b/gtk-2.0/Arrows/arrow-right-prelight.png new file mode 100755 index 0000000..ad09332 Binary files /dev/null and b/gtk-2.0/Arrows/arrow-right-prelight.png differ diff --git a/gtk-2.0/Arrows/arrow-right.png b/gtk-2.0/Arrows/arrow-right.png new file mode 100755 index 0000000..ad09332 Binary files /dev/null and b/gtk-2.0/Arrows/arrow-right.png differ diff --git a/gtk-2.0/Arrows/arrow-up-disable.png b/gtk-2.0/Arrows/arrow-up-disable.png new file mode 100755 index 0000000..ff8f38c Binary files /dev/null and b/gtk-2.0/Arrows/arrow-up-disable.png differ diff --git a/gtk-2.0/Arrows/arrow-up-prelight.png b/gtk-2.0/Arrows/arrow-up-prelight.png new file mode 100755 index 0000000..30f00ca Binary files /dev/null and b/gtk-2.0/Arrows/arrow-up-prelight.png differ diff --git a/gtk-2.0/Arrows/arrow-up.png b/gtk-2.0/Arrows/arrow-up.png new file mode 100755 index 0000000..30f00ca Binary files /dev/null and b/gtk-2.0/Arrows/arrow-up.png differ diff --git a/gtk-2.0/Buttons/button-default.png b/gtk-2.0/Buttons/button-default.png new file mode 100755 index 0000000..bd6a057 Binary files /dev/null and b/gtk-2.0/Buttons/button-default.png differ diff --git a/gtk-2.0/Buttons/button-insensitive.png b/gtk-2.0/Buttons/button-insensitive.png new file mode 100755 index 0000000..0e206e4 Binary files /dev/null and b/gtk-2.0/Buttons/button-insensitive.png differ diff --git a/gtk-2.0/Buttons/button-normal.png b/gtk-2.0/Buttons/button-normal.png new file mode 100755 index 0000000..a57c5c0 Binary files /dev/null and b/gtk-2.0/Buttons/button-normal.png differ diff --git a/gtk-2.0/Buttons/button-prelight.png b/gtk-2.0/Buttons/button-prelight.png new file mode 100755 index 0000000..d148eaf Binary files /dev/null and b/gtk-2.0/Buttons/button-prelight.png differ diff --git a/gtk-2.0/Buttons/button-pressed.png b/gtk-2.0/Buttons/button-pressed.png new file mode 100755 index 0000000..a143c5e Binary files /dev/null and b/gtk-2.0/Buttons/button-pressed.png differ diff --git a/gtk-2.0/Check-Radio/check1.png b/gtk-2.0/Check-Radio/check1.png new file mode 100755 index 0000000..88e90b5 Binary files /dev/null and b/gtk-2.0/Check-Radio/check1.png differ diff --git a/gtk-2.0/Check-Radio/check2.png b/gtk-2.0/Check-Radio/check2.png new file mode 100755 index 0000000..9cd0185 Binary files /dev/null and b/gtk-2.0/Check-Radio/check2.png differ diff --git a/gtk-2.0/Check-Radio/check3.png b/gtk-2.0/Check-Radio/check3.png new file mode 100755 index 0000000..dccbd1b Binary files /dev/null and b/gtk-2.0/Check-Radio/check3.png differ diff --git a/gtk-2.0/Check-Radio/check4.png b/gtk-2.0/Check-Radio/check4.png new file mode 100755 index 0000000..a8d5e0d Binary files /dev/null and b/gtk-2.0/Check-Radio/check4.png differ diff --git a/gtk-2.0/Check-Radio/check5.png b/gtk-2.0/Check-Radio/check5.png new file mode 100755 index 0000000..a59ba8a Binary files /dev/null and b/gtk-2.0/Check-Radio/check5.png differ diff --git a/gtk-2.0/Check-Radio/check6.png b/gtk-2.0/Check-Radio/check6.png new file mode 100755 index 0000000..b4eab75 Binary files /dev/null and b/gtk-2.0/Check-Radio/check6.png differ diff --git a/gtk-2.0/Check-Radio/checklight.png b/gtk-2.0/Check-Radio/checklight.png new file mode 100755 index 0000000..2b8964b Binary files /dev/null and b/gtk-2.0/Check-Radio/checklight.png differ diff --git a/gtk-2.0/Check-Radio/focus.png b/gtk-2.0/Check-Radio/focus.png new file mode 100755 index 0000000..4fbd19b Binary files /dev/null and b/gtk-2.0/Check-Radio/focus.png differ diff --git a/gtk-2.0/Check-Radio/highlight.png b/gtk-2.0/Check-Radio/highlight.png new file mode 100755 index 0000000..a8b71b3 Binary files /dev/null and b/gtk-2.0/Check-Radio/highlight.png differ diff --git a/gtk-2.0/Check-Radio/option1.png b/gtk-2.0/Check-Radio/option1.png new file mode 100755 index 0000000..20b4593 Binary files /dev/null and b/gtk-2.0/Check-Radio/option1.png differ diff --git a/gtk-2.0/Check-Radio/option2.png b/gtk-2.0/Check-Radio/option2.png new file mode 100755 index 0000000..628ed86 Binary files /dev/null and b/gtk-2.0/Check-Radio/option2.png differ diff --git a/gtk-2.0/Check-Radio/option3.png b/gtk-2.0/Check-Radio/option3.png new file mode 100755 index 0000000..f2c5bc6 Binary files /dev/null and b/gtk-2.0/Check-Radio/option3.png differ diff --git a/gtk-2.0/Check-Radio/option4.png b/gtk-2.0/Check-Radio/option4.png new file mode 100755 index 0000000..db166ea Binary files /dev/null and b/gtk-2.0/Check-Radio/option4.png differ diff --git a/gtk-2.0/Check-Radio/option5.png b/gtk-2.0/Check-Radio/option5.png new file mode 100755 index 0000000..df9a257 Binary files /dev/null and b/gtk-2.0/Check-Radio/option5.png differ diff --git a/gtk-2.0/Check-Radio/option6.png b/gtk-2.0/Check-Radio/option6.png new file mode 100755 index 0000000..ab9c48a Binary files /dev/null and b/gtk-2.0/Check-Radio/option6.png differ diff --git a/gtk-2.0/Combo/combo-arrow-insens.png b/gtk-2.0/Combo/combo-arrow-insens.png new file mode 100755 index 0000000..3eb999a Binary files /dev/null and b/gtk-2.0/Combo/combo-arrow-insens.png differ diff --git a/gtk-2.0/Combo/combo-arrow-prelight.png b/gtk-2.0/Combo/combo-arrow-prelight.png new file mode 100755 index 0000000..27e3a2b Binary files /dev/null and b/gtk-2.0/Combo/combo-arrow-prelight.png differ diff --git a/gtk-2.0/Combo/combo-arrow.png b/gtk-2.0/Combo/combo-arrow.png new file mode 100755 index 0000000..9b96dae Binary files /dev/null and b/gtk-2.0/Combo/combo-arrow.png differ diff --git a/gtk-2.0/Combo/combo-inactive.png b/gtk-2.0/Combo/combo-inactive.png new file mode 100755 index 0000000..d9ec8a3 Binary files /dev/null and b/gtk-2.0/Combo/combo-inactive.png differ diff --git a/gtk-2.0/Combo/combo-normal.png b/gtk-2.0/Combo/combo-normal.png new file mode 100755 index 0000000..cb40287 Binary files /dev/null and b/gtk-2.0/Combo/combo-normal.png differ diff --git a/gtk-2.0/Combo/combo-prelight.png b/gtk-2.0/Combo/combo-prelight.png new file mode 100755 index 0000000..a4c07c2 Binary files /dev/null and b/gtk-2.0/Combo/combo-prelight.png differ diff --git a/gtk-2.0/Combo/combo-pressed.png b/gtk-2.0/Combo/combo-pressed.png new file mode 100755 index 0000000..a4c07c2 Binary files /dev/null and b/gtk-2.0/Combo/combo-pressed.png differ diff --git a/gtk-2.0/Combo/entry-shadow-in (copia).png b/gtk-2.0/Combo/entry-shadow-in (copia).png new file mode 100755 index 0000000..2b8184a Binary files /dev/null and b/gtk-2.0/Combo/entry-shadow-in (copia).png differ diff --git a/gtk-2.0/Combo/entry-shadow-in.png b/gtk-2.0/Combo/entry-shadow-in.png new file mode 100755 index 0000000..9fe89d5 Binary files /dev/null and b/gtk-2.0/Combo/entry-shadow-in.png differ diff --git a/gtk-2.0/Combo/text-entry.png b/gtk-2.0/Combo/text-entry.png new file mode 100755 index 0000000..59947e0 Binary files /dev/null and b/gtk-2.0/Combo/text-entry.png differ diff --git a/gtk-2.0/ComboBox/combo-arrow-insens.png b/gtk-2.0/ComboBox/combo-arrow-insens.png new file mode 100755 index 0000000..3eb999a Binary files /dev/null and b/gtk-2.0/ComboBox/combo-arrow-insens.png differ diff --git a/gtk-2.0/ComboBox/combo-arrow-prelight.png b/gtk-2.0/ComboBox/combo-arrow-prelight.png new file mode 100755 index 0000000..27e3a2b Binary files /dev/null and b/gtk-2.0/ComboBox/combo-arrow-prelight.png differ diff --git a/gtk-2.0/ComboBox/combo-arrow.png b/gtk-2.0/ComboBox/combo-arrow.png new file mode 100755 index 0000000..9b96dae Binary files /dev/null and b/gtk-2.0/ComboBox/combo-arrow.png differ diff --git a/gtk-2.0/ComboBox/combo-inactive.png b/gtk-2.0/ComboBox/combo-inactive.png new file mode 100755 index 0000000..73c2cb8 Binary files /dev/null and b/gtk-2.0/ComboBox/combo-inactive.png differ diff --git a/gtk-2.0/ComboBox/combo-normal.png b/gtk-2.0/ComboBox/combo-normal.png new file mode 100755 index 0000000..21ba787 Binary files /dev/null and b/gtk-2.0/ComboBox/combo-normal.png differ diff --git a/gtk-2.0/ComboBox/combo-prelight.png b/gtk-2.0/ComboBox/combo-prelight.png new file mode 100755 index 0000000..927ebcb Binary files /dev/null and b/gtk-2.0/ComboBox/combo-prelight.png differ diff --git a/gtk-2.0/ComboBox/combo-pressed.png b/gtk-2.0/ComboBox/combo-pressed.png new file mode 100755 index 0000000..bdf5ab0 Binary files /dev/null and b/gtk-2.0/ComboBox/combo-pressed.png differ diff --git a/gtk-2.0/Frame-Gap/frame-gap-end.png b/gtk-2.0/Frame-Gap/frame-gap-end.png new file mode 100755 index 0000000..ef6ab46 Binary files /dev/null and b/gtk-2.0/Frame-Gap/frame-gap-end.png differ diff --git a/gtk-2.0/Frame-Gap/frame-gap-start.png b/gtk-2.0/Frame-Gap/frame-gap-start.png new file mode 100755 index 0000000..1a683c1 Binary files /dev/null and b/gtk-2.0/Frame-Gap/frame-gap-start.png differ diff --git a/gtk-2.0/Frame-Gap/frame1.png b/gtk-2.0/Frame-Gap/frame1.png new file mode 100755 index 0000000..9d73b54 Binary files /dev/null and b/gtk-2.0/Frame-Gap/frame1.png differ diff --git a/gtk-2.0/Frame-Gap/frame2.png b/gtk-2.0/Frame-Gap/frame2.png new file mode 100755 index 0000000..9d73b54 Binary files /dev/null and b/gtk-2.0/Frame-Gap/frame2.png differ diff --git a/gtk-2.0/Handles/handle-h.png b/gtk-2.0/Handles/handle-h.png new file mode 100755 index 0000000..225b41d Binary files /dev/null and b/gtk-2.0/Handles/handle-h.png differ diff --git a/gtk-2.0/Handles/handle-v.png b/gtk-2.0/Handles/handle-v.png new file mode 100755 index 0000000..1fd69cc Binary files /dev/null and b/gtk-2.0/Handles/handle-v.png differ diff --git a/gtk-2.0/Handles/resize-grip.png b/gtk-2.0/Handles/resize-grip.png new file mode 100755 index 0000000..696a136 Binary files /dev/null and b/gtk-2.0/Handles/resize-grip.png differ diff --git a/gtk-2.0/Images/Tree/row-focus.png b/gtk-2.0/Images/Tree/row-focus.png new file mode 100755 index 0000000..3e9f35a Binary files /dev/null and b/gtk-2.0/Images/Tree/row-focus.png differ diff --git a/gtk-2.0/Images/Tree/selected-end-odd-sorted.png b/gtk-2.0/Images/Tree/selected-end-odd-sorted.png new file mode 100755 index 0000000..086828d Binary files /dev/null and b/gtk-2.0/Images/Tree/selected-end-odd-sorted.png differ diff --git a/gtk-2.0/Images/Tree/selected-end.png b/gtk-2.0/Images/Tree/selected-end.png new file mode 100755 index 0000000..086828d Binary files /dev/null and b/gtk-2.0/Images/Tree/selected-end.png differ diff --git a/gtk-2.0/Images/Tree/selected-mid-odd-sorted.png b/gtk-2.0/Images/Tree/selected-mid-odd-sorted.png new file mode 100755 index 0000000..f242174 Binary files /dev/null and b/gtk-2.0/Images/Tree/selected-mid-odd-sorted.png differ diff --git a/gtk-2.0/Images/Tree/selected-mid.png b/gtk-2.0/Images/Tree/selected-mid.png new file mode 100755 index 0000000..f242174 Binary files /dev/null and b/gtk-2.0/Images/Tree/selected-mid.png differ diff --git a/gtk-2.0/Images/Tree/selected-start.png b/gtk-2.0/Images/Tree/selected-start.png new file mode 100755 index 0000000..841b02b Binary files /dev/null and b/gtk-2.0/Images/Tree/selected-start.png differ diff --git a/gtk-2.0/Images/Tree/selected.png b/gtk-2.0/Images/Tree/selected.png new file mode 100755 index 0000000..a035c0a Binary files /dev/null and b/gtk-2.0/Images/Tree/selected.png differ diff --git a/gtk-2.0/Lines/line-h-tree.png b/gtk-2.0/Lines/line-h-tree.png new file mode 100755 index 0000000..a27208a Binary files /dev/null and b/gtk-2.0/Lines/line-h-tree.png differ diff --git a/gtk-2.0/Lines/line-h.png b/gtk-2.0/Lines/line-h.png new file mode 100755 index 0000000..346a31b Binary files /dev/null and b/gtk-2.0/Lines/line-h.png differ diff --git a/gtk-2.0/Lines/line-v.png b/gtk-2.0/Lines/line-v.png new file mode 100755 index 0000000..ad1a482 Binary files /dev/null and b/gtk-2.0/Lines/line-v.png differ diff --git a/gtk-2.0/Lines/line-v2.png b/gtk-2.0/Lines/line-v2.png new file mode 100755 index 0000000..a0d4db7 Binary files /dev/null and b/gtk-2.0/Lines/line-v2.png differ diff --git a/gtk-2.0/ListHeaders/list_header-focus.png b/gtk-2.0/ListHeaders/list_header-focus.png new file mode 100755 index 0000000..888f794 Binary files /dev/null and b/gtk-2.0/ListHeaders/list_header-focus.png differ diff --git a/gtk-2.0/ListHeaders/list_header-insens.png b/gtk-2.0/ListHeaders/list_header-insens.png new file mode 100755 index 0000000..494ab08 Binary files /dev/null and b/gtk-2.0/ListHeaders/list_header-insens.png differ diff --git a/gtk-2.0/ListHeaders/list_header-prelight.png b/gtk-2.0/ListHeaders/list_header-prelight.png new file mode 100755 index 0000000..33aaaa3 Binary files /dev/null and b/gtk-2.0/ListHeaders/list_header-prelight.png differ diff --git a/gtk-2.0/ListHeaders/list_header-pressed.png b/gtk-2.0/ListHeaders/list_header-pressed.png new file mode 100755 index 0000000..bb3dc92 Binary files /dev/null and b/gtk-2.0/ListHeaders/list_header-pressed.png differ diff --git a/gtk-2.0/ListHeaders/list_header.png b/gtk-2.0/ListHeaders/list_header.png new file mode 100755 index 0000000..8b81db1 Binary files /dev/null and b/gtk-2.0/ListHeaders/list_header.png differ diff --git a/gtk-2.0/Menu-Menubar/menu.png b/gtk-2.0/Menu-Menubar/menu.png new file mode 100755 index 0000000..bc563b8 Binary files /dev/null and b/gtk-2.0/Menu-Menubar/menu.png differ diff --git a/gtk-2.0/Menu-Menubar/menubar-blue-green.png b/gtk-2.0/Menu-Menubar/menubar-blue-green.png new file mode 100755 index 0000000..83e2e30 Binary files /dev/null and b/gtk-2.0/Menu-Menubar/menubar-blue-green.png differ diff --git a/gtk-2.0/Menu-Menubar/menubar-blue.png b/gtk-2.0/Menu-Menubar/menubar-blue.png new file mode 100755 index 0000000..809324c Binary files /dev/null and b/gtk-2.0/Menu-Menubar/menubar-blue.png differ diff --git a/gtk-2.0/Menu-Menubar/menubar-item.png b/gtk-2.0/Menu-Menubar/menubar-item.png new file mode 100755 index 0000000..7473439 Binary files /dev/null and b/gtk-2.0/Menu-Menubar/menubar-item.png differ diff --git a/gtk-2.0/Menu-Menubar/menubar.png b/gtk-2.0/Menu-Menubar/menubar.png new file mode 100755 index 0000000..268033c Binary files /dev/null and b/gtk-2.0/Menu-Menubar/menubar.png differ diff --git a/gtk-2.0/Menu-Menubar/menubar2.png b/gtk-2.0/Menu-Menubar/menubar2.png new file mode 100755 index 0000000..66d8c43 Binary files /dev/null and b/gtk-2.0/Menu-Menubar/menubar2.png differ diff --git a/gtk-2.0/Menu-Menubar/menuitem.png b/gtk-2.0/Menu-Menubar/menuitem.png new file mode 100755 index 0000000..baadd4d Binary files /dev/null and b/gtk-2.0/Menu-Menubar/menuitem.png differ diff --git a/gtk-2.0/Others/focus.png b/gtk-2.0/Others/focus.png new file mode 100755 index 0000000..c41abe1 Binary files /dev/null and b/gtk-2.0/Others/focus.png differ diff --git a/gtk-2.0/Others/null.png b/gtk-2.0/Others/null.png new file mode 100755 index 0000000..9d7e6be Binary files /dev/null and b/gtk-2.0/Others/null.png differ diff --git a/gtk-2.0/Others/ruler.png b/gtk-2.0/Others/ruler.png new file mode 100755 index 0000000..50d93a5 Binary files /dev/null and b/gtk-2.0/Others/ruler.png differ diff --git a/gtk-2.0/Others/tooltip.png b/gtk-2.0/Others/tooltip.png new file mode 100755 index 0000000..d74cd19 Binary files /dev/null and b/gtk-2.0/Others/tooltip.png differ diff --git a/gtk-2.0/Panel/handle-h.png b/gtk-2.0/Panel/handle-h.png new file mode 100755 index 0000000..b5de444 Binary files /dev/null and b/gtk-2.0/Panel/handle-h.png differ diff --git a/gtk-2.0/Panel/handle-h1.png b/gtk-2.0/Panel/handle-h1.png new file mode 100755 index 0000000..8f6c711 Binary files /dev/null and b/gtk-2.0/Panel/handle-h1.png differ diff --git a/gtk-2.0/Panel/handle-v.png b/gtk-2.0/Panel/handle-v.png new file mode 100755 index 0000000..40b0dd1 Binary files /dev/null and b/gtk-2.0/Panel/handle-v.png differ diff --git a/gtk-2.0/Panel/handle-v1.png b/gtk-2.0/Panel/handle-v1.png new file mode 100755 index 0000000..d465f4f Binary files /dev/null and b/gtk-2.0/Panel/handle-v1.png differ diff --git a/gtk-2.0/Panel/panel-button-active.png b/gtk-2.0/Panel/panel-button-active.png new file mode 100755 index 0000000..140dc87 Binary files /dev/null and b/gtk-2.0/Panel/panel-button-active.png differ diff --git a/gtk-2.0/Panel/panel-button-hover.png b/gtk-2.0/Panel/panel-button-hover.png new file mode 100755 index 0000000..e874f9b Binary files /dev/null and b/gtk-2.0/Panel/panel-button-hover.png differ diff --git a/gtk-2.0/Panel/panel-button-inactive.png b/gtk-2.0/Panel/panel-button-inactive.png new file mode 100755 index 0000000..8223e08 Binary files /dev/null and b/gtk-2.0/Panel/panel-button-inactive.png differ diff --git a/gtk-2.0/Panel/panel-focusx.png b/gtk-2.0/Panel/panel-focusx.png new file mode 100755 index 0000000..344cb59 Binary files /dev/null and b/gtk-2.0/Panel/panel-focusx.png differ diff --git a/gtk-2.0/Panel/panel-handle-black-24x.png b/gtk-2.0/Panel/panel-handle-black-24x.png new file mode 100755 index 0000000..27a6b8e Binary files /dev/null and b/gtk-2.0/Panel/panel-handle-black-24x.png differ diff --git a/gtk-2.0/Panel/panel-handle.png b/gtk-2.0/Panel/panel-handle.png new file mode 100755 index 0000000..67abb14 Binary files /dev/null and b/gtk-2.0/Panel/panel-handle.png differ diff --git a/gtk-2.0/Panel/panel.png b/gtk-2.0/Panel/panel.png new file mode 100755 index 0000000..b48bb47 Binary files /dev/null and b/gtk-2.0/Panel/panel.png differ diff --git a/gtk-2.0/ProgressBar/progressbar-horiz.png b/gtk-2.0/ProgressBar/progressbar-horiz.png new file mode 100755 index 0000000..a23cc6b Binary files /dev/null and b/gtk-2.0/ProgressBar/progressbar-horiz.png differ diff --git a/gtk-2.0/ProgressBar/progressbar-vert.png b/gtk-2.0/ProgressBar/progressbar-vert.png new file mode 100755 index 0000000..ca1c57e Binary files /dev/null and b/gtk-2.0/ProgressBar/progressbar-vert.png differ diff --git a/gtk-2.0/ProgressBar/trough-progressbar-horiz.png b/gtk-2.0/ProgressBar/trough-progressbar-horiz.png new file mode 100755 index 0000000..d3cec97 Binary files /dev/null and b/gtk-2.0/ProgressBar/trough-progressbar-horiz.png differ diff --git a/gtk-2.0/ProgressBar/trough-progressbar-vert.png b/gtk-2.0/ProgressBar/trough-progressbar-vert.png new file mode 100755 index 0000000..1b27fd9 Binary files /dev/null and b/gtk-2.0/ProgressBar/trough-progressbar-vert.png differ diff --git a/gtk-2.0/Range/null.png b/gtk-2.0/Range/null.png new file mode 100755 index 0000000..8013104 Binary files /dev/null and b/gtk-2.0/Range/null.png differ diff --git a/gtk-2.0/Range/slider-prelight.png b/gtk-2.0/Range/slider-prelight.png new file mode 100755 index 0000000..05a0c64 Binary files /dev/null and b/gtk-2.0/Range/slider-prelight.png differ diff --git a/gtk-2.0/Range/slider.png b/gtk-2.0/Range/slider.png new file mode 100755 index 0000000..7bf0712 Binary files /dev/null and b/gtk-2.0/Range/slider.png differ diff --git a/gtk-2.0/Range/trough-horizontal.png b/gtk-2.0/Range/trough-horizontal.png new file mode 100755 index 0000000..abbeabf Binary files /dev/null and b/gtk-2.0/Range/trough-horizontal.png differ diff --git a/gtk-2.0/Range/trough-vertical.png b/gtk-2.0/Range/trough-vertical.png new file mode 100755 index 0000000..7786c07 Binary files /dev/null and b/gtk-2.0/Range/trough-vertical.png differ diff --git a/gtk-2.0/Scrollbars/slider-horiz-insens.png b/gtk-2.0/Scrollbars/slider-horiz-insens.png new file mode 100755 index 0000000..16a012a Binary files /dev/null and b/gtk-2.0/Scrollbars/slider-horiz-insens.png differ diff --git a/gtk-2.0/Scrollbars/slider-horiz-prelight.png b/gtk-2.0/Scrollbars/slider-horiz-prelight.png new file mode 100755 index 0000000..1de2ece Binary files /dev/null and b/gtk-2.0/Scrollbars/slider-horiz-prelight.png differ diff --git a/gtk-2.0/Scrollbars/slider-horiz.png b/gtk-2.0/Scrollbars/slider-horiz.png new file mode 100755 index 0000000..ceb84e4 Binary files /dev/null and b/gtk-2.0/Scrollbars/slider-horiz.png differ diff --git a/gtk-2.0/Scrollbars/slider-vert-insens.png b/gtk-2.0/Scrollbars/slider-vert-insens.png new file mode 100755 index 0000000..4d06bf0 Binary files /dev/null and b/gtk-2.0/Scrollbars/slider-vert-insens.png differ diff --git a/gtk-2.0/Scrollbars/slider-vert-prelight.png b/gtk-2.0/Scrollbars/slider-vert-prelight.png new file mode 100755 index 0000000..3c57b0c Binary files /dev/null and b/gtk-2.0/Scrollbars/slider-vert-prelight.png differ diff --git a/gtk-2.0/Scrollbars/slider-vert.png b/gtk-2.0/Scrollbars/slider-vert.png new file mode 100755 index 0000000..1610ba6 Binary files /dev/null and b/gtk-2.0/Scrollbars/slider-vert.png differ diff --git a/gtk-2.0/Scrollbars/stepper-down-insens.png b/gtk-2.0/Scrollbars/stepper-down-insens.png new file mode 100755 index 0000000..625e232 Binary files /dev/null and b/gtk-2.0/Scrollbars/stepper-down-insens.png differ diff --git a/gtk-2.0/Scrollbars/stepper-down-prelight.png b/gtk-2.0/Scrollbars/stepper-down-prelight.png new file mode 100755 index 0000000..eb90548 Binary files /dev/null and b/gtk-2.0/Scrollbars/stepper-down-prelight.png differ diff --git a/gtk-2.0/Scrollbars/stepper-down.png b/gtk-2.0/Scrollbars/stepper-down.png new file mode 100755 index 0000000..014ecb4 Binary files /dev/null and b/gtk-2.0/Scrollbars/stepper-down.png differ diff --git a/gtk-2.0/Scrollbars/stepper-left-insens.png b/gtk-2.0/Scrollbars/stepper-left-insens.png new file mode 100755 index 0000000..81b5888 Binary files /dev/null and b/gtk-2.0/Scrollbars/stepper-left-insens.png differ diff --git a/gtk-2.0/Scrollbars/stepper-left-prelight.png b/gtk-2.0/Scrollbars/stepper-left-prelight.png new file mode 100755 index 0000000..bd55a25 Binary files /dev/null and b/gtk-2.0/Scrollbars/stepper-left-prelight.png differ diff --git a/gtk-2.0/Scrollbars/stepper-left.png b/gtk-2.0/Scrollbars/stepper-left.png new file mode 100755 index 0000000..e450176 Binary files /dev/null and b/gtk-2.0/Scrollbars/stepper-left.png differ diff --git a/gtk-2.0/Scrollbars/stepper-right-insens.png b/gtk-2.0/Scrollbars/stepper-right-insens.png new file mode 100755 index 0000000..6261e04 Binary files /dev/null and b/gtk-2.0/Scrollbars/stepper-right-insens.png differ diff --git a/gtk-2.0/Scrollbars/stepper-right-prelight.png b/gtk-2.0/Scrollbars/stepper-right-prelight.png new file mode 100755 index 0000000..4fca261 Binary files /dev/null and b/gtk-2.0/Scrollbars/stepper-right-prelight.png differ diff --git a/gtk-2.0/Scrollbars/stepper-right.png b/gtk-2.0/Scrollbars/stepper-right.png new file mode 100755 index 0000000..9c097d4 Binary files /dev/null and b/gtk-2.0/Scrollbars/stepper-right.png differ diff --git a/gtk-2.0/Scrollbars/stepper-up-insens.png b/gtk-2.0/Scrollbars/stepper-up-insens.png new file mode 100755 index 0000000..19666ed Binary files /dev/null and b/gtk-2.0/Scrollbars/stepper-up-insens.png differ diff --git a/gtk-2.0/Scrollbars/stepper-up-prelight.png b/gtk-2.0/Scrollbars/stepper-up-prelight.png new file mode 100755 index 0000000..131e76c Binary files /dev/null and b/gtk-2.0/Scrollbars/stepper-up-prelight.png differ diff --git a/gtk-2.0/Scrollbars/stepper-up.png b/gtk-2.0/Scrollbars/stepper-up.png new file mode 100755 index 0000000..7178b8c Binary files /dev/null and b/gtk-2.0/Scrollbars/stepper-up.png differ diff --git a/gtk-2.0/Scrollbars/trough-scrollbar-horiz.png b/gtk-2.0/Scrollbars/trough-scrollbar-horiz.png new file mode 100755 index 0000000..0e7b1ec Binary files /dev/null and b/gtk-2.0/Scrollbars/trough-scrollbar-horiz.png differ diff --git a/gtk-2.0/Scrollbars/trough-scrollbar-vert.png b/gtk-2.0/Scrollbars/trough-scrollbar-vert.png new file mode 100755 index 0000000..9f75e43 Binary files /dev/null and b/gtk-2.0/Scrollbars/trough-scrollbar-vert.png differ diff --git a/gtk-2.0/Shadows/entry-shadow-in.png b/gtk-2.0/Shadows/entry-shadow-in.png new file mode 100755 index 0000000..2be505d Binary files /dev/null and b/gtk-2.0/Shadows/entry-shadow-in.png differ diff --git a/gtk-2.0/Shadows/shadow-etched-out.png b/gtk-2.0/Shadows/shadow-etched-out.png new file mode 100755 index 0000000..8bc1ce5 Binary files /dev/null and b/gtk-2.0/Shadows/shadow-etched-out.png differ diff --git a/gtk-2.0/Shadows/shadow-in.png b/gtk-2.0/Shadows/shadow-in.png new file mode 100755 index 0000000..89b2eba Binary files /dev/null and b/gtk-2.0/Shadows/shadow-in.png differ diff --git a/gtk-2.0/Shadows/shadow-none.png b/gtk-2.0/Shadows/shadow-none.png new file mode 100755 index 0000000..9f3a4b0 Binary files /dev/null and b/gtk-2.0/Shadows/shadow-none.png differ diff --git a/gtk-2.0/Shadows/shadow-out.png b/gtk-2.0/Shadows/shadow-out.png new file mode 100755 index 0000000..4ebe9fc Binary files /dev/null and b/gtk-2.0/Shadows/shadow-out.png differ diff --git a/gtk-2.0/Shadows/text-entry.png b/gtk-2.0/Shadows/text-entry.png new file mode 100755 index 0000000..5dae506 Binary files /dev/null and b/gtk-2.0/Shadows/text-entry.png differ diff --git a/gtk-2.0/Shadows/text.png b/gtk-2.0/Shadows/text.png new file mode 100755 index 0000000..2d70a9b Binary files /dev/null and b/gtk-2.0/Shadows/text.png differ diff --git a/gtk-2.0/Spin/arrow-down (copia).png b/gtk-2.0/Spin/arrow-down (copia).png new file mode 100755 index 0000000..982e7b5 Binary files /dev/null and b/gtk-2.0/Spin/arrow-down (copia).png differ diff --git a/gtk-2.0/Spin/arrow-down-disable.png b/gtk-2.0/Spin/arrow-down-disable.png new file mode 100755 index 0000000..208eedf Binary files /dev/null and b/gtk-2.0/Spin/arrow-down-disable.png differ diff --git a/gtk-2.0/Spin/arrow-down-prelight.png b/gtk-2.0/Spin/arrow-down-prelight.png new file mode 100755 index 0000000..632365b Binary files /dev/null and b/gtk-2.0/Spin/arrow-down-prelight.png differ diff --git a/gtk-2.0/Spin/arrow-down.png b/gtk-2.0/Spin/arrow-down.png new file mode 100755 index 0000000..e6224fc Binary files /dev/null and b/gtk-2.0/Spin/arrow-down.png differ diff --git a/gtk-2.0/Spin/arrow-up-disable.png b/gtk-2.0/Spin/arrow-up-disable.png new file mode 100755 index 0000000..0ee50fc Binary files /dev/null and b/gtk-2.0/Spin/arrow-up-disable.png differ diff --git a/gtk-2.0/Spin/arrow-up-prelight.png b/gtk-2.0/Spin/arrow-up-prelight.png new file mode 100755 index 0000000..793f9f9 Binary files /dev/null and b/gtk-2.0/Spin/arrow-up-prelight.png differ diff --git a/gtk-2.0/Spin/arrow-up.png b/gtk-2.0/Spin/arrow-up.png new file mode 100755 index 0000000..793f9f9 Binary files /dev/null and b/gtk-2.0/Spin/arrow-up.png differ diff --git a/gtk-2.0/Spin/spin-down-bg.png b/gtk-2.0/Spin/spin-down-bg.png new file mode 100755 index 0000000..e6224fc Binary files /dev/null and b/gtk-2.0/Spin/spin-down-bg.png differ diff --git a/gtk-2.0/Spin/spin-up-bg.png b/gtk-2.0/Spin/spin-up-bg.png new file mode 100755 index 0000000..793f9f9 Binary files /dev/null and b/gtk-2.0/Spin/spin-up-bg.png differ diff --git a/gtk-2.0/Spin/text-entry-focus.png b/gtk-2.0/Spin/text-entry-focus.png new file mode 100755 index 0000000..3cdf6e4 Binary files /dev/null and b/gtk-2.0/Spin/text-entry-focus.png differ diff --git a/gtk-2.0/Spin/text-entry.png b/gtk-2.0/Spin/text-entry.png new file mode 100755 index 0000000..0ba9f05 Binary files /dev/null and b/gtk-2.0/Spin/text-entry.png differ diff --git a/gtk-2.0/Styles/button b/gtk-2.0/Styles/button new file mode 100755 index 0000000..5561af5 --- /dev/null +++ b/gtk-2.0/Styles/button @@ -0,0 +1,59 @@ +style "button" = "default" +{ + engine "pixmap" + { + image + { + function = BOX + detail = "buttondefault" + recolorable = TRUE + file = "Buttons/button-default.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + image + { + function = BOX + state = PRELIGHT + recolorable = TRUE + file = "Buttons/button-prelight.png" + border = { 6, 6, 6, 6 } + stretch = TRUE + } + image + { + function = BOX + state = ACTIVE + file = "Buttons/button-pressed.png" + border = { 6, 6, 6, 6 } + stretch = TRUE + } + image + { + function = BOX + state = INSENSITIVE + file = "Buttons/button-insensitive.png" + border = { 6, 6, 6, 6 } + stretch = TRUE + } + image + { + function = BOX + file = "Buttons/button-normal.png" + border = { 6, 6, 6, 6 } + stretch = TRUE + } + + image + { + function = FOCUS + recolorable = TRUE + file = "Buttons/button-default.png" + border = { 6, 6, 6, 6 } + stretch = TRUE + } + + + } +} + diff --git a/gtk-2.0/Styles/checkbutton b/gtk-2.0/Styles/checkbutton new file mode 100755 index 0000000..9123f5d --- /dev/null +++ b/gtk-2.0/Styles/checkbutton @@ -0,0 +1,96 @@ +style "checkbutton" = "default" +{ + engine "pixmap" + { + image + { + function = CHECK + recolorable = TRUE + state = NORMAL + shadow = OUT + overlay_file = "Check-Radio/check1.png" + overlay_stretch = FALSE + } + image + { + function = CHECK + recolorable = TRUE + state = PRELIGHT + shadow = OUT + overlay_file = "Check-Radio/check3.png" + overlay_stretch = FALSE + } + image + { + function = CHECK + recolorable = TRUE + state = ACTIVE + shadow = OUT + overlay_file = "Check-Radio/check3.png" + overlay_stretch = FALSE + } + image + { + function = CHECK + recolorable = TRUE + state = INSENSITIVE + shadow = OUT + overlay_file = "Check-Radio/check5.png" + overlay_stretch = FALSE + } + image + { + function = CHECK + recolorable = TRUE + state = NORMAL + shadow = IN + overlay_file = "Check-Radio/check2.png" + overlay_stretch = FALSE + } + image + { + function = CHECK + recolorable = TRUE + state = PRELIGHT + shadow = IN + overlay_file = "Check-Radio/check4.png" + overlay_stretch = FALSE + } + image + { + function = CHECK + recolorable = TRUE + state = ACTIVE + shadow = IN + overlay_file = "Check-Radio/check4.png" + overlay_stretch = FALSE + } + image + { + function = CHECK + recolorable = TRUE + state = INSENSITIVE + shadow = IN + overlay_file = "Check-Radio/check6.png" + overlay_stretch = FALSE + } + image + { + function = FLAT_BOX + recolorable = TRUE + stretch = TRUE + file = "Check-Radio/checklight.png" + border = { 2, 2, 2, 2 } + } + + image + { + function = FOCUS + recolorable = TRUE + file = "Check-Radio/highlight.png" + border = { 3,3,3,3 } + stretch = TRUE + } + + } +} diff --git a/gtk-2.0/Styles/combo b/gtk-2.0/Styles/combo new file mode 100755 index 0000000..a5c24de --- /dev/null +++ b/gtk-2.0/Styles/combo @@ -0,0 +1,208 @@ +style "ComboButton" = "default" +{ + xthickness = 0 + ythickness = 0 + + base[NORMAL] = "#fff" + base[INSENSITIVE] = "#fafafa" + text[INSENSITIVE] = "#bfbfbf" + +engine "pixmap" +{ + + image + { + function = BOX + state = NORMAL + file = "/Combo/combo-normal.png" + border = { 4 ,4 , 4 ,4} + stretch = TRUE + } + + image + { + function = BOX + recolorable = TRUE + state = PRELIGHT + shadow = OUT + file = "/Combo/combo-prelight.png" + border = { 4 ,4 , 4 ,4} + stretch = TRUE + } + + image + { + function = BOX + recolorable = TRUE + state = PRELIGHT + shadow = IN + file = "/Combo/combo-prelight.png" + border = { 4 ,4 , 4 ,4} + stretch = TRUE + } + + image + { + function = BOX + state = INSENSITIVE + file = "/Combo/combo-inactive.png" + border = { 4 ,4 , 4 ,4} + stretch = TRUE + } + + + image + { + function = BOX + state = ACTIVE + file = "/Combo/combo-prelight.png" + border = { 4 ,4 , 4 ,4} + stretch = TRUE + } + + + image + { + function = FOCUS + recolorable = TRUE + file = "Combo/combo-prelight.png" + border = { 3,3,3,3 } + stretch = TRUE + } + image + { + function = BOX + recolorable = TRUE + shadow = IN + state = NORMAL + file = "Combo/combo-prelight.png" + border = { 3,3,3,3 } + stretch = TRUE + } + } +} + + + + + +style "ComboBox" = "default" +{ + + xthickness = 0 + ythickness = 0 + + base[NORMAL] = "#fff" + base[INSENSITIVE] = "#fafafa" + text[INSENSITIVE] = "#bfbfbf" + + engine "pixmap" + { + image + { + function = BOX + recolorable = TRUE + state = PRELIGHT + file = "Combo/combo-prelight.png" + border = { 5, 5, 5, 5} + stretch = TRUE + } + + image + { + function = BOX + recolorable = TRUE + state = NORMAL + file = "Combo/combo-normal.png" + border = { 5, 5, 5, 5} + stretch = TRUE + } + + image + { + function = BOX + recolorable = TRUE + state = ACTIVE + file = "Combo/combo-pressed.png" + border = { 5, 5, 5, 5} + stretch = TRUE + } + image + { + function = BOX + recolorable = TRUE + state = INSENSITIVE + file = "Combo/combo-inactive.png" + border = { 5, 5, 5, 5} + stretch = TRUE + } + + + image + { + function = TAB + state = INSENSITIVE + recolorable = TRUE + overlay_file = "Combo/combo-arrow-insens.png" + overlay_stretch = FALSE + } + image + { + function = TAB + recolorable = TRUE + state = NORMAL + overlay_file = "Combo/combo-arrow.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + } + image + { + function = TAB + recolorable = TRUE + state = PRELIGHT + overlay_file = "Combo/combo-arrow-prelight.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + } + + + + image + { + function = FOCUS + recolorable = TRUE + file = "Combo/entry-shadow-in.png" + border = { 3,3,3,3 } + stretch = TRUE + } + image + { + function = BOX + recolorable = TRUE + shadow = IN + state = NORMAL + file = "Combo/entry-shadow-in.png" + border = { 3,3,3,3 } + stretch = TRUE + } +image + { + function = BOX + recolorable = TRUE + shadow = OUT + state = NORMAL + file = "Combo/text-entry.png" + border = { 3,3,3,3 } + stretch = TRUE + } + image + { + function = SHADOW + detail = "entry" + shadow = IN + recolorable = FALSE + file = "Combo/text-entry.png" + border = { 3,3,3,3 } + stretch = TRUE + } + }} diff --git a/gtk-2.0/Styles/entry b/gtk-2.0/Styles/entry new file mode 100755 index 0000000..6e59aae --- /dev/null +++ b/gtk-2.0/Styles/entry @@ -0,0 +1,55 @@ +style "entry" = "default" +{ + + xthickness = 2 + ythickness = 2 + + + base[INSENSITIVE] = "#fafafa" + base[NORMAL] = "#f8fafd" + text[INSENSITIVE] = "#bfbfbf" + + GtkWidget::interior_focus = 0 + + engine "pixmap" + { + image + { + function = FOCUS + recolorable = TRUE + file = "Shadows/entry-shadow-in.png" + border = { 3,3,3,3 } + stretch = TRUE + } + image + { + function = BOX + recolorable = TRUE + shadow = IN + state = NORMAL + file = "Shadows/entry-shadow-in.png" + border = { 3,3,3,3 } + stretch = TRUE + } +image + { + function = BOX + recolorable = TRUE + shadow = OUT + state = NORMAL + file = "Shadows/text-entry.png" + border = { 3,3,3,3 } + stretch = TRUE + } + image + { + function = SHADOW + detail = "entry" + shadow = IN + recolorable = FALSE + file = "Shadows/text-entry.png" + border = { 3,3,3,3 } + stretch = TRUE + } + } +} diff --git a/gtk-2.0/Styles/handlebox b/gtk-2.0/Styles/handlebox new file mode 100755 index 0000000..b381666 --- /dev/null +++ b/gtk-2.0/Styles/handlebox @@ -0,0 +1,24 @@ +style "handlebox" = "default" +{ + engine "pixmap" + { + image + { + function = HANDLE + recolorable = TRUE + overlay_file = "Others/null.png" + #overlay_file = "Handles/handle-v.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + image + { + function = HANDLE + overlay_file = "Others/null.png" + #overlay_file = "Handles/handle-h.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + } +} + diff --git a/gtk-2.0/Styles/inactivetext b/gtk-2.0/Styles/inactivetext new file mode 100755 index 0000000..4dc701d --- /dev/null +++ b/gtk-2.0/Styles/inactivetext @@ -0,0 +1,5 @@ +style "inactivetext" +{ + +} + diff --git a/gtk-2.0/Styles/listheader b/gtk-2.0/Styles/listheader new file mode 100755 index 0000000..76d0781 --- /dev/null +++ b/gtk-2.0/Styles/listheader @@ -0,0 +1,73 @@ +style "list-header" +{ + GtkTreeView::odd_row_color = "#fcfcfc" #"#eef2f7" + GtkTreeView::even_row_color = "#fcfcfc" #"#fff" + + engine "pixmap" + { + + #This image is used to draw the headers of columns in list views when they are + #not selected. + image + { + function = BOX + recolorable = TRUE + state = NORMAL + file = "ListHeaders/list_header.png" + border = { 6, 6, 6, 6 } + stretch = TRUE + } + + #This image is used to draw the column headers in list views when they are + #clicked. + image + { + function = BOX + recolorable = TRUE + state = PRELIGHT + file = "ListHeaders/list_header-prelight.png" + border = { 23, 23, 6, 6 } + stretch = TRUE + } + + image + { + function = BOX + recolorable = TRUE + state = ACTIVE + file = "ListHeaders/list_header-pressed.png" + border = { 23, 23, 6, 6 } + stretch = TRUE + } + image + { + function = BOX + recolorable = TRUE + state = SELECTED + file = "ListHeaders/list_header-prelight.png" + border = { 6, 6, 6, 6 } + stretch = TRUE + } + image + { + function = BOX + recolorable = TRUE + state = INSENSITIVE + file = "ListHeaders/list_header-insens.png" + border = { 6, 6, 6, 6 } + stretch = TRUE + } + + + image + { + function = FOCUS + recolorable = TRUE + file = "ListHeaders/list_header-focus.png" + border = { 23, 23, 6, 6 } + stretch = TRUE + } + + } + +} diff --git a/gtk-2.0/Styles/menu-menubar b/gtk-2.0/Styles/menu-menubar new file mode 100755 index 0000000..83f989e --- /dev/null +++ b/gtk-2.0/Styles/menu-menubar @@ -0,0 +1,133 @@ +################### MENU ######################### + +style "menu" = "default" +{ +xthickness = 1 +ythickness = 1 + + engine "pixmap" + { + image + { + function = BOX + recolorable = TRUE + detail = "menu" + file = "Menu-Menubar/menu.png" + border = { 34, 3, 3, 3 } + stretch = TRUE + } + } +} + +###################### Menuitem ############################# +style "menuitem" = "default" +{ + + xthickness = 1 + fg[NORMAL] = "#404040" + fg[SELECTED] = "#404040" + fg[PRELIGHT] = "#404040" + + engine "pixmap" + { + image + { + function = BOX + recolorable = TRUE + file = "Menu-Menubar/menuitem.png" + border = { 10, 10, 10, 10 } + stretch = TRUE + } + image + { + function = ARROW + recolorable = TRUE + state = NORMAL + overlay_file = "Arrows/arrow-right-norm.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + image + { + function = ARROW + recolorable = TRUE + state = PRELIGHT + overlay_file = "Arrows/arrow-right-prelight.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + } +} + + +style "tearoffmenuitem" = "menuitem" +{ + engine "pixmap" + { + image + { + function = ARROW + file = "Arrows/arrow-left.png" + stretch = TRUE + arrow_direction = LEFT + } + } +} + +style "TextoMenu" +{ + fg[PRELIGHT] = "#000" #Texto seleccionado + fg[NORMAL] ="#000" #Texto activo + +} + + +#################### MENUBAR ################### +style "menubar" + +{ + xthickness = 2 + ythickness = 2 + + engine "pixmap" + { + image + { + function = BOX + state = NORMAL + file = "Menu-Menubar/menubar.png" + border = { 0, 2, 0, 2 } + stretch = TRUE + } + + image + { + function = BOX + state = ACTIVE + file = "Menu-Menubar/menubar.png" + border = { 0, 2, 0, 2 } + stretch = TRUE + } + + image + { + function = BOX + state = INSENSITIVE + file = "Menu-Menubar/menubar.png" + border = { 0, 2, 0, 2 } + stretch = TRUE + } + + image + { + function = BOX + recolorable = TRUE + state = PRELIGHT + file = "Menu-Menubar/menubar-item.png" + + border = { 5, 5, 5, 5 } + stretch = TRUE + } + + } +} diff --git a/gtk-2.0/Styles/notebook b/gtk-2.0/Styles/notebook new file mode 100755 index 0000000..51bf45b --- /dev/null +++ b/gtk-2.0/Styles/notebook @@ -0,0 +1,163 @@ +style "notebook" = "default" +{ + xthickness = 2 + ythickness = 2 + + engine "pixmap" + { + + image + { + function = EXTENSION + state = NORMAL + gap_side = BOTTOM + file = "/Tabs/tab-top-active.png" + stretch = TRUE + border = { 5 ,5 ,5 ,5} + } + + image + { + function = EXTENSION + state = ACTIVE + gap_side = BOTTOM + file = "/Tabs/tab-top.png" + stretch = TRUE + border = { 5 ,5 ,5 ,5} + } + + + image + { + function = EXTENSION + state = NORMAL + gap_side = TOP + file = "/Tabs/tab-bottom-active.png" + stretch = TRUE + border = { 5 ,5 ,5 ,5} + } + + image + { + function = EXTENSION + state = ACTIVE + gap_side = TOP + file = "/Tabs/tab-bottom.png" + stretch = TRUE + border = { 5 ,5 ,5 ,5} + } + + image + { + function = EXTENSION + state = NORMAL + gap_side = LEFT + file = "/Tabs/tab-right-active.png" + stretch = TRUE + border = { 5 ,5 ,5 ,5} + } + + image + { + function = EXTENSION + state = ACTIVE + gap_side = LEFT + file = "/Tabs/tab-right.png" + stretch = TRUE + border = { 5 ,5 ,5 ,5} + } + + image + { + function = EXTENSION + state = NORMAL + gap_side = RIGHT + file = "/Tabs/tab-left-active.png" + stretch = TRUE + border = { 5 ,5 ,5 ,5} + } + + image + { + function = EXTENSION + state = ACTIVE + gap_side = RIGHT + file = "/Tabs/tab-left.png" + stretch = TRUE + border = { 5 ,5 ,5 ,5} + } + + image + { + function = BOX_GAP + gap_side = TOP + file = "/Tabs/notebook_top_flat.png" + stretch = TRUE + border = { 3 ,3 ,3 ,5} + gap_file = "/Tabs/tab-top-active-gap.png" + gap_border = { 3 ,3 ,1 , 1} + gap_start_file = "/Tabs/null.png" + gap_start_border= { 1 ,1 ,1 ,1} + gap_end_file = "/Tabs/null.png" + gap_end_border = { 1 ,1 ,1 ,1} + + } + + image + { + function = BOX_GAP + gap_side = BOTTOM + file = "/Tabs/notebook_bottom_flat.png" + stretch = TRUE + border = { 5 ,3 ,3 ,3} + gap_file = "/Tabs/tab-bottom-active-gap.png" + gap_border = { 3 ,3 ,1 ,1} + gap_start_file = "/Tabs/null.png" + gap_start_border= { 1 ,1 ,1 ,1} + gap_end_file = "/Tabs/null.png" + gap_end_border = { 1 ,1 ,1 ,1} + + } + + image + { + function = BOX_GAP + gap_side = LEFT + file = "/Tabs/notebook_left_flat.png" + stretch = TRUE + border = { 3 ,5 ,3 ,3} + gap_file = "/Tabs/tab-left-active-gap.png" + gap_border = { 1 ,1 ,3 ,3} + gap_start_file = "/Tabs/null.png" + gap_start_border= { 1 ,1 ,1 ,1} + gap_end_file = "/Tabs/null.png" + gap_end_border = { 1 ,1 ,1 ,1} + + } + + image + { + function = BOX_GAP + gap_side = RIGHT + file = "/Tabs/notebook_right_flat.png" + stretch = TRUE + border = { 3 ,3 ,5 ,3} + gap_file = "/Tabs/tab-right-active-gap.png" + gap_border = { 1 ,1 ,3 ,3} + gap_start_file = "/Tabs/null.png" + gap_start_border= { 1 ,1 ,1 ,1} + gap_end_file = "/Tabs/null.png" + gap_end_border = { 1 ,1 ,1 ,1} + + } + + image + { + function = BOX + recolorable = TRUE + file = "Tabs/notebook.png" + border = { 9, 9, 9, 9 } + stretch = TRUE + } + } +} diff --git a/gtk-2.0/Styles/optionmenu b/gtk-2.0/Styles/optionmenu new file mode 100755 index 0000000..3345bad --- /dev/null +++ b/gtk-2.0/Styles/optionmenu @@ -0,0 +1,70 @@ +style "optionmenu" = "default" +{ + engine "pixmap" + { + image + { + function = BOX + recolorable = TRUE + state = PRELIGHT + file = "ComboBox/combo-prelight.png" + border = { 5, 5, 5, 5} + stretch = TRUE + } + + image + { + function = BOX + recolorable = TRUE + state = NORMAL + file = "ComboBox/combo-normal.png" + border = { 5, 5, 5, 5} + stretch = TRUE + } + + image + { + function = BOX + recolorable = TRUE + state = ACTIVE + file = "ComboBox/combo-pressed.png" + border = { 5, 5, 5, 5} + stretch = TRUE + } + image + { + function = BOX + recolorable = TRUE + state = INSENSITIVE + file = "ComboBox/combo-inactive.png" + border = { 5, 5, 5, 5} + stretch = TRUE + } + image + { + function = TAB + state = INSENSITIVE + recolorable = TRUE + overlay_file = "ComboBox/combo-arrow-insens.png" + overlay_stretch = FALSE + } + image + { + function = TAB + recolorable = TRUE + state = NORMAL + overlay_file = "ComboBox/combo-arrow.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + } + image + { + function = TAB + recolorable = TRUE + state = PRELIGHT + overlay_file = "ComboBox/combo-arrow-prelight.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + } + } +} diff --git a/gtk-2.0/Styles/panel b/gtk-2.0/Styles/panel new file mode 100755 index 0000000..dd778a5 --- /dev/null +++ b/gtk-2.0/Styles/panel @@ -0,0 +1,160 @@ +style "panelbg" +{ + + xthickness = 2 + ythickness = 0 + + bg[NORMAL] = "#b7cae0" + + fg[NORMAL] = "#000000" + fg[PRELIGHT] = "#000000" + fg[ACTIVE] = "#000000" + fg[SELECTED] = "#000000" + fg[INSENSITIVE] = "#8A857C" + + text[NORMAL] = "#000000" + text[PRELIGHT] = "#000000" + text[ACTIVE] = "#000000" + text[SELECTED] = "#000000" + text[INSENSITIVE] = "#8A857C" + + #bg_pixmap[NORMAL] = "Panel/PanelBasicx.png" + bg_pixmap[INSENSITIVE] = "" + bg_pixmap[PRELIGHT] = "" + bg_pixmap[SELECTED] = "" + bg_pixmap[ACTIVE] = "" + + +} + +##################### PANEL BUTTONS ############################### + +style "panelbuttons" +{ + + fg[NORMAL] = "#000000" + fg[PRELIGHT] = "#000000" # text on buttons (hover) + fg[ACTIVE] = "#000000" # text on unfocused tabs + fg[SELECTED] = "#000000" # selected text on lists + fg[INSENSITIVE] = "#000000" # greyed "unused" text + + + xthickness = 2 + ythickness = 1 + + GtkWidget::focus_padding = 2 + GtkWidget::internal_padding = 4 + + engine "pixmap" { + + image + { + function = FOCUS + recolorable = TRUE + file = "Panel/panel-focusx.png" + border = { 2, 2, 2, 2 } + stretch = TRUE + } + + image + { + function = BOX + recolorable = TRUE + state = NORMAL + file = "Panel/panel-button-inactive.png" + border = { 9, 9, 9, 9 } + stretch = TRUE + } + + image + { + function = BOX + recolorable = TRUE + state = PRELIGHT + file = "Panel/panel-button-hover.png" + border = { 9, 9, 9, 9 } + stretch = TRUE + } + + image + { + function = BOX + recolorable = TRUE + shadow = OUT + state = PRELIGHT + file = "Panel/panel-button-hover.png" + border = { 9, 9, 9, 9 } + stretch = TRUE + + } + + image + { + function = BOX + recolorable = TRUE + shadow = IN + state = PRELIGHT + file = "Panel/panel-button-hover.png" + border = { 9, 9, 9, 9 } + stretch = TRUE + + } + + image + { + function = BOX + recolorable = TRUE + state = ACTIVE + file = "Panel/panel-button-active.png" + border = { 9, 9, 9, 9 } + stretch = TRUE + } + image + { + function = BOX + recolorable = TRUE + state = INSENSITIVE + file = "Panel/panel-button-inactive.png" + border = { 9, 9, 9, 9 } + stretch = TRUE + } + } + +} + +style "panel-handle" +{ +engine "pixmap" + { + image + { + function = HANDLE + file = "Panel/panel-handle.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + orientation = VERTICAL + } + image + { + function = HANDLE + file = "Panel/panel-handle.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + orientation = HORIZONTAL + } + } +} + + +############################################################# +#FIXES THE STANDARD SHUTDOWN-DIALOG ON GNOME +############################################################# + +style "fix" +{ +xthickness = 0 +ythickness = 0 + bg[NORMAL] = "#e8ecf6" +} + +############################################################# diff --git a/gtk-2.0/Styles/progressbar b/gtk-2.0/Styles/progressbar new file mode 100755 index 0000000..e47cfc4 --- /dev/null +++ b/gtk-2.0/Styles/progressbar @@ -0,0 +1,59 @@ +style "progressbar" { + + xthickness = 2 + ythickness = 2 + + engine "pixmap" + { + image + { + function = BOX + detail = "trough" +# recolorable = TRUE + file = "ProgressBar/trough-progressbar-horiz.png" + border = { 3, 3, 3, 3 } + stretch = TRUE + orientation = HORIZONTAL +} + image + { + function = BOX + detail = "trough" +# recolorable = TRUE + file = "ProgressBar/trough-progressbar-vert.png" + border = { 3, 3, 3, 3 } + stretch = TRUE + orientation = VERTICAL + } + image + { + function = BOX + detail = "bar" + file = "ProgressBar/progressbar-horiz.png" + border = { 3, 3, 3, 3 } + stretch = TRUE + orientation = HORIZONTAL + } + image + { + function = BOX + detail = "bar" + file = "ProgressBar/progressbar-vert.png" + border = { 3, 3, 3, 3 } + stretch = TRUE + orientation = VERTICAL + } + + image + { + function = BOX + recolorable = TRUE + state = NORMAL + file = "ProgressBar/trough-progressbar-horiz.png" + border = { 3, 3, 3, 3 } + stretch = TRUE + } + + } +} + diff --git a/gtk-2.0/Styles/radiobutton b/gtk-2.0/Styles/radiobutton new file mode 100755 index 0000000..fab9e32 --- /dev/null +++ b/gtk-2.0/Styles/radiobutton @@ -0,0 +1,96 @@ +style "radiobutton" = "default" +{ + engine "pixmap" + { + image + { + function = OPTION + recolorable = TRUE + state = NORMAL + shadow = OUT + overlay_file = "Check-Radio/option1.png" + overlay_stretch = FALSE + } + image + { + function = OPTION + recolorable = TRUE + state = PRELIGHT + shadow = OUT + overlay_file = "Check-Radio/option3.png" + overlay_stretch = FALSE + } + image + { + function = OPTION + recolorable = TRUE + state = ACTIVE + shadow = OUT + overlay_file = "Check-Radio/option3.png" + overlay_stretch = FALSE + } + image + { + function = OPTION + recolorable = TRUE + state = INSENSITIVE + shadow = OUT + overlay_file = "Check-Radio/option5.png" + overlay_stretch = FALSE + } + image + { + function = OPTION + recolorable = TRUE + state = NORMAL + shadow = IN + overlay_file = "Check-Radio/option2.png" + overlay_stretch = FALSE + } + image + { + function = OPTION + recolorable = TRUE + state = PRELIGHT + shadow = IN + overlay_file = "Check-Radio/option4.png" + overlay_stretch = FALSE + } + image + { + function = OPTION + recolorable = TRUE + state = ACTIVE + shadow = IN + overlay_file = "Check-Radio/option4.png" + overlay_stretch = FALSE + } + image + { + function = OPTION + recolorable = TRUE + state = INSENSITIVE + shadow = IN + overlay_file = "Check-Radio/option6.png" + overlay_stretch = FALSE + } + image + { + function = FLAT_BOX + recolorable = TRUE + stretch = TRUE + file = "Check-Radio/checklight.png" + border = { 2, 2, 2, 2 } + + } + + image + { + function = FOCUS + recolorable = TRUE + file = "Check-Radio/checklight.png" + border = { 2,2,2,2 } + stretch = TRUE + } + } +} diff --git a/gtk-2.0/Styles/range b/gtk-2.0/Styles/range new file mode 100755 index 0000000..1c551f4 --- /dev/null +++ b/gtk-2.0/Styles/range @@ -0,0 +1,103 @@ +style "range" = "default" +{ + engine "pixmap" + { + image + { + function = BOX + recolorable = TRUE + detail = "trough" + file = "Range/trough-horizontal.png" + border = { 2, 2, 0 , 0 } + stretch = TRUE + orientation = HORIZONTAL + } + image + { + function = BOX + recolorable = TRUE + detail = "trough" + file = "Range/trough-vertical.png" + border = { 0, 0, 2, 2 } + stretch = TRUE + orientation = VERTICAL + } +############### the sliders ############### + + image + { + function = SLIDER + recolorable = TRUE + state = NORMAL + file = "Range/null.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + overlay_file = "Range/slider.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + image + { + function = SLIDER + recolorable = TRUE + state = PRELIGHT + file = "Range/null.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + overlay_file = "Range/slider-prelight.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + image + { + function = SLIDER + recolorable = TRUE + state = INSENSITIVE + file = "Range/null.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + overlay_file = "Range/slider.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + +######################### VERTICAL ########################### + + image + { + function = SLIDER + recolorable = TRUE + state = NORMAL + file = "Range/null.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + overlay_file = "Range/slider.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + image + { + function = SLIDER + recolorable = TRUE + state = PRELIGHT + file = "Range/null.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + overlay_file = "Range/slider-prelight.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + image + { + function = SLIDER + recolorable = TRUE + state = INSENSITIVE + file = "Range/null.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + overlay_file = "Range/slider.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + } +} diff --git a/gtk-2.0/Styles/scrollbar b/gtk-2.0/Styles/scrollbar new file mode 100755 index 0000000..1c0dd2e --- /dev/null +++ b/gtk-2.0/Styles/scrollbar @@ -0,0 +1,315 @@ +style "scrollbar" = "default" +{ + engine "pixmap" + { + + image + { + function = BOX + recolorable = TRUE + detail = "trough" + file = "Scrollbars/trough-scrollbar-horiz.png" + border = { 19, 19, 2, 2 } + stretch = TRUE + orientation = HORIZONTAL + } + image + { + function = BOX + recolorable = TRUE + detail = "trough" + file = "Scrollbars/trough-scrollbar-vert.png" + border = { 2, 2, 19, 19 } + stretch = TRUE + orientation = VERTICAL + } + + +###########x SLIDERS ##################x + + image + { + function = SLIDER + recolorable = TRUE + state = NORMAL + file = "Scrollbars/slider-horiz.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + orientation = HORIZONTAL + orientation = HORIZONTAL + + + } + + image + { + function = SLIDER + recolorable = TRUE + state = ACTIVE + shadow = IN + file = "Scrollbars/slider-horiz.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + orientation = HORIZONTAL + orientation = HORIZONTAL + + } + + image + { + function = SLIDER + recolorable = TRUE + state = PRELIGHT + file = "Scrollbars/slider-horiz-prelight.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + orientation = HORIZONTAL + orientation = HORIZONTAL + + } + image + { + function = SLIDER + recolorable = TRUE + state = INSENSITIVE + file = "Scrollbars/slider-horiz-insens.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + orientation = HORIZONTAL + orientation = HORIZONTAL + + } + +#############x verticals################xx + + image + { + function = SLIDER + recolorable = TRUE + state = NORMAL + file = "Scrollbars/slider-vert.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + orientation = VERTICAL + orientation = VERTICAL + + } + + image + { + function = SLIDER + recolorable = TRUE + state = ACTIVE + shadow = IN + file = "Scrollbars/slider-vert.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + orientation = VERTICAL + orientation = VERTICAL + + } + + image + { + function = SLIDER + recolorable = TRUE + state = PRELIGHT + file = "Scrollbars/slider-vert-prelight.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + orientation = VERTICAL + orientation = VERTICAL + + } + image + { + function = SLIDER + recolorable = TRUE + state = INSENSITIVE + file = "Scrollbars/slider-vert-insens.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + orientation = VERTICAL + orientation = VERTICAL + + } + + +###########x END SLIDERS ##################x + +########### Steppers ###################### +#### UP ####### + image + { + function = STEPPER + recolorable = TRUE + state = NORMAL + file = "Scrollbars/stepper-up.png" + #border = { 12, 2, 2, 9 } + stretch = TRUE + arrow_direction = UP + } + image + { + function = STEPPER + recolorable = TRUE + state = PRELIGHT + file = "Scrollbars/stepper-up-prelight.png" + #border = { 12, 2, 2, 9 } + stretch = TRUE + arrow_direction = UP + } + image + { + function = STEPPER + recolorable = TRUE + state = ACTIVE + file = "Scrollbars/stepper-up-prelight.png" + #border = { 12, 2, 2, 9 } + stretch = TRUE + arrow_direction = UP + } + image + { + function = STEPPER + recolorable = TRUE + state = INSENSITIVE + file = "Scrollbars/stepper-up-insens.png" + #border = { 12, 2, 2, 9 } + stretch = TRUE + arrow_direction = UP + } + + ######### DOWN ############ + + + image + { + function = STEPPER + recolorable = TRUE + state = NORMAL + file = "Scrollbars/stepper-down.png" + #border = { 12, 2, 10, 2 } + stretch = TRUE + arrow_direction = DOWN + } + image + { + function = STEPPER + recolorable = TRUE + state = PRELIGHT + file = "Scrollbars/stepper-down-prelight.png" + #border = { 12, 2, 10, 2 } + stretch = TRUE + arrow_direction = DOWN + } + image + { + function = STEPPER + recolorable = TRUE + state = ACTIVE + file = "Scrollbars/stepper-down-prelight.png" + #border = { 12, 2, 10, 2 } + stretch = TRUE + arrow_direction = DOWN + } + image + { + function = STEPPER + recolorable = TRUE + state = INSENSITIVE + file = "Scrollbars/stepper-down-insens.png" + #border = { 12, 2, 10, 2 } + stretch = TRUE + arrow_direction = DOWN + } + +############ RIGHT ################ + + image + { + function = STEPPER + recolorable = TRUE + state = NORMAL + file = "Scrollbars/stepper-right.png" + #border = { 2, 9, 2, 13 } + stretch = TRUE + arrow_direction = RIGHT + } + image + { + function = STEPPER + recolorable = TRUE + state = PRELIGHT + file = "Scrollbars/stepper-right-prelight.png" + #border = { 2, 9, 2, 13 } + stretch = TRUE + arrow_direction = RIGHT + } + image + { + function = STEPPER + recolorable = TRUE + state = ACTIVE + file = "Scrollbars/stepper-right-prelight.png" + #border = { 2, 9, 2, 13 } + stretch = TRUE + arrow_direction = RIGHT + } + image + { + function = STEPPER + recolorable = TRUE + state = INSENSITIVE + file = "Scrollbars/stepper-right-insens.png" + #border = { 2, 9, 2, 13 } + stretch = TRUE + arrow_direction = RIGHT + } + +############### LEFT ################### + + + image + { + function = STEPPER + recolorable = TRUE + state = NORMAL + file = "Scrollbars/stepper-left.png" + #border = { 2, 9, 2, 13 } + stretch = TRUE + arrow_direction = LEFT + } + image + { + function = STEPPER + recolorable = TRUE + state = PRELIGHT + file = "Scrollbars/stepper-left-prelight.png" + #border = { 2, 9, 2, 13 } + stretch = TRUE + arrow_direction = LEFT + } + image + { + function = STEPPER + recolorable = TRUE + state = ACTIVE + file = "Scrollbars/stepper-left-prelight.png" + #border = { 2, 9, 2, 13 } + stretch = TRUE + arrow_direction = LEFT + } + image + { + function = STEPPER + recolorable = TRUE + state = INSENSITIVE + file = "Scrollbars/stepper-left-insens.png" + #border = { 2, 9, 2, 13 } + stretch = TRUE + arrow_direction = LEFT + } + } +} + diff --git a/gtk-2.0/Styles/spin b/gtk-2.0/Styles/spin new file mode 100755 index 0000000..d63166b --- /dev/null +++ b/gtk-2.0/Styles/spin @@ -0,0 +1,138 @@ +################ BotonesSpin################ + +style "spinbutton" = "default" +{ + xthickness = 4 + ythickness = 0 + + + GtkWidget::interior_focus = 0 + base[INSENSITIVE] = "#fafafa" + text[INSENSITIVE] = "#bfbfbf" + + engine "pixmap" + { + image + { + function = ARROW + } + +######################### Arriba spin ##################### + image + { + function = BOX + state = NORMAL + detail = "spinbutton_up" + recolorable = TRUE + file = "Spin/spin-up-bg.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + overlay_file = "Spin/arrow-up.png" + overlay_stretch = TRUE + } + image + { + function = BOX + state = PRELIGHT + detail = "spinbutton_up" + recolorable = TRUE + file = "Spin/spin-up-bg.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + overlay_file = "Spin/arrow-up-prelight.png" + overlay_stretch = TRUE + } + image + { + function = BOX + state = INSENSITIVE + detail = "spinbutton_up" + recolorable = TRUE + file = "Spin/spin-up-bg.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + overlay_file = "Spin/arrow-up-disable.png" + overlay_stretch = TRUE + } + image + { + function = BOX + state = ACTIVE + detail = "spinbutton_up" + recolorable = TRUE + file = "Spin/spin-up-bg.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + } + +########################Abajo spin####################### + image + { + function = BOX + state = NORMAL + detail = "spinbutton_down" + recolorable = TRUE + file = "Spin/spin-up-bg.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + overlay_file = "Spin/arrow-down.png" + overlay_stretch = TRUE + } + image + { + function = BOX + state = PRELIGHT + detail = "spinbutton_down" + recolorable = TRUE + file = "Spin/spin-down-bg.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + overlay_file = "Spin/arrow-down-prelight.png" + overlay_stretch = TRUE + } + image + { + function = BOX + state = INSENSITIVE + detail = "spinbutton_down" + recolorable = TRUE + file = "Spin/spin-down-bg.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + overlay_file = "Spin/arrow-down-disable.png" + overlay_stretch = TRUE + } + image + { + function = BOX + state = ACTIVE + detail = "spinbutton_down" + recolorable = TRUE + file = "Spin/spin-down-bg.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + } + + +########################## EntradaSpin ########################### + image + { + function = FOCUS + recolorable = TRUE + file = "Spin/text-entry-focus.png" + border = { 3,3,3,3 } + stretch = TRUE + } + image + { + function = SHADOW + detail = "entry" + shadow = IN + recolorable = FALSE + file = "Spin/text-entry.png" + border = { 3,3,3,3 } + stretch = TRUE + } + } +} + diff --git a/gtk-2.0/Styles/statusbar b/gtk-2.0/Styles/statusbar new file mode 100755 index 0000000..c2bbdf9 --- /dev/null +++ b/gtk-2.0/Styles/statusbar @@ -0,0 +1,21 @@ +style "statusbar" = "default" +{ + +# xthickness = 1 +# ythickness = 1 + + engine "pixmap" + { + image + { + function = RESIZE_GRIP + recolorable = TRUE + #state = NORMAL + detail = "statusbar" + overlay_file = "Handles/resize-grip.png" + + overlay_border = {0,0,0,0 } + overlay_stretch = FALSE + } + } +} diff --git a/gtk-2.0/Styles/terminal b/gtk-2.0/Styles/terminal new file mode 100755 index 0000000..db00581 --- /dev/null +++ b/gtk-2.0/Styles/terminal @@ -0,0 +1,7 @@ +style "terminal" +{ + text[NORMAL] = "#bbbbbb" + base[NORMAL] = "#000000" + + TerminalScreen::background-darkness = 0.95 +} diff --git a/gtk-2.0/Styles/toolbar b/gtk-2.0/Styles/toolbar new file mode 100755 index 0000000..41ce31e --- /dev/null +++ b/gtk-2.0/Styles/toolbar @@ -0,0 +1,71 @@ +style "toolbar" +{ + engine "pixmap" + { + image + { + function = BOX + file = "Toolbar/toolbar-light.png" + border = { 2, 2, 2, 2 } + stretch = TRUE + } + } +} + + +style "toolbuttons" = "default" +{ + xthickness = 3 + ythickness = 1 + GtkWidget::focus_padding = 0 + + engine "pixmap" { + + image + { + function = BOX + recolorable = TRUE + state = NORMAL + file = "Toolbar/toolbutton-normal.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } + image + { + function = BOX + recolorable = TRUE + state = PRELIGHT + file = "Toolbar/toolbutton-prelight.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } + image + { + function = BOX + recolorable = TRUE + state = ACTIVE + file = "Toolbar/toolbutton-pressed.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } + image + { + function = BOX + recolorable = TRUE + state = INSENSITIVE + file = "Toolbar/toolbutton-normal.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } + + + image + { + function = FOCUS + recolorable = TRUE + file = "Toolbar/toolbutton-focus.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } + } +} diff --git a/gtk-2.0/Styles/tooltips b/gtk-2.0/Styles/tooltips new file mode 100755 index 0000000..c9e4ac6 --- /dev/null +++ b/gtk-2.0/Styles/tooltips @@ -0,0 +1,19 @@ +style "tooltips" + { + xthickness = 9 ## give your tooltip text some room, set x,y big!## + ythickness = 9 + fg[NORMAL] = "#000000" + engine "pixmap" + { + image + { + function = FLAT_BOX + detail = "tooltip" + recolorable = TRUE + file = "Others/tooltip.png" + border = { 3, 3, 4, 4 } + stretch = TRUE + } + } + +} diff --git a/gtk-2.0/Styles/treeview b/gtk-2.0/Styles/treeview new file mode 100755 index 0000000..1bb0445 --- /dev/null +++ b/gtk-2.0/Styles/treeview @@ -0,0 +1,161 @@ +style "gtktreeview" = "default" +{ + text[INSENSITIVE] = "#333" +} + +style "gtktreeview2" = "default" +{ + bg[NORMAL] = "#fcfcfc" + engine "pixmap" + { + + + + # Active Rows + #======================================================== + + # Start Selected images + image + { + function = FLAT_BOX + state = SELECTED + detail = "cell_even_start" + border = {4, 4, 4, 4} #6, 2, 2, 2 + file = "Images/Tree/selected-start.png" + stretch = TRUE + } + image + { + function = FLAT_BOX + state = SELECTED + detail = "cell_odd_start" + border = {4, 4, 4, 4} + file = "Images/Tree/selected-start.png" + stretch = TRUE + } + image + { + function = FLAT_BOX + state = SELECTED + detail = "cell_even_sorted_start" + border = {4, 4, 4, 4} + file = "Images/Tree/selected-start.png" + stretch = TRUE + } + image + { + function = FLAT_BOX + state = SELECTED + detail = "cell_odd_sorted_start" + border = {4, 4, 4, 4} + file = "Images/Tree/selected-start.png" + stretch = TRUE + } + + # Middle Selected images + image + { + function = FLAT_BOX + state = SELECTED + detail = "cell_even_middle" + border = {4, 4, 4, 4} + file = "Images/Tree/selected-mid.png" + stretch = TRUE + } + image + { + function = FLAT_BOX + state = SELECTED + detail = "cell_odd_middle" + border = {4, 4, 4, 4} + file = "Images/Tree/selected-mid.png" + stretch = TRUE + } + image + { + function = FLAT_BOX + state = SELECTED + detail = "cell_even_sorted_middle" + border = {4, 4, 4, 4} + file = "Images/Tree/selected-mid-odd-sorted.png" + stretch = TRUE + } + image + { + function = FLAT_BOX + state = SELECTED + detail = "cell_odd_sorted_middle" + border = {4, 4, 4, 4} + file = "Images/Tree/selected-mid-odd-sorted.png" + stretch = TRUE + } + + # End Selected images + image + { + function = FLAT_BOX + state = SELECTED + detail = "cell_even_end" + border = {4, 4, 4, 4} #2,6,2,2 + file = "Images/Tree/selected-end.png" + stretch = TRUE + } + image + { + function = FLAT_BOX + state = SELECTED + detail = "cell_odd_end" + border = {4, 4, 4, 4} + file = "Images/Tree/selected-end.png" + stretch = TRUE + } + image + { + function = FLAT_BOX + state = SELECTED + detail = "cell_even_sorted_end" + border = {4, 4, 4, 4} + file = "Images/Tree/selected-end-odd-sorted.png" + stretch = TRUE + } + image + { + function = FLAT_BOX + state = SELECTED + detail = "cell_odd_sorted_end" + border = {4, 4, 4, 4} + file = "Images/Tree/selected-end-odd-sorted.png" + stretch = TRUE + } + + + # This is for treeviews with only one column + image + { + function = FLAT_BOX + state = SELECTED + border = {4, 4, 4, 4}#6, 2, 2, 2 + file = "Images/Tree/selected.png" + stretch = TRUE + } + + image + { + function = BOX + state = ACTIVE + border = {4, 4, 4, 4} + file = "Images/Tree/selected.png" + stretch = TRUE + } + + image + { + function = HLINE + recolorable = TRUE + file = "Lines/line-h-tree.png" + border = { 21, 0, 1, 1 } + stretch = TRUE + } + + } +} diff --git a/gtk-2.0/Tabs/gap-bottom.png b/gtk-2.0/Tabs/gap-bottom.png new file mode 100755 index 0000000..23245c6 Binary files /dev/null and b/gtk-2.0/Tabs/gap-bottom.png differ diff --git a/gtk-2.0/Tabs/gap-left.png b/gtk-2.0/Tabs/gap-left.png new file mode 100755 index 0000000..1367f8f Binary files /dev/null and b/gtk-2.0/Tabs/gap-left.png differ diff --git a/gtk-2.0/Tabs/gap-right.png b/gtk-2.0/Tabs/gap-right.png new file mode 100755 index 0000000..1367f8f Binary files /dev/null and b/gtk-2.0/Tabs/gap-right.png differ diff --git a/gtk-2.0/Tabs/gap-top.png b/gtk-2.0/Tabs/gap-top.png new file mode 100755 index 0000000..23245c6 Binary files /dev/null and b/gtk-2.0/Tabs/gap-top.png differ diff --git a/gtk-2.0/Tabs/notebook.png b/gtk-2.0/Tabs/notebook.png new file mode 100755 index 0000000..b7843f9 Binary files /dev/null and b/gtk-2.0/Tabs/notebook.png differ diff --git a/gtk-2.0/Tabs/notebook_bottom_flat.png b/gtk-2.0/Tabs/notebook_bottom_flat.png new file mode 100755 index 0000000..dc2784a Binary files /dev/null and b/gtk-2.0/Tabs/notebook_bottom_flat.png differ diff --git a/gtk-2.0/Tabs/notebook_left_flat.png b/gtk-2.0/Tabs/notebook_left_flat.png new file mode 100755 index 0000000..fdc1f8e Binary files /dev/null and b/gtk-2.0/Tabs/notebook_left_flat.png differ diff --git a/gtk-2.0/Tabs/notebook_right_flat.png b/gtk-2.0/Tabs/notebook_right_flat.png new file mode 100755 index 0000000..ae6086f Binary files /dev/null and b/gtk-2.0/Tabs/notebook_right_flat.png differ diff --git a/gtk-2.0/Tabs/notebook_top_flat.png b/gtk-2.0/Tabs/notebook_top_flat.png new file mode 100755 index 0000000..1d82b8f Binary files /dev/null and b/gtk-2.0/Tabs/notebook_top_flat.png differ diff --git a/gtk-2.0/Tabs/null.png b/gtk-2.0/Tabs/null.png new file mode 100755 index 0000000..079a05a Binary files /dev/null and b/gtk-2.0/Tabs/null.png differ diff --git a/gtk-2.0/Tabs/tab-bottom-active-gap.png b/gtk-2.0/Tabs/tab-bottom-active-gap.png new file mode 100755 index 0000000..d6fbdfa Binary files /dev/null and b/gtk-2.0/Tabs/tab-bottom-active-gap.png differ diff --git a/gtk-2.0/Tabs/tab-bottom-active.png b/gtk-2.0/Tabs/tab-bottom-active.png new file mode 100755 index 0000000..66b0602 Binary files /dev/null and b/gtk-2.0/Tabs/tab-bottom-active.png differ diff --git a/gtk-2.0/Tabs/tab-bottom.png b/gtk-2.0/Tabs/tab-bottom.png new file mode 100755 index 0000000..e1201a4 Binary files /dev/null and b/gtk-2.0/Tabs/tab-bottom.png differ diff --git a/gtk-2.0/Tabs/tab-left-active-gap.png b/gtk-2.0/Tabs/tab-left-active-gap.png new file mode 100755 index 0000000..f3b0f6f Binary files /dev/null and b/gtk-2.0/Tabs/tab-left-active-gap.png differ diff --git a/gtk-2.0/Tabs/tab-left-active.png b/gtk-2.0/Tabs/tab-left-active.png new file mode 100755 index 0000000..c7e4f92 Binary files /dev/null and b/gtk-2.0/Tabs/tab-left-active.png differ diff --git a/gtk-2.0/Tabs/tab-left.png b/gtk-2.0/Tabs/tab-left.png new file mode 100755 index 0000000..4b7d353 Binary files /dev/null and b/gtk-2.0/Tabs/tab-left.png differ diff --git a/gtk-2.0/Tabs/tab-right-active-gap.png b/gtk-2.0/Tabs/tab-right-active-gap.png new file mode 100755 index 0000000..5000222 Binary files /dev/null and b/gtk-2.0/Tabs/tab-right-active-gap.png differ diff --git a/gtk-2.0/Tabs/tab-right-active.png b/gtk-2.0/Tabs/tab-right-active.png new file mode 100755 index 0000000..fdae77e Binary files /dev/null and b/gtk-2.0/Tabs/tab-right-active.png differ diff --git a/gtk-2.0/Tabs/tab-right.png b/gtk-2.0/Tabs/tab-right.png new file mode 100755 index 0000000..859d66b Binary files /dev/null and b/gtk-2.0/Tabs/tab-right.png differ diff --git a/gtk-2.0/Tabs/tab-top-active (copia).png b/gtk-2.0/Tabs/tab-top-active (copia).png new file mode 100755 index 0000000..783237b Binary files /dev/null and b/gtk-2.0/Tabs/tab-top-active (copia).png differ diff --git a/gtk-2.0/Tabs/tab-top-active-gap.png b/gtk-2.0/Tabs/tab-top-active-gap.png new file mode 100755 index 0000000..a6f2c1b Binary files /dev/null and b/gtk-2.0/Tabs/tab-top-active-gap.png differ diff --git a/gtk-2.0/Tabs/tab-top-active.png b/gtk-2.0/Tabs/tab-top-active.png new file mode 100755 index 0000000..783237b Binary files /dev/null and b/gtk-2.0/Tabs/tab-top-active.png differ diff --git a/gtk-2.0/Tabs/tab-top.png b/gtk-2.0/Tabs/tab-top.png new file mode 100755 index 0000000..868bfbe Binary files /dev/null and b/gtk-2.0/Tabs/tab-top.png differ diff --git a/gtk-2.0/Toolbar/toolbar-light.png b/gtk-2.0/Toolbar/toolbar-light.png new file mode 100755 index 0000000..6db3f34 Binary files /dev/null and b/gtk-2.0/Toolbar/toolbar-light.png differ diff --git a/gtk-2.0/Toolbar/toolbutton-default.png b/gtk-2.0/Toolbar/toolbutton-default.png new file mode 100755 index 0000000..26db2aa Binary files /dev/null and b/gtk-2.0/Toolbar/toolbutton-default.png differ diff --git a/gtk-2.0/Toolbar/toolbutton-focus.png b/gtk-2.0/Toolbar/toolbutton-focus.png new file mode 100755 index 0000000..9ecc7e2 Binary files /dev/null and b/gtk-2.0/Toolbar/toolbutton-focus.png differ diff --git a/gtk-2.0/Toolbar/toolbutton-insensitive.png b/gtk-2.0/Toolbar/toolbutton-insensitive.png new file mode 100755 index 0000000..6ae18b1 Binary files /dev/null and b/gtk-2.0/Toolbar/toolbutton-insensitive.png differ diff --git a/gtk-2.0/Toolbar/toolbutton-normal.png b/gtk-2.0/Toolbar/toolbutton-normal.png new file mode 100755 index 0000000..e4dba58 Binary files /dev/null and b/gtk-2.0/Toolbar/toolbutton-normal.png differ diff --git a/gtk-2.0/Toolbar/toolbutton-prelight.png b/gtk-2.0/Toolbar/toolbutton-prelight.png new file mode 100755 index 0000000..09c2eac Binary files /dev/null and b/gtk-2.0/Toolbar/toolbutton-prelight.png differ diff --git a/gtk-2.0/Toolbar/toolbutton-pressed.png b/gtk-2.0/Toolbar/toolbutton-pressed.png new file mode 100755 index 0000000..9abc40e Binary files /dev/null and b/gtk-2.0/Toolbar/toolbutton-pressed.png differ diff --git a/gtk-2.0/Toolbar/toolbutton-toggled.png b/gtk-2.0/Toolbar/toolbutton-toggled.png new file mode 100755 index 0000000..d2cd86a Binary files /dev/null and b/gtk-2.0/Toolbar/toolbutton-toggled.png differ diff --git a/gtk-2.0/apps/banshee.rc b/gtk-2.0/apps/banshee.rc new file mode 100755 index 0000000..d49aaf7 --- /dev/null +++ b/gtk-2.0/apps/banshee.rc @@ -0,0 +1,23 @@ +# ============================================================================== +# BANSHEE SPECIFIC SETTINGS +# ============================================================================== + +style "banshee_scrollbar" { + engine "murrine" { + roundness = 20 + } +} + +widget "__gtksharp_1*SeekSlider*" style "scale" +widget "__gtksharp_1*Player*croll*" style "banshee_scrollbar" + +widget_class "__gtksharp_1**" style "default" +widget_class "__gtksharp_1**" style "button" +#widget_class "__gtksharp_1**" style "scale" + + + + + + + diff --git a/gtk-2.0/apps/chromium.rc b/gtk-2.0/apps/chromium.rc new file mode 100755 index 0000000..ededd76 --- /dev/null +++ b/gtk-2.0/apps/chromium.rc @@ -0,0 +1,39 @@ +# ============================================================================== +# CHROMIUM SPECIFIC SETTINGS +# ============================================================================== + +style "chromium_toolbar_button" { + engine "murrine" { + roundness = 3 + textstyle = 0 + } +} + +style "chrome-gtk-frame" +{ + ChromeGtkFrame::frame-color = "#3c3b37" + ChromeGtkFrame::inactive-frame-color = "#3c3b37" + + ChromeGtkFrame::frame-gradient-size = 16 + ChromeGtkFrame::frame-gradient-color = "#5c5b56" + + ChromeGtkFrame::incognito-frame-color = lighter ("#3c3b37") + ChromeGtkFrame::incognito-inactive-frame-color = lighter ("#3c3b37") + + ChromeGtkFrame::incognito-frame-gradient-size = 16 + ChromeGtkFrame::incognito-frame-gradient-color = "#5c5b56" + + 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 +} + +class "ChromeGtkFrame" style "chrome-gtk-frame" + +widget_class "*Chrom*Button*" style "chromium_toolbar_button" + + + + + + diff --git a/gtk-2.0/apps/ff.rc b/gtk-2.0/apps/ff.rc new file mode 100755 index 0000000..def64aa --- /dev/null +++ b/gtk-2.0/apps/ff.rc @@ -0,0 +1,30 @@ +# ============================================================================== +# FIREFOX SPECIFIC SETTINGS +# ============================================================================== + +style "ff-default" { + GtkCheckButton::indicator-size = 14 + + engine "murrine" { + reliefstyle = 0 + } +} + +#widget "MozillaGtkWidget*Toolbar*" style "theme-toolbar" +#widget "MozillaGtkWidget*Statusbar*" style "ff-statusbar" + +widget "MozillaGtkWidget*" style "ff-default" + +# ------------------------------------------------------------------------------ +# Some Firefox (3.0/3.5) GTK widgets hierarchy (maybe useful for someone) +# ------------------------------------------------------------------------------ + +# Top toolbars (and maybe others) +#widget "MozillaGtkWidget.GtkFixed.GtkHandleBox.GtkToolbar" style "theme-dark-toolbar" + +# Findbar entry, gecko (all html) entry +#widget "MozillaGtkWidget.GtkFixed.GtkEntry" style "theme-dark-entry" + +# ALL buttons +#widget "MozillaGtkWidget.GtkFixed.GtkButton" style "theme-dark-button" + diff --git a/gtk-2.0/apps/gnome-terminal.rc b/gtk-2.0/apps/gnome-terminal.rc new file mode 100755 index 0000000..403991d --- /dev/null +++ b/gtk-2.0/apps/gnome-terminal.rc @@ -0,0 +1,52 @@ +# ============================================================================== +# GNOME TERMINAL SPECIFIC SETTINGS +# ============================================================================== + +style "terminal_window" = "dark" { +} + +style "terminal_menubar" +{ + engine "murrine" { + } +} + +style "terminal_notebook" = "dark" +{ + fg[ACTIVE] = mix (0.8, "#dfdbd2", "#3c3b37") + + engine "murrine" { + } +} + +style "terminal_scrollbar" = "scrollbar" +{ + bg[NORMAL] = "#3c3b37" + bg[PRELIGHT] = shade(1.08, "#3c3b37") + bg[ACTIVE] = shade(0.94, "#3c3b37") + bg[SELECTED] = shade(1.0, @selected_bg_color) + bg[INSENSITIVE] = "#3c3b37" + + engine "murrine" { + } +} + +style "terminal_screen" +{ + text[NORMAL] = "#ffffff" + base[NORMAL] = "#300a24" + + TerminalScreen::background-darkness = 0.95 +} + +widget "*TerminalWindow*" style "terminal_window" +#widget "*TerminalWindow.*.*enu?ar" style "terminal_menubar" +widget "*TerminalWindow.*.GtkNotebook*" style "terminal_notebook" +widget "*TerminalWindow.*.GtkNotebook.*.GtkVScrollbar*" style "terminal_scrollbar" +#widget "*TerminalWindow.*.GtkNotebook*utton*" style "terminal_button" +widget "*TerminalWindow.*.TerminalScreen*" style "terminal_screen" + + + + + diff --git a/gtk-2.0/apps/nautilus.rc b/gtk-2.0/apps/nautilus.rc new file mode 100755 index 0000000..1f5fd66 --- /dev/null +++ b/gtk-2.0/apps/nautilus.rc @@ -0,0 +1,11 @@ +# ============================================================================== +# NAUTILUS SPECIFIC SETTINGS +# ============================================================================== + +style "nautilus_info_pane" { + bg[NORMAL] = @bg_color +} + +widget_class "*Nautilus**" style "nautilus_info_pane" +widget_class "*Nautilus*" style "notebook_button" +widget_class "*Nautilus**" style "notebook_button" diff --git a/gtk-2.0/gtkrc b/gtk-2.0/gtkrc new file mode 100755 index 0000000..6b3f83e --- /dev/null +++ b/gtk-2.0/gtkrc @@ -0,0 +1,522 @@ +#Win2-7(Pixmap) + +style "default" +{ + GtkNotebook::tab-overlap = 3 #no tab overlap; default is 2 + GtkNotebook::tab-curvature = 3 #pixels between text and border + + GtkButton::default-border = {1, 1, 1, 1} + GtkButton::default-spacing = 6 + + + GtkWidget::interior_focus = 0 + GtkWidget::focus_padding = 0 + + GtkCheckButton::indicator_size = 13 + GtkCheckButton::indicator_spacing = 3 + + GtkPaned::handle_size = 6 + + GtkRange::trough-border = 0 + GtkRange::slider-width = 16 + GtkRange::stepper-size = 16 + GtkRange::stepper-spacing = 0 + + GtkScrollbar::min-slider-length = 20 + GtkScrollbar::slider-width = 15 + GtkScrollbar::trough-side-details = 0 + + + GtkButton::default_border = { 0, 0, 0, 0 } + GtkButton::default_outside_border = { 0, 0, 0, 0 } + + +# GtkVScale::slider_length = 11 +# GtkVScale::slider_width = 21 +# GtkHScale::slider_length = 11 +# GtkHScale::slider_width = 21 + + + + GtkMenuBar::internal_padding = 1 + GtkOptionMenu::indicator_size = { 15, 8 } + GtkOptionMenu::indicator_spacing = { 8, 2, 0, 0 } + #GtkStatusbar::shadow_type = GTK_SHADOW_TRUE + GtkSpinButton::shadow_type = GTK_SHADOW_TRUE + + + GtkTreeView ::expander-size = 14 + GtkTreeView ::vertical-separator = 1 + GtkTreeView ::horizontal-separator = 2 + GtkTreeView ::allow-rules = 0 # Don't use different color for odd rows + GtkTreeView ::row-ending-details = 1 # Allow for rounded endings and transparent active rows + + + xthickness = 2 + ythickness = 2 + + fg[NORMAL] = "#000" # Metacity and mouseover, Most text + fg[ACTIVE] = "#000" # Texto en pestañas sin foco, botones tambien + fg[PRELIGHT] = "#000" # Texto en botones hover + fg[SELECTED] = "#fff" # Texto seleccionado en listas + fg[INSENSITIVE] = "#c8c8c8" # Texto deshabilitado menu + + bg[NORMAL] = "#e8ecf6" # Fondo ventana superior + bg[ACTIVE] = "#cee2f9" # Items de barra de tareas seleccionados + bg[PRELIGHT] = "#a4d2ff" # Boton prelight + bg[SELECTED] = "#3399FF" #"#a4d2ff" # Borde de pestaña, boton check, borde ejemplo en apariencia, controla metacity + bg[INSENSITIVE] = "#d8def0" # Botones inactivos + + base[NORMAL] = "#fcfcfc" # Fondo de Ventana #ffffdc + base[ACTIVE] = "#3399FF" # Elemento Seleccionado en ventana inactiva + base[PRELIGHT] = "#fff" # Linea exterior barra menu + base[INSENSITIVE] = "#fff" # Entrada inactiva + base[SELECTED] = "#3399FF" # Fondo seleccionado Escritorio + + text[NORMAL] = "#000" # Texto en ventanas + text[INSENSITIVE] = "#c8c8c8" # Texto insensitivo ventana + text[SELECTED] = "#fff" # Texto seleccionado + text[ACTIVE] = "#000" # Texto activo en ventana inactiva + text[PRELIGHT] = "#000" # Mouse sobre texto + + engine "pixmap" + { + image + { + function = HANDLE + recolorable = TRUE + overlay_file = "Panel/handle-v1.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + image + { + function = HANDLE + recolorable = TRUE + overlay_file = "Panel/handle-h1.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + +####################### Shadows ############################x + + image + { + function = SHADOW + shadow = IN + recolorable = FALSE + file = "Shadows/shadow-in.png" + border = { 3, 3, 3, 3 } + stretch = TRUE + } + image + { + function = SHADOW + shadow = OUT + recolorable = TRUE + file = "Shadows/shadow-out.png" + stretch = TRUE + } + + image + { + function = SHADOW + shadow = ETCHED_IN + recolorable = TRUE + file = "Frame-Gap/frame1.png" + border = { 3, 3, 3, 3 } + stretch = TRUE + } + image + { + function = SHADOW + shadow = ETCHED_OUT + recolorable = TRUE + file = "Shadows/shadow-none.png" + border = { 3, 3, 3, 3 } + stretch = TRUE + } + image + { + function = SHADOW_GAP + recolorable = TRUE + file = "Frame-Gap/frame1.png" + border = { 3, 3, 3, 3 } + stretch = TRUE + gap_start_file = "Frame-Gap/frame-gap-start.png" + gap_start_border = { 2, 0, 2, 0 } + gap_end_file = "Frame-Gap/frame-gap-end.png" + gap_end_border = { 0, 2, 2, 0 } + gap_side = TOP + } + + image + { + function = VLINE + recolorable = TRUE + file = "Lines/line-v.png" + border = { 1, 1, 0, 0 } + stretch = TRUE + } + image + { + function = HLINE + recolorable = TRUE + file = "Lines/line-h.png" + border = { 21, 0, 1, 1 } + stretch = TRUE + } + + # foco + + image + { + function = FOCUS + recolorable = TRUE + file = "Others/focus.png" + border = { 6, 0, 6, 0 } + stretch = TRUE + } + + # flechas + + image + { + function = ARROW + recolorable = TRUE + overlay_file = "Arrows/arrow-up.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = UP + } + image + { + function = ARROW + state = NORMAL + recolorable = TRUE + overlay_file = "Arrows/arrow-down.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = DOWN + } + image + { + function = ARROW + state = PRELIGHT + recolorable = TRUE + overlay_file = "Arrows/arrow-down-prelight.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = DOWN + } + image + { + function = ARROW + state = ACTIVE + recolorable = TRUE + overlay_file = "Arrows/arrow-down-pressed.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image + { + function = ARROW + state = INSENSITIVE + recolorable = TRUE + overlay_file = "Arrows/arrow-down-insens.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image + { + function = ARROW + recolorable = TRUE + overlay_file = "Arrows/arrow-left.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = LEFT + } + image + { + function = ARROW + recolorable = TRUE + overlay_file = "Arrows/arrow-right.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = RIGHT + } + # image +# { +# function = BOX +# recolorable = TRUE +# file = "Others/null.png" +# border = { 3, 3, 3, 3 } +# stretch = TRUE +# } + } + +} + + +##################### RULER ################## + +style "ruler" = "default" +{ + engine "pixmap" + { + image + { + function = BOX + recolorable = TRUE + detail = "vruler" + file = "Others/ruler.png" + border = { 2, 2, 2, 2 } + stretch = TRUE + } + image + { + function = BOX + recolorable = TRUE + detail = "hruler" + file = "Others/ruler.png" + border = { 2, 2, 2, 2 } + stretch = TRUE + } + } +} + + +style "flat" = "default" +{ + engine "pixmap" + { + image + { + function = SHADOW + } + } +} + +style "layout" = "default" +{ + engine "pixmap" + { + image + { + function = SHADOW + detail = "entry" + shadow = IN + recolorable = FALSE + file = "Shadows/text.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + } + image + { + function = BOX + detail = "button" + state = NORMAL + file = "Buttons/button-normal.png" + recolorable = TRUE + border = { 2, 3, 2, 3 } + stretch = TRUE + } + } +} + + + +# SPIcons seem to erase the background first. That's why I can't use +# the button style. + +style "SPbutton" +{ + engine "pixmap" + { + image + { + function = BOX + shadow = IN + recolorable = TRUE + file = "Shadows/shadow-out.png" + border = { 2, 2, 2, 2 } + stretch = TRUE + } + image + { + function = BOX + } + } +} + +style "unstyle" +{ + engine "" + { + } +} + + + +# included styles + +include "Styles/terminal" +include "Styles/treeview" +include "Styles/listheader" +include "Styles/statusbar" +include "Styles/notebook" +include "Styles/menu-menubar" +include "Styles/button" +include "Styles/toolbar" +include "Styles/entry" +include "Styles/range" +include "Styles/progressbar" +include "Styles/scrollbar" +include "Styles/spin" +include "Styles/checkbutton" +include "Styles/combo" +include "Styles/optionmenu" +include "Styles/radiobutton" +include "Styles/tooltips" +include "Styles/panel" +include "Styles/handlebox" +include "Styles/inactivetext" + + +# widget styles +class "GtkTreeView*" style "gtktreeview" + +widget_class "*GtkCList*" style "list-header" +widget_class "*GtkTree*" style "progressbar" + +# Treeview header +widget_class "*.." style "list-header" +widget_class "*.." style "list-header" +widget_class "*.." style "list-header" +widget_class "*.." style "list-header" + +# Workarounds for Evolution +widget_class "*.ETable.ECanvas" style "list-header" +widget_class "*.ETree.ECanvas" style "list-header" + + +class "GtkStatusbar" style "statusbar" + +class "GtkNotebook" style "notebook" + +class "GtkMenu" style "menu" +class "GtkMenuBar*" style "menubar" +widget_class "*MenuBar.*" style "menubar" +widget_class "*.." style "menuitem" +class "GtkMenuItem" style "menuitem" +class "GtkTearoffMenuItem" style "menuitem" +widget_class "*..*" style "TextoMenu" + + +class "GtkButton" style "button" + +widget_class "*BonoboDockItem" style "toolbar" +class "*BonoboDockItem" style "toolbar" +widget_class "*HandleBox" style "toolbar" +class "*HandleBox" style "toolbar" +widget_class "*Toolbar" style "toolbar" +class "*Toolbar" style "toolbar" +widget_class "*Tool*GtkToggleButton" style "toolbuttons" +widget_class "*Tool*GtkButton" style "toolbuttons" + +class "GtkEntry" style "entry" +class "GtkOldEditable" style "entry" + +class "GtkRange" style "range" + +class "GtkProgressBar" style "progressbar" + +class "GtkScrollbar" style "scrollbar" + +class "GtkSpinButton" style "spinbutton" + +class "GtkCheckButton" style "checkbutton" +class "GtkCheckMenuItem" style "checkbutton" + + +class "GtkOptionMenu" style "optionmenu" +class "GtkComboBox" style "optionmenu" +widget_class "*GtkCombo.*Button*" style "ComboButton" + +class "GtkComboBoxEntry*" style "ComboBox" +class "GtkCombo*" style "ComboBox" +class "*Font*" style "ComboBox" +widget_class "*Combo*Entry*" style "ComboBox" + +class "GtkRadioButton" style "radiobutton" +class "GtkRadioMenuItem" style "radiobutton" + +widget "gtk-tooltips" style "tooltips" +widget "gtk-tooltip*" style "tooltips" + + +#class "*Panel*" style "fix" +class "*Panel*" style "panelbg" +widget_class "*notif*" style "panelbg" +widget_class "*Notif*" style "panelbg" +widget_class "*Tray*" style "panelbg" +widget_class "*tray*" style "panelbg" +widget "*PanelWidget*" style "panelbuttons" +widget "*PanelApplet*" style "panelbuttons" +widget "*task*" style "panelbuttons" +widget "*.tasklist-button" style "panelbuttons" +widget "*PanelApplet*TaskTitle*" style "panelbuttons" +widget_class "*Panel*GtkToggleButton*" style "button" +widget_class "*Panel*GtkButton" style "panelbuttons" +widget_class "*PanelButton*." style "panelbuttons" + +class "GtkHandleBox" style "handlebox" +class "GtkPaned" style "handlebox" + +widget_class "*." style "inactivetext" +widget_class "*." style "inactivetext" +#widget_class "*." style "inactivetext" + + + + +class "GtkWidget" style "default" + +class "GtkRuler" style "ruler" + +class "GtkToolbar" style "flat" +class "GtkEventBox" style "flat" + +class "GtkLayout" style "layout" +class "SPButton" style "SPbutton" + +class "SPColorSlider" style "unstyle" + +class "PanelAppletFrame" style "panel-handle" +class "TerminalScreen" style "terminal" + + +widget "*IdoScaleMenuItem*" style "range" +widget "*IdoEntryMenuItem*" style "entry" +widget_class "**" style "notebook" + +#widget_class "*" style "button" + +widget_class "*" style "progressbar" +#widget "*fast-user-switch*" style "panelbg" # workaround for Fast User Switch applet +class "PanelApp*" style "panelbg" +widget "*fast-user-switch-applet*" style "panelbg" + + +widget_class "*notif*" style "panelbg" +widget_class "*Notif*" style "panelbg" + +widget "*Xfce*Panel*" style "panelbg" +class "*Xfce*Panel*" style "panelbg" +# Nautilus sidebar +#widget_class "*Nautilus*Places*Sidebar*" style "nautilus-sidebar" +#widget_class "*Nautilus*Side*.GtkWidget" style "nautilus-sidebar" diff --git a/gtk-3.0/assets/bullet-symbolic.svg b/gtk-3.0/assets/bullet-symbolic.svg new file mode 100644 index 0000000..acf880a --- /dev/null +++ b/gtk-3.0/assets/bullet-symbolic.svg @@ -0,0 +1,155 @@ + + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + + + diff --git a/gtk-3.0/assets/bullet-symbolic.symbolic.png b/gtk-3.0/assets/bullet-symbolic.symbolic.png new file mode 100644 index 0000000..8e6925a Binary files /dev/null and b/gtk-3.0/assets/bullet-symbolic.symbolic.png differ diff --git a/gtk-3.0/assets/check-symbolic.svg b/gtk-3.0/assets/check-symbolic.svg new file mode 100644 index 0000000..b04b5ad --- /dev/null +++ b/gtk-3.0/assets/check-symbolic.svg @@ -0,0 +1,154 @@ + + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + + + diff --git a/gtk-3.0/assets/check-symbolic.symbolic.png b/gtk-3.0/assets/check-symbolic.symbolic.png new file mode 100644 index 0000000..14bd626 Binary files /dev/null and b/gtk-3.0/assets/check-symbolic.symbolic.png differ diff --git a/gtk-3.0/assets/dash-symbolic.svg b/gtk-3.0/assets/dash-symbolic.svg new file mode 100644 index 0000000..7886d54 --- /dev/null +++ b/gtk-3.0/assets/dash-symbolic.svg @@ -0,0 +1,153 @@ + + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + + + diff --git a/gtk-3.0/assets/dash-symbolic.symbolic.png b/gtk-3.0/assets/dash-symbolic.symbolic.png new file mode 100644 index 0000000..c20d4ba Binary files /dev/null and b/gtk-3.0/assets/dash-symbolic.symbolic.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-above-active-dark.png b/gtk-3.0/assets/slider-horz-scale-has-marks-above-active-dark.png new file mode 100644 index 0000000..c02396e Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-above-active-dark.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-above-active-dark@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-above-active-dark@2.png new file mode 100644 index 0000000..2ff6efe Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-above-active-dark@2.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-above-active.png b/gtk-3.0/assets/slider-horz-scale-has-marks-above-active.png new file mode 100644 index 0000000..53729ec Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-above-active.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-above-active@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-above-active@2.png new file mode 100644 index 0000000..d73ff53 Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-above-active@2.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-dark.png b/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-dark.png new file mode 100644 index 0000000..d15a78c Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-dark.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-dark@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-dark@2.png new file mode 100644 index 0000000..268167a Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-dark@2.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark.png b/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark.png new file mode 100644 index 0000000..d15a78c Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark@2.png new file mode 100644 index 0000000..268167a Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark@2.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive.png b/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive.png new file mode 100644 index 0000000..921509f Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive@2.png new file mode 100644 index 0000000..d157e60 Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive@2.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop.png b/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop.png new file mode 100644 index 0000000..52aa71d Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop@2.png new file mode 100644 index 0000000..100b0c3 Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop@2.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-above-dark.png b/gtk-3.0/assets/slider-horz-scale-has-marks-above-dark.png new file mode 100644 index 0000000..74d848d Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-above-dark.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-above-dark@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-above-dark@2.png new file mode 100644 index 0000000..01e0e53 Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-above-dark@2.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-dark.png b/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-dark.png new file mode 100644 index 0000000..070f181 Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-dark.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-dark@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-dark@2.png new file mode 100644 index 0000000..d0b0441 Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-dark@2.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover.png b/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover.png new file mode 100644 index 0000000..f989dc6 Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover@2.png new file mode 100644 index 0000000..e1bec6f Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover@2.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-dark.png b/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-dark.png new file mode 100644 index 0000000..d15a78c Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-dark.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png new file mode 100644 index 0000000..268167a Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive.png b/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive.png new file mode 100644 index 0000000..21c55c3 Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive@2.png new file mode 100644 index 0000000..611ed7e Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive@2.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-above.png b/gtk-3.0/assets/slider-horz-scale-has-marks-above.png new file mode 100644 index 0000000..de5300d Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-above.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-above@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-above@2.png new file mode 100644 index 0000000..456f291 Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-above@2.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-active-dark.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-active-dark.png new file mode 100644 index 0000000..b6b677b Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-below-active-dark.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-active-dark@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-active-dark@2.png new file mode 100644 index 0000000..9f5528d Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-below-active-dark@2.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-active.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-active.png new file mode 100644 index 0000000..4e86277 Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-below-active.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-active@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-active@2.png new file mode 100644 index 0000000..de34cd2 Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-below-active@2.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-dark.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-dark.png new file mode 100644 index 0000000..4fe4dfa Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-dark.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-dark@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-dark@2.png new file mode 100644 index 0000000..074c0d6 Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-dark@2.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark.png new file mode 100644 index 0000000..4fe4dfa Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark@2.png new file mode 100644 index 0000000..074c0d6 Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark@2.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive.png new file mode 100644 index 0000000..4c69d36 Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive@2.png new file mode 100644 index 0000000..6cef847 Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive@2.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop.png new file mode 100644 index 0000000..eabce2c Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop@2.png new file mode 100644 index 0000000..1a68555 Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop@2.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-dark.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-dark.png new file mode 100644 index 0000000..194f018 Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-below-dark.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-dark@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-dark@2.png new file mode 100644 index 0000000..bb3ea01 Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-below-dark@2.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover-dark.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover-dark.png new file mode 100644 index 0000000..554a2c5 Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover-dark.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover-dark@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover-dark@2.png new file mode 100644 index 0000000..fb4389a Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover-dark@2.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover.png new file mode 100644 index 0000000..0c7657f Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover@2.png new file mode 100644 index 0000000..7995532 Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover@2.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-dark.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-dark.png new file mode 100644 index 0000000..4fe4dfa Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-dark.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png new file mode 100644 index 0000000..074c0d6 Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive.png new file mode 100644 index 0000000..eabce2c Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive@2.png new file mode 100644 index 0000000..1a68555 Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive@2.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below.png new file mode 100644 index 0000000..bdee580 Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-below.png differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below@2.png new file mode 100644 index 0000000..5eaf319 Binary files /dev/null and b/gtk-3.0/assets/slider-horz-scale-has-marks-below@2.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-active-dark.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-active-dark.png new file mode 100644 index 0000000..b23980e Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-above-active-dark.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-active-dark@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-active-dark@2.png new file mode 100644 index 0000000..65e0b5b Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-above-active-dark@2.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-active.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-active.png new file mode 100644 index 0000000..c0e6d91 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-above-active.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-active@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-active@2.png new file mode 100644 index 0000000..d4ae2b0 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-above-active@2.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-dark.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-dark.png new file mode 100644 index 0000000..3c87524 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-dark.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-dark@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-dark@2.png new file mode 100644 index 0000000..b424d09 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-dark@2.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark.png new file mode 100644 index 0000000..3c87524 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark@2.png new file mode 100644 index 0000000..b424d09 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark@2.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive.png new file mode 100644 index 0000000..043cbfc Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive@2.png new file mode 100644 index 0000000..1d39dc4 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive@2.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop.png new file mode 100644 index 0000000..cb33a8a Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop@2.png new file mode 100644 index 0000000..65f43d8 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop@2.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-dark.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-dark.png new file mode 100644 index 0000000..e13ef9f Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-above-dark.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-dark@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-dark@2.png new file mode 100644 index 0000000..6478902 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-above-dark@2.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-dark.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-dark.png new file mode 100644 index 0000000..0f0a1dc Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-dark.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-dark@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-dark@2.png new file mode 100644 index 0000000..818d99f Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-dark@2.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover.png new file mode 100644 index 0000000..d7ce409 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover@2.png new file mode 100644 index 0000000..42eb655 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover@2.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-dark.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-dark.png new file mode 100644 index 0000000..3c87524 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-dark.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png new file mode 100644 index 0000000..b424d09 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive.png new file mode 100644 index 0000000..253f354 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive@2.png new file mode 100644 index 0000000..0ad203e Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive@2.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above.png new file mode 100644 index 0000000..a367f6c Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-above.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above@2.png new file mode 100644 index 0000000..b0c6af5 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-above@2.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-active-dark.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-active-dark.png new file mode 100644 index 0000000..99fcf80 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-below-active-dark.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-active-dark@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-active-dark@2.png new file mode 100644 index 0000000..8a4b17f Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-below-active-dark@2.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-active.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-active.png new file mode 100644 index 0000000..73f9625 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-below-active.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-active@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-active@2.png new file mode 100644 index 0000000..3730223 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-below-active@2.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-dark.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-dark.png new file mode 100644 index 0000000..9bb3990 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-dark.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-dark@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-dark@2.png new file mode 100644 index 0000000..a5d8987 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-dark@2.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark.png new file mode 100644 index 0000000..9bb3990 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark@2.png new file mode 100644 index 0000000..a5d8987 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark@2.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive.png new file mode 100644 index 0000000..1f4fcbd Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive@2.png new file mode 100644 index 0000000..7e7d4e3 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive@2.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop.png new file mode 100644 index 0000000..bc0a391 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop@2.png new file mode 100644 index 0000000..d114a49 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop@2.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-dark.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-dark.png new file mode 100644 index 0000000..3e27d1d Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-below-dark.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-dark@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-dark@2.png new file mode 100644 index 0000000..e875feb Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-below-dark@2.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-dark.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-dark.png new file mode 100644 index 0000000..5e09e4f Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-dark.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-dark@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-dark@2.png new file mode 100644 index 0000000..00491aa Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-dark@2.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover.png new file mode 100644 index 0000000..692a8e9 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover@2.png new file mode 100644 index 0000000..25ce994 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover@2.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive-dark.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive-dark.png new file mode 100644 index 0000000..9bb3990 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive-dark.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png new file mode 100644 index 0000000..a5d8987 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive.png new file mode 100644 index 0000000..bc0a391 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive@2.png new file mode 100644 index 0000000..9befc69 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive@2.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below.png new file mode 100644 index 0000000..c8141d9 Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-below.png differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below@2.png new file mode 100644 index 0000000..7dce35e Binary files /dev/null and b/gtk-3.0/assets/slider-vert-scale-has-marks-below@2.png differ diff --git a/gtk-3.0/assets/text-select-end-active-dark.png b/gtk-3.0/assets/text-select-end-active-dark.png new file mode 100644 index 0000000..7bfab5c Binary files /dev/null and b/gtk-3.0/assets/text-select-end-active-dark.png differ diff --git a/gtk-3.0/assets/text-select-end-active-dark@2.png b/gtk-3.0/assets/text-select-end-active-dark@2.png new file mode 100644 index 0000000..0a827e4 Binary files /dev/null and b/gtk-3.0/assets/text-select-end-active-dark@2.png differ diff --git a/gtk-3.0/assets/text-select-end-active.png b/gtk-3.0/assets/text-select-end-active.png new file mode 100644 index 0000000..3b954a8 Binary files /dev/null and b/gtk-3.0/assets/text-select-end-active.png differ diff --git a/gtk-3.0/assets/text-select-end-active@2.png b/gtk-3.0/assets/text-select-end-active@2.png new file mode 100644 index 0000000..d405276 Binary files /dev/null and b/gtk-3.0/assets/text-select-end-active@2.png differ diff --git a/gtk-3.0/assets/text-select-end-dark.png b/gtk-3.0/assets/text-select-end-dark.png new file mode 100644 index 0000000..e2a49e1 Binary files /dev/null and b/gtk-3.0/assets/text-select-end-dark.png differ diff --git a/gtk-3.0/assets/text-select-end-dark@2.png b/gtk-3.0/assets/text-select-end-dark@2.png new file mode 100644 index 0000000..20e6f04 Binary files /dev/null and b/gtk-3.0/assets/text-select-end-dark@2.png differ diff --git a/gtk-3.0/assets/text-select-end-hover-dark.png b/gtk-3.0/assets/text-select-end-hover-dark.png new file mode 100644 index 0000000..d8565f3 Binary files /dev/null and b/gtk-3.0/assets/text-select-end-hover-dark.png differ diff --git a/gtk-3.0/assets/text-select-end-hover-dark@2.png b/gtk-3.0/assets/text-select-end-hover-dark@2.png new file mode 100644 index 0000000..552cc81 Binary files /dev/null and b/gtk-3.0/assets/text-select-end-hover-dark@2.png differ diff --git a/gtk-3.0/assets/text-select-end-hover.png b/gtk-3.0/assets/text-select-end-hover.png new file mode 100644 index 0000000..98f2c96 Binary files /dev/null and b/gtk-3.0/assets/text-select-end-hover.png differ diff --git a/gtk-3.0/assets/text-select-end-hover@2.png b/gtk-3.0/assets/text-select-end-hover@2.png new file mode 100644 index 0000000..951b6ef Binary files /dev/null and b/gtk-3.0/assets/text-select-end-hover@2.png differ diff --git a/gtk-3.0/assets/text-select-end.png b/gtk-3.0/assets/text-select-end.png new file mode 100644 index 0000000..f1dfb6b Binary files /dev/null and b/gtk-3.0/assets/text-select-end.png differ diff --git a/gtk-3.0/assets/text-select-end@2.png b/gtk-3.0/assets/text-select-end@2.png new file mode 100644 index 0000000..0f01173 Binary files /dev/null and b/gtk-3.0/assets/text-select-end@2.png differ diff --git a/gtk-3.0/assets/text-select-start-active-dark.png b/gtk-3.0/assets/text-select-start-active-dark.png new file mode 100644 index 0000000..b4fb025 Binary files /dev/null and b/gtk-3.0/assets/text-select-start-active-dark.png differ diff --git a/gtk-3.0/assets/text-select-start-active-dark@2.png b/gtk-3.0/assets/text-select-start-active-dark@2.png new file mode 100644 index 0000000..99e495e Binary files /dev/null and b/gtk-3.0/assets/text-select-start-active-dark@2.png differ diff --git a/gtk-3.0/assets/text-select-start-active.png b/gtk-3.0/assets/text-select-start-active.png new file mode 100644 index 0000000..654c770 Binary files /dev/null and b/gtk-3.0/assets/text-select-start-active.png differ diff --git a/gtk-3.0/assets/text-select-start-active@2.png b/gtk-3.0/assets/text-select-start-active@2.png new file mode 100644 index 0000000..86f9e16 Binary files /dev/null and b/gtk-3.0/assets/text-select-start-active@2.png differ diff --git a/gtk-3.0/assets/text-select-start-dark.png b/gtk-3.0/assets/text-select-start-dark.png new file mode 100644 index 0000000..51fb98a Binary files /dev/null and b/gtk-3.0/assets/text-select-start-dark.png differ diff --git a/gtk-3.0/assets/text-select-start-dark@2.png b/gtk-3.0/assets/text-select-start-dark@2.png new file mode 100644 index 0000000..ec6ceca Binary files /dev/null and b/gtk-3.0/assets/text-select-start-dark@2.png differ diff --git a/gtk-3.0/assets/text-select-start-hover-dark.png b/gtk-3.0/assets/text-select-start-hover-dark.png new file mode 100644 index 0000000..4f56c37 Binary files /dev/null and b/gtk-3.0/assets/text-select-start-hover-dark.png differ diff --git a/gtk-3.0/assets/text-select-start-hover-dark@2.png b/gtk-3.0/assets/text-select-start-hover-dark@2.png new file mode 100644 index 0000000..3e5fecc Binary files /dev/null and b/gtk-3.0/assets/text-select-start-hover-dark@2.png differ diff --git a/gtk-3.0/assets/text-select-start-hover.png b/gtk-3.0/assets/text-select-start-hover.png new file mode 100644 index 0000000..0fc7e6d Binary files /dev/null and b/gtk-3.0/assets/text-select-start-hover.png differ diff --git a/gtk-3.0/assets/text-select-start-hover@2.png b/gtk-3.0/assets/text-select-start-hover@2.png new file mode 100644 index 0000000..11fdf08 Binary files /dev/null and b/gtk-3.0/assets/text-select-start-hover@2.png differ diff --git a/gtk-3.0/assets/text-select-start.png b/gtk-3.0/assets/text-select-start.png new file mode 100644 index 0000000..71a74d0 Binary files /dev/null and b/gtk-3.0/assets/text-select-start.png differ diff --git a/gtk-3.0/assets/text-select-start@2.png b/gtk-3.0/assets/text-select-start@2.png new file mode 100644 index 0000000..3a831f6 Binary files /dev/null and b/gtk-3.0/assets/text-select-start@2.png differ diff --git a/gtk-3.0/gtk.css b/gtk-3.0/gtk.css new file mode 100644 index 0000000..4d30b6a --- /dev/null +++ b/gtk-3.0/gtk.css @@ -0,0 +1,1841 @@ +/*Usually an automatic fg color on these backgrounds should check this value!*/ +/*************************** Check and Radio buttons * */ +/*************************** Check and Radio buttons * */ +calendar:selected, row:selected, treeview.view:selected:focus, treeview.view:selected, modelbutton.flat:selected, .menuitem.button.flat:selected, spinbutton:not(.vertical) selection, entry selection, flowbox flowboxchild:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, textview text selection, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus, .view text:selected, iconview text:selected, textview text:selected { background-color: #9dccff; } + +.selection-mode button.titlebutton, label:selected, calendar:selected, row:selected, treeview.view:selected:focus, treeview.view:selected, modelbutton.flat:selected, .menuitem.button.flat:selected, spinbutton:not(.vertical) selection, entry selection, flowbox flowboxchild:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, textview text selection, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus, .view text:selected, iconview text:selected, textview text:selected { color: #000000; } + +label:disabled selection, .selection-mode button.titlebutton:disabled, label:disabled:selected, calendar:disabled:selected, row:disabled:selected, treeview.view:disabled:selected, modelbutton.flat:disabled:selected, .menuitem.button.flat:disabled:selected, spinbutton:not(.vertical) selection:disabled, entry selection:disabled, flowbox flowboxchild:disabled:selected, .view text selection:disabled, iconview text selection:disabled, textview text selection:disabled:focus, textview text selection:disabled, .view:disabled:selected, iconview:disabled:selected, .view text:disabled:selected, iconview text:disabled:selected, textview text:disabled:selected { color: #4f6680; } + +label:backdrop selection, .selection-mode button.titlebutton:backdrop, label:backdrop:selected, calendar:backdrop:selected, row:backdrop:selected, treeview.view:backdrop:selected, modelbutton.flat:backdrop:selected, .menuitem.button.flat:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, entry selection:backdrop, flowbox flowboxchild:backdrop:selected, .view text selection:backdrop, iconview text selection:backdrop, textview text selection:backdrop:focus, textview text selection:backdrop, .view:backdrop:selected, iconview:backdrop:selected, .view text:backdrop:selected, iconview text:backdrop:selected, textview text:backdrop:selected { color: #222222; background-color: rgba(182, 205, 231, 0.7); } + +label:backdrop selection:disabled, .selection-mode button.titlebutton:backdrop:disabled, label:backdrop:disabled:selected, calendar:backdrop:disabled:selected, row:backdrop:disabled:selected, modelbutton.flat:backdrop:disabled:selected, .menuitem.button.flat:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled, entry selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, .view text selection:backdrop:disabled, iconview text selection:backdrop:disabled, textview text selection:backdrop:disabled, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected, .view text:backdrop:disabled:selected, iconview text:backdrop:disabled:selected, textview text:backdrop:disabled:selected { color: #7899bd; } + +* { padding: 0; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #df0000; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-color: alpha(currentColor,0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; -gtk-outline-radius: 3px; -gtk-secondary-caret-color: #9dccff; } + +/*************** Base States * */ +.background { color: #1d1d1d; background-color: #c9c9c9; } + +.background:backdrop { color: #737373; background-color: #c9c9c9; text-shadow: none; -gtk-icon-shadow: none; } + +/* These wildcard seems unavoidable, need to investigate. Wildcards are bad and troublesome, use them with care, or better, just don't. Everytime a wildcard is used a kitten dies, painfully. */ +*:disabled { -gtk-icon-effect: dim; } + +.gtkstyle-fallback { color: #1d1d1d; background-color: #c9c9c9; } + +.gtkstyle-fallback:hover { color: #1d1d1d; background-color: #e3e3e3; } + +.gtkstyle-fallback:active { color: #1d1d1d; background-color: #b0b0b0; } + +.gtkstyle-fallback:disabled { color: #552222; background-color: #c7bebe; } + +.gtkstyle-fallback:selected { color: #000000; background-color: #9dccff; } + +.view, iconview, .view text, iconview text, textview text { color: #1d1d1d; background-color: #e5e5e5; } + +.view:backdrop, iconview:backdrop, .view text:backdrop, iconview text:backdrop, textview text:backdrop { color: #444444; background-color: #e2e2e2; } + +.view:backdrop:disabled, iconview:backdrop:disabled, .view text:backdrop:disabled, iconview text:backdrop:disabled, textview text:backdrop:disabled { color: #a3a3a3; } + +.view:disabled, iconview:disabled, .view text:disabled, iconview text:disabled, textview text:disabled { color: #552222; background-color: #c7bebe; } + +.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus, .view text:selected, iconview text:selected, textview text:selected { border-radius: 3px; } + +textview border { background-color: #d7d7d7; } + +.rubberband, rubberband, .content-view rubberband, .content-view .rubberband, treeview.view rubberband, flowbox rubberband { border: 1px solid #6ab1ff; background-color: rgba(106, 177, 255, 0.2); } + +flowbox flowboxchild { padding: 3px; } + +flowbox flowboxchild:selected { outline-offset: -2px; } + +.content-view .tile { margin: 2px; background-color: transparent; border-radius: 0; padding: 0; } + +.content-view .tile:backdrop { background-color: transparent; } + +.content-view .tile:active, .content-view .tile:selected { background-color: transparent; } + +.content-view .tile:disabled { background-color: transparent; } + +label { caret-color: currentColor; } + +label selection { background-color: #9dccff; color: #000000; } + +label:disabled { color: #552222; } + +button label:disabled { color: inherit; } + +label:disabled:backdrop { color: #a3a3a3; } + +button label:disabled:backdrop { color: inherit; } + +label.error { color: #df0000; } + +label.error:disabled { color: rgba(223, 0, 0, 0.5); } + +label.error:disabled:backdrop { color: rgba(223, 0, 0, 0.4); } + +.dim-label, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, label.separator { opacity: 0.55; text-shadow: none; } + +assistant .sidebar { background-color: #e5e5e5; border-top: 1px solid #9b9b9b; } + +assistant .sidebar:backdrop { background-color: #e2e2e2; border-color: #a4a4a4; } + +assistant.csd .sidebar { border-top-style: none; } + +assistant .sidebar label { padding: 6px 12px; } + +assistant .sidebar label.highlight { background-color: #a7a7a7; } + +.osd .scale-popup, .app-notification, .app-notification.frame, .csd popover.background.osd, popover.background.osd, .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .osd { color: #504300; border: 1px solid #504300; background-color: rgba(255, 255, 164, 0.7); background-clip: padding-box; } + +/********************* Spinner Animation * */ +@keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } + +spinner { background: none; opacity: 0.1; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } + +spinner:backdrop { color: #737373; } + +spinner:checked { opacity: 1; animation: spin 1s linear infinite; } + +spinner:checked:disabled { opacity: 0.5; color: #552222; } + +/********************** General Typography * */ +.large-title { font-weight: 300; font-size: 24pt; } + +.title-1 { font-weight: 800; font-size: 20pt; } + +.title-2 { font-weight: 800; font-size: 15pt; } + +.title-3 { font-weight: 700; font-size: 15pt; } + +.title-4 { font-weight: 700; font-size: 13pt; } + +.heading { font-weight: 700; font-size: 11pt; } + +.body { font-weight: 400; font-size: 11pt; } + +.caption-heading { font-weight: 700; font-size: 9pt; } + +.caption { font-weight: 400; font-size: 9pt; } + +/**************** Text Entries * */ +spinbutton:not(.vertical), entry { min-height: 28px; padding-left: 1px; padding-right: 1px; border: 1px solid; border-radius: 0px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #1d1d1d; border-color: #818181; background-color: #e5e5e5; box-shadow: inset 0 0 0 1px rgba(157, 204, 255, 0), inset 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.5); } + +spinbutton:not(.vertical) image.left, entry image.left { margin-right: 6px; } + +spinbutton:not(.vertical) image.right, entry image.right { margin-left: 6px; } + +spinbutton.flat:not(.vertical), entry.flat:focus, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; padding-left: 1px; padding-right: 1px; background-color: transparent; border-color: transparent; border-radius: 0; } + +spinbutton:focus:not(.vertical), entry:focus { box-shadow: inset 0 0 0 1px #9dccff, inset 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.5); border-color: #9dccff; } + +spinbutton:disabled:not(.vertical), entry:disabled { color: #552222; border-color: #8e7070; background-color: #c7bebe; box-shadow: none; } + +spinbutton:backdrop:not(.vertical), entry:backdrop { color: #444444; border-color: #a4a4a4; background-color: #e2e2e2; box-shadow: none; transition: 200ms ease-out; } + +spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #a3a3a3; border-color: #b5b0b0; background-color: #c7bebe; box-shadow: none; } + +spinbutton.error:not(.vertical), entry.error { color: #df0000; border-color: #df0000; } + +spinbutton.error:focus:not(.vertical), entry.error:focus { box-shadow: inset 0 0 0 1px #df0000, inset 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.5); border-color: #df0000; } + +spinbutton.error:not(.vertical) selection, entry.error selection { background-color: #df0000; } + +spinbutton.warning:not(.vertical), entry.warning { color: #c7bebe; border-color: #c7bebe; } + +spinbutton.warning:focus:not(.vertical), entry.warning:focus { box-shadow: inset 0 0 0 1px #c7bebe, inset 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.5); border-color: #c7bebe; } + +spinbutton.warning:not(.vertical) selection, entry.warning selection { background-color: #c7bebe; } + +spinbutton:not(.vertical) image, entry image { color: #454545; } + +spinbutton:not(.vertical) image:hover, entry image:hover { color: #1d1d1d; } + +spinbutton:not(.vertical) image:active, entry image:active { color: #9dccff; } + +spinbutton:not(.vertical) image:backdrop, entry image:backdrop { color: #898989; } + +spinbutton:drop(active):not(.vertical), entry:drop(active):focus, entry:drop(active) { border-color: #73d216; box-shadow: inset 0 0 0 1px #73d216; } + +.osd spinbutton:not(.vertical), .osd entry { color: #504300; border-color: #504300; background-color: rgba(80, 67, 0, 0.5); background-clip: padding-box; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } + +.osd spinbutton:focus:not(.vertical), .osd entry:focus { color: #504300; border-color: #9dccff; background-color: rgba(80, 67, 0, 0.5); background-clip: padding-box; box-shadow: inset 0 0 0 1px #9dccff, 0 1px 2px rgba(0, 0, 0, 0.4); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } + +.osd spinbutton:backdrop:not(.vertical), .osd entry:backdrop { color: #504300; border-color: #504300; background-color: rgba(80, 67, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + +.osd spinbutton:disabled:not(.vertical), .osd entry:disabled { color: #a8a152; border-color: #504300; background-color: rgba(238, 236, 148, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + +spinbutton:not(.vertical) progress, entry progress { margin: 2px -6px; background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: #9dccff; border-style: solid; box-shadow: none; } + +spinbutton:not(.vertical) progress:backdrop, entry progress:backdrop { background-color: transparent; } + +.linked:not(.vertical) > spinbutton:dir(rtl):not(.vertical), .linked:not(.vertical) > spinbutton:dir(ltr):not(.vertical), .linked:not(.vertical) > entry:dir(rtl), .linked:not(.vertical) > entry:dir(ltr), .linked:not(.vertical) > entry:first-child:dir(rtl), .linked:not(.vertical) > entry:first-child:dir(ltr), .linked:not(.vertical) > entry:last-child:dir(rtl), .linked:not(.vertical) > entry:last-child:dir(ltr), .linked:not(.vertical) > entry:only-child:dir(rtl), .linked:not(.vertical) > entry:only-child:dir(ltr) { border-radius: 0px; } + +.linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + entry, .linked:not(.vertical) > entry:focus + button, .linked:not(.vertical) > entry:focus + combobox > box > button.combo, .linked:not(.vertical) > entry:focus + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus + entry { border-left-color: #9dccff; } + +.linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + entry, .linked:not(.vertical) > entry:focus.error + button, .linked:not(.vertical) > entry:focus.error + combobox > box > button.combo, .linked:not(.vertical) > entry:focus.error + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus.error + entry { border-left-color: #df0000; } + +.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + entry { border-left-color: #73d216; } + +.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { border-top-color: #cfcfcf; } + +.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { border-top-color: #d0d0d0; } + +.linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { border-top-color: #cfcfcf; } + +.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > entry + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > entry + entry:focus:not(:only-child) { border-top-color: #9dccff; } + +.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus.error:not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:focus.error:not(:only-child), .linked.vertical > entry + spinbutton:focus.error:not(:only-child):not(.vertical), .linked.vertical > entry + entry:focus.error:not(:only-child) { border-top-color: #df0000; } + +.linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > entry + entry:drop(active):not(:only-child) { border-top-color: #73d216; } + +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus:not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + button, .linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #9dccff; } + +.linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus.error:not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:focus.error:not(:only-child) + entry, .linked.vertical > entry:focus.error:not(:only-child) + button, .linked.vertical > entry:focus.error:not(:only-child) + combobox > box > button.combo { border-top-color: #df0000; } + +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:drop(active):not(:only-child) + entry, .linked.vertical > entry:drop(active):not(:only-child) + button, .linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-top-color: #73d216; } + +spinbutton.error:not(.vertical), entry.error { color: #df0000; } + +treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { background-color: #e5e5e5; transition-property: color, background; } + +treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: #e5e5e5; } + +treeview entry.flat:focus, treeview entry:focus { border-color: #9dccff; } + +.entry-tag { padding: 5px; margin-top: 2px; margin-bottom: 2px; border-style: none; color: #000000; background-color: #9dccff; } + +:dir(ltr) .entry-tag { margin-left: 8px; margin-right: -5px; } + +:dir(rtl) .entry-tag { margin-left: -5px; margin-right: 8px; } + +.entry-tag:hover { background-color: #d0e7ff; } + +:backdrop .entry-tag { color: #e2e2e2; background-color: #9dccff; } + +.entry-tag.button { background-color: transparent; color: rgba(0, 0, 0, 0.7); } + +:not(:backdrop) .entry-tag.button:hover { border: 1px solid #9dccff; color: #000000; } + +:not(:backdrop) .entry-tag.button:active { background-color: #9dccff; color: rgba(0, 0, 0, 0.7); } + +/****************************************************** Buttons * */ +@keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#c7bebe), to(transparent)); } + to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#9dccff), to(transparent)); } } + +button.titlebutton, scrollbar slider, notebook > header > tabs > arrow, button { min-height: 24px; min-width: 16px; padding: 2px 6px; border: 1px solid; border-radius: 5px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #1d1d1d; background-color: #d3d3d3; border-color: #787878; outline-color: rgba(157, 204, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.65), 0 1px 2px rgba(0, 0, 0, 0.4); } + +button.sidebar-button, scrollbar slider.flat:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header > tabs > arrow.flat:not(:hover):not(:active):not(:checked):not(:disabled), button.flat:not(:hover):not(:active):not(:checked):not(:disabled) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; transition: none; } + +scrollbar slider:hover, notebook > header > tabs > arrow:hover, button:hover { background-color: shade(#d3d3d3, 1.1); -gtk-icon-effect: highlight; } + +scrollbar slider:active, notebook > header > tabs > arrow:active, button:active { box-shadow: 0 1px rgba(255, 255, 255, 0.65), inset 0 1px 2px rgba(0, 0, 0, 0.4); transition-duration: 50ms; } + +scrollbar slider:checked, notebook > header > tabs > arrow:checked, button:checked, button:checked:active { color: #000000; background-color: #9dccff; text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: 0 1px rgba(255, 255, 255, 0.65), inset 0 1px 2px rgba(0, 0, 0, 0.4); transition-duration: 50ms; } + +scrollbar slider:checked:hover:not(:active), notebook > header > tabs > arrow:checked:hover:not(:active), button:checked:hover:not(:active) { color: #000000; background-color: shade(#9dccff, 1.1); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: 0 1px rgba(255, 255, 255, 0.65), inset 0 1px 2px rgba(0, 0, 0, 0.4); } + +scrollbar slider:backdrop, notebook > header > tabs > arrow:backdrop, button:backdrop.flat, button:backdrop { background-image: none; transition: 200ms ease-out; -gtk-icon-effect: none; } + +button.sidebar-button:backdrop, button.sidebar-button:disabled, scrollbar slider.flat:backdrop, scrollbar slider.flat:disabled, notebook > header > tabs > arrow.flat:backdrop, notebook > header > tabs > arrow.flat:disabled, button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } + +button.sidebar-button:disabled, scrollbar slider.flat:disabled, notebook > header > tabs > arrow.flat:disabled, button.flat:disabled, button.flat:backdrop:disabled { background-color: #c7bebe; } + +scrollbar slider:disabled, notebook > header > tabs > arrow:disabled, button:disabled { color: #552222; border-color: #8e7070; background-color: #c7bebe; background-image: none; text-shadow: none; -gtk-icon-shadow: none; } + +scrollbar slider:disabled:active, scrollbar slider:disabled:checked, notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, button:disabled:active, button:disabled:checked { color: #552222; background-color: #c1c0c8; border-color: #8e7070; text-shadow: none; -gtk-icon-shadow: none; } + +scrollbar slider.image-button, notebook > header > tabs > arrow.image-button, button.image-button { min-width: 24px; padding-left: 2px; padding-right: 2px; } + +scrollbar slider.text-button, notebook > header > tabs > arrow.text-button, button.text-button { padding-left: 16px; padding-right: 16px; } + +scrollbar slider.text-button.image-button, notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button { padding-left: 8px; padding-right: 8px; } + +scrollbar slider.text-button.image-button label, notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; } + +combobox:drop(active) button.combo, scrollbar slider:drop(active), notebook > header > tabs > arrow:drop(active), button:drop(active) { color: #73d216; border-color: #73d216; box-shadow: inset 0 0 0 1px #73d216; } + +row:selected notebook > header > tabs > arrow, row:selected button { border-color: #51a4ff; } + +row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected notebook > header > tabs > arrow.flat:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #000000; border-color: transparent; } + +row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected notebook > header > tabs > arrow.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #e2e2e2; } + +notebook > header > tabs > arrow.osd, button.osd { min-width: 26px; min-height: 32px; color: #504300; border-radius: 5px; border: none; box-shadow: none; } + +notebook > header > tabs > arrow.osd.image-button, button.osd.image-button { min-width: 34px; } + +notebook > header > tabs > arrow.osd:hover, button.osd:hover { border: none; box-shadow: none; } + +notebook > header > tabs > arrow.osd:active, notebook > header > tabs > arrow.osd:checked, button.osd:active, button.osd:checked { border: none; box-shadow: none; } + +notebook > header > tabs > arrow.osd:disabled, button.osd:disabled:backdrop, button.osd:disabled { border: none; } + +notebook > header > tabs > arrow.osd:backdrop, button.osd:backdrop { border: none; } + +.app-notification button, .app-notification.frame button, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, .osd notebook > header > tabs > arrow, .osd button { color: #504300; background-color: rgba(255, 255, 164, 0.7); border-color: rgba(141, 133, 57, 0.85); outline-color: rgba(157, 204, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.65), 0 1px 2px rgba(0, 0, 0, 0.4); } + +.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd notebook > header > tabs > arrow:hover, .osd button:hover { background-color: shade(rgba(255, 255, 164, 0.7), 1.1); } + +.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd notebook > header > tabs > arrow:active, .osd notebook > header > tabs > arrow:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { box-shadow: 0 1px rgba(255, 255, 255, 0.65), inset 0 1px 2px rgba(0, 0, 0, 0.4); } + +.app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd notebook > header > tabs > arrow:disabled, .osd button:disabled:backdrop, .osd button:disabled { color: #552222; border-color: #8e7070; background-color: #c7bebe; background-image: none; text-shadow: none; -gtk-icon-shadow: none; } + +.app-notification button:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .osd notebook > header > tabs > arrow:backdrop, .osd button:backdrop { background-image: none; } + +.app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd notebook > header > tabs > arrow.flat, .osd button.flat { box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } + +.app-notification button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.touch-selection button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.magnifier button.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd notebook > header > tabs > arrow.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd button.flat:not(:hover):not(:active):not(:checked):not(:disabled) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } + +.app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd notebook > header > tabs > arrow.flat:hover, .osd button.flat:hover { background-color: shade(rgba(255, 255, 164, 0.7), 1.1); } + +.app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd notebook > header > tabs > arrow.flat:disabled, .osd button.flat:disabled { color: #552222; border-color: #8e7070; background-color: #c7bebe; background-image: none; text-shadow: none; -gtk-icon-shadow: none; background-color: #c7bebe; background-image: none; border-color: transparent; box-shadow: none; } + +.app-notification button.flat:backdrop, popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, .osd notebook > header > tabs > arrow.flat:backdrop, .osd button.flat:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } + +.app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd notebook > header > tabs > arrow.flat:active, .osd notebook > header > tabs > arrow.flat:checked, .osd button.flat:active, .osd button.flat:checked { box-shadow: 0 1px rgba(255, 255, 255, 0.65), inset 0 1px 2px rgba(0, 0, 0, 0.4); } + +notebook > header > tabs > arrow.suggested-action, button.suggested-action { color: black; background-color: #9dccff; border-color: #4f6680; outline-color: rgba(157, 204, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.65), 0 1px 2px rgba(0, 0, 0, 0.4); } + +notebook > header > tabs > arrow.suggested-action.flat, button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #9dccff; } + +notebook > header > tabs > arrow.suggested-action:hover, button.suggested-action:hover { background-color: shade(#9dccff, 1.1); } + +notebook > header > tabs > arrow.suggested-action:active, notebook > header > tabs > arrow.suggested-action:checked, button.suggested-action:active, button.suggested-action:checked { box-shadow: 0 1px rgba(255, 255, 255, 0.65), inset 0 1px 2px rgba(0, 0, 0, 0.4); } + +notebook > header > tabs > arrow.suggested-action:backdrop, button.suggested-action:backdrop, button.suggested-action.flat:backdrop { background-image: none; } + +notebook > header > tabs > arrow.suggested-action.flat:backdrop, notebook > header > tabs > arrow.suggested-action.flat:disabled, button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(157, 204, 255, 0.8); } + +notebook > header > tabs > arrow.suggested-action:disabled, button.suggested-action:disabled { color: #552222; border-color: #8e7070; background-color: #c7bebe; background-image: none; text-shadow: none; -gtk-icon-shadow: none; } + +notebook > header > tabs > arrow.suggested-action:disabled:active, notebook > header > tabs > arrow.suggested-action:disabled:checked, button.suggested-action:disabled:active, button.suggested-action:disabled:checked { color: #552222; background-color: #c1c0c8; border-color: #8e7070; text-shadow: none; -gtk-icon-shadow: none; } + +notebook > header > tabs > arrow.destructive-action, button.destructive-action { color: white; background-color: #df0000; border-color: #ef8080; outline-color: rgba(157, 204, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.15)); text-shadow: 0 -1px rgba(0, 0, 0, 0.650196); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.650196); box-shadow: inset 0 1px rgba(255, 255, 255, 0.35), 0 1px 2px rgba(0, 0, 0, 0.4); } + +notebook > header > tabs > arrow.destructive-action.flat, button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #df0000; } + +notebook > header > tabs > arrow.destructive-action:hover, button.destructive-action:hover { background-color: shade(#df0000, 1.1); } + +notebook > header > tabs > arrow.destructive-action:active, notebook > header > tabs > arrow.destructive-action:checked, button.destructive-action:active, button.destructive-action:checked { box-shadow: 0 1px rgba(255, 255, 255, 0.35), inset 0 1px 2px rgba(0, 0, 0, 0.4); } + +notebook > header > tabs > arrow.destructive-action:backdrop, button.destructive-action:backdrop, button.destructive-action.flat:backdrop { background-image: none; } + +notebook > header > tabs > arrow.destructive-action.flat:backdrop, notebook > header > tabs > arrow.destructive-action.flat:disabled, button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(223, 0, 0, 0.8); } + +notebook > header > tabs > arrow.destructive-action:disabled, button.destructive-action:disabled { color: #552222; border-color: #8e7070; background-color: #c7bebe; background-image: none; text-shadow: none; -gtk-icon-shadow: none; } + +notebook > header > tabs > arrow.destructive-action:disabled:active, notebook > header > tabs > arrow.destructive-action:disabled:checked, button.destructive-action:disabled:active, button.destructive-action:disabled:checked { color: #552222; background-color: #c1c0c8; border-color: #8e7070; text-shadow: none; -gtk-icon-shadow: none; } + +notebook > header > tabs.stack-switcher > arrow, .stack-switcher > button { outline-offset: -3px; } + +notebook > header > tabs.stack-switcher > arrow > label, .stack-switcher > button > label { padding-left: 6px; padding-right: 6px; } + +notebook > header > tabs.stack-switcher > arrow > image, .stack-switcher > button > image { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } + +notebook > header > tabs.stack-switcher > arrow.text-button, .stack-switcher > button.text-button { padding-left: 10px; padding-right: 10px; } + +notebook > header > tabs.stack-switcher > arrow.image-button, .stack-switcher > button.image-button { padding-left: 2px; padding-right: 2px; } + +notebook > header > tabs.stack-switcher > arrow.needs-attention:active > label, notebook > header > tabs.stack-switcher > arrow.needs-attention:active > image, notebook > header > tabs.stack-switcher > arrow.needs-attention:checked > label, notebook > header > tabs.stack-switcher > arrow.needs-attention:checked > image, .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; } + +notebook > header > tabs > arrow.font separator, notebook > header > tabs > arrow.file separator, button.font separator, button.file separator { background-color: transparent; } + +notebook > header > tabs > arrow.font > box > box > label, button.font > box > box > label { font-weight: bold; } + +.primary-toolbar notebook > header > tabs > arrow, .primary-toolbar button { -gtk-icon-shadow: none; } + +notebook > header > tabs > arrow.circular, button.circular { border-radius: 9999px; -gtk-outline-radius: 9999px; padding: 2px; /* circles instead of ellipses */ background-origin: padding-box, border-box; background-clip: padding-box, border-box; } + +notebook > header > tabs > arrow.circular label, button.circular label { padding: 0; } + +notebook > header > tabs > arrow.circular:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop), button.circular:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #1d1d1d; background-color: #d3d3d3; border-color: #787878; outline-color: rgba(157, 204, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.65), 0 1px 2px rgba(0, 0, 0, 0.4); } + +notebook > header > tabs > arrow.circular:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop), button.circular:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { background-color: shade(#d3d3d3, 1.1); } + +stacksidebar row.needs-attention > label, notebook > header > tabs.stack-switcher > arrow.needs-attention > label, notebook > header > tabs.stack-switcher > arrow.needs-attention > image, .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(#c7bebe), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.769231)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; } + +stacksidebar row.needs-attention > label:backdrop, notebook > header > tabs.stack-switcher > arrow.needs-attention > label:backdrop, notebook > header > tabs.stack-switcher > arrow.needs-attention > image:backdrop, .stack-switcher > button.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; } + +stacksidebar row.needs-attention > label:dir(rtl), notebook > header > tabs.stack-switcher > arrow.needs-attention > label:dir(rtl), notebook > header > tabs.stack-switcher > arrow.needs-attention > image:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 4px; } + +.inline-toolbar toolbutton > button { color: #1d1d1d; background-color: #d3d3d3; border-color: #787878; outline-color: rgba(157, 204, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.65), 0 1px 2px rgba(0, 0, 0, 0.4); } + +.inline-toolbar toolbutton > button:hover { background-color: shade(#d3d3d3, 1.1); } + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { box-shadow: 0 1px rgba(255, 255, 255, 0.65), inset 0 1px 2px rgba(0, 0, 0, 0.4); } + +.inline-toolbar toolbutton > button:disabled { color: #552222; border-color: #8e7070; background-color: #c7bebe; background-image: none; text-shadow: none; -gtk-icon-shadow: none; } + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { color: #552222; background-color: #c1c0c8; border-color: #8e7070; text-shadow: none; -gtk-icon-shadow: none; } + +.inline-toolbar toolbutton > button:backdrop { background-image: none; } + +.linked:not(.vertical) > combobox > box > button.combo, filechooser .path-bar.linked > button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .inline-toolbar notebook > header > tabs > arrow, .inline-toolbar button, notebook > header > tabs.linked > arrow, .linked > button, toolbar.inline-toolbar toolbutton > button.flat { border-right-style: none; border-radius: 0; -gtk-outline-radius: 0; } + +.linked:not(.vertical) > combobox:first-child > box > button.combo, combobox.linked button:nth-child(2):dir(rtl), filechooser .path-bar.linked > button:dir(rtl):last-child, filechooser .path-bar.linked > button:dir(ltr):first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .inline-toolbar notebook > header > tabs > arrow:first-child, .inline-toolbar button:first-child, notebook > header > tabs.linked > arrow:first-child, .linked > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat { border-top-left-radius: 5px; border-bottom-left-radius: 5px; -gtk-outline-top-left-radius: 5px; -gtk-outline-bottom-left-radius: 5px; } + +.linked:not(.vertical) > combobox:last-child > box > button.combo, combobox.linked button:nth-child(2):dir(ltr), filechooser .path-bar.linked > button:dir(rtl):first-child, filechooser .path-bar.linked > button:dir(ltr):last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .inline-toolbar notebook > header > tabs > arrow:last-child, .inline-toolbar button:last-child, notebook > header > tabs.linked > arrow:last-child, .linked > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat { border-right-style: solid; border-top-right-radius: 5px; border-bottom-right-radius: 5px; -gtk-outline-top-right-radius: 5px; -gtk-outline-bottom-right-radius: 5px; } + +.linked:not(.vertical) > combobox:only-child > box > button.combo, filechooser .path-bar.linked > button:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .inline-toolbar notebook > header > tabs > arrow:only-child, .inline-toolbar button:only-child, notebook > header > tabs.linked > arrow:only-child, .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat { border-style: solid; border-radius: 5px; -gtk-outline-radius: 5px; } + +.linked.vertical > combobox > box > button.combo, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, notebook > header > tabs.linked.vertical > arrow, .linked.vertical > button { border-style: solid solid none solid; border-radius: 0; -gtk-outline-radius: 0; } + +.linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, notebook > header > tabs.linked.vertical > arrow:first-child, .linked.vertical > button:first-child { border-top-left-radius: 5px; border-top-right-radius: 5px; -gtk-outline-top-left-radius: 5px; -gtk-outline-top-right-radius: 5px; } + +.linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, notebook > header > tabs.linked.vertical > arrow:last-child, .linked.vertical > button:last-child { border-bottom-style: solid; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -gtk-outline-bottom-left-radius: 5px; -gtk-outline-bottom-right-radius: 5px; } + +.linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, notebook > header > tabs.linked.vertical > arrow:only-child, .linked.vertical > button:only-child { border-style: solid; border-radius: 5px; -gtk-outline-radius: 5px; } + +calendar.button, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, list row button.image-button:not(.flat), modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover, .menuitem.button.flat:backdrop, .menuitem.button.flat:backdrop:hover, modelbutton.flat:not(:hover):not(:active):not(:checked):not(:disabled), .menuitem.button.flat:not(:hover):not(:active):not(:checked):not(:disabled) { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } + +/* menu buttons */ +modelbutton.flat, .menuitem.button.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 5px; outline-offset: -2px; } + +modelbutton.flat:hover, .menuitem.button.flat:hover { background-color: #d6d6d6; } + +modelbutton.flat arrow { background: none; } + +modelbutton.flat arrow:hover { background: none; } + +modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + +modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +button.color { padding: 4px; } + +button.color colorswatch:only-child { box-shadow: 0 1px rgba(255, 255, 255, 0.769231); } + +button.color colorswatch:only-child, button.color colorswatch:only-child overlay { border-radius: 0; } + +.osd button.color colorswatch:only-child { box-shadow: none; } + +.osd button.color:disabled colorswatch:only-child, .osd button.color:backdrop colorswatch:only-child, .osd button.color:active colorswatch:only-child, .osd button.color:checked colorswatch:only-child, button.color:disabled colorswatch:only-child, button.color:backdrop colorswatch:only-child, button.color:active colorswatch:only-child, button.color:checked colorswatch:only-child { box-shadow: none; } + +/* list buttons */ +/* tone down as per new designs, see issue #1473, #1748 */ +list row button.image-button:not(.flat) { border: 1px solid rgba(155, 155, 155, 0.5); } + +list row button.image-button:not(.flat):hover { background-color: shade(#d3d3d3, 1.1); } + +list row button.image-button:not(.flat):active, list row button.image-button:not(.flat):checked { box-shadow: 0 1px rgba(255, 255, 255, 0.65), inset 0 1px 2px rgba(0, 0, 0, 0.4); } + +/********* Links * */ +button:link > label, button:visited > label, button:link, button:visited, *:link { color: #004B91; } + +button:link > label:visited, button:visited > label:visited, button:visited, *:link:visited { color: #680091; } + +*:selected button:link > label:visited, *:selected button:visited > label:visited, *:selected button:visited, *:selected *:link:visited { color: #2a003a; } + +button:link > label:hover, button:visited > label:hover, button:hover:link, button:hover:visited, *:link:hover { color: #0065c4; } + +*:selected button:link > label:hover, *:selected button:visited > label:hover, *:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { color: #000a14; } + +button:link > label:active, button:visited > label:active, button:active:link, button:active:visited, *:link:active { color: #004B91; } + +*:selected button:link > label:active, *:selected button:visited > label:active, *:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { color: #000f1d; } + +button:link > label:disabled, button:visited > label:disabled, button:disabled:link, button:disabled:visited, *:link:disabled, *:link:disabled:backdrop { color: rgba(73, 73, 73, 0.8); } + +button:link > label:backdrop, button:visited > label:backdrop, button:backdrop:link, button:backdrop:visited, *:link:backdrop:backdrop:hover, *:link:backdrop:backdrop:hover:selected, *:link:backdrop { color: rgba(0, 75, 145, 0.9); } + +.selection-mode .titlebar:not(headerbar) .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:link > label:selected, button:visited > label:selected, button:selected:link, button:selected:visited, *:selected button:link > label, *:selected button:visited > label, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { color: #000f1d; } + +button:link, button:visited { text-shadow: none; } + +button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked { text-shadow: none; } + +button:link > label, button:visited > label { text-decoration-line: underline; } + +/***************** GtkSpinButton * */ +spinbutton { font-feature-settings: "tnum"; } + +spinbutton:not(.vertical) { padding: 0; } + +.osd spinbutton:not(.vertical) entry, spinbutton:not(.vertical) entry { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; } + +spinbutton:not(.vertical) entry:backdrop:disabled { background-color: transparent; } + +spinbutton:not(.vertical) button { padding: 0; } + +.osd spinbutton:not(.vertical) button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #504300; border-style: none none none solid; border-color: rgba(80, 67, 0, 0.7); border-radius: 0; box-shadow: none; -gtk-icon-shadow: 0 1px black; } + +.osd spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; } + +.osd spinbutton:not(.vertical) button:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #504300; border-color: rgba(80, 67, 0, 0.5); background-color: rgba(80, 67, 0, 0.1); -gtk-icon-shadow: 0 1px black; box-shadow: none; } + +.osd spinbutton:not(.vertical) button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #504300; border-color: rgba(80, 67, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; } + +.osd spinbutton:not(.vertical) button:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #a8a152; border-color: rgba(80, 67, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; } + +.osd spinbutton:not(.vertical) button:dir(ltr):last-child { border-radius: 0 5px 5px 0; } + +.osd spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 5px 0 0 5px; } + +spinbutton.vertical:disabled { color: #552222; } + +spinbutton.vertical:backdrop:disabled { color: #a3a3a3; } + +spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; } + +spinbutton.vertical entry { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; } + +spinbutton.vertical button { min-height: 32px; min-width: 32px; padding: 0; } + +spinbutton.vertical button.up { border-radius: 5px 5px 0 0; border-style: solid solid none solid; } + +spinbutton.vertical button.down { border-radius: 0 0 5px 5px; border-style: none solid solid solid; } + +treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; } + +treeview spinbutton:not(.vertical) entry { min-height: 0; padding: 1px 2px; } + +/************** ComboBoxes * */ +combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } + +combobox:drop(active) { box-shadow: none; } + +/************ Toolbars * */ +searchbar > revealer > box, .location-bar, .inline-toolbar, toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #c9c9c9; } + +toolbar { padding: 4px 3px 3px 4px; } + +.osd toolbar { background-color: transparent; } + +toolbar.osd { padding: 13px; border: none; border-radius: 5px; background-color: rgba(255, 255, 164, 0.7); } + +toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { border-radius: 0; } + +toolbar.horizontal separator { margin: 0 7px 1px 6px; } + +toolbar.vertical separator { margin: 6px 1px 7px 0; } + +toolbar:not(.inline-toolbar):not(.osd) > *:not(.toggle):not(.popup) > * { margin-right: 1px; margin-bottom: 1px; } + +.inline-toolbar { padding: 3px; border-width: 0 1px 1px; border-radius: 0 0 5px 5px; } + +searchbar > revealer > box, .location-bar { border-width: 0 0 1px; padding: 3px; } + +searchbar > revealer > box { margin: -6px; padding: 6px; } + +.inline-toolbar, searchbar > revealer > box, .location-bar { border-style: solid; border-color: #9b9b9b; background-color: #bbbbbb; } + +.inline-toolbar:backdrop, searchbar > revealer > box:backdrop, .location-bar:backdrop { border-color: #a4a4a4; background-color: #bcbcbc; box-shadow: none; transition: 200ms ease-out; } + +/*************** Header bars * */ +.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 40px; border-width: 0 0 1px; border-style: solid; border-color: #8c8c8c; border-radius: 0; color: #000000; background: #9dccff linear-gradient(to top, #93c7ff, #a2cfff); box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); /* Darken switchbuttons for headerbars. issue #1588 */ /* hide the close button separator */ } + +.titlebar:backdrop:not(headerbar), headerbar:backdrop { border-color: #a4a4a4; background: #c9c9c9 linear-gradient(to top, #c4c4c4, #cccccc); box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); color: #1d1d1d; transition: 200ms ease-out; } + +.titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; } + +.titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } + +.selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode headerbar, headerbar.selection-mode { color: #000000; border-color: #51a4ff; text-shadow: 0 -1px rgba(0, 0, 0, 0.5); background: #9dccff linear-gradient(to top, #93c7ff, #a2cfff); box-shadow: inset 0 1px rgba(196, 224, 255, 0.9); } + +.selection-mode .titlebar:backdrop:not(headerbar), .selection-mode.titlebar:backdrop:not(headerbar), .selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { background-color: #9dccff; background-image: none; box-shadow: inset 0 1px rgba(206, 230, 255, 0.88); } + +.selection-mode .titlebar:backdrop:not(headerbar) label, .selection-mode.titlebar:backdrop:not(headerbar) label, .selection-mode headerbar:backdrop label, headerbar.selection-mode:backdrop label { text-shadow: none; color: #000000; } + +.selection-mode .titlebar:not(headerbar) button, .selection-mode.titlebar:not(headerbar) button, .selection-mode headerbar button, headerbar.selection-mode button { color: #000000; background-color: #9dccff; border-color: #4f6680; outline-color: rgba(157, 204, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.65), 0 1px 2px rgba(0, 0, 0, 0.4); } + +.selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } + +.selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover { background-color: shade(#9dccff, 1.1); } + +.selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode headerbar button:active, .selection-mode headerbar button:checked, .selection-mode headerbar button.toggle:checked, .selection-mode headerbar button.toggle:active, headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.selection-mode button.toggle:checked, headerbar.selection-mode button.toggle:active { box-shadow: 0 1px rgba(255, 255, 255, 0.65), inset 0 1px 2px rgba(0, 0, 0, 0.4); } + +.selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button:backdrop.flat, .selection-mode headerbar button:backdrop, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop { background-image: none; -gtk-icon-effect: none; border-color: #51a4ff; } + +.selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar button:backdrop.flat:active, .selection-mode headerbar button:backdrop.flat:checked, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked { border-color: #51a4ff; } + +.selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar button:backdrop.flat:disabled, .selection-mode headerbar button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled { border-color: #51a4ff; } + +.selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode headerbar button:backdrop:disabled:active, .selection-mode headerbar button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked { border-color: #51a4ff; } + +.selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode .titlebar:not(headerbar) button.flat:backdrop, .selection-mode .titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode headerbar button.flat:backdrop, .selection-mode headerbar button.flat:disabled, .selection-mode headerbar button.flat:backdrop:disabled, headerbar.selection-mode button.flat:backdrop, headerbar.selection-mode button.flat:disabled, headerbar.selection-mode button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } + +.selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled, .selection-mode headerbar button:disabled, headerbar.selection-mode button:disabled { color: #552222; border-color: #8e7070; background-color: #c7bebe; background-image: none; text-shadow: none; -gtk-icon-shadow: none; } + +.selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar) button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, .selection-mode headerbar button:disabled:active, .selection-mode headerbar button:disabled:checked, headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked { color: #552222; background-color: #c1c0c8; border-color: #8e7070; text-shadow: none; -gtk-icon-shadow: none; } + +.selection-mode .titlebar:not(headerbar) button.suggested-action, .selection-mode.titlebar:not(headerbar) button.suggested-action, .selection-mode headerbar button.suggested-action, headerbar.selection-mode button.suggested-action { color: #1d1d1d; background-color: #d3d3d3; border-color: #787878; outline-color: rgba(157, 204, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.65), 0 1px 2px rgba(0, 0, 0, 0.4); border-color: #51a4ff; } + +.selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode headerbar button.suggested-action:hover, headerbar.selection-mode button.suggested-action:hover { background-color: shade(#d3d3d3, 1.1); border-color: #51a4ff; } + +.selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode headerbar button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { box-shadow: 0 1px rgba(255, 255, 255, 0.65), inset 0 1px 2px rgba(0, 0, 0, 0.4); border-color: #51a4ff; } + +.selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled { color: #552222; border-color: #8e7070; background-color: #c7bebe; background-image: none; text-shadow: none; -gtk-icon-shadow: none; border-color: #51a4ff; } + +.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop { background-image: none; border-color: #51a4ff; } + +.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled { border-color: #51a4ff; } + +.selection-mode .titlebar:not(headerbar) .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu, .selection-mode headerbar .selection-menu:backdrop, .selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu:backdrop, headerbar.selection-mode .selection-menu { border-color: rgba(157, 204, 255, 0); background-color: rgba(157, 204, 255, 0); background-image: none; box-shadow: none; min-height: 20px; padding: 4px 10px; } + +.selection-mode .titlebar:not(headerbar) .selection-menu arrow, .selection-mode.titlebar:not(headerbar) .selection-menu arrow, .selection-mode headerbar .selection-menu:backdrop arrow, .selection-mode headerbar .selection-menu arrow, headerbar.selection-mode .selection-menu:backdrop arrow, headerbar.selection-mode .selection-menu arrow { -GtkArrow-arrow-scaling: 1; } + +.selection-mode .titlebar:not(headerbar) .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, .selection-mode headerbar .selection-menu:backdrop .arrow, .selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu:backdrop .arrow, headerbar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; } + +.tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; } + +.default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 4px; } + +.default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { min-height: 26px; min-width: 26px; margin: 0; padding: 0; } + +.titlebar:not(headerbar) separator.titlebutton, headerbar separator.titlebutton { opacity: 0; } + +.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; } + +headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button { margin-top: 5px; margin-bottom: 5px; } + +headerbar switch { margin-top: 7px; margin-bottom: 7px; } + +headerbar.titlebar headerbar:not(.titlebar) { background: none; box-shadow: none; } + +.background .titlebar:backdrop, .background .titlebar { border-top-left-radius: 8px; border-top-right-radius: 8px; } + +.background.tiled .titlebar:backdrop, .background.tiled .titlebar, .background.tiled-top .titlebar:backdrop, .background.tiled-top .titlebar, .background.tiled-right .titlebar:backdrop, .background.tiled-right .titlebar, .background.tiled-bottom .titlebar:backdrop, .background.tiled-bottom .titlebar, .background.tiled-left .titlebar:backdrop, .background.tiled-left .titlebar, .background.maximized .titlebar:backdrop, .background.maximized .titlebar, .background.solid-csd .titlebar:backdrop, .background.solid-csd .titlebar { border-top-left-radius: 0; border-top-right-radius: 0; } + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { border-top-left-radius: 7px; } + +window headerbar:last-child:backdrop, window headerbar:last-child { border-top-right-radius: 7px; } + +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: 7px; border-top-right-radius: 7px; } + +window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled headerbar:backdrop, window.tiled headerbar:backdrop:first-child, window.tiled headerbar:backdrop:last-child, window.tiled headerbar:backdrop: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-top headerbar:backdrop, window.tiled-top headerbar:backdrop:first-child, window.tiled-top headerbar:backdrop:last-child, window.tiled-top headerbar:backdrop: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-right headerbar:backdrop, window.tiled-right headerbar:backdrop:first-child, window.tiled-right headerbar:backdrop:last-child, window.tiled-right headerbar:backdrop: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-bottom headerbar:backdrop, window.tiled-bottom headerbar:backdrop:first-child, window.tiled-bottom headerbar:backdrop:last-child, window.tiled-bottom headerbar:backdrop: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.tiled-left headerbar:backdrop, window.tiled-left headerbar:backdrop:first-child, window.tiled-left headerbar:backdrop:last-child, window.tiled-left headerbar:backdrop:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.maximized headerbar:backdrop, window.maximized headerbar:backdrop:first-child, window.maximized headerbar:backdrop:last-child, window.maximized headerbar:backdrop:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.fullscreen headerbar:backdrop, window.fullscreen headerbar:backdrop:first-child, window.fullscreen headerbar:backdrop:last-child, window.fullscreen headerbar:backdrop:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child, window.solid-csd headerbar:backdrop, window.solid-csd headerbar:backdrop:first-child, window.solid-csd headerbar:backdrop:last-child, window.solid-csd headerbar:backdrop:only-child { border-top-left-radius: 0; border-top-right-radius: 0; } + +window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; box-shadow: none; } + +.titlebar:not(headerbar) separator { background-color: #9b9b9b; } + +window.devel headerbar.titlebar:not(.selection-mode) { background: #c9c9c9 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(157, 204, 255, 0.2)), linear-gradient(to top, #a8a8a8, #b0b0b0 3px, #bfbfbf); } + +window.devel headerbar.titlebar:not(.selection-mode):backdrop { background: #c9c9c9 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#c9c9c9); /* background-color would flash */ } + +/************ Pathbars * */ +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { padding-left: 4px; padding-right: 4px; } + +.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: 8px; } + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { padding-left: 8px; } + +.path-bar button image { padding-left: 4px; padding-right: 4px; } + +.path-bar button.slider-button { padding-left: 0; padding-right: 0; } + +/************** Tree Views * */ +treeview.view { border-left-color: #818181; border-top-color: #c9c9c9; } + +* { -GtkTreeView-horizontal-separator: 4; -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; } + +treeview.view:selected:focus, treeview.view:selected { border-radius: 0; } + +treeview.view:selected:backdrop, treeview.view:selected { border-left-color: #4f6680; border-top-color: rgba(29, 29, 29, 0.1); } + +treeview.view:disabled { color: #552222; } + +treeview.view:disabled:selected { color: #5e7a99; } + +treeview.view:disabled:selected:backdrop { color: #7899bd; } + +treeview.view:disabled:backdrop { color: #a3a3a3; } + +treeview.view.separator { min-height: 2px; color: #c9c9c9; } + +treeview.view.separator:backdrop { color: rgba(201, 201, 201, 0.1); } + +treeview.view:backdrop { border-left-color: #9e9e9e; border-top: #c9c9c9; } + +treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #51a4ff; } + +treeview.view:drop(active).after { border-top-style: none; } + +treeview.view:drop(active).before { border-bottom-style: none; } + +treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #595959; } + +treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + +treeview.view.expander:hover { color: #1d1d1d; } + +treeview.view.expander:selected { color: #2f3d4d; } + +treeview.view.expander:selected:hover { color: #000000; } + +treeview.view.expander:selected:backdrop { color: #475564; } + +treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +treeview.view.expander:backdrop { color: #949494; } + +treeview.view.progressbar { color: #e5e5e5; background-color: #9dccff; background-image: image(#9dccff); box-shadow: none; } + +treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { color: #9dccff; background-image: image(#e5e5e5); } + +treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { color: #9dccff; background-color: #e2e2e2; } + +treeview.view.progressbar:backdrop { color: #e2e2e2; background-image: none; box-shadow: none; } + +treeview.view.trough { background-color: rgba(29, 29, 29, 0.1); } + +treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: rgba(0, 0, 0, 0.3); } + +treeview.view header button { color: #818181; background-color: #e5e5e5; font-weight: bold; text-shadow: none; box-shadow: none; } + +treeview.view header button:hover { color: #4f4f4f; box-shadow: none; transition: none; } + +treeview.view header button:active { color: #1d1d1d; transition: none; } + +treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: #e5e5e5; background-image: none; background-color: #9dccff; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px #e5e5e5; text-shadow: none; transition: none; } + +treeview.view acceleditor > label { background-color: #9dccff; } + +treeview.view header button, treeview.view header button:hover, treeview.view header button:active { padding: 0 6px; background-image: none; border-style: none solid solid none; border-color: #aaaaaa; border-radius: 0; text-shadow: none; } + +treeview.view header button:disabled { border-color: #c9c9c9; background-image: none; background-color: #c7bebe; color: #552222; } + +treeview.view header button:backdrop { border-color: #c9c9c9; border-style: none solid solid none; background-image: none; background-color: #e2e2e2; } + +treeview.view header button:backdrop:disabled { border-color: #c9c9c9; background-image: none; background-color: #c7bebe; color: #552222; } + +treeview.view header button:last-child { border-right-style: none; } + +/********* Menus * */ +menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } + +menubar:backdrop, .menubar:backdrop { background-color: #c9c9c9; } + +menubar > menuitem, .menubar > menuitem { min-height: 16px; padding: 4px 8px; } + +menubar > menuitem menu:dir(rtl), menubar > menuitem menu:dir(ltr), .menubar > menuitem menu:dir(rtl), .menubar > menuitem menu:dir(ltr) { border-radius: 0; padding: 0; } + +menubar > menuitem:hover, .menubar > menuitem:hover { box-shadow: inset 0 -3px #9dccff; color: #004B91; } + +menubar > menuitem:disabled, .menubar > menuitem:disabled { color: #552222; box-shadow: none; } + +menubar .csd.popup decoration, .menubar .csd.popup decoration { border-radius: 0; } + +.background.popup { background-color: transparent; } + +menu, .menu, .context-menu { margin: 4px; padding: 4px 0px; background-color: #e5e5e5; border: 1px solid #9b9b9b; } + +.csd menu, .csd .menu, .csd .context-menu { border: none; border-radius: 5px; } + +menu:backdrop, .menu:backdrop, .context-menu:backdrop { background-color: #e2e2e2; } + +menu menuitem, .menu menuitem, .context-menu menuitem { min-height: 16px; min-width: 40px; padding: 4px 6px; text-shadow: none; } + +menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { color: #000000; background-color: #9dccff; } + +menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: #552222; } + +menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { color: #a3a3a3; } + +menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { color: #737373; background-color: transparent; } + +menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; min-width: 16px; } + +menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 10px; } + +menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 10px; } + +menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { color: inherit; } + +menu > arrow, .menu > arrow, .context-menu > arrow { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; min-height: 16px; min-width: 16px; padding: 4px; background-color: #e5e5e5; border-radius: 0; } + +menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -4px; border-bottom: 1px solid #d1d1d1; border-top-right-radius: 5px; border-top-left-radius: 5px; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + +menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-top: 8px; margin-bottom: -12px; border-top: 1px solid #d1d1d1; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-color: #d1d1d1; } + +menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { background-color: #e2e2e2; } + +menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { color: transparent; background-color: transparent; border-color: transparent; } + +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: 7px; } + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { margin-left: 7px; } + +/*************** Popovers * */ +popover.background { padding: 2px; background-color: #c9c9c9; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } + +.csd popover.background, popover.background { border: 1px solid #9b9b9b; border-radius: 9px; } + +.csd popover.background { background-clip: padding-box; border-color: rgba(0, 0, 0, 0.23); } + +popover.background:backdrop { background-color: #c9c9c9; box-shadow: none; } + +popover.background > list, popover.background > .view, popover.background > iconview, popover.background > toolbar { border-style: none; background-color: transparent; } + +.csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier { border: 1px solid rgba(255, 255, 255, 0.1); } + +popover.background separator { margin: 3px; } + +popover.background list separator { margin: 0px; } + +/************* Notebooks * */ +notebook > header { padding: 1px; border-color: #9b9b9b; border-width: 1px; background-color: #b2b2b2; } + +notebook > header:backdrop { border-color: #a4a4a4; background-color: #bcbcbc; } + +notebook > header tabs { margin: -1px; } + +notebook > header.top { border-bottom-style: solid; } + +notebook > header.top > tabs { margin-bottom: -2px; } + +notebook > header.top > tabs > tab { border-top-left-radius: 5px; border-top-right-radius: 5px; } + +notebook > header.top > tabs > tab:hover { border-bottom-color: #9b9b9b; } + +notebook > header.top > tabs > tab:backdrop { box-shadow: none; } + +notebook > header.top > tabs > tab:checked { box-shadow: inset 0 14px 0 -10px #9dccff, inset 0 1px rgba(255, 255, 255, 0.5); border-color: #9b9b9b; border-bottom-color: transparent; } + +notebook > header.bottom { border-top-style: solid; } + +notebook > header.bottom > tabs { margin-top: -2px; } + +notebook > header.bottom > tabs > tab { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } + +notebook > header.bottom > tabs > tab:hover { border-top-color: #9b9b9b; } + +notebook > header.bottom > tabs > tab:backdrop { box-shadow: none; } + +notebook > header.bottom > tabs > tab:checked { box-shadow: inset 0 -14px 0 -10px #9dccff, inset 0 -1px 1px rgba(0, 0, 0, 0.4); border-color: #9b9b9b; border-top-color: transparent; } + +notebook > header.left { border-right-style: solid; } + +notebook > header.left > tabs { margin-right: -2px; } + +notebook > header.left > tabs > tab { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } + +notebook > header.left > tabs > tab:hover { border-right-color: #9b9b9b; } + +notebook > header.left > tabs > tab:backdrop { box-shadow: none; } + +notebook > header.left > tabs > tab:checked { box-shadow: inset 14px 0 0 -10px #9dccff, inset 0 -1px 1px rgba(0, 0, 0, 0.4), inset 0 1px rgba(255, 255, 255, 0.5); border-color: #9b9b9b; border-right-color: transparent; } + +notebook > header.right { border-left-style: solid; } + +notebook > header.right > tabs { margin-left: -2px; } + +notebook > header.right > tabs > tab { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } + +notebook > header.right > tabs > tab:hover { border-left-color: #9b9b9b; } + +notebook > header.right > tabs > tab:backdrop { box-shadow: none; } + +notebook > header.right > tabs > tab:checked { box-shadow: inset -14px 0 0 -10px #9dccff, inset 0 -1px 1px rgba(0, 0, 0, 0.4), inset 0 1px rgba(255, 255, 255, 0.5); border-color: #9b9b9b; border-left-color: transparent; } + +notebook > header.top > tabs > arrow { border-top-style: none; } + +notebook > header.bottom > tabs > arrow { border-bottom-style: none; } + +notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { margin-left: -5px; margin-right: -5px; padding-left: 4px; padding-right: 4px; } + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +notebook > header.left > tabs > arrow { border-left-style: none; } + +notebook > header.right > tabs > arrow { border-right-style: none; } + +notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; } + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; } + +notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-color: shade(#d3d3d3, 1.1); } + +notebook > header > tabs > arrow:active { box-shadow: 0 1px rgba(255, 255, 255, 0.65), inset 0 1px 2px rgba(0, 0, 0, 0.4); } + +notebook > header > tabs > arrow:disabled { color: #552222; border-color: #8e7070; background-color: #c7bebe; background-image: none; text-shadow: none; -gtk-icon-shadow: none; } + +notebook > header tabs > tab { border: 1px solid transparent; min-height: 20px; min-width: 20px; padding: 3px 12px; outline-offset: -5px; color: #1d1d1d; font-weight: normal; } + +notebook > header tabs > tab:hover { color: #1d1d1d; background-color: #bfbfbf; } + +notebook > header tabs > tab:hover.reorderable-page { border-color: rgba(155, 155, 155, 0.3); background-color: rgba(201, 201, 201, 0.2); } + +notebook > header tabs > tab:backdrop { color: #959595; } + +notebook > header tabs > tab:backdrop.reorderable-page { border-color: transparent; background-color: transparent; } + +notebook > header tabs > tab:checked { color: #1d1d1d; background-color: #e5e5e5; } + +notebook > header tabs > tab:backdrop:checked { color: #737373; background-color: #e2e2e2; } + +notebook > header tabs > tab button.flat { padding: 1px; margin: 2px; } + +notebook > header tabs > tab button.flat:last-child { margin-left: 4px; margin-right: -4px; } + +notebook > header tabs > tab button.flat:first-child { margin-left: -4px; margin-right: 4px; } + +notebook > header.top tabs, notebook > header.bottom tabs { padding-left: 4px; padding-right: 4px; } + +notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) { margin-left: 3px; margin-right: 3px; } + +notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { margin-left: -1px; } + +notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { margin-right: -1px; } + +notebook > header.top tabs tab, notebook > header.bottom tabs tab { margin-left: 4px; margin-right: 4px; } + +notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { border-style: none solid; } + +notebook > header.left tabs, notebook > header.right tabs { padding-top: 4px; padding-bottom: 4px; } + +notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) { margin-top: 3px; margin-bottom: 3px; } + +notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { margin-top: -1px; } + +notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { margin-bottom: -1px; } + +notebook > header.left tabs tab, notebook > header.right tabs tab { margin-top: 4px; margin-bottom: 4px; } + +notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { border-style: solid none; } + +notebook > header.top tab { padding-bottom: 4px; } + +notebook > header.bottom tab { padding-top: 4px; } + +notebook > stack:not(:only-child) { background-color: #e5e5e5; } + +notebook > stack:not(:only-child):backdrop { background-color: #e2e2e2; } + +/************** Scrollbars * */ +scrollbar { background-color: #a7a7a7; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +* { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; } + +scrollbar.top { border-bottom: 1px solid #9b9b9b; } + +scrollbar.bottom { border-top: 1px solid #9b9b9b; } + +scrollbar.left { border-right: 1px solid #9b9b9b; } + +scrollbar.right { border-left: 1px solid #9b9b9b; } + +scrollbar:backdrop { background-color: #c1c1c1; border-color: #a4a4a4; transition: 200ms ease-out; } + +scrollbar slider { padding: 0; background-image: none; min-width: 8px; min-height: 8px; margin: 3px; border-radius: 10px; background-clip: padding-box; background-color: #626262; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +scrollbar slider:hover { background-color: #3f3f3f; } + +scrollbar slider:hover:active { background-color: #6ab1ff; } + +scrollbar slider:backdrop { background-color: #a7a7a7; } + +scrollbar slider:disabled { background-color: transparent; } + +scrollbar.fine-tune slider, scrollbar.fine-tune slider:hover, scrollbar.fine-tune slider:active { background-color: #ffffa4; } + +scrollbar.horizontal slider { min-width: 40px; } + +scrollbar.vertical slider { min-height: 40px; } + +scrollbar button { padding: 0; min-width: 12px; min-height: 12px; border-style: none; border-radius: 0; transition-property: min-height, min-width, color; border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #626262; } + +scrollbar button:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #3f3f3f; } + +scrollbar button:active, scrollbar button:checked { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #6ab1ff; } + +scrollbar button:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(98, 98, 98, 0.2); } + +scrollbar button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #a7a7a7; } + +scrollbar button:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(167, 167, 167, 0.2); } + +scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +scrollbar.vertical button.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + +scrollbar.horizontal button.down { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + +treeview ~ scrollbar.vertical { border-top: 1px solid #9b9b9b; margin-top: -1px; } + +/********** Switch * */ +switch { outline-offset: -4px; border: 1px solid #9b9b9b; border-radius: 14px; color: #1d1d1d; background-color: #b2b2b2; text-shadow: 0 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px rgba(0, 0, 0, 0.4); /* only show i / o for the accessible theme */ } + +switch:checked { color: #000000; border-color: #737373; background-color: #9dccff; text-shadow: 0 1px rgba(81, 164, 255, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); } + +switch:disabled { color: #552222; border-color: #9b9b9b; background-color: #c7bebe; text-shadow: none; } + +switch:backdrop { color: #737373; border-color: #a4a4a4; background-color: #bcbcbc; text-shadow: none; transition: 200ms ease-out; } + +switch:backdrop:checked { color: #c9c9c9; border-color: #000000; background-color: #9dccff; } + +switch:backdrop:disabled { color: #a3a3a3; border-color: #a4a4a4; background-color: #c7bebe; } + +switch slider { margin: -1px; min-width: 24px; min-height: 24px; border: 1px solid; border-radius: 50%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-outline-radius: 20px; color: #1d1d1d; background-color: #d3d3d3; border-color: #787878; outline-color: rgba(157, 204, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.65), 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.4); } + +switch image { color: transparent; } + +switch:hover slider { background-color: shade(#d3d3d3, 1.1); } + +switch:checked > slider { border: 1px solid #000000; } + +switch:disabled slider { color: #552222; border-color: #8e7070; background-color: #c7bebe; background-image: none; text-shadow: none; -gtk-icon-shadow: none; } + +switch:backdrop slider { transition: 200ms ease-out; background-image: none; } + +switch:backdrop:checked > slider { border-color: #000000; } + +row:selected switch { box-shadow: none; border-color: #000000; } + +row:selected switch:backdrop { border-color: #000000; } + +row:selected switch > slider:checked, row:selected switch > slider { border-color: #000000; } + +/************************* Check and Radio items * */ +.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view:not(list) check { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #9dccff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } + +.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view:not(list) check:hover { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #9dccff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } + +.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view:not(list) check:active { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #9dccff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } + +.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view:not(list) check:backdrop { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #cecece; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } + +.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view:not(list) check:checked { margin: 4px; min-width: 32px; min-height: 32px; color: #504300; background-color: #9dccff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } + +.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view:not(list) check:checked:hover { margin: 4px; min-width: 32px; min-height: 32px; color: #504300; background-color: #9dccff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } + +.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view:not(list) check:checked:active { margin: 4px; min-width: 32px; min-height: 32px; color: #504300; background-color: #9dccff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } + +.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view:not(list) check:backdrop:checked { margin: 4px; min-width: 32px; min-height: 32px; color: rgba(80, 67, 0, 0.8); background-color: #cecece; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } + +checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; } + +checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { margin-left: 4px; } + +checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { margin-right: 4px; } + +check, radio { margin: 0 4px; min-height: 14px; min-width: 14px; border: 1px solid; -gtk-icon-source: none; } + +check:only-child, radio:only-child { margin: 0; } + +popover check.left:dir(rtl), popover radio.left:dir(rtl) { margin-left: 0; margin-right: 12px; } + +popover check.right:dir(ltr), popover radio.right:dir(ltr) { margin-left: 12px; margin-right: 0; } + +check, radio { background-clip: padding-box; background-image: linear-gradient(to bottom, #e0e0e0 20%, #d3d3d3 90%); border-color: #000000; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #000000; } + +check:hover, radio:hover { background-image: linear-gradient(to bottom, #eaeaea 10%, #dddddd 90%); } + +check:active, radio:active { box-shadow: inset 0 1px rgba(0, 0, 0, 0.2); background-image: image(#c6c6c6); } + +check:disabled, radio:disabled { box-shadow: none; color: #552222; background-image: image(#c7bebe); } + +check:backdrop, radio:backdrop { background-image: image(#d3d3d3); box-shadow: none; color: #000000; } + +check:backdrop:disabled, radio:backdrop:disabled { box-shadow: none; color: #552222; background-image: image(#c7bebe); } + +check:checked, radio:checked { background-clip: border-box; background-image: linear-gradient(to bottom, #b7d9ff 20%, #9dccff 90%); border-color: #000000; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #000000; } + +check:checked:hover, radio:checked:hover { background-image: linear-gradient(to bottom, #cbe4ff 10%, #b1d7ff 90%); } + +check:checked:active, radio:checked:active { box-shadow: inset 0 1px rgba(0, 0, 0, 0.2); background-image: image(#84bfff); } + +check:checked:disabled, radio:checked:disabled { box-shadow: none; color: #552222; background-image: image(#c7bebe); } + +check:checked:backdrop, radio:checked:backdrop { background-image: image(#9dccff); box-shadow: none; color: #000000; } + +check:checked:backdrop:disabled, radio:checked:backdrop:disabled { box-shadow: none; color: #552222; background-image: image(#c7bebe); } + +check:indeterminate, radio:indeterminate { background-clip: border-box; background-image: linear-gradient(to bottom, #b7d9ff 20%, #9dccff 90%); border-color: #000000; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #000000; } + +check:indeterminate:hover, radio:indeterminate:hover { background-image: linear-gradient(to bottom, #cbe4ff 10%, #b1d7ff 90%); } + +check:indeterminate:active, radio:indeterminate:active { box-shadow: inset 0 1px rgba(0, 0, 0, 0.2); background-image: image(#84bfff); } + +check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; color: #552222; background-image: image(#c7bebe); } + +check:indeterminate:backdrop, radio:indeterminate:backdrop { background-image: image(#9dccff); box-shadow: none; color: #000000; } + +check:indeterminate:backdrop:disabled, radio:indeterminate:backdrop:disabled { box-shadow: none; color: #552222; background-image: image(#c7bebe); } + +check:backdrop, radio:backdrop { transition: 200ms ease-out; } + +check:disabled, radio:disabled { color: #552222; border-color: #552222; } + +row:selected check, row:selected radio { border-color: #000000; } + +menu menuitem check, menu menuitem radio { margin: 0; } + +menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked, menu menuitem check:checked:hover, menu menuitem check:checked:disabled, menu menuitem check:indeterminate, menu menuitem check:indeterminate:hover, menu menuitem check:indeterminate:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem radio:checked, menu menuitem radio:checked:hover, menu menuitem radio:checked:disabled, menu menuitem radio:indeterminate, menu menuitem radio:indeterminate:hover, menu menuitem radio:indeterminate:disabled { min-height: 14px; min-width: 14px; background-image: none; background-color: transparent; box-shadow: none; -gtk-icon-shadow: none; color: inherit; border-color: currentColor; } + +check { border-radius: 3px; } + +check:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/check-symbolic.svg")), -gtk-recolor(url("assets/check-symbolic.symbolic.png"))); } + +check:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); } + +treeview.view radio:selected:focus, treeview.view radio:selected, radio { border-radius: 100%; } + +treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/bullet-symbolic.svg")), -gtk-recolor(url("assets/bullet-symbolic.symbolic.png"))); } + +treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); } + +radio:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: scale(0); } + +check:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); } + +radio:active, check:active { -gtk-icon-transform: scale(0, 1); } + +radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop), check:checked:not(:backdrop), check:indeterminate:not(:backdrop) { -gtk-icon-transform: unset; transition: 400ms; } + +menu menuitem radio:checked:not(:backdrop), menu menuitem radio:indeterminate:not(:backdrop), menu menuitem check:checked:not(:backdrop), menu menuitem check:indeterminate:not(:backdrop) { transition: none; } + +treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: #000000; border-color: #51a4ff; } + +/************ GtkScale * */ +progressbar trough, scale fill, scale trough { border: 1px solid #9b9b9b; border-radius: 3px; background-color: #b2b2b2; } + +progressbar trough:disabled, scale fill:disabled, scale trough:disabled { background-color: #c7bebe; } + +progressbar trough:backdrop, scale fill:backdrop, scale trough:backdrop { background-color: #bcbcbc; border-color: #a4a4a4; transition: 200ms ease-out; } + +progressbar trough:backdrop:disabled, scale fill:backdrop:disabled, scale trough:backdrop:disabled { background-color: #c7bebe; } + +row:selected progressbar trough, progressbar row:selected trough, row:selected scale fill, scale row:selected fill, row:selected scale trough, scale row:selected trough { border-color: #51a4ff; } + +.osd progressbar trough, progressbar .osd trough, .osd scale fill, scale .osd fill, .osd scale trough, scale .osd trough { border-color: #504300; background-color: rgba(80, 67, 0, 0.3); } + +.osd progressbar trough:disabled, progressbar .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd scale trough:disabled, scale .osd trough:disabled { background-color: rgba(238, 236, 148, 0.5); } + +progressbar progress, scale highlight { border: 1px solid #51a4ff; border-radius: 3px; background-color: #9dccff; } + +progressbar progress:disabled, scale highlight:disabled { background-color: #b09f9f; border-color: transparent; } + +progressbar progress:backdrop, scale highlight:backdrop { border-color: #9dccff; } + +progressbar progress:backdrop:disabled, scale highlight:backdrop:disabled { background-color: transparent; border-color: transparent; } + +row:selected progressbar progress, progressbar row:selected progress, row:selected scale highlight, scale row:selected highlight { border-color: #51a4ff; } + +.osd progressbar progress, progressbar .osd progress, .osd scale highlight, scale .osd highlight { border-color: #504300; } + +.osd progressbar progress:disabled, progressbar .osd progress:disabled, .osd scale highlight:disabled, scale .osd highlight:disabled { border-color: transparent; } + +scale { min-height: 10px; min-width: 10px; padding: 12px; } + +scale fill, scale highlight { margin: -1px; } + +scale.fine-tune slider, scale.fine-tune slider:active, scale.fine-tune slider:hover, scale.fine-tune slider:focus { background-color: #ffffa4; } + +scale trough { outline-offset: 2px; -gtk-outline-radius: 5px; } + +scale fill:backdrop, scale fill { background-color: #9b9b9b; } + +scale fill:disabled:backdrop, scale fill:disabled { border-color: transparent; background-color: transparent; } + +.osd scale fill { background-color: #504300; } + +.osd scale fill:disabled:backdrop, .osd scale fill:disabled { border-color: transparent; background-color: transparent; } + +scale slider { min-height: 18px; min-width: 18px; margin: -9px; color: #1d1d1d; background-color: #d3d3d3; border-color: #787878; outline-color: rgba(157, 204, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.65), 0 1px 2px rgba(0, 0, 0, 0.4); border-width: 1px; border-style: solid; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; } + +scale slider:hover { background-color: shade(#d3d3d3, 1.1); } + +scale slider:active { border-color: #9dccff; } + +scale slider:disabled { color: #552222; border-color: #8e7070; background-color: #c7bebe; background-image: none; text-shadow: none; -gtk-icon-shadow: none; } + +scale slider:backdrop { transition: 200ms ease-out; background-image: none; } + +row:selected scale slider:disabled, row:selected scale slider { border-color: #51a4ff; } + +.osd scale slider { border-color: #413600; background-color: #ffffa4; } + +.osd scale slider:hover { background-color: #ffffa4; } + +.osd scale slider:active { background-color: #ffffa4; } + +.osd scale slider:disabled { background-color: #ffffa4; } + +.osd scale slider:backdrop { background-color: #ffffa4; } + +.osd scale slider:backdrop:disabled { background-color: #ffffa4; } + +scale marks, scale value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; } + +scale.horizontal marks.top { margin-bottom: 6px; margin-top: -12px; } + +scale.horizontal marks.bottom { margin-top: 6px; margin-bottom: -12px; } + +scale.vertical marks.top { margin-right: 6px; margin-left: -12px; } + +scale.vertical marks.bottom { margin-left: 6px; margin-right: -12px; } + +scale.horizontal indicator { min-height: 6px; min-width: 1px; } + +scale.horizontal.marks-after slider { border-radius: 5px 5px 100% 100%; min-width: 10px; padding: 0; margin-right: 5px; margin-left: 5px; } + +scale.horizontal.marks-before slider { border-radius: 100% 100% 5px 5px; min-width: 10px; padding: 0; margin-right: 5px; margin-left: 5px; } + +scale.vertical indicator { min-height: 1px; min-width: 6px; } + +scale.vertical.marks-after slider { border-radius: 5px 100% 100% 5px; min-height: 10px; padding: 0; margin-top: 5px; margin-bottom: 5px; } + +scale.vertical.marks-before slider { border-radius: 100% 5px 5px 100%; min-height: 10px; padding: 0; margin-top: 5px; margin-bottom: 5px; } + +scale.color { min-height: 0; min-width: 0; } + +scale.color trough { background-image: image(#9b9b9b); background-repeat: no-repeat; } + +scale.color.horizontal { padding: 0 0 15px 0; } + +scale.color.horizontal trough { padding-bottom: 4px; background-position: 0 -3px; border-top-left-radius: 0; border-top-right-radius: 0; } + +scale.color.horizontal slider:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):backdrop, scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal slider:dir(ltr):backdrop:disabled, scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl):hover, scale.color.horizontal slider:dir(rtl):backdrop, scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal slider:dir(rtl):backdrop:disabled, scale.color.horizontal slider:dir(rtl) { margin-bottom: -15px; margin-top: 6px; } + +scale.color.vertical:dir(ltr) { padding: 0 0 0 15px; } + +scale.color.vertical:dir(ltr) trough { padding-left: 4px; background-position: 3px 0; border-bottom-right-radius: 0; border-top-right-radius: 0; } + +scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; } + +scale.color.vertical:dir(rtl) { padding: 0 15px 0 0; } + +scale.color.vertical:dir(rtl) trough { padding-right: 4px; background-position: -3px 0; border-bottom-left-radius: 0; border-top-left-radius: 0; } + +scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; } + +/***************** Progress bars * */ +progressbar { font-size: smaller; color: rgba(29, 29, 29, 0.4); font-feature-settings: "tnum"; } + +progressbar.horizontal trough, progressbar.horizontal progress { min-height: 2px; } + +progressbar.vertical trough, progressbar.vertical progress { min-width: 2px; } + +progressbar.horizontal progress { margin: 0 -1px; } + +progressbar.vertical progress { margin: -1px 0; } + +progressbar:backdrop { box-shadow: none; transition: 200ms ease-out; } + +progressbar progress { border-radius: 1.5px; } + +progressbar progress.left { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } + +progressbar progress.right { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } + +progressbar progress.top { border-top-right-radius: 2px; border-top-left-radius: 2px; } + +progressbar progress.bottom { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } + +progressbar.osd { min-width: 3px; min-height: 3px; background-color: transparent; } + +progressbar.osd trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; } + +progressbar.osd progress { border-style: none; border-radius: 0; } + +progressbar trough.empty progress { all: unset; } + +/************* Level Bar * */ +/************* Level Bar * */ +levelbar.horizontal trough > block { min-height: 9px; border-radius: 5px; } + +levelbar.horizontal trough > block:dir(rtl) { border-radius: 0 5px 5px 0; } + +levelbar.horizontal trough > block:dir(ltr) { border-radius: 5px 0 0 5px; } + +levelbar.horizontal trough > block.empty, levelbar.horizontal trough > block.full { border-radius: 5px; } + +levelbar.horizontal.discrete trough > block { min-height: 2px; margin: 1px; min-width: 24px; border-radius: 0; } + +levelbar.horizontal.discrete trough > block:first-child { border-radius: 2px 0 0 2px; } + +levelbar.horizontal.discrete trough > block:last-child { border-radius: 0 2px 2px 0; } + +levelbar.vertical trough > block { min-width: 9px; border-radius: 5px; } + +levelbar.vertical.discrete > trough > block { min-width: 2px; margin: 1px 0; min-height: 32px; } + +levelbar > trough { padding: 1px; color: #1d1d1d; border-color: #818181; background-color: #e5e5e5; box-shadow: inset 0 0 0 1px rgba(157, 204, 255, 0), inset 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.5); border-radius: 5px; } + +levelbar > trough:backdrop { color: #444444; border-color: #a4a4a4; background-color: #e2e2e2; box-shadow: none; } + +levelbar > trough > block { border: 1px solid; } + +levelbar > trough > block.low { border-color: #c7bebe; background-color: #c7bebe; } + +levelbar > trough > block.high, levelbar > trough > block:not(.empty) { border-color: #9dccff; background-color: #9dccff; } + +levelbar > trough > block.full { border-color: #73d216; background-color: #73d216; } + +levelbar > trough > block.empty { background-color: #bcbcbc; border-color: #bcbcbc; } + +/**************** Print dialog * */ +printdialog paper { color: #1d1d1d; border: 1px solid #9b9b9b; background: white; padding: 0; } + +printdialog paper:backdrop { color: #737373; border-color: #a4a4a4; } + +printdialog .dialog-action-box { margin: 12px; } + +/********** Frames * */ +frame > border, .frame { box-shadow: none; margin: 0; padding: 0; border-radius: 0; border: 1px solid #9b9b9b; } + +frame > border.flat, .frame.flat { border-style: none; } + +frame > border:backdrop, .frame:backdrop { border-color: #a4a4a4; } + +actionbar > revealer > box { padding: 6px; border-top: 1px solid #9b9b9b; } + +actionbar > revealer > box:backdrop { border-color: #a4a4a4; } + +scrolledwindow viewport.frame { border-style: none; } + +scrolledwindow overshoot.top { background-image: radial-gradient(farthest-side at top, #9dccff 85%, rgba(157, 204, 255, 0)), radial-gradient(farthest-side at top, rgba(157, 204, 255, 0.07), rgba(157, 204, 255, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow overshoot.top:backdrop { background-image: radial-gradient(farthest-side at top, #9dccff 85%, rgba(157, 204, 255, 0)); background-size: 100% 3%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow overshoot.bottom { background-image: radial-gradient(farthest-side at bottom, #9dccff 85%, rgba(157, 204, 255, 0)), radial-gradient(farthest-side at bottom, rgba(157, 204, 255, 0.07), rgba(157, 204, 255, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow overshoot.bottom:backdrop { background-image: radial-gradient(farthest-side at bottom, #9dccff 85%, rgba(157, 204, 255, 0)); background-size: 100% 3%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow overshoot.left { background-image: radial-gradient(farthest-side at left, #9dccff 85%, rgba(157, 204, 255, 0)), radial-gradient(farthest-side at left, rgba(157, 204, 255, 0.07), rgba(157, 204, 255, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow overshoot.left:backdrop { background-image: radial-gradient(farthest-side at left, #9dccff 85%, rgba(157, 204, 255, 0)); background-size: 3% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow overshoot.right { background-image: radial-gradient(farthest-side at right, #9dccff 85%, rgba(157, 204, 255, 0)), radial-gradient(farthest-side at right, rgba(157, 204, 255, 0.07), rgba(157, 204, 255, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow overshoot.right:backdrop { background-image: radial-gradient(farthest-side at right, #9dccff 85%, rgba(157, 204, 255, 0)); background-size: 3% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #9b9b9b 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #a7a7a7; } + +scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } + +scrolledwindow junction:backdrop { border-image-source: linear-gradient(to bottom, #a4a4a4 1px, transparent 1px); background-color: #c1c1c1; transition: 200ms ease-out; } + +separator { background: rgba(0, 0, 0, 0.1); min-width: 1px; min-height: 1px; } + +/********* Lists * */ +list { color: #1d1d1d; background-color: #e5e5e5; border-color: #9b9b9b; } + +list:backdrop { color: #444444; background-color: #e2e2e2; border-color: #a4a4a4; } + +list row { padding: 2px; } + +row { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +row:hover { transition: none; } + +row:backdrop { transition: 200ms ease-out; } + +row.activatable.has-open-popup, row.activatable:hover { background-color: rgba(29, 29, 29, 0.05); } + +row.activatable:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } + +row.activatable:backdrop:hover { background-color: transparent; } + +row.activatable:selected:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } + +row.activatable:selected.has-open-popup, row.activatable:selected:hover { background-color: #90bbe8; } + +row.activatable:selected:backdrop { background-color: #9dccff; } + +/********************* App Notifications * */ +.app-notification, .app-notification.frame { padding: 10px; border-radius: 0 0 5px 5px; background-color: rgba(255, 255, 164, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; } + +.app-notification:backdrop, .app-notification.frame:backdrop { background-image: none; transition: 200ms ease-out; } + +.app-notification border, .app-notification.frame border { border: none; } + +/************* Expanders * */ +expander title > arrow { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +expander title > arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + +expander title > arrow:hover { color: #6a6a6a; } + +expander title > arrow:disabled { color: #552222; } + +expander title > arrow:disabled:backdrop { color: #a3a3a3; } + +expander title > arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +/************ Calendar * */ +calendar { color: #1d1d1d; border: 1px solid #9b9b9b; } + +calendar:selected { border-radius: 3px; } + +calendar.header { border-bottom-color: rgba(0, 0, 0, 0.1); } + +calendar.header:backdrop { border-bottom-color: rgba(0, 0, 0, 0.1); } + +calendar.button { color: rgba(29, 29, 29, 0.45); } + +calendar.button:hover { color: #1d1d1d; } + +calendar.button:backdrop { color: rgba(115, 115, 115, 0.45); } + +calendar.button:disabled { color: rgba(85, 34, 34, 0.45); } + +calendar.highlight { color: #552222; } + +calendar.highlight:backdrop { color: #a3a3a3; } + +calendar:backdrop { color: #444444; border-color: #a4a4a4; } + +calendar:indeterminate { color: alpha(currentColor,0.1); } + +/*********** Dialogs * */ +messagedialog .titlebar { min-height: 20px; background-image: none; background-color: #c9c9c9; border-style: none; border-top-left-radius: 7px; border-top-right-radius: 7px; } + +messagedialog.csd.background { border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; } + +messagedialog.csd .dialog-action-area button { padding: 10px 14px; border-right-style: none; border-bottom-style: none; border-radius: 0; -gtk-outline-radius: 0; } + +messagedialog.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 7px; -gtk-outline-bottom-left-radius: 7px; } + +messagedialog.csd .dialog-action-area button:last-child { border-bottom-right-radius: 7px; -gtk-outline-bottom-right-radius: 7px; } + +filechooser .dialog-action-box { border-top: 1px solid #9b9b9b; } + +filechooser .dialog-action-box:backdrop { border-top-color: #a4a4a4; } + +filechooser #pathbarbox { border-bottom: 1px solid #c9c9c9; } + +filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; } + +/*********** Sidebar * */ +.sidebar { border-style: none; background-color: #d7d7d7; } + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left { border-right: 1px solid #9b9b9b; border-left-style: none; } + +stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid #9b9b9b; border-right-style: none; } + +.sidebar:backdrop { background-color: #d6d6d6; border-color: #a4a4a4; transition: 200ms ease-out; } + +.sidebar list { background-color: transparent; } + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; } + +stacksidebar row { padding: 10px 4px; } + +stacksidebar row > label { padding-left: 6px; padding-right: 6px; } + +stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } + +separator.sidebar { background-color: #9b9b9b; } + +separator.sidebar:backdrop { background-color: #a4a4a4; } + +separator.sidebar.selection-mode, .selection-mode separator.sidebar { background-color: #3797ff; } + +/**************** File chooser * */ +row image.sidebar-icon { opacity: 1; } + +placessidebar > viewport.frame { border-style: none; } + +placessidebar row { min-height: 36px; padding: 0px; } + +placessidebar row > revealer { padding: 0 14px; } + +placessidebar row:selected { color: #000000; } + +placessidebar row:disabled { color: #552222; } + +placessidebar row:backdrop { color: #737373; } + +placessidebar row:backdrop:selected { color: #222222; } + +placessidebar row:backdrop:disabled { color: #a3a3a3; } + +placessidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; } + +placessidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; } + +placessidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; } + +placessidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } + +button.sidebar-button { min-height: 26px; min-width: 26px; margin-top: 3px; margin-bottom: 3px; padding: 0; border-radius: 100%; -gtk-outline-radius: 100%; } + +button.sidebar-button:not(:hover):not(:active) > image, button.sidebar-button:backdrop > image { opacity: 1; } + +placessidebar row:selected:active { box-shadow: none; } + +placessidebar row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#73d216); background-clip: content-box; } + +placessidebar row.sidebar-new-bookmark-row { color: #9dccff; } + +placessidebar row:drop(active):not(:disabled) { color: #73d216; box-shadow: inset 0 1px #73d216, inset 0 -1px #73d216; } + +placessidebar row:drop(active):not(:disabled):selected { color: #000000; background-color: #73d216; } + +placesview .server-list-button > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -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 row.activatable:hover { background-color: transparent; } + +placesview > actionbar > revealer > box > label { padding-left: 8px; padding-right: 8px; } + +/********* Paned * */ +paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(#9b9b9b); background-size: 1px 1px; } + +paned > separator:selected { background-image: image(#9dccff); } + +paned > separator:backdrop { background-image: image(#a4a4a4); } + +paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #c9c9c9; background-image: image(#9b9b9b), image(#9b9b9b); background-size: 1px 1px, 1px 1px; } + +paned > separator.wide:backdrop { background-color: #c9c9c9; background-image: image(#a4a4a4), image(#a4a4a4); } + +paned.horizontal > separator { background-repeat: repeat-y; } + +paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; } + +paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; } + +paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; } + +paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; } + +paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; } + +/************** GtkInfoBar * */ +infobar { border-style: none; } + +infobar.action:hover > revealer > box { border-bottom: 1px solid #a8a8a8; } + +infobar.info, infobar.question, infobar.warning, infobar.error { text-shadow: none; } + +infobar.info:backdrop > revealer > box, infobar.info > revealer > box, infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box, infobar.error > revealer > box { background-color: #d58126; border-bottom: 1px solid #a8a8a8; } + +infobar.info:backdrop > revealer > box label, infobar.info:backdrop > revealer > box, infobar.info > revealer > box label, infobar.info > revealer > box, infobar.question:backdrop > revealer > box label, infobar.question:backdrop > revealer > box, infobar.question > revealer > box label, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box label, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box label, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box label, infobar.error:backdrop > revealer > box, infobar.error > revealer > box label, infobar.error > revealer > box { color: #1d1d1d; } + +infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop { text-shadow: none; } + +infobar.info button, infobar.question button, infobar.warning button, infobar.error button { color: #1d1d1d; background-color: #c9c9c9; border-color: #737373; outline-color: rgba(157, 204, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); } + +infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { background-color: shade(#c9c9c9, 1.1); } + +infobar.info button:active, infobar.info button:checked, infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked, infobar.error button:active, infobar.error button:checked { box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px rgba(0, 0, 0, 0.4); } + +infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { color: #552222; border-color: #8e7070; background-color: #c7bebe; background-image: none; text-shadow: none; -gtk-icon-shadow: none; } + +infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop { background-image: none; border-color: #b0b0b0; } + +infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled { border-color: #b0b0b0; } + +infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info button label, infobar.info button, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.question button label, infobar.question button, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.warning button label, infobar.warning button, infobar.error button:backdrop label, infobar.error button:backdrop, infobar.error button label, infobar.error button { color: #1d1d1d; } + +infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { background-color: #b0b0b0; } + +infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link { color: #004B91; } + +/************ Tooltips * */ +tooltip { border-radius: 5px; text-shadow: none; } + +tooltip.background { background-color: rgba(255, 255, 164, 0.9); background-clip: padding-box; border: 1px solid #504300; } + +tooltip decoration { background-color: transparent; } + +tooltip * { background-color: transparent; color: #504300; } + +/***************** Color Chooser * */ +colorswatch:drop(active), colorswatch { border-style: none; } + +colorswatch.top { border-top-left-radius: 5.5px; border-top-right-radius: 5.5px; } + +colorswatch.top overlay { border-top-left-radius: 5px; border-top-right-radius: 5px; } + +colorswatch.bottom { border-bottom-left-radius: 5.5px; border-bottom-right-radius: 5.5px; } + +colorswatch.bottom overlay { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } + +colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 5.5px; border-bottom-left-radius: 5.5px; } + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } + +colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 5.5px; border-bottom-right-radius: 5.5px; } + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } + +colorswatch.dark { outline-color: rgba(255, 255, 255, 0.6); } + +colorswatch.dark overlay { color: white; } + +colorswatch.dark overlay:hover { border-color: rgba(0, 0, 0, 0.8); } + +colorswatch.dark overlay:backdrop { color: rgba(255, 255, 255, 0.5); } + +colorswatch.light { outline-color: rgba(0, 0, 0, 0.6); } + +colorswatch.light overlay { color: black; } + +colorswatch.light overlay:hover { border-color: rgba(0, 0, 0, 0.5); } + +colorswatch.light overlay:backdrop { color: rgba(0, 0, 0, 0.5); } + +colorswatch:drop(active) { box-shadow: none; } + +colorswatch:drop(active).light overlay { border-color: #73d216; box-shadow: inset 0 0 0 2px #61b213, inset 0 0 0 1px #73d216; } + +colorswatch:drop(active).dark overlay { border-color: #73d216; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.3), inset 0 0 0 1px #73d216; } + +colorswatch overlay { border: 1px solid rgba(0, 0, 0, 0.3); } + +colorswatch overlay:hover { box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.2); } + +colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { border-color: rgba(0, 0, 0, 0.3); box-shadow: none; } + +colorswatch#add-color-button { border-radius: 5px 5px 0 0; } + +colorswatch#add-color-button:only-child { border-radius: 5px; } + +colorswatch#add-color-button overlay { color: #1d1d1d; background-color: #d3d3d3; border-color: #787878; outline-color: rgba(157, 204, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.65), 0 1px 2px rgba(0, 0, 0, 0.4); } + +colorswatch#add-color-button overlay:hover { background-color: shade(#d3d3d3, 1.1); } + +colorswatch#add-color-button overlay:backdrop { background-image: none; } + +colorswatch:disabled { opacity: 0.5; } + +colorswatch:disabled overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; } + +row:selected colorswatch { box-shadow: 0 0 0 2px #000000; } + +colorswatch#editor-color-sample { border-radius: 4px; } + +colorswatch#editor-color-sample overlay { border-radius: 4.5px; } + +colorchooser .popover.osd { border-radius: 5px; } + +/******** Misc * */ +.content-view { background-color: #b7b7b7; } + +.content-view:hover { -gtk-icon-effect: highlight; } + +.content-view:backdrop { background-color: #b7b7b7; } + +/********************** Window Decorations * */ +decoration { border-radius: 8px 8px 0 0; border-width: 0px; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.23); margin: 10px; } + +decoration:backdrop { box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.18); transition: 200ms ease-out; } + +.maximized decoration, .fullscreen decoration { border-radius: 0; box-shadow: none; } + +.tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { border-radius: 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18), 0 2px 6px 2px rgba(0, 0, 0, 0.7), 0 0 0 20px transparent; } + +.tiled decoration:backdrop, .tiled-top decoration:backdrop, .tiled-right decoration:backdrop, .tiled-bottom decoration:backdrop, .tiled-left decoration:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18), 0 2px 6px 2px rgba(0, 0, 0, 0.4), 0 0 0 20px transparent; } + +.popup decoration { box-shadow: none; } + +.ssd decoration { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.23); } + +.ssd decoration:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18); } + +.csd.popup decoration { border-radius: 5px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } + +tooltip.csd decoration { border-radius: 5px; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.7); } + +messagedialog.csd decoration { border-radius: 8px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } + +.solid-csd decoration { margin: 0; padding: 4px; background-color: #9b9b9b; border: solid 1px #9b9b9b; border-radius: 0; box-shadow: inset 0 0 0 3px #d6d6d6, inset 0 1px rgba(255, 255, 255, 0.8), 0 3px 5px rgba(0, 0, 0, 0.7); } + +.solid-csd decoration:backdrop { box-shadow: inset 0 0 0 3px #c9c9c9, inset 0 1px rgba(255, 255, 255, 0.8), 0 3px 5px rgba(0, 0, 0, 0.7); } + +button.titlebutton:not(.appmenu) { padding: 5px; margin: 0 2px; min-width: 0; min-height: 0; color: white; background-color: #9dccff; border-color: #cee6ff; outline-color: rgba(157, 204, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3)); text-shadow: 0 -1px rgba(0, 0, 0, 0.353725); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.353725); box-shadow: inset 0 1px rgba(255, 255, 255, 0.65), 0 1px 2px rgba(0, 0, 0, 0.4); text-shadow: 0 0 2px #303030; -gtk-icon-shadow: 0 0 2px #303030; } + +button.titlebutton:not(.appmenu):hover { background-color: shade(#9dccff, 1.1); } + +button.titlebutton:not(.appmenu):active { box-shadow: 0 1px rgba(255, 255, 255, 0.65), inset 0 1px 2px rgba(0, 0, 0, 0.4); } + +button.titlebutton:not(.appmenu):backdrop { color: white; background-color: #c9c9c9; border-color: #e4e4e4; outline-color: rgba(157, 204, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3)); text-shadow: 0 -1px rgba(0, 0, 0, 0.369412); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.369412); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); background-image: none; text-shadow: 0 0 2px #303030; -gtk-icon-shadow: 0 0 2px #303030; } + +button.titlebutton:not(.appmenu):backdrop:hover { background-color: shade(#9dccff, 1.1); } + +button.titlebutton:not(.appmenu):backdrop:active { box-shadow: 0 1px rgba(255, 255, 255, 0.65), inset 0 1px 2px rgba(0, 0, 0, 0.4); } + +button.titlebutton.close { padding-right: 12px; padding-left: 12px; } + +button.titlebutton.close:not(:backdrop) { color: white; background-color: #880b0b; border-color: #c38585; outline-color: rgba(157, 204, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.15)), radial-gradient(circle at bottom, rgba(255, 255, 0, 0.5), rgba(255, 255, 0, 0)); text-shadow: 0 -1px rgba(0, 0, 0, 0.770196); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.770196); box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4); } + +button.titlebutton.close:not(:backdrop):hover { background-color: shade(#880b0b, 1.1); } + +button.titlebutton.close:not(:backdrop):active { box-shadow: 0 1px rgba(255, 255, 255, 0.3), inset 0 1px 2px rgba(0, 0, 0, 0.4); } + +button.titlebutton:backdrop { -gtk-icon-shadow: none; } + +.selection-mode headerbar button.titlebutton, .selection-mode .titlebar button.titlebutton, headerbar.selection-mode button.titlebutton, .titlebar.selection-mode button.titlebutton { text-shadow: 0 -1px rgba(0, 0, 0, 0.353725); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.353725); } + +.selection-mode headerbar button.titlebutton:backdrop, .selection-mode .titlebar button.titlebutton:backdrop, headerbar.selection-mode button.titlebutton:backdrop, .titlebar.selection-mode button.titlebutton:backdrop { -gtk-icon-shadow: none; } + +.monospace { font-family: monospace; } + +/********************** Touch Copy & Paste * */ +/********************** Touch Copy & Paste * */ +cursor-handle { color: #1d1d1d; background-color: #d3d3d3; border-color: #787878; outline-color: rgba(157, 204, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.65), 0 1px 2px rgba(0, 0, 0, 0.4); border: 1px solid #848484; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; min-height: 18px; min-width: 10px; } + +cursor-handle:hover { background-color: shade(#d3d3d3, 1.1); } + +cursor-handle:active { border-color: #51a4ff; } + +cursor-handle:disabled { color: #552222; border-color: #8e7070; background-color: #c7bebe; background-image: none; text-shadow: none; -gtk-icon-shadow: none; } + +cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { border-radius: 100% 5px 5px 5px; } + +cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { border-radius: 5px 100% 5px 5px; } + +.context-menu { font: initial; } + +.keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #1d1d1d; background-color: #e5e5e5; border: 1px solid; border-color: #b2b2b2; border-radius: 5px; box-shadow: inset 0 -3px #cfcfcf; font-size: smaller; } + +.keycap:backdrop { background-color: #e2e2e2; color: #737373; transition: 200ms ease-out; } + +:not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #73d216; box-shadow: inset 0 0 0 1px #73d216; caret-color: #73d216; } + +stackswitcher button.text-button { min-width: 100px; } + +stackswitcher button.circular, stackswitcher button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; } + +/************* App Icons * */ +/* Outline for low res icons */ +.lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } + +/* Dropshadow for large icons */ +.icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } + +/********* Emoji * */ +popover.emoji-picker { padding-left: 0; padding-right: 0; } + +popover.emoji-picker entry.search { margin: 3px 5px 5px 5px; } + +button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; margin: 2px 4px 2px 4px; padding: 3px 0 0; min-width: 32px; min-height: 28px; /* reset props inherited from the button style */ background: none; box-shadow: none; text-shadow: none; outline-offset: -5px; } + +button.emoji-section:first-child { margin-left: 7px; } + +button.emoji-section:last-child { margin-right: 7px; } + +button.emoji-section:backdrop:not(:checked) { border-color: transparent; } + +button.emoji-section:hover { border-color: #9b9b9b; } + +button.emoji-section:checked { border-color: #9dccff; } + +button.emoji-section label { padding: 0; opacity: 0.55; } + +button.emoji-section:hover label { opacity: 0.775; } + +button.emoji-section:checked label { opacity: 1; } + +popover.emoji-picker .emoji { font-size: x-large; padding: 6px; } + +popover.emoji-picker .emoji :hover { background: #9dccff; border-radius: 6px; } + +popover.emoji-completion arrow { border: none; background: none; } + +popover.emoji-completion contents row box { padding: 2px 10px; } + +popover.emoji-completion .emoji:hover { background: #d6d6d6; } + +undershoot { background-repeat: no-repeat; background-clip: border-box; } + +undershoot.top { background-image: linear-gradient(to bottom, alpha(currentColor,0.5), alpha(currentColor,0.2), alpha(currentColor,0)); background-size: 100% 1em; background-position: top; } + +undershoot.bottom { background-image: linear-gradient(to top, alpha(currentColor,0.5), alpha(currentColor,0.2), alpha(currentColor,0)); background-size: 100% 1em; background-position: bottom; } + +undershoot.left { background-image: linear-gradient(to right, alpha(currentColor,0.5), alpha(currentColor,0.2), alpha(currentColor,0)); background-size: 1em 100%; background-position: left; } + +undershoot.right { background-image: linear-gradient(to left, alpha(currentColor,0.5), alpha(currentColor,0.2), alpha(currentColor,0)); background-size: 1em 100%; background-position: right; } + +/* GTK NAMED COLORS ---------------- use responsibly! */ +/* +widget text/foreground color */ +@define-color theme_fg_color #1d1d1d; +/* +text color for entries, views and content in general */ +@define-color theme_text_color #1d1d1d; +/* +widget base background color */ +@define-color theme_bg_color #c9c9c9; +/* +text widgets and the like base background color */ +@define-color theme_base_color #e5e5e5; +/* +base background color of selections */ +@define-color theme_selected_bg_color #9dccff; +/* +text/foreground color of selections */ +@define-color theme_selected_fg_color #000000; +/* +base background color of insensitive widgets */ +@define-color insensitive_bg_color #c7bebe; +/* +text foreground color of insensitive widgets */ +@define-color insensitive_fg_color #552222; +/* +insensitive text widgets and the like base background color */ +@define-color insensitive_base_color #e5e5e5; +/* +widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #737373; +/* +text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color #1d1d1d; +/* +widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #c9c9c9; +/* +text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #e2e2e2; +/* +base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #9dccff; +/* +text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #000000; +/* +insensitive color on backdrop windows*/ +@define-color unfocused_insensitive_color #a3a3a3; +/* +widgets main borders color */ +@define-color borders #9b9b9b; +/* +widgets main borders color on backdrop windows */ +@define-color unfocused_borders #a4a4a4; +/* +these are pretty self explicative */ +@define-color warning_color #c7bebe; +@define-color error_color #df0000; +@define-color success_color #73d216; +/* +these colors are exported for the window manager and shouldn't be used in applications, +read if you used those and something break with a version upgrade you're on your own... */ +@define-color wm_title shade(#1d1d1d, 1.8); +@define-color wm_unfocused_title #737373; +@define-color wm_highlight rgba(255, 255, 255, 0.8); +@define-color wm_borders_edge rgba(255, 255, 255, 0.8); +@define-color wm_bg_a shade(#c9c9c9, 1.2); +@define-color wm_bg_b #c9c9c9; +@define-color wm_shadow alpha(black, 0.35); +@define-color wm_border alpha(black, 0.18); +@define-color wm_button_hover_color_a shade(#c9c9c9, 1.3); +@define-color wm_button_hover_color_b #c9c9c9; +@define-color wm_button_active_color_a shade(#c9c9c9, 0.85); +@define-color wm_button_active_color_b shade(#c9c9c9, 0.89); +@define-color wm_button_active_color_c shade(#c9c9c9, 0.9); +/* content view background such as thumbnails view in Photos or Boxes */ +@define-color content_view_bg #e5e5e5; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #e5e5e5; diff --git a/gtk-4.0/assets/bullet-symbolic.svg b/gtk-4.0/assets/bullet-symbolic.svg new file mode 100644 index 0000000..acf880a --- /dev/null +++ b/gtk-4.0/assets/bullet-symbolic.svg @@ -0,0 +1,155 @@ + + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + + + diff --git a/gtk-4.0/assets/bullet-symbolic.symbolic.png b/gtk-4.0/assets/bullet-symbolic.symbolic.png new file mode 100644 index 0000000..8e6925a Binary files /dev/null and b/gtk-4.0/assets/bullet-symbolic.symbolic.png differ diff --git a/gtk-4.0/assets/bullet@2-symbolic.symbolic.png b/gtk-4.0/assets/bullet@2-symbolic.symbolic.png new file mode 100644 index 0000000..e9df425 Binary files /dev/null and b/gtk-4.0/assets/bullet@2-symbolic.symbolic.png differ diff --git a/gtk-4.0/assets/check-symbolic.svg b/gtk-4.0/assets/check-symbolic.svg new file mode 100644 index 0000000..b04b5ad --- /dev/null +++ b/gtk-4.0/assets/check-symbolic.svg @@ -0,0 +1,154 @@ + + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + + + diff --git a/gtk-4.0/assets/check-symbolic.symbolic.png b/gtk-4.0/assets/check-symbolic.symbolic.png new file mode 100644 index 0000000..14bd626 Binary files /dev/null and b/gtk-4.0/assets/check-symbolic.symbolic.png differ diff --git a/gtk-4.0/assets/check@2-symbolic.symbolic.png b/gtk-4.0/assets/check@2-symbolic.symbolic.png new file mode 100644 index 0000000..994ce3a Binary files /dev/null and b/gtk-4.0/assets/check@2-symbolic.symbolic.png differ diff --git a/gtk-4.0/assets/dash-symbolic.svg b/gtk-4.0/assets/dash-symbolic.svg new file mode 100644 index 0000000..7886d54 --- /dev/null +++ b/gtk-4.0/assets/dash-symbolic.svg @@ -0,0 +1,153 @@ + + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + + + diff --git a/gtk-4.0/assets/dash-symbolic.symbolic.png b/gtk-4.0/assets/dash-symbolic.symbolic.png new file mode 100644 index 0000000..c20d4ba Binary files /dev/null and b/gtk-4.0/assets/dash-symbolic.symbolic.png differ diff --git a/gtk-4.0/assets/dash@2-symbolic.symbolic.png b/gtk-4.0/assets/dash@2-symbolic.symbolic.png new file mode 100644 index 0000000..d2b3385 Binary files /dev/null and b/gtk-4.0/assets/dash@2-symbolic.symbolic.png differ diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-above-active-dark.png b/gtk-4.0/assets/slider-horz-scale-has-marks-above-active-dark.png new file mode 100644 index 0000000..6340b2e Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-above-active-dark.png differ diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-above-active-dark@2.png b/gtk-4.0/assets/slider-horz-scale-has-marks-above-active-dark@2.png new file mode 100644 index 0000000..ac5218d Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-above-active-dark@2.png differ diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-above-active.png b/gtk-4.0/assets/slider-horz-scale-has-marks-above-active.png new file mode 100644 index 0000000..1731cb3 Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-above-active.png differ diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-above-active@2.png b/gtk-4.0/assets/slider-horz-scale-has-marks-above-active@2.png new file mode 100644 index 0000000..9431dad Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-above-active@2.png differ diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-above-dark.png b/gtk-4.0/assets/slider-horz-scale-has-marks-above-dark.png new file mode 100644 index 0000000..3f5b203 Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-above-dark.png differ diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-above-dark@2.png b/gtk-4.0/assets/slider-horz-scale-has-marks-above-dark@2.png new file mode 100644 index 0000000..c3b5344 Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-above-dark@2.png differ diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-above-hover-dark.png b/gtk-4.0/assets/slider-horz-scale-has-marks-above-hover-dark.png new file mode 100644 index 0000000..9f7d932 Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-above-hover-dark.png differ diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-above-hover-dark@2.png b/gtk-4.0/assets/slider-horz-scale-has-marks-above-hover-dark@2.png new file mode 100644 index 0000000..8a42a02 Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-above-hover-dark@2.png differ diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-above-hover.png b/gtk-4.0/assets/slider-horz-scale-has-marks-above-hover.png new file mode 100644 index 0000000..180aec8 Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-above-hover.png differ diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-above-hover@2.png b/gtk-4.0/assets/slider-horz-scale-has-marks-above-hover@2.png new file mode 100644 index 0000000..842af38 Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-above-hover@2.png differ diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-above-insensitive-dark.png b/gtk-4.0/assets/slider-horz-scale-has-marks-above-insensitive-dark.png new file mode 100644 index 0000000..5d5bc7d Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-above-insensitive-dark.png differ diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png b/gtk-4.0/assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png new file mode 100644 index 0000000..4603029 Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png differ diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-above-insensitive.png b/gtk-4.0/assets/slider-horz-scale-has-marks-above-insensitive.png new file mode 100644 index 0000000..e0faaf0 Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-above-insensitive.png differ diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-above-insensitive@2.png b/gtk-4.0/assets/slider-horz-scale-has-marks-above-insensitive@2.png new file mode 100644 index 0000000..75217d2 Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-above-insensitive@2.png differ diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-above.png b/gtk-4.0/assets/slider-horz-scale-has-marks-above.png new file mode 100644 index 0000000..87128e2 Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-above.png differ diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-above@2.png b/gtk-4.0/assets/slider-horz-scale-has-marks-above@2.png new file mode 100644 index 0000000..83ff84e Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-above@2.png differ diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-below-active-dark.png b/gtk-4.0/assets/slider-horz-scale-has-marks-below-active-dark.png new file mode 100644 index 0000000..502493d Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-below-active-dark.png differ diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-below-active-dark@2.png b/gtk-4.0/assets/slider-horz-scale-has-marks-below-active-dark@2.png new file mode 100644 index 0000000..42ababe Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-below-active-dark@2.png differ diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-below-active.png b/gtk-4.0/assets/slider-horz-scale-has-marks-below-active.png new file mode 100644 index 0000000..39b1c21 Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-below-active.png differ diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-below-active@2.png b/gtk-4.0/assets/slider-horz-scale-has-marks-below-active@2.png new file mode 100644 index 0000000..f9c144e Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-below-active@2.png differ diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-below-dark.png b/gtk-4.0/assets/slider-horz-scale-has-marks-below-dark.png new file mode 100644 index 0000000..438102d Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-below-dark.png differ diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-below-dark@2.png b/gtk-4.0/assets/slider-horz-scale-has-marks-below-dark@2.png new file mode 100644 index 0000000..dc88ed4 Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-below-dark@2.png differ diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-below-hover-dark.png b/gtk-4.0/assets/slider-horz-scale-has-marks-below-hover-dark.png new file mode 100644 index 0000000..7dd3b53 Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-below-hover-dark.png differ diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-below-hover-dark@2.png b/gtk-4.0/assets/slider-horz-scale-has-marks-below-hover-dark@2.png new file mode 100644 index 0000000..84893b7 Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-below-hover-dark@2.png differ diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-below-hover.png b/gtk-4.0/assets/slider-horz-scale-has-marks-below-hover.png new file mode 100644 index 0000000..3052b51 Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-below-hover.png differ diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-below-hover@2.png b/gtk-4.0/assets/slider-horz-scale-has-marks-below-hover@2.png new file mode 100644 index 0000000..bcc5328 Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-below-hover@2.png differ diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-below-insensitive-dark.png b/gtk-4.0/assets/slider-horz-scale-has-marks-below-insensitive-dark.png new file mode 100644 index 0000000..12f249a Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-below-insensitive-dark.png differ diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png b/gtk-4.0/assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png new file mode 100644 index 0000000..29c21fb Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png differ diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-below-insensitive.png b/gtk-4.0/assets/slider-horz-scale-has-marks-below-insensitive.png new file mode 100644 index 0000000..93cc0a6 Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-below-insensitive.png differ diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-below-insensitive@2.png b/gtk-4.0/assets/slider-horz-scale-has-marks-below-insensitive@2.png new file mode 100644 index 0000000..56d01a7 Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-below-insensitive@2.png differ diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-below.png b/gtk-4.0/assets/slider-horz-scale-has-marks-below.png new file mode 100644 index 0000000..05364ce Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-below.png differ diff --git a/gtk-4.0/assets/slider-horz-scale-has-marks-below@2.png b/gtk-4.0/assets/slider-horz-scale-has-marks-below@2.png new file mode 100644 index 0000000..cde1392 Binary files /dev/null and b/gtk-4.0/assets/slider-horz-scale-has-marks-below@2.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-above-active-dark.png b/gtk-4.0/assets/slider-vert-scale-has-marks-above-active-dark.png new file mode 100644 index 0000000..8457c1b Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-above-active-dark.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-above-active-dark@2.png b/gtk-4.0/assets/slider-vert-scale-has-marks-above-active-dark@2.png new file mode 100644 index 0000000..fc3962f Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-above-active-dark@2.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-above-active.png b/gtk-4.0/assets/slider-vert-scale-has-marks-above-active.png new file mode 100644 index 0000000..5cca0f8 Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-above-active.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-above-active@2.png b/gtk-4.0/assets/slider-vert-scale-has-marks-above-active@2.png new file mode 100644 index 0000000..971c35a Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-above-active@2.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-above-dark.png b/gtk-4.0/assets/slider-vert-scale-has-marks-above-dark.png new file mode 100644 index 0000000..0bf1bf3 Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-above-dark.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-above-dark@2.png b/gtk-4.0/assets/slider-vert-scale-has-marks-above-dark@2.png new file mode 100644 index 0000000..bbc3398 Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-above-dark@2.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-above-hover-dark.png b/gtk-4.0/assets/slider-vert-scale-has-marks-above-hover-dark.png new file mode 100644 index 0000000..ce9467b Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-above-hover-dark.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-above-hover-dark@2.png b/gtk-4.0/assets/slider-vert-scale-has-marks-above-hover-dark@2.png new file mode 100644 index 0000000..3562fd5 Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-above-hover-dark@2.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-above-hover.png b/gtk-4.0/assets/slider-vert-scale-has-marks-above-hover.png new file mode 100644 index 0000000..d24aced Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-above-hover.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-above-hover@2.png b/gtk-4.0/assets/slider-vert-scale-has-marks-above-hover@2.png new file mode 100644 index 0000000..191e4e8 Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-above-hover@2.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-above-insensitive-dark.png b/gtk-4.0/assets/slider-vert-scale-has-marks-above-insensitive-dark.png new file mode 100644 index 0000000..5d0b5bd Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-above-insensitive-dark.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png b/gtk-4.0/assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png new file mode 100644 index 0000000..343e53d Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-above-insensitive.png b/gtk-4.0/assets/slider-vert-scale-has-marks-above-insensitive.png new file mode 100644 index 0000000..598a9f0 Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-above-insensitive.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-above-insensitive@2.png b/gtk-4.0/assets/slider-vert-scale-has-marks-above-insensitive@2.png new file mode 100644 index 0000000..47d7bf7 Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-above-insensitive@2.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-above.png b/gtk-4.0/assets/slider-vert-scale-has-marks-above.png new file mode 100644 index 0000000..4e880ad Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-above.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-above@2.png b/gtk-4.0/assets/slider-vert-scale-has-marks-above@2.png new file mode 100644 index 0000000..2bfa8c7 Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-above@2.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-below-active-dark.png b/gtk-4.0/assets/slider-vert-scale-has-marks-below-active-dark.png new file mode 100644 index 0000000..ef21ab0 Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-below-active-dark.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-below-active-dark@2.png b/gtk-4.0/assets/slider-vert-scale-has-marks-below-active-dark@2.png new file mode 100644 index 0000000..df1675e Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-below-active-dark@2.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-below-active.png b/gtk-4.0/assets/slider-vert-scale-has-marks-below-active.png new file mode 100644 index 0000000..204f324 Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-below-active.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-below-active@2.png b/gtk-4.0/assets/slider-vert-scale-has-marks-below-active@2.png new file mode 100644 index 0000000..8c499ed Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-below-active@2.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-below-dark.png b/gtk-4.0/assets/slider-vert-scale-has-marks-below-dark.png new file mode 100644 index 0000000..248a089 Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-below-dark.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-below-dark@2.png b/gtk-4.0/assets/slider-vert-scale-has-marks-below-dark@2.png new file mode 100644 index 0000000..8e3263a Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-below-dark@2.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-below-hover-dark.png b/gtk-4.0/assets/slider-vert-scale-has-marks-below-hover-dark.png new file mode 100644 index 0000000..62bb100 Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-below-hover-dark.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-below-hover-dark@2.png b/gtk-4.0/assets/slider-vert-scale-has-marks-below-hover-dark@2.png new file mode 100644 index 0000000..ab71962 Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-below-hover-dark@2.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-below-hover.png b/gtk-4.0/assets/slider-vert-scale-has-marks-below-hover.png new file mode 100644 index 0000000..ba9521a Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-below-hover.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-below-hover@2.png b/gtk-4.0/assets/slider-vert-scale-has-marks-below-hover@2.png new file mode 100644 index 0000000..87e1923 Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-below-hover@2.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-below-insensitive-dark.png b/gtk-4.0/assets/slider-vert-scale-has-marks-below-insensitive-dark.png new file mode 100644 index 0000000..69e56a9 Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-below-insensitive-dark.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png b/gtk-4.0/assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png new file mode 100644 index 0000000..612ad7e Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-below-insensitive.png b/gtk-4.0/assets/slider-vert-scale-has-marks-below-insensitive.png new file mode 100644 index 0000000..42cc778 Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-below-insensitive.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-below-insensitive@2.png b/gtk-4.0/assets/slider-vert-scale-has-marks-below-insensitive@2.png new file mode 100644 index 0000000..376affc Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-below-insensitive@2.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-below.png b/gtk-4.0/assets/slider-vert-scale-has-marks-below.png new file mode 100644 index 0000000..705f4e6 Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-below.png differ diff --git a/gtk-4.0/assets/slider-vert-scale-has-marks-below@2.png b/gtk-4.0/assets/slider-vert-scale-has-marks-below@2.png new file mode 100644 index 0000000..26a43e0 Binary files /dev/null and b/gtk-4.0/assets/slider-vert-scale-has-marks-below@2.png differ diff --git a/gtk-4.0/assets/text-select-end-active-dark.png b/gtk-4.0/assets/text-select-end-active-dark.png new file mode 100644 index 0000000..964afea Binary files /dev/null and b/gtk-4.0/assets/text-select-end-active-dark.png differ diff --git a/gtk-4.0/assets/text-select-end-active-dark@2.png b/gtk-4.0/assets/text-select-end-active-dark@2.png new file mode 100644 index 0000000..167fdc8 Binary files /dev/null and b/gtk-4.0/assets/text-select-end-active-dark@2.png differ diff --git a/gtk-4.0/assets/text-select-end-active.png b/gtk-4.0/assets/text-select-end-active.png new file mode 100644 index 0000000..59a955a Binary files /dev/null and b/gtk-4.0/assets/text-select-end-active.png differ diff --git a/gtk-4.0/assets/text-select-end-active@2.png b/gtk-4.0/assets/text-select-end-active@2.png new file mode 100644 index 0000000..5aa6c77 Binary files /dev/null and b/gtk-4.0/assets/text-select-end-active@2.png differ diff --git a/gtk-4.0/assets/text-select-end-dark.png b/gtk-4.0/assets/text-select-end-dark.png new file mode 100644 index 0000000..3545bc7 Binary files /dev/null and b/gtk-4.0/assets/text-select-end-dark.png differ diff --git a/gtk-4.0/assets/text-select-end-dark@2.png b/gtk-4.0/assets/text-select-end-dark@2.png new file mode 100644 index 0000000..e29a86a Binary files /dev/null and b/gtk-4.0/assets/text-select-end-dark@2.png differ diff --git a/gtk-4.0/assets/text-select-end-hover-dark.png b/gtk-4.0/assets/text-select-end-hover-dark.png new file mode 100644 index 0000000..66daba1 Binary files /dev/null and b/gtk-4.0/assets/text-select-end-hover-dark.png differ diff --git a/gtk-4.0/assets/text-select-end-hover-dark@2.png b/gtk-4.0/assets/text-select-end-hover-dark@2.png new file mode 100644 index 0000000..fd4ced6 Binary files /dev/null and b/gtk-4.0/assets/text-select-end-hover-dark@2.png differ diff --git a/gtk-4.0/assets/text-select-end-hover.png b/gtk-4.0/assets/text-select-end-hover.png new file mode 100644 index 0000000..f9f5d1d Binary files /dev/null and b/gtk-4.0/assets/text-select-end-hover.png differ diff --git a/gtk-4.0/assets/text-select-end-hover@2.png b/gtk-4.0/assets/text-select-end-hover@2.png new file mode 100644 index 0000000..0eaa261 Binary files /dev/null and b/gtk-4.0/assets/text-select-end-hover@2.png differ diff --git a/gtk-4.0/assets/text-select-end.png b/gtk-4.0/assets/text-select-end.png new file mode 100644 index 0000000..aceb8ea Binary files /dev/null and b/gtk-4.0/assets/text-select-end.png differ diff --git a/gtk-4.0/assets/text-select-end@2.png b/gtk-4.0/assets/text-select-end@2.png new file mode 100644 index 0000000..6da7b66 Binary files /dev/null and b/gtk-4.0/assets/text-select-end@2.png differ diff --git a/gtk-4.0/assets/text-select-start-active-dark.png b/gtk-4.0/assets/text-select-start-active-dark.png new file mode 100644 index 0000000..a6f3372 Binary files /dev/null and b/gtk-4.0/assets/text-select-start-active-dark.png differ diff --git a/gtk-4.0/assets/text-select-start-active-dark@2.png b/gtk-4.0/assets/text-select-start-active-dark@2.png new file mode 100644 index 0000000..1eb3d8e Binary files /dev/null and b/gtk-4.0/assets/text-select-start-active-dark@2.png differ diff --git a/gtk-4.0/assets/text-select-start-active.png b/gtk-4.0/assets/text-select-start-active.png new file mode 100644 index 0000000..765e60c Binary files /dev/null and b/gtk-4.0/assets/text-select-start-active.png differ diff --git a/gtk-4.0/assets/text-select-start-active@2.png b/gtk-4.0/assets/text-select-start-active@2.png new file mode 100644 index 0000000..44d582b Binary files /dev/null and b/gtk-4.0/assets/text-select-start-active@2.png differ diff --git a/gtk-4.0/assets/text-select-start-dark.png b/gtk-4.0/assets/text-select-start-dark.png new file mode 100644 index 0000000..75fa6b4 Binary files /dev/null and b/gtk-4.0/assets/text-select-start-dark.png differ diff --git a/gtk-4.0/assets/text-select-start-dark@2.png b/gtk-4.0/assets/text-select-start-dark@2.png new file mode 100644 index 0000000..3a43e2e Binary files /dev/null and b/gtk-4.0/assets/text-select-start-dark@2.png differ diff --git a/gtk-4.0/assets/text-select-start-hover-dark.png b/gtk-4.0/assets/text-select-start-hover-dark.png new file mode 100644 index 0000000..cf4b9c1 Binary files /dev/null and b/gtk-4.0/assets/text-select-start-hover-dark.png differ diff --git a/gtk-4.0/assets/text-select-start-hover-dark@2.png b/gtk-4.0/assets/text-select-start-hover-dark@2.png new file mode 100644 index 0000000..76312d5 Binary files /dev/null and b/gtk-4.0/assets/text-select-start-hover-dark@2.png differ diff --git a/gtk-4.0/assets/text-select-start-hover.png b/gtk-4.0/assets/text-select-start-hover.png new file mode 100644 index 0000000..539379d Binary files /dev/null and b/gtk-4.0/assets/text-select-start-hover.png differ diff --git a/gtk-4.0/assets/text-select-start-hover@2.png b/gtk-4.0/assets/text-select-start-hover@2.png new file mode 100644 index 0000000..6ba8f51 Binary files /dev/null and b/gtk-4.0/assets/text-select-start-hover@2.png differ diff --git a/gtk-4.0/assets/text-select-start.png b/gtk-4.0/assets/text-select-start.png new file mode 100644 index 0000000..9127425 Binary files /dev/null and b/gtk-4.0/assets/text-select-start.png differ diff --git a/gtk-4.0/assets/text-select-start@2.png b/gtk-4.0/assets/text-select-start@2.png new file mode 100644 index 0000000..b9b0aa1 Binary files /dev/null and b/gtk-4.0/assets/text-select-start@2.png differ diff --git a/gtk-4.0/gtk.css b/gtk-4.0/gtk.css new file mode 100644 index 0000000..dae006a --- /dev/null +++ b/gtk-4.0/gtk.css @@ -0,0 +1,1756 @@ +/*$base_color: if($variant == 'light', #ffffff, lighten(desaturate(#241f31, 100%), 2%)); +$text_color: if($variant == 'light', black, white); +$bg_color: if($variant == 'light', #f6f5f4, darken(desaturate(#3d3846, 100%), 4%)); +$fg_color: if($variant == 'light', #2e3436, #eeeeec); + +$selected_fg_color: #ffffff; +$selected_bg_color: if($variant == 'light', #3584e4, darken(#3584e4, 20%));*/ +/*Usually an automatic fg color on these backgrounds should check this value!*/ +/*************************** Check and Radio buttons * */ +/*************************** Check and Radio buttons * */ +calendar > grid > label.day-number:selected, row:selected, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, modelbutton.flat:selected, gridview > child:selected, flowbox > flowboxchild:selected, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, textview > text:selected:focus, textview > text:selected { background-color: #9dccff; } + +label:selected, calendar > grid > label.day-number:selected, row:selected, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, modelbutton.flat:selected, gridview > child:selected, flowbox > flowboxchild:selected, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, textview > text:selected:focus, textview > text:selected { color: #000000; } + +label:disabled > selection, label:disabled:selected, calendar > grid > label.day-number:disabled:selected, row:disabled:selected, columnview.view:disabled:selected, treeview.view:disabled:selected, modelbutton.flat:disabled:selected, gridview > child:disabled:selected, flowbox > flowboxchild:disabled:selected, .view:disabled:selected, iconview:disabled:selected, textview > text:disabled:selected { color: #4f6680; } + +label:backdrop:selected, calendar > grid > label.day-number:backdrop:selected, row:backdrop:selected, columnview.view:backdrop:selected, treeview.view:backdrop:selected, modelbutton.flat:backdrop:selected, gridview > child:backdrop:selected, flowbox > flowboxchild:backdrop:selected, .view:backdrop:selected, iconview:backdrop:selected, textview > text:backdrop:selected { color: #222222; background-color: rgba(182, 205, 231, 0.7); } + +label:backdrop:disabled:selected, row:backdrop:disabled:selected, modelbutton.flat:backdrop:disabled:selected, gridview > child:backdrop:disabled:selected, flowbox > flowboxchild:backdrop:disabled:selected, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected, textview > text:backdrop:disabled:selected { color: #7899bd; } + +/*************** Base States * */ +.background { color: #1d1d1d; background-color: #c9c9c9; } + +.background:backdrop { text-shadow: none; -gtk-icon-shadow: none; } + +dnd { color: #1d1d1d; } + +.normal-icons { -gtk-icon-size: 16px; } + +.large-icons { -gtk-icon-size: 32px; } + +image:disabled { -gtk-icon-filter: opacity(0.5); } + +.view, iconview, textview > text { color: #1d1d1d; background-color: #e5e5e5; } + +.view:disabled, iconview:disabled, textview > text:disabled { color: #552222; background-color: #c7bebe; } + +.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, textview > text:selected:focus, textview > text:selected { border-radius: 3px; } + +textview > text { background-color: transparent; } + +textview > text > selection { background-color: rgba(182, 205, 231, 0.7); } + +textview > text > selection:focus-within { background-color: rgba(157, 204, 255, 0.3); } + +textview:drop(active) { caret-color: #73d216; } + +textview > border { background-color: #d7d7d7; } + +iconview { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +iconview { outline: 0 solid transparent; outline-offset: 4px; } + +iconview:focus:focus-visible { outline-color: rgba(157, 204, 255, 0.5); outline-width: 2px; outline-offset: -2px; } + +iconview:drop(active) { box-shadow: none; } + +iconview > dndtarget:drop(active) { border-style: solid; border-width: 1px; border-color: #51a4ff; } + +rubberband, .content-view > rubberband, columnview.view > rubberband, treeview.view > rubberband, gridview > rubberband, flowbox > rubberband { border: 1px solid #6ab1ff; background-color: rgba(106, 177, 255, 0.2); } + +flowbox > flowboxchild { padding: 3px; transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +flowbox > flowboxchild { outline: 0 solid transparent; outline-offset: 4px; } + +flowbox > flowboxchild:focus:focus-visible { outline-color: rgba(157, 204, 255, 0.5); outline-width: 2px; outline-offset: -2px; } + +flowbox > flowboxchild:selected { outline-color: rgba(255, 255, 255, 0.8); } + +gridview > child { padding: 3px; transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +gridview > child { outline: 0 solid transparent; outline-offset: 4px; } + +gridview > child:focus:focus-visible { outline-color: rgba(157, 204, 255, 0.5); outline-width: 2px; outline-offset: -2px; } + +gridview > child:selected { outline-color: rgba(255, 255, 255, 0.8); } + +gridview > child box { border-spacing: 8px; margin: 12px; } + +coverflow cover { color: #1d1d1d; background-color: #e5e5e5; border: 1px solid black; } + +label { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +label { outline: 0 solid transparent; outline-offset: 4px; } + +label:focus:focus-visible { outline-color: rgba(157, 204, 255, 0.5); outline-width: 2px; outline-offset: -2px; } + +label > selection { background-color: rgba(182, 205, 231, 0.7); color: #000000; } + +label > selection:focus-within { background-color: rgba(157, 204, 255, 0.3); } + +label:disabled { color: #552222; } + +button label:disabled { color: inherit; } + +label.error { color: #df0000; } + +label.error:disabled { color: rgba(223, 0, 0, 0.5); } + +.dim-label, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, spinbutton.vertical > text > text > placeholder, spinbutton:not(.vertical) > text > placeholder, entry > text > placeholder, label.separator { opacity: 0.55; text-shadow: none; } + +window.assistant .sidebar { padding: 5px; border-top: 1px solid #9b9b9b; } + +window.assistant.csd .sidebar { border-top-style: none; } + +window.assistant .sidebar > label { padding: 6px 12px; } + +window.assistant .sidebar > label.highlight { background-color: #9dccff; border-radius: 5px; } + +window.aboutdialog image.large-icons { -gtk-icon-size: 128px; } + +.osd .scale-popup, .app-notification, .osd popover.background > arrow, .osd popover.background > contents, popover.background.touch-selection > arrow, popover.background.touch-selection > contents, popover.background.magnifier > arrow, popover.background.magnifier > contents, .osd { color: #504300; border: none; background-color: rgba(255, 255, 164, 0.7); background-clip: padding-box; } + +/********************* Spinner Animation * */ +@keyframes spin { to { transform: rotate(1turn); } } + +spinner { background: none; opacity: 0.1; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } + +spinner:checked { opacity: 1; animation: spin 1s linear infinite; } + +spinner:checked:disabled { opacity: 0.5; color: #552222; } + +/********************** General Typography * */ +.large-title { font-weight: 300; font-size: 24pt; } + +.title-1 { font-weight: 800; font-size: 20pt; } + +.title-2 { font-weight: 800; font-size: 15pt; } + +.title-3 { font-weight: 700; font-size: 15pt; } + +.title-4 { font-weight: 700; font-size: 13pt; } + +.heading { font-weight: 700; font-size: 11pt; } + +.body { font-weight: 400; font-size: 11pt; } + +.caption-heading { font-weight: 700; font-size: 9pt; } + +.caption { font-weight: 400; font-size: 9pt; } + +/**************** Text Entries * */ +spinbutton.vertical > text, spinbutton:not(.vertical), entry { min-height: 32px; padding-left: 1px; padding-right: 1px; border: 1px solid; border-radius: 0px; border-spacing: 6px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #1d1d1d; border-color: #818181; background-color: #e5e5e5; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.5); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +spinbutton.vertical > text, spinbutton:not(.vertical), entry { outline: 0 solid transparent; outline-offset: 4px; } + +spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), entry:focus-within { outline-color: rgba(157, 204, 255, 0.5); outline-width: 2px; outline-offset: -2px; } + +spinbutton.vertical > text > image.left, spinbutton:not(.vertical) > image.left, entry > image.left { margin-right: 6px; } + +spinbutton.vertical > text > image.right, spinbutton:not(.vertical) > image.right, entry > image.right { margin-left: 6px; } + +spinbutton.vertical > text > text > block-cursor, spinbutton:not(.vertical) > text > block-cursor, entry > text > block-cursor { color: #e5e5e5; background-color: #1d1d1d; } + +spinbutton.vertical > text.flat, spinbutton.flat:not(.vertical), entry.flat:focus-within, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding-top: 2px; padding-bottom: 2px; background-color: transparent; border-color: transparent; border-radius: 0; } + +spinbutton.vertical > text:focus-within > placeholder, spinbutton:focus-within:not(.vertical) > placeholder, entry:focus-within > placeholder { opacity: 0; /* We hide placeholders on focus */ } + +spinbutton.vertical > text:disabled, spinbutton:disabled:not(.vertical), entry:disabled { color: #552222; border-color: #8e7070; background-color: #c7bebe; } + +spinbutton.vertical > text > text > selection, spinbutton:not(.vertical) > text > selection, entry > text > selection { background-color: rgba(182, 205, 231, 0.7); color: transparent; } + +spinbutton.vertical > text > text > selection:focus-within, spinbutton:not(.vertical) > text > selection:focus-within, entry > text > selection:focus-within { background-color: rgba(157, 204, 255, 0.3); color: #1d1d1d; } + +spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #df0000; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { outline: 0 solid transparent; outline-offset: 4px; } + +spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { outline-color: rgba(223, 0, 0, 0.5); outline-width: 2px; outline-offset: -2px; } + +spinbutton.vertical > text.error > selection, spinbutton.error:not(.vertical) > selection, entry.error > selection { background-color: #df0000; } + +spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { color: #c7bebe; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { outline: 0 solid transparent; outline-offset: 4px; } + +spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within { outline-color: rgba(199, 190, 190, 0.5); outline-width: 2px; outline-offset: -2px; } + +spinbutton.vertical > text.warning > selection, spinbutton.warning:not(.vertical) > selection, entry.warning > selection { background-color: #c7bebe; } + +spinbutton.vertical > text > image, spinbutton:not(.vertical) > image, entry > image { color: #454545; } + +spinbutton.vertical > text > image:hover, spinbutton:not(.vertical) > image:hover, entry > image:hover { color: #1d1d1d; } + +spinbutton.vertical > text > image:active, spinbutton:not(.vertical) > image:active, entry > image:active { color: #9dccff; } + +spinbutton.vertical > text.password image.caps-lock-indicator, spinbutton.password:not(.vertical) image.caps-lock-indicator, entry.password image.caps-lock-indicator { color: #898989; } + +spinbutton.vertical > text:drop(active), spinbutton:drop(active):not(.vertical), entry:drop(active):focus-within, entry:drop(active) { border-color: #73d216; box-shadow: inset 0 0 0 1px #73d216; } + +.osd spinbutton.vertical > text, .osd spinbutton:not(.vertical), .osd entry { color: #504300; border-color: #504300; background-color: rgba(80, 67, 0, 0.5); background-clip: padding-box; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.5); -gtk-icon-shadow: 0 1px black; } + +.osd spinbutton.vertical > text:focus-within, .osd spinbutton:focus-within:not(.vertical), .osd entry:focus-within { color: #504300; border-color: #9dccff; background-color: rgba(80, 67, 0, 0.5); background-clip: padding-box; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.5); } + +.osd spinbutton.vertical > text:disabled, .osd spinbutton:disabled:not(.vertical), .osd entry:disabled { color: #a8a152; border-color: #504300; background-color: rgba(238, 236, 148, 0.5); background-clip: padding-box; } + +spinbutton.vertical > text > progress, spinbutton:not(.vertical) > progress, entry > progress { margin-bottom: 2px; } + +spinbutton.vertical > text progress > trough > progress, spinbutton:not(.vertical) progress > trough > progress, entry progress > trough > progress { background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: #9dccff; border-style: solid; box-shadow: none; } + +spinbutton.vertical.linked:not(.vertical) > text:drop(active) + text, spinbutton.vertical.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + text, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:drop(active) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + menubutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + menubutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + dropdown > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + dropdown > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + colorbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + colorbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + fontbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + fontbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + filechooserbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + entry, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > entry:drop(active) + menubutton > button, .linked:not(.vertical) > entry:drop(active) + dropdown > button, .linked:not(.vertical) > entry:drop(active) + colorbutton > button, .linked:not(.vertical) > entry:drop(active) + fontbutton > button, .linked:not(.vertical) > entry:drop(active) + filechooserbutton > button, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > entry:drop(active) + text, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + entry { border-left-color: #73d216; } + +spinbutton.vertical.linked > text:not(:disabled) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + text:not(:disabled), spinbutton.vertical.linked > spinbutton:not(:disabled):not(.vertical) + text:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), spinbutton.vertical.linked > entry:not(:disabled) + text:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { border-top-color: #cfcfcf; } + +spinbutton.vertical.linked > text:disabled + text:disabled, spinbutton.vertical.linked > spinbutton:disabled:not(.vertical) + text:disabled, spinbutton.vertical.linked > text:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), spinbutton.vertical.linked > text:disabled + entry:disabled, .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, spinbutton.vertical.linked > entry:disabled + text:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { border-top-color: #cfcfcf; } + +spinbutton.vertical.linked > text + text:drop(active):not(:only-child), spinbutton.vertical.linked > spinbutton:not(.vertical) + text:drop(active):not(:only-child), spinbutton.vertical.linked > text + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), spinbutton.vertical.linked > text + entry:drop(active):not(:only-child), .linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), spinbutton.vertical.linked > entry + text:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > entry + entry:drop(active):not(:only-child) { border-top-color: #73d216; } + +spinbutton.vertical.linked > text:drop(active):not(:only-child) + text, spinbutton.vertical.linked > spinbutton:drop(active):not(:only-child):not(.vertical) + text, spinbutton.vertical.linked > text:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked > text:drop(active):not(:only-child) + entry, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, spinbutton.vertical.linked > text:drop(active):not(:only-child) + button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + menubutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + menubutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + dropdown > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + dropdown > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + colorbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + colorbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + fontbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + fontbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + filechooserbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + combobox > box > button.combo, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked > entry:drop(active):not(:only-child) + text, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:drop(active):not(:only-child) + entry, .linked.vertical > entry:drop(active):not(:only-child) + button, .linked.vertical > entry:drop(active):not(:only-child) + menubutton > button, .linked.vertical > entry:drop(active):not(:only-child) + dropdown > button, .linked.vertical > entry:drop(active):not(:only-child) + colorbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + fontbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + filechooserbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-top-color: #73d216; } + +spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #df0000; } + +treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { background-color: #e5e5e5; transition-property: color, background; } + +treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: #e5e5e5; } + +treeview entry.flat:focus-within, treeview entry:focus-within { border-color: #9dccff; } + +/******************* Editable Labels * */ +editablelabel > stack > text { color: #1d1d1d; border-color: #818181; background-color: #e5e5e5; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.5); } + +/*********** Buttons * */ +@keyframes needs_attention { from { background-image: radial-gradient(farthest-side, #c7bebe 0%, rgba(199, 190, 190, 0) 0%); } + to { background-image: radial-gradient(farthest-side, #c7bebe 95%, rgba(199, 190, 190, 0)); } } + +/****************************************************** Buttons * */ +scrollbar > range > trough > slider, windowcontrols button, notebook > header > tabs > arrow, button { min-height: 24px; min-width: 16px; padding: 2px 6px; border: 1px solid; border-radius: 5px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #1d1d1d; background-color: #d3d3d3; border-color: #787878; outline-color: rgba(157, 204, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.65), 0 1px 2px rgba(0, 0, 0, 0.4); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +scrollbar > range > trough > slider, windowcontrols button, notebook > header > tabs > arrow, button { outline: 0 solid transparent; outline-offset: 4px; } + +scrollbar > range > trough > slider:focus:focus-visible, notebook > header > tabs > arrow:focus:focus-visible, button:focus:focus-visible { outline-color: rgba(157, 204, 255, 0.5); outline-width: 2px; outline-offset: -2px; } + +scrollbar > range > trough > slider:hover, notebook > header > tabs > arrow:hover, button:hover { background-color: shade(#d3d3d3, 1.1); -gtk-icon-filter: brightness(1.2); } + +scrollbar > range > trough > slider.keyboard-activating, scrollbar > range > trough > slider:active, notebook > header > tabs > arrow.keyboard-activating, notebook > header > tabs > arrow:active, button.keyboard-activating, button:active { box-shadow: 0 1px rgba(255, 255, 255, 0.65), inset 0 1px 2px rgba(0, 0, 0, 0.4); transition-duration: 50ms; } + +scrollbar > range > trough > slider:checked:hover:not(:active), notebook > header > tabs > arrow:checked:hover:not(:active), button:checked:hover:not(:active) { color: #000000; background-color: shade(#9dccff, 1.1); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: 0 1px rgba(255, 255, 255, 0.65), inset 0 1px 2px rgba(0, 0, 0, 0.4); } + +scrollbar > range > trough > slider:checked, notebook > header > tabs > arrow:checked, button:checked, button:checked:active { color: #000000; background-color: #9dccff; text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: 0 1px rgba(255, 255, 255, 0.65), inset 0 1px 2px rgba(0, 0, 0, 0.4); } + +scrollbar > range > trough > slider:backdrop, notebook > header > tabs > arrow:backdrop, button:backdrop.flat, button:backdrop { background-image: none; transition: 200ms ease-out; } + +scrollbar > range > trough > slider:backdrop:not(:disabled), notebook > header > tabs > arrow:backdrop:not(:disabled), button:backdrop.flat:not(:disabled), button:backdrop:not(:disabled) { -gtk-icon-filter: none; } + +scrollbar > range > trough > slider:disabled, notebook > header > tabs > arrow:disabled, button:disabled { color: #552222; border-color: #8e7070; background-color: #c7bebe; background-image: none; text-shadow: none; -gtk-icon-shadow: none; -gtk-icon-filter: opacity(0.5); } + +scrollbar > range > trough > slider:disabled:active, scrollbar > range > trough > slider:disabled:checked, notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, button:disabled:active, button:disabled:checked { color: #552222; background-color: #c1c0c8; border-color: #8e7070; text-shadow: none; -gtk-icon-shadow: none; } + +button.sidebar-button, .toolbar > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar > :not(.linked) > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > menubutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > scalebutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > dropdown > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > colorbutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > fontbutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > appchooserbutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > combobox > box > button:not(:hover):not(:active):not(:checked):not(:disabled), scrollbar > range > trough > slider.flat:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header > tabs > arrow.flat:not(:hover):not(:active):not(:checked):not(:disabled), button.flat:not(:hover):not(:active):not(:checked):not(:disabled) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; transition: none; } + +scrollbar > range > trough > slider.image-button, notebook > header > tabs > arrow.image-button, button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; } + +scrollbar > range > trough > slider.text-button, notebook > header > tabs > arrow.text-button, button.text-button { padding-left: 16px; padding-right: 16px; } + +scrollbar > range > trough > slider.text-button.image-button, notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button { padding-left: 8px; padding-right: 8px; } + +scrollbar > range > trough > slider.text-button.image-button label, notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; } + +scrollbar > range > trough > slider.arrow-button, notebook > header > tabs > arrow.arrow-button, button.arrow-button { padding-left: 10px; padding-right: 10px; } + +scrollbar > range > trough > slider.arrow-button > box, windowcontrols button.arrow-button > box, notebook > header > tabs > arrow.arrow-button > box, button.arrow-button > box { border-spacing: 4px; } + +dropdown:drop(active) button.combo, combobox:drop(active) button.combo, scrollbar > range > trough > slider:drop(active), notebook > header > tabs > arrow:drop(active), button:drop(active) { color: #73d216; border-color: #73d216; box-shadow: inset 0 0 0 1px #73d216; } + +row:selected notebook > header > tabs > arrow, row:selected button { border-color: #51a4ff; } + +row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected notebook > header > tabs > arrow.flat:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #000000; border-color: transparent; } + +row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected notebook > header > tabs > arrow.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #e2e2e2; } + +notebook > header > tabs > arrow.osd, button.osd { min-width: 26px; min-height: 32px; color: #504300; border-radius: 5px; border: none; box-shadow: none; } + +notebook > header > tabs > arrow.osd.image-button, button.osd.image-button { min-width: 30px; } + +notebook > header > tabs > arrow.osd.image-button:only-child, button.osd.image-button:only-child { margin: 4px; border-radius: 50%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } + +notebook > header > tabs > arrow.osd:hover, button.osd:hover { border: none; box-shadow: none; } + +notebook > header > tabs > arrow.osd:active, notebook > header > tabs > arrow.osd:checked, button.osd:active, button.osd:checked { border: none; box-shadow: none; } + +.app-notification button, popover.background.touch-selection button, popover.background.magnifier button, .osd notebook > header > tabs > arrow, .osd button { color: #504300; background-color: rgba(255, 255, 164, 0.7); border-color: rgba(141, 133, 57, 0.85); outline-color: rgba(157, 204, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.65), 0 1px 2px rgba(0, 0, 0, 0.4); } + +.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd notebook > header > tabs > arrow:hover, .osd button:hover { background-color: shade(rgba(255, 255, 164, 0.7), 1.1); } + +.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd notebook > header > tabs > arrow:active, .osd notebook > header > tabs > arrow:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { box-shadow: 0 1px rgba(255, 255, 255, 0.65), inset 0 1px 2px rgba(0, 0, 0, 0.4); } + +.app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd notebook > header > tabs > arrow:disabled, .osd button:disabled:backdrop, .osd button:disabled { color: #552222; border-color: #8e7070; background-color: #c7bebe; background-image: none; text-shadow: none; -gtk-icon-shadow: none; } + +.app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd notebook > header > tabs > arrow.flat, .osd button.flat { -gtk-icon-shadow: 0 1px black; } + +.app-notification button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.touch-selection button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.magnifier button.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd notebook > header > tabs > arrow.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd button.flat:not(:hover):not(:active):not(:checked):not(:disabled) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } + +.app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd notebook > header > tabs > arrow.flat:hover, .osd button.flat:hover { background-color: shade(rgba(255, 255, 164, 0.7), 1.1); } + +.app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd notebook > header > tabs > arrow.flat:disabled, .osd button.flat:disabled { color: #552222; border-color: #8e7070; background-color: #c7bebe; background-image: none; text-shadow: none; -gtk-icon-shadow: none; } + +.app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd notebook > header > tabs > arrow.flat:active, .osd notebook > header > tabs > arrow.flat:checked, .osd button.flat:active, .osd button.flat:checked { box-shadow: 0 1px rgba(255, 255, 255, 0.65), inset 0 1px 2px rgba(0, 0, 0, 0.4); } + +notebook > header > tabs > arrow.suggested-action, button.suggested-action { color: black; background-color: #9dccff; border-color: #4f6680; outline-color: rgba(157, 204, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.65), 0 1px 2px rgba(0, 0, 0, 0.4); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +notebook > header > tabs > arrow.suggested-action, button.suggested-action { outline: 0 solid transparent; outline-offset: 4px; } + +notebook > header > tabs > arrow.suggested-action:focus:focus-visible, button.suggested-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.8); outline-width: 2px; outline-offset: -2px; } + +notebook > header > tabs > arrow.suggested-action.flat, button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #9dccff; } + +notebook > header > tabs > arrow.suggested-action:hover, button.suggested-action:hover { background-color: shade(#9dccff, 1.1); } + +notebook > header > tabs > arrow.suggested-action:active, notebook > header > tabs > arrow.suggested-action:checked, button.suggested-action:active, button.suggested-action:checked { box-shadow: 0 1px rgba(255, 255, 255, 0.65), inset 0 1px 2px rgba(0, 0, 0, 0.4); } + +notebook > header > tabs > arrow.suggested-action.flat:disabled, button.suggested-action.flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(157, 204, 255, 0.8); } + +notebook > header > tabs > arrow.suggested-action:disabled, button.suggested-action:disabled { color: #552222; border-color: #8e7070; background-color: #c7bebe; background-image: none; text-shadow: none; -gtk-icon-shadow: none; } + +notebook > header > tabs > arrow.suggested-action:disabled:active, notebook > header > tabs > arrow.suggested-action:disabled:checked, button.suggested-action:disabled:active, button.suggested-action:disabled:checked { color: #552222; background-color: #c1c0c8; border-color: #8e7070; text-shadow: none; -gtk-icon-shadow: none; } + +notebook > header > tabs > arrow.destructive-action, button.destructive-action { color: white; background-color: #df0000; border-color: #ef8080; outline-color: rgba(157, 204, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.15)); text-shadow: 0 -1px rgba(0, 0, 0, 0.650196); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.650196); box-shadow: inset 0 1px rgba(255, 255, 255, 0.35), 0 1px 2px rgba(0, 0, 0, 0.4); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +notebook > header > tabs > arrow.destructive-action, button.destructive-action { outline: 0 solid transparent; outline-offset: 4px; } + +notebook > header > tabs > arrow.destructive-action:focus:focus-visible, button.destructive-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.8); outline-width: 2px; outline-offset: -2px; } + +notebook > header > tabs > arrow.destructive-action.flat, button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #df0000; } + +notebook > header > tabs > arrow.destructive-action:hover, button.destructive-action:hover { background-color: shade(#df0000, 1.1); } + +notebook > header > tabs > arrow.destructive-action:active, notebook > header > tabs > arrow.destructive-action:checked, button.destructive-action:active, button.destructive-action:checked { box-shadow: 0 1px rgba(255, 255, 255, 0.35), inset 0 1px 2px rgba(0, 0, 0, 0.4); } + +notebook > header > tabs > arrow.destructive-action.flat:disabled, button.destructive-action.flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(223, 0, 0, 0.8); } + +notebook > header > tabs > arrow.destructive-action:disabled, button.destructive-action:disabled { color: #552222; border-color: #8e7070; background-color: #c7bebe; background-image: none; text-shadow: none; -gtk-icon-shadow: none; } + +notebook > header > tabs > arrow.destructive-action:disabled:active, notebook > header > tabs > arrow.destructive-action:disabled:checked, button.destructive-action:disabled:active, button.destructive-action:disabled:checked { color: #552222; background-color: #c1c0c8; border-color: #8e7070; text-shadow: none; -gtk-icon-shadow: none; } + +stackswitcher > button > label { padding: 0 6px; margin: 0 -6px; } + +stackswitcher > button > image { padding: 3px 6px; margin: -3px -6px; } + +notebook > header > tabs > arrow.font separator, button.font separator { background-color: transparent; } + +notebook > header > tabs > arrow.font > box, button.font > box { border-spacing: 6px; } + +notebook > header > tabs > arrow.font > box > box > label, button.font > box > box > label { font-weight: bold; } + +menubutton.circular notebook > header > tabs > arrow, notebook > header > tabs > arrow.circular, menubutton.circular button, button.circular { min-width: 32px; min-height: 32px; padding: 0; border-radius: 9999px; } + +menubutton.circular notebook > header > tabs > arrow label, notebook > header > tabs > arrow.circular label, menubutton.circular button label, button.circular label { padding: 0; } + +stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: radial-gradient(farthest-side, #c7bebe 96%, rgba(199, 190, 190, 0)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; } + +stacksidebar row.needs-attention > label:backdrop, stackswitcher > button.needs-attention > label:backdrop, stackswitcher > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; } + +stacksidebar row.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 4px; } + +.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(ltr), combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:first-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:last-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:last-child), notebook > header > tabs.linked:not(.vertical) > arrow:dir(rtl):not(:last-child), .linked:not(.vertical) > button:dir(rtl):not(:last-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:first-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:first-child), notebook > header > tabs.linked:not(.vertical) > arrow:dir(ltr):not(:first-child), .linked:not(.vertical) > button:dir(ltr):not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } + +.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(rtl), combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:last-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:first-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:first-child), notebook > header > tabs.linked:not(.vertical) > arrow:dir(rtl):not(:first-child), .linked:not(.vertical) > button:dir(rtl):not(:first-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:last-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:last-child), notebook > header > tabs.linked:not(.vertical) > arrow:dir(ltr):not(:last-child), .linked:not(.vertical) > button:dir(ltr):not(:last-child) { border-right-style: none; border-top-right-radius: 0; border-bottom-right-radius: 0; } + +.linked.vertical > filechooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > combobox:not(:first-child) > box > button.combo, .linked.vertical > menubutton:not(:first-child) > button, .linked.vertical > dropdown:not(:first-child) > button, .linked.vertical > colorbutton:not(:first-child) > button, .linked.vertical > fontbutton:not(:first-child) > button, .linked.vertical > filechooserbutton:not(:first-child) > button, spinbutton.vertical.linked > text:not(:first-child), .linked.vertical > spinbutton:not(:first-child):not(.vertical), .linked.vertical > entry:not(:first-child), notebook > header > tabs.linked.vertical > arrow:not(:first-child), .linked.vertical > button:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; } + +.linked.vertical > filechooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > combobox:not(:last-child) > box > button.combo, .linked.vertical > menubutton:not(:last-child) > button, .linked.vertical > dropdown:not(:last-child) > button, .linked.vertical > colorbutton:not(:last-child) > button, .linked.vertical > fontbutton:not(:last-child) > button, .linked.vertical > filechooserbutton:not(:last-child) > button, spinbutton.vertical.linked > text:not(:last-child), .linked.vertical > spinbutton:not(:last-child):not(.vertical), .linked.vertical > entry:not(:last-child), notebook > header > tabs.linked.vertical > arrow:not(:last-child), .linked.vertical > button:not(:last-child) { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } + +button.link, button.link:hover, button.link:active, button.link:checked, popover.menu box.circular-buttons button.circular.image-button.model, list > row button.image-button:not(.flat), modelbutton.flat:not(:hover):not(:active):not(:checked):not(:disabled) { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } + +/* menu buttons */ +modelbutton.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 5px; } + +modelbutton.flat:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { background-color: shade(#d3d3d3, 1.1); } + +modelbutton.flat:disabled { color: #552222; border-color: #8e7070; background-color: #c7bebe; background-image: none; text-shadow: none; -gtk-icon-shadow: none; } + +modelbutton.flat arrow { background: none; min-width: 16px; min-height: 16px; opacity: 1; } + +modelbutton.flat arrow:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { background-color: shade(#d3d3d3, 1.1); } + +modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); } + +modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); } + +/* oldstyle toolbar buttons */ +.toolbar > button, .toolbar > :not(.linked) > button, .toolbar :not(.linked) > menubutton > button, .toolbar :not(.linked) > scalebutton > button, .toolbar :not(.linked) > dropdown > button, .toolbar :not(.linked) > colorbutton > button, .toolbar :not(.linked) > fontbutton > button, .toolbar :not(.linked) > appchooserbutton > button, .toolbar :not(.linked) > combobox > box > button { margin: 1px; } + +button.color { padding: 4px; } + +button.color > colorswatch:only-child { box-shadow: 0 1px rgba(0, 0, 0, 0.1); } + +button.color > colorswatch:only-child, button.color > colorswatch:only-child > overlay { border-radius: 0; } + +.osd button.color > colorswatch:only-child { box-shadow: none; } + +.osd button.color:disabled colorswatch:only-child, .osd button.color:active colorswatch:only-child, .osd button.color:checked colorswatch:only-child, button.color:disabled colorswatch:only-child, button.color:active colorswatch:only-child, button.color:checked colorswatch:only-child { box-shadow: none; } + +/* list buttons */ +/* tone down as per new designs, see issue #1473 */ +popover.menu box.circular-buttons button.circular.image-button.model, list > row button.image-button:not(.flat) { border: 1px solid rgba(155, 155, 155, 0.5); } + +popover.menu box.circular-buttons button.circular.image-button.model:hover, list > row button.image-button:not(.flat):hover { background-color: shade(#d3d3d3, 1.1); } + +popover.menu box.circular-buttons button.circular.image-button.model:active, popover.menu box.circular-buttons button.circular.image-button.model:checked, list > row button.image-button:not(.flat):active, list > row button.image-button:not(.flat):checked { box-shadow: 0 1px rgba(255, 255, 255, 0.65), inset 0 1px 2px rgba(0, 0, 0, 0.4); } + +popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.image-button:not(.flat).suggested-action { color: white; background-color: #9dccff; border-color: #cee6ff; outline-color: rgba(157, 204, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3)); text-shadow: 0 -1px rgba(0, 0, 0, 0.353725); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.353725); box-shadow: inset 0 1px rgba(255, 255, 255, 0.65), 0 1px 2px rgba(0, 0, 0, 0.4); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.image-button:not(.flat).suggested-action { outline: 0 solid transparent; outline-offset: 4px; } + +popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:focus:focus-visible, list > row button.image-button:not(.flat).suggested-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.8); outline-width: 2px; outline-offset: -2px; } + +popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.image-button:not(.flat).destructive-action { color: white; background-color: #df0000; border-color: #ef8080; outline-color: rgba(157, 204, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.15)); text-shadow: 0 -1px rgba(0, 0, 0, 0.650196); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.650196); box-shadow: inset 0 1px rgba(255, 255, 255, 0.35), 0 1px 2px rgba(0, 0, 0, 0.4); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.image-button:not(.flat).destructive-action { outline: 0 solid transparent; outline-offset: 4px; } + +popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:focus:focus-visible, list > row button.image-button:not(.flat).destructive-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.8); outline-width: 2px; outline-offset: -2px; } + +/********* Links * */ +button.link, link { color: #004B91; text-decoration: underline; } + +button.link:visited, link:visited { color: #680091; } + +*:selected button.link:visited, *:selected link:visited { color: #2a003a; } + +button.link:hover, link:hover { color: #0065c4; } + +*:selected button.link:hover, *:selected link:hover { color: #000a14; } + +button.link:active, link:active { color: #004B91; } + +*:selected button.link:active, *:selected link:active { color: #000f1d; } + +button.link:disabled, link:disabled { color: rgba(73, 73, 73, 0.8); } + +button.link:selected, *:selected button.link, link:selected, *:selected link { color: #000f1d; } + +link { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +link { outline: 0 solid transparent; outline-offset: 4px; } + +link:focus:focus-visible { outline-color: rgba(157, 204, 255, 0.5); outline-width: 2px; outline-offset: -2px; } + +button.link, button.link:hover, button.link:active, button.link:checked { text-shadow: none; } + +button.link > label { text-decoration: underline; } + +/***************** GtkSpinButton * */ +spinbutton { font-feature-settings: "tnum"; } + +spinbutton:not(.vertical) { padding: 0; border-spacing: 0; /* :not here just to bump specificity above that of the list button styling */ } + +.osd spinbutton:not(.vertical) > text, spinbutton:not(.vertical) > text { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; padding: 6px; } + +.osd spinbutton:not(.vertical) > text:backdrop:disabled, spinbutton:not(.vertical) > text:backdrop:disabled { background-color: #c7bebe; } + +spinbutton:not(.vertical) > button.image-button.up:not(.flat), spinbutton:not(.vertical) > button.image-button.down:not(.flat) { padding: 0; } + +.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat), .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #504300; border-style: none none none solid; border-color: rgba(80, 67, 0, 0.7); border-radius: 0; box-shadow: none; -gtk-icon-shadow: 0 1px black; } + +.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { border-style: none solid none none; } + +.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #504300; border-color: rgba(80, 67, 0, 0.5); background-color: rgba(255, 255, 113, 0.7); -gtk-icon-shadow: 0 1px black; box-shadow: none; } + +.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #a8a152; border-color: rgba(80, 67, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; } + +.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { border-radius: 0 5px 5px 0; } + +.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { border-radius: 5px 0 0 5px; } + +spinbutton.vertical:disabled { color: #552222; } + +spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; } + +spinbutton.vertical > text { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; } + +spinbutton.vertical > text > selection { background-color: rgba(182, 205, 231, 0.7); color: transparent; } + +spinbutton.vertical > text > selection:focus-within { background-color: rgba(157, 204, 255, 0.3); color: #000000; } + +spinbutton.vertical > text > block-cursor { color: #e5e5e5; background-color: #1d1d1d; } + +spinbutton.vertical > button { min-height: 32px; min-width: 32px; padding: 0; } + +spinbutton.vertical > button.up { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } + +spinbutton.vertical > button.down { border-top-style: none; border-top-left-radius: 0; border-top-right-radius: 0; } + +treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; } + +treeview spinbutton:not(.vertical) > text { min-height: 0; padding: 1px 2px; } + +/************** ComboBoxes * */ +dropdown > popover.menu.background > contents { padding: 0; } + +dropdown > button > box { border-spacing: 6px; } + +dropdown > button > box > stack > row.activatable:hover { background: none; box-shadow: none; } + +dropdown arrow, combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } + +dropdown > popover.menu > contents modelbutton, combobox > popover.menu > contents modelbutton { padding-left: 9px; padding-right: 9px; } + +dropdown:drop(active), combobox:drop(active) { box-shadow: none; } + +dropdown popover, combobox popover { margin-top: 6px; padding: 0; } + +dropdown popover listview, combobox popover listview { margin: 8px 0; } + +dropdown popover listview > row.activatable, combobox popover listview > row.activatable { padding: 8px; } + +dropdown popover listview > row.activatable:selected, dropdown popover listview > row.activatable:selected:hover, combobox popover listview > row.activatable:selected, combobox popover listview > row.activatable:selected:hover { outline-color: rgba(255, 255, 255, 0.8); color: #1d1d1d; background-color: #9dccff; box-shadow: none; } + +dropdown popover .dropdown-searchbar, combobox popover .dropdown-searchbar { padding: 6px; border-bottom: 1px solid #9b9b9b; } + +/************ Toolbars * */ +searchbar > revealer > box, .toolbar { padding: 4px; border-spacing: 4px; background-color: #c9c9c9; } + +.osd .toolbar { background-color: transparent; } + +.toolbar.osd { padding: 13px; border: none; border-radius: 5px; background-color: rgba(255, 255, 164, 0.7); } + +.toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom { border-radius: 0; } + +.toolbar.horizontal > separator { margin: 4px 0; } + +.toolbar.vertical > separator { margin: 0 4px; } + +searchbar > revealer > box { padding: 6px; border-spacing: 6px; border-width: 0 0 1px; } + +searchbar > revealer > box { border-style: solid; border-color: #9b9b9b; background-color: #bbbbbb; } + +searchbar > revealer > box:backdrop { border-color: #a4a4a4; background-color: #bcbcbc; box-shadow: none; transition: 200ms ease-out; } + +/************** GtkInfoBar * */ +infobar > revealer > box { padding: 8px; border-spacing: 12px; } + +infobar.info > revealer > box, infobar.question > revealer > box, infobar.warning > revealer > box, infobar.error > revealer > box { border-bottom: 1px solid #a8a8a8; background-color: #d58126; } + +infobar .close, searchbar .close { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; min-width: 16px; min-height: 16px; padding: 4px; border-radius: 50%; } + +infobar .close:hover, searchbar .close:hover { background-color: shade(#d3d3d3, 1.1); } + +/***************** Title buttons * */ +windowcontrols { border-spacing: 6px; } + +windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rtl) { margin-right: 7px; } + +windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) { margin-left: 7px; } + +windowcontrols button { padding: 6px; margin: 0 2px; min-width: 0; min-height: 0; color: white; background-color: #9dccff; border-color: #cee6ff; outline-color: rgba(157, 204, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3)); text-shadow: 0 -1px rgba(0, 0, 0, 0.353725); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.353725); box-shadow: inset 0 1px rgba(255, 255, 255, 0.65), 0 1px 2px rgba(0, 0, 0, 0.4); text-shadow: 0 0 2px #303030; -gtk-icon-shadow: 0 0 2px #303030; } + +windowcontrols button:hover { background-color: shade(#9dccff, 1.1); } + +windowcontrols button:active, windowcontrols button:checked { box-shadow: 0 1px rgba(255, 255, 255, 0.65), inset 0 1px 2px rgba(0, 0, 0, 0.4); } + +windowcontrols button:backdrop { color: white; background-color: #c9c9c9; border-color: #e4e4e4; outline-color: rgba(157, 204, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3)); text-shadow: 0 -1px rgba(0, 0, 0, 0.369412); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.369412); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); background-image: none; text-shadow: 0 0 2px #303030; -gtk-icon-shadow: 0 0 2px #303030; } + +windowcontrols button:backdrop:hover { background-color: shade(#c9c9c9, 1.1); } + +windowcontrols button:backdrop:active { box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px rgba(0, 0, 0, 0.4); } + +windowcontrols button.close { padding-right: 12px; padding-left: 12px; text-shadow: 0 0 2px #303030; -gtk-icon-shadow: 0 0 2px #303030; } + +windowcontrols button.close:not(:backdrop) { color: white; background-color: #880b0b; border-color: #c38585; outline-color: rgba(157, 204, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.15)), radial-gradient(circle at bottom, rgba(255, 255, 0, 0.5), rgba(255, 255, 0, 0)); text-shadow: 0 -1px rgba(0, 0, 0, 0.770196); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.770196); box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4); text-shadow: 0 0 2px #303030; -gtk-icon-shadow: 0 0 2px #303030; } + +windowcontrols button.close:not(:backdrop):hover { background-color: shade(#880b0b, 1.1); } + +windowcontrols button.close:not(:backdrop):active { box-shadow: 0 1px rgba(255, 255, 255, 0.3), inset 0 1px 2px rgba(0, 0, 0, 0.4); } + +/*************** Header bars * */ +.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 46px; border-width: 0 0 1px; border-style: solid; border-color: #8c8c8c; border-radius: 0; background: #9dccff linear-gradient(to top, #93c7ff, #a2cfff); color: #000000; /* Darken switchbuttons for headerbars. issue #1588 */ } + +.titlebar:backdrop:not(headerbar), headerbar:backdrop { border-color: #a4a4a4; background-color: #c9c9c9; color: #1d1d1d; background-image: none; transition: 200ms ease-out; } + +.titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; } + +.titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } + +.tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-left headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; } + +.default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 4px; } + +.default-decoration.titlebar:not(headerbar) windowcontrols button, .default-decoration.titlebar:not(headerbar) windowcontrols menubutton, headerbar.default-decoration windowcontrols button, headerbar.default-decoration windowcontrols menubutton { min-height: 26px; min-width: 26px; margin: 0; padding: 0; } + +.default-decoration.titlebar:not(headerbar) windowcontrols menubutton button, headerbar.default-decoration windowcontrols menubutton button { min-height: 20px; min-width: 20px; margin: 0; padding: 4px; } + +.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; } + +headerbar > windowhandle > box, headerbar > windowhandle > box > box.start, headerbar > windowhandle > box > box.end { border-spacing: 6px; } + +headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button, headerbar menubutton { margin-top: 6px; margin-bottom: 6px; } + +headerbar menubutton > button { margin-top: 0px; margin-bottom: 0px; } + +headerbar switch { margin-top: 10px; margin-bottom: 10px; } + +window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; } + +.titlebar:not(headerbar) separator { background-color: #9b9b9b; } + +window.devel headerbar.titlebar { background: #c9c9c9 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(157, 204, 255, 0.2)), linear-gradient(to top, #a8a8a8, #b0b0b0 3px, #bfbfbf); } + +window.devel headerbar.titlebar:backdrop { background: #c9c9c9 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#c9c9c9); /* background-color would flash */ } + +/************ Pathbars * */ +pathbar > button.text-button, pathbar > button.image-button, pathbar > button { padding-left: 4px; padding-right: 4px; } + +pathbar > button.text-button.image-button label { padding-left: 0; padding-right: 0; } + +pathbar > button.text-button.image-button label:last-child, pathbar > button label:last-child { padding-right: 8px; } + +pathbar > button.text-button.image-button label:first-child, pathbar > button label:first-child { padding-left: 8px; } + +pathbar > button image { padding-left: 4px; padding-right: 4px; } + +pathbar > button.slider-button { padding-left: 0; padding-right: 0; } + +/************** Tree Views * */ +columnview.view, treeview.view { border-left-color: #aaaaaa; border-top-color: #aaaaaa; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +columnview.view, treeview.view { outline: 0 solid transparent; outline-offset: 4px; } + +columnview.view:focus:focus-visible, treeview.view:focus:focus-visible { outline-color: rgba(157, 204, 255, 0.5); outline-width: 2px; outline-offset: -2px; } + +columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected { border-radius: 0; outline-color: rgba(255, 255, 255, 0.8); } + +columnview.view:disabled, treeview.view:disabled { color: #552222; } + +columnview.view:disabled:selected, treeview.view:disabled:selected { color: #5e7a99; } + +columnview.view:disabled:selected:backdrop, treeview.view:disabled:selected:backdrop { color: #7899bd; } + +columnview.view.separator, treeview.view.separator { min-height: 2px; color: #aaaaaa; } + +columnview.view:backdrop, treeview.view:backdrop { border-left-color: #b1b1b1; border-top: #b1b1b1; } + +columnview.view:drop(active), treeview.view:drop(active) { box-shadow: none; } + +columnview.view > dndtarget:drop(active), treeview.view > dndtarget:drop(active) { border-style: solid none; border-width: 1px; border-color: #51a4ff; } + +columnview.view > dndtarget:drop(active).after, treeview.view > dndtarget:drop(active).after { border-top-style: none; } + +columnview.view > dndtarget:drop(active).before, treeview.view > dndtarget:drop(active).before { border-bottom-style: none; } + +columnview.view.expander, treeview.view.expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #595959; } + +columnview.view.expander:dir(rtl), treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + +columnview.view.expander:hover, treeview.view.expander:hover { color: #1d1d1d; } + +columnview.view.expander:selected, treeview.view.expander:selected { color: #2f3d4d; } + +columnview.view.expander:selected:hover, treeview.view.expander:selected:hover { color: #000000; } + +columnview.view.expander:checked, treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +columnview.view.progressbar, treeview.view.progressbar { color: #e5e5e5; background-color: #9dccff; background-image: image(#9dccff); box-shadow: none; } + +columnview.view.progressbar:selected:focus, columnview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { color: #9dccff; background-image: image(#e5e5e5); } + +columnview.view.progressbar:selected:focus:backdrop, columnview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { color: #9dccff; background-color: #e2e2e2; } + +columnview.view.trough, treeview.view.trough { background-color: rgba(29, 29, 29, 0.1); } + +columnview.view.trough:selected:focus, columnview.view.trough:selected, treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: rgba(0, 0, 0, 0.3); } + +columnview.view > header > button, treeview.view > header > button { color: #818181; background-color: #e5e5e5; font-weight: bold; text-shadow: none; box-shadow: none; } + +columnview.view > header > button:hover, treeview.view > header > button:hover { color: #4f4f4f; box-shadow: none; transition: none; } + +columnview.view > header > button:active, treeview.view > header > button:active { color: #1d1d1d; transition: none; } + +columnview.view > header > button sort-indicator, treeview.view > header > button sort-indicator { min-height: 16px; min-width: 16px; } + +columnview.view > header > button sort-indicator.ascending, treeview.view > header > button sort-indicator.ascending { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + +columnview.view > header > button sort-indicator.descending, treeview.view > header > button sort-indicator.descending { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +columnview.view button.dnd:active, columnview.view button.dnd:selected, columnview.view button.dnd:hover, columnview.view button.dnd, columnview.view header.button.dnd:active, columnview.view header.button.dnd:selected, columnview.view header.button.dnd:hover, columnview.view header.button.dnd, treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: #e5e5e5; background-image: none; background-color: #9dccff; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px #e5e5e5; text-shadow: none; transition: none; } + +columnview.view acceleditor > label, treeview.view acceleditor > label { background-color: #9dccff; } + +columnview.view > header > button, treeview.view > header > button, columnview.view > header > button:hover, treeview.view > header > button:hover, columnview.view > header > button:active, treeview.view > header > button:active { padding: 0 6px; background-image: none; border-style: none none solid solid; border-color: #aaaaaa; border-radius: 0; text-shadow: none; } + +columnview.view > header > button:disabled, treeview.view > header > button:disabled { border-color: #c9c9c9; background-image: none; background-color: #c7bebe; color: #552222; } + +columnview.view > header > button:last-child, treeview.view > header > button:last-child { border-right-style: none; } + +/*************** Popovers * */ +popover.background { background-color: transparent; font: initial; } + +popover.background > arrow, popover.background > contents { background-color: #e5e5e5; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.23); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } + +popover.background:backdrop { background-color: transparent; } + +popover.background > contents { padding: 8px; border-radius: 9px; } + +popover.background > contents > list, popover.background > contents > .view, popover.background > contents > iconview, popover.background > contents > .toolbar { border-style: none; background-color: transparent; } + +popover.background > contents separator { background-color: darkgray; margin: 3px; } + +popover.background > contents list separator { margin: 0; } + +.osd popover.background, popover.background.touch-selection, popover.background.magnifier { background-color: transparent; } + +.osd popover.background > arrow, .osd popover.background > contents, popover.background.touch-selection > arrow, popover.background.touch-selection > contents, popover.background.magnifier > arrow, popover.background.magnifier > contents { border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: none; } + +magnifier { background-color: #e5e5e5; } + +/********************** Popover Base Menus * */ +popover.menu { padding: 0; } + +popover.menu box.inline-buttons { padding: 0 12px; } + +popover.menu box.inline-buttons button.image-button.model { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; min-height: 30px; min-width: 30px; padding: 0; border: none; outline: none; transition: none; } + +popover.menu box.inline-buttons button.image-button.model:selected { background: image(#9dccff); } + +popover.menu box.circular-buttons { padding: 12px 12px 6px; } + +popover.menu box.circular-buttons button.circular.image-button.model { padding: 11px; } + +popover.menu box.circular-buttons button.circular.image-button.model:focus { background-color: #9dccff; border-color: #9dccff; } + +popover.menu > arrow, popover.menu.background > contents { background-color: #e5e5e5; padding: 5px; } + +popover.menu.background separator { margin: 6px 0; } + +popover.menu accelerator { color: alpha(currentColor,0.55); } + +popover.menu accelerator:dir(ltr) { margin-left: 12px; } + +popover.menu accelerator:dir(rtl) { margin-right: 12px; } + +popover.menu check, popover.menu radio { transform: scale(0.8); border-width: 1.2px; box-shadow: none; background-image: image(transparent); color: #1d1d1d; } + +popover.menu check:hover, popover.menu radio:hover { transform: scale(0.8); border-width: 1.2px; color: #1d1d1d; box-shadow: none; background-image: image(transparent); } + +popover.menu check:active, popover.menu radio:active { transform: scale(0.8); border-width: 1.2px; color: #1d1d1d; box-shadow: none; background-image: image(transparent); } + +popover.menu arrow.left, popover.menu radio.left, popover.menu check.left { margin-left: -2px; margin-right: 6px; } + +popover.menu arrow.right, popover.menu radio.right, popover.menu check.right { margin-left: 6px; margin-right: -2px; } + +popover.menu modelbutton { min-height: 30px; min-width: 40px; padding: 0 12px; border-radius: 5px; } + +popover.menu modelbutton:selected { color: #1d1d1d; background-color: #9dccff; } + +popover.menu modelbutton:selected:active { background-color: #a5a5a5; } + +popover.menu label.title { font-weight: bold; padding: 4px 32px; } + +menubar { padding: 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } + +menubar > item { min-height: 16px; padding: 4px 8px; } + +menubar > item:selected { box-shadow: inset 0 -3px #9dccff; color: #004B91; } + +menubar > item:disabled { color: #552222; box-shadow: none; } + +menubar > item popover.menu.background > contents { padding: 5px; } + +menubar > item popover.menu popover.menu { padding: 0 0 4px 0; } + +menubar > item popover.menu.background popover.menu.background > contents { margin: 0; border-radius: 9px; } + +/************* Notebooks * */ +notebook > header { padding: 1px; border-color: #9b9b9b; border-width: 1px; background-color: #b2b2b2; } + +notebook > header:backdrop { border-color: #a4a4a4; background-color: #bcbcbc; } + +notebook > header tabs { margin: -1px; } + +notebook > header.top { border-bottom-style: solid; } + +notebook > header.top > tabs { margin-bottom: -2px; } + +notebook > header.top > tabs > tab { border-top-left-radius: 5px; border-top-right-radius: 5px; } + +notebook > header.top > tabs > tab:hover { border-bottom-color: #9b9b9b; } + +notebook > header.top > tabs > tab:backdrop { box-shadow: none; } + +notebook > header.top > tabs > tab:checked { box-shadow: inset 0 14px 0 -10px #9dccff, inset 0 1px rgba(255, 255, 255, 0.5); border-color: #9b9b9b; border-bottom-color: transparent; } + +notebook > header.bottom { border-top-style: solid; } + +notebook > header.bottom > tabs { margin-top: -2px; } + +notebook > header.bottom > tabs > tab { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } + +notebook > header.bottom > tabs > tab:hover { border-top-color: #9b9b9b; } + +notebook > header.bottom > tabs > tab:backdrop { box-shadow: none; } + +notebook > header.bottom > tabs > tab:checked { box-shadow: inset 0 -14px 0 -10px #9dccff, inset 0 -1px 1px rgba(0, 0, 0, 0.4); border-color: #9b9b9b; border-top-color: transparent; } + +notebook > header.left { border-right-style: solid; } + +notebook > header.left > tabs { margin-right: -2px; } + +notebook > header.left > tabs > tab { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } + +notebook > header.left > tabs > tab:hover { border-right-color: #9b9b9b; } + +notebook > header.left > tabs > tab:backdrop { box-shadow: none; } + +notebook > header.left > tabs > tab:checked { box-shadow: inset 14px 0 0 -10px #9dccff, inset 0 -1px 1px rgba(0, 0, 0, 0.4), inset 0 1px rgba(255, 255, 255, 0.5); border-color: #9b9b9b; border-right-color: transparent; } + +notebook > header.right { border-left-style: solid; } + +notebook > header.right > tabs { margin-left: -2px; } + +notebook > header.right > tabs > tab { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } + +notebook > header.right > tabs > tab:hover { border-left-color: #9b9b9b; } + +notebook > header.right > tabs > tab:backdrop { box-shadow: none; } + +notebook > header.right > tabs > tab:checked { box-shadow: inset -14px 0 0 -10px #9dccff, inset 0 -1px 1px rgba(0, 0, 0, 0.4), inset 0 1px rgba(255, 255, 255, 0.5); border-color: #9b9b9b; border-left-color: transparent; } + +notebook > header.top > tabs > arrow { border-top-style: none; } + +notebook > header.bottom > tabs > arrow { border-bottom-style: none; } + +notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { margin-left: -5px; margin-right: -5px; padding-left: 4px; padding-right: 4px; } + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +notebook > header.left > tabs > arrow { border-left-style: none; } + +notebook > header.right > tabs > arrow { border-right-style: none; } + +notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; } + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; } + +notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-color: shade(#d3d3d3, 1.1); } + +notebook > header > tabs > arrow:active { box-shadow: 0 1px rgba(255, 255, 255, 0.65), inset 0 1px 2px rgba(0, 0, 0, 0.4); } + +notebook > header > tabs > arrow:disabled { color: #552222; border-color: #8e7070; background-color: #c7bebe; background-image: none; text-shadow: none; -gtk-icon-shadow: none; } + +notebook > header tabs > tab { border: 1px solid transparent; min-height: 20px; min-width: 20px; padding: 3px 12px; outline-offset: -5px; color: #1d1d1d; font-weight: normal; } + +notebook > header tabs > tab:hover { color: #1d1d1d; background-color: #bfbfbf; } + +notebook > header tabs > tab:hover.reorderable-page { border-color: rgba(155, 155, 155, 0.3); background-color: rgba(201, 201, 201, 0.2); } + +notebook > header tabs > tab:backdrop { color: #959595; } + +notebook > header tabs > tab:backdrop.reorderable-page { border-color: transparent; background-color: transparent; } + +notebook > header tabs > tab:checked { color: #1d1d1d; background-color: #e5e5e5; } + +notebook > header tabs > tab:backdrop:checked { color: #737373; background-color: #e2e2e2; } + +notebook > header tabs > tab button.flat { padding: 1px; margin: 2px; } + +notebook > header tabs > tab button.flat:last-child { margin-left: 4px; margin-right: -4px; } + +notebook > header tabs > tab button.flat:first-child { margin-left: -4px; margin-right: 4px; } + +notebook > header.top tabs, notebook > header.bottom tabs { padding-left: 4px; padding-right: 4px; } + +notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) { margin-left: 3px; margin-right: 3px; } + +notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { margin-left: -1px; } + +notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { margin-right: -1px; } + +notebook > header.top tabs tab, notebook > header.bottom tabs tab { margin-left: 4px; margin-right: 4px; } + +notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { border-style: none solid; } + +notebook > header.left tabs, notebook > header.right tabs { padding-top: 4px; padding-bottom: 4px; } + +notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) { margin-top: 3px; margin-bottom: 3px; } + +notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { margin-top: -1px; } + +notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { margin-bottom: -1px; } + +notebook > header.left tabs tab, notebook > header.right tabs tab { margin-top: 4px; margin-bottom: 4px; } + +notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { border-style: solid none; } + +notebook > header.top tab { padding-bottom: 4px; } + +notebook > header.bottom tab { padding-top: 4px; } + +notebook > stack:not(:only-child) { background-color: #e5e5e5; } + +notebook > stack:not(:only-child):backdrop { background-color: #e2e2e2; } + +/************** Scrollbars * */ +scrollbar { background-color: #a7a7a7; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +scrollbar.top { border-bottom: 1px solid #9b9b9b; } + +scrollbar.bottom { border-top: 1px solid #9b9b9b; } + +scrollbar.left { border-right: 1px solid #9b9b9b; } + +scrollbar.right { border-left: 1px solid #9b9b9b; } + +scrollbar > range > trough > slider { padding: 0; background-image: none; min-width: 8px; min-height: 8px; margin: 3px; border-radius: 10px; background-clip: padding-box; background-color: #626262; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +scrollbar > range > trough > slider:hover { background-color: #3f3f3f; } + +scrollbar > range > trough > slider:hover:active { background-color: #6ab1ff; } + +scrollbar > range > trough > slider:disabled { background-color: transparent; } + +scrollbar > range.fine-tune > trough > slider, scrollbar > range.fine-tune > trough > slider:hover, scrollbar > range.fine-tune > trough > slider:active { background-color: #ffffa4; } + +scrollbar.horizontal > range > trough > slider { min-width: 40px; } + +scrollbar.vertical > range > trough > slider { min-height: 40px; } + +treeview ~ scrollbar.vertical { border-top: 1px solid #9b9b9b; margin-top: -1px; } + +/********** Switch * */ +switch { font-weight: bold; font-size: smaller; border: 1px solid #9b9b9b; border-radius: 14px; color: #1d1d1d; background-color: #b2b2b2; transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px rgba(0, 0, 0, 0.4); /* only show i / o for the accessible theme */ } + +switch { outline: 0 solid transparent; outline-offset: 4px; } + +switch:focus:focus-visible { outline-color: rgba(157, 204, 255, 0.5); outline-width: 2px; outline-offset: 0; } + +headerbar switch { background-color: #9e9e9e; } + +switch:checked { color: #000000; border-color: #737373; background-color: #9dccff; } + +switch:disabled { color: #552222; border-color: #9b9b9b; background-color: #c7bebe; text-shadow: none; } + +switch > slider { color: #1d1d1d; background-color: #d3d3d3; border-color: #787878; outline-color: rgba(157, 204, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.65), 0 1px 2px rgba(0, 0, 0, 0.4); margin: -1px; min-width: 24px; min-height: 24px; border: 1px solid; border-radius: 50%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +switch > image { color: transparent; } + +switch:hover > slider { background-color: shade(#d3d3d3, 1.1); } + +switch:checked > slider { border: 1px solid #51a4ff; } + +switch:disabled > slider { color: #552222; border-color: #8e7070; background-color: #c7bebe; background-image: none; text-shadow: none; -gtk-icon-shadow: none; } + +row:selected switch { outline-color: rgba(255, 255, 255, 0.8); box-shadow: none; border-color: #51a4ff; } + +row:selected switch > slider:checked, row:selected switch > slider { border-color: #51a4ff; } + +/************************* Check and Radio items * */ +.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view .tile check:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #9dccff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } + +.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view .tile check:hover:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #9dccff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } + +.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view .tile check:active:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #9dccff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } + +.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view .tile check:backdrop:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #cecece; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } + +.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view .tile check:checked:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: #504300; background-color: #9dccff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } + +.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view .tile check:checked:hover:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: #504300; background-color: #9dccff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } + +.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view .tile check:checked:active:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: #504300; background-color: #9dccff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } + +.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view .tile check:backdrop:checked:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: rgba(80, 67, 0, 0.8); background-color: #cecece; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } + +checkbutton { border-spacing: 4px; border-radius: 5px; transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +checkbutton { outline: 0 solid transparent; outline-offset: 4px; } + +checkbutton:focus:focus-visible { outline-color: rgba(157, 204, 255, 0.5); outline-width: 2px; outline-offset: -2px; } + +checkbutton.text-button { padding: 4px; } + +check, radio { min-height: 14px; min-width: 14px; border: 1px solid; -gtk-icon-source: none; } + +check, radio { background-clip: padding-box; background-image: linear-gradient(to bottom, #e0e0e0 20%, #d3d3d3 90%); border-color: #000000; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #000000; } + +check:hover, radio:hover { background-image: linear-gradient(to bottom, #eaeaea 10%, #dddddd 90%); } + +check:active, radio:active { box-shadow: inset 0 1px rgba(0, 0, 0, 0.2); background-image: image(#c6c6c6); } + +check:disabled, radio:disabled { box-shadow: none; color: #552222; background-image: image(#c7bebe); } + +check:checked, radio:checked { background-clip: border-box; background-image: linear-gradient(to bottom, #b7d9ff 20%, #9dccff 90%); border-color: #000000; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #000000; } + +check:checked:hover, radio:checked:hover { background-image: linear-gradient(to bottom, #cbe4ff 10%, #b1d7ff 90%); } + +check:checked:active, radio:checked:active { box-shadow: inset 0 1px rgba(0, 0, 0, 0.2); background-image: image(#84bfff); } + +check:checked:disabled, radio:checked:disabled { box-shadow: none; color: #552222; background-image: image(#c7bebe); } + +check:indeterminate, radio:indeterminate { background-clip: border-box; background-image: linear-gradient(to bottom, #b7d9ff 20%, #9dccff 90%); border-color: #000000; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #000000; } + +check:indeterminate:hover, radio:indeterminate:hover { background-image: linear-gradient(to bottom, #cbe4ff 10%, #b1d7ff 90%); } + +check:indeterminate:active, radio:indeterminate:active { box-shadow: inset 0 1px rgba(0, 0, 0, 0.2); background-image: image(#84bfff); } + +check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; color: #552222; background-image: image(#c7bebe); } + +check:disabled, radio:disabled { color: #552222; border-color: #552222; } + +row:selected check, row:selected radio { border-color: #000000; } + +check { border-radius: 3px; -gtk-icon-size: 14px; } + +check:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/check-symbolic.symbolic.png")), -gtk-recolor(url("assets/check@2-symbolic.symbolic.png"))); } + +check:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); } + +treeview.view radio:selected:selected, radio { border-radius: 100%; -gtk-icon-size: 14px; } + +treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/bullet-symbolic.symbolic.png")), -gtk-recolor(url("assets/bullet@2-symbolic.symbolic.png"))); } + +treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); } + +treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: #000000; } + +/************ GtkScale * */ +progressbar > trough, scale > trough > fill, scale > trough { border: 1px solid #9b9b9b; border-radius: 3px; background-color: #b2b2b2; } + +headerbar progressbar > trough, headerbar scale > trough > fill, headerbar scale > trough { background-color: #9e9e9e; } + +progressbar > trough:disabled, scale > trough > fill:disabled, scale > trough:disabled { background-color: #c7bebe; border-color: #785f5f; } + +row:selected progressbar > trough, row:selected scale > trough > fill, row:selected scale > trough { outline-color: rgba(255, 255, 255, 0.8); border-color: #51a4ff; } + +.osd progressbar > trough, .osd scale > trough > fill, .osd scale > trough { border-color: #504300; background-color: rgba(80, 67, 0, 0.3); } + +.osd progressbar > trough:disabled, .osd scale > trough > fill:disabled, .osd scale > trough:disabled { background-color: rgba(238, 236, 148, 0.5); } + +progressbar > trough > progress, scale > trough > highlight { border: 1px solid #51a4ff; border-radius: 3px; background-color: #9dccff; } + +progressbar > trough > progress:disabled, scale > trough > highlight:disabled { background-color: #998080; border-color: transparent; } + +row:selected progressbar > trough > progress, row:selected scale > trough > highlight { border-color: #51a4ff; } + +.osd progressbar > trough > progress, .osd scale > trough > highlight { border-color: #504300; } + +.osd progressbar > trough > progress:disabled, .osd scale > trough > highlight:disabled { border-color: transparent; } + +scale { min-height: 10px; min-width: 10px; padding: 12px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +scale > trough { outline: 0 solid transparent; outline-offset: 16px; } + +scale:focus:focus-visible > trough { outline-color: rgba(157, 204, 255, 0.5); outline-width: 2px; outline-offset: 10px; } + +scale > trough { transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +scale > trough > fill, scale > trough > highlight { margin: -1px; } + +scale.fine-tune > trough > slider, scale.fine-tune > trough > slider:active, scale.fine-tune > trough > slider:hover, scale.fine-tune > trough > slider:focus { background-color: #ffffa4; } + +scale > trough > fill:disabled { border-color: transparent; background-color: transparent; } + +.osd scale > trough > fill { background-color: #504300; } + +.osd scale > trough > fill:disabled { border-color: transparent; background-color: transparent; } + +scale > trough > slider { min-height: 18px; min-width: 18px; margin: -9px; color: #1d1d1d; background-color: #d3d3d3; border-color: #787878; outline-color: rgba(157, 204, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.65), 0 1px 2px rgba(0, 0, 0, 0.4); border-width: 1px; border-style: solid; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; } + +scale > trough > slider:hover { background-color: shade(#d3d3d3, 1.1); } + +scale > trough > slider:active { border-color: #9dccff; } + +scale > trough > slider:disabled { color: #552222; border-color: #8e7070; background-color: #c7bebe; background-image: none; text-shadow: none; -gtk-icon-shadow: none; } + +row:selected scale > trough > slider:disabled, row:selected scale > trough > slider { border-color: #51a4ff; } + +.osd scale > trough > slider { border-color: #413600; background-color: #ffffa4; } + +.osd scale > trough > slider:hover { background-color: #ffffa4; } + +.osd scale > trough > slider:active { background-color: #ffffa4; } + +.osd scale > trough > slider:disabled { background-color: #ffffa4; } + +scale > value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; } + +scale.horizontal > marks { color: alpha(currentColor,0.55); } + +scale.horizontal > marks.top { margin-bottom: 6px; } + +scale.horizontal > marks.bottom { margin-top: 6px; } + +scale.horizontal > marks indicator { background-color: currentColor; min-height: 6px; min-width: 1px; } + +scale.horizontal > value.left { margin-right: 9px; } + +scale.horizontal > value.right { margin-left: 9px; } + +scale.horizontal.marks-after slider { border-radius: 5px 5px 100% 100%; min-width: 10px; padding: 0; margin-right: 5px; margin-left: 5px; } + +scale.horizontal.marks-before slider { border-radius: 100% 100% 5px 5px; min-width: 10px; padding: 0; margin-right: 5px; margin-left: 5px; } + +scale.vertical > marks { color: alpha(currentColor,0.55); } + +scale.vertical > marks.top { margin-right: 6px; } + +scale.vertical > marks.bottom { margin-left: 6px; } + +scale.vertical > marks indicator { background-color: currentColor; min-height: 1px; min-width: 6px; } + +scale.vertical > value.top { margin-bottom: 9px; } + +scale.vertical > value.bottom { margin-top: 9px; } + +scale.vertical.marks-after slider { border-radius: 5px 100% 100% 5px; min-height: 10px; padding: 0; margin-top: 54px; margin-bottom: 5px; } + +scale.vertical.marks-before slider { border-radius: 100% 5px 5px 100%; min-height: 10px; padding: 0; margin-top: 5px; margin-bottom: 5px; } + +scale.color { min-height: 0; min-width: 0; } + +scale.color > trough { background-image: image(#9b9b9b); background-repeat: no-repeat; } + +scale.color.horizontal { padding: 0 0 15px 0; } + +scale.color.horizontal > trough { padding-bottom: 4px; background-position: 0 -3px; border-top-left-radius: 0; border-top-right-radius: 0; } + +scale.color.horizontal > trough > slider:dir(ltr):hover, scale.color.horizontal > trough > slider:dir(ltr):backdrop, scale.color.horizontal > trough > slider:dir(ltr):disabled, scale.color.horizontal > trough > slider:dir(ltr):backdrop:disabled, scale.color.horizontal > trough > slider:dir(ltr), scale.color.horizontal > trough > slider:dir(rtl):hover, scale.color.horizontal > trough > slider:dir(rtl):backdrop, scale.color.horizontal > trough > slider:dir(rtl):disabled, scale.color.horizontal > trough > slider:dir(rtl):backdrop:disabled, scale.color.horizontal > trough > slider:dir(rtl) { margin-bottom: -15px; margin-top: 6px; } + +scale.color.vertical:dir(ltr) { padding: 0 0 0 15px; } + +scale.color.vertical:dir(ltr) > trough { padding-left: 4px; background-position: 3px 0; border-bottom-right-radius: 0; border-top-right-radius: 0; } + +scale.color.vertical:dir(ltr) > trough > slider:hover, scale.color.vertical:dir(ltr) > trough > slider:backdrop, scale.color.vertical:dir(ltr) > trough > slider:disabled, scale.color.vertical:dir(ltr) > trough > slider:backdrop:disabled, scale.color.vertical:dir(ltr) > trough > slider { margin-left: -15px; margin-right: 6px; } + +scale.color.vertical:dir(rtl) { padding: 0 15px 0 0; } + +scale.color.vertical:dir(rtl) > trough { padding-right: 4px; background-position: -3px 0; border-bottom-left-radius: 0; border-top-left-radius: 0; } + +scale.color.vertical:dir(rtl) > trough > slider:hover, scale.color.vertical:dir(rtl) > trough > slider:backdrop, scale.color.vertical:dir(rtl) > trough > slider:disabled, scale.color.vertical:dir(rtl) > trough > slider:backdrop:disabled, scale.color.vertical:dir(rtl) > trough > slider { margin-right: -15px; margin-left: 6px; } + +/***************** Progress bars * */ +progressbar { font-size: smaller; color: rgba(29, 29, 29, 0.4); font-feature-settings: "tnum"; } + +progressbar.horizontal > trough { min-width: 150px; } + +progressbar.horizontal > trough, progressbar.horizontal > trough > progress { min-height: 2px; } + +progressbar.vertical > trough { min-height: 80px; } + +progressbar.vertical > trough, progressbar.vertical > trough > progress { min-width: 2px; } + +progressbar.horizontal > trough > progress { margin: 0 -1px; } + +progressbar.vertical > trough > progress { margin: -1px 0; } + +progressbar > trough > progress { /* share most of scales' */ /* override insensitive that is specific to progress */ border-radius: 1.5px; } + +progressbar > trough > progress:disabled { background-color: #552222; border-color: #552222; } + +progressbar > trough > progress.left { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } + +progressbar > trough > progress.right { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } + +progressbar > trough > progress.top { border-top-right-radius: 5px; border-top-left-radius: 5px; } + +progressbar > trough > progress.bottom { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } + +progressbar.osd { min-width: 3px; min-height: 3px; background-color: transparent; } + +progressbar.osd > trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; } + +progressbar.osd > trough > progress { border-style: none; border-radius: 0; } + +progressbar > trough.empty > progress { all: unset; } + +/************* Level Bar * */ +/************* Level Bar * */ +levelbar.horizontal trough > block { min-height: 9px; border-radius: 5px; } + +levelbar.horizontal trough > block:dir(rtl) { border-radius: 0 5px 5px 0; } + +levelbar.horizontal trough > block:dir(ltr) { border-radius: 5px 0 0 5px; } + +levelbar.horizontal trough > block.empty, levelbar.horizontal trough > block.full { border-radius: 5px; } + +levelbar.horizontal.discrete trough > block { min-height: 2px; margin: 1px; min-width: 24px; border-radius: 0; } + +levelbar.horizontal.discrete trough > block:first-child { border-radius: 2px 0 0 2px; } + +levelbar.horizontal.discrete trough > block:last-child { border-radius: 0 2px 2px 0; } + +levelbar.vertical trough > block { min-width: 9px; border-radius: 5px; } + +levelbar.vertical.discrete > trough > block { min-width: 2px; margin: 1px 0; min-height: 32px; } + +levelbar > trough { padding: 1px; color: #1d1d1d; border-color: #818181; background-color: #e5e5e5; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.5); border-radius: 5px; } + +levelbar > trough:backdrop { color: #444444; border-color: #a4a4a4; background-color: #e2e2e2; } + +levelbar > trough > block { border: 1px solid; } + +levelbar > trough > block.low { border-color: #c7bebe; background-color: #c7bebe; } + +levelbar > trough > block.high, levelbar > trough > block:not(.empty) { border-color: #9dccff; background-color: #9dccff; } + +levelbar > trough > block.full { border-color: #73d216; background-color: #73d216; } + +levelbar > trough > block.empty { background-color: #bcbcbc; border-color: #bcbcbc; } + +/**************** Print dialog * */ +window.dialog.print drawing { color: #1d1d1d; background: none; border: none; padding: 0; } + +window.dialog.print drawing paper { background: white; color: #2e3436; border: 1px solid #9b9b9b; } + +window.dialog.print .dialog-action-box { margin: 12px; } + +/********** Frames * */ +frame, .frame { border: 1px solid #9b9b9b; } + +frame { border-radius: 8px; } + +frame > label { margin: 4px; } + +actionbar > revealer > box { padding: 6px; border-top: 1px solid #9b9b9b; } + +actionbar > revealer > box, actionbar > revealer > box > box.start, actionbar > revealer > box > box.end { border-spacing: 6px; } + +scrolledwindow > overshoot.top { background-image: radial-gradient(farthest-side at top, #9dccff 85%, rgba(157, 204, 255, 0)), radial-gradient(farthest-side at top, rgba(157, 204, 255, 0.07), rgba(157, 204, 255, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow > overshoot.bottom { background-image: radial-gradient(farthest-side at bottom, #9dccff 85%, rgba(157, 204, 255, 0)), radial-gradient(farthest-side at bottom, rgba(157, 204, 255, 0.07), rgba(157, 204, 255, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow > overshoot.left { background-image: radial-gradient(farthest-side at left, #9dccff 85%, rgba(157, 204, 255, 0)), radial-gradient(farthest-side at left, rgba(157, 204, 255, 0.07), rgba(157, 204, 255, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow > overshoot.right { background-image: radial-gradient(farthest-side at right, #9dccff 85%, rgba(157, 204, 255, 0)), radial-gradient(farthest-side at right, rgba(157, 204, 255, 0.07), rgba(157, 204, 255, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow > junction { background: #9b9b9b, linear-gradient(to bottom, transparent 1px, #a7a7a7 1px), linear-gradient(to right, transparent 1px, #a7a7a7 1px); } + +scrolledwindow > junction:dir(rtl) { background: #9b9b9b, linear-gradient(to bottom, transparent 1px, #a7a7a7 1px), linear-gradient(to left, transparent 1px, #a7a7a7 1px); } + +separator { background: #a8a8a8; min-width: 1px; min-height: 1px; } + +/********* Lists * */ +listview, list { color: #1d1d1d; background-color: #e5e5e5; border-color: #9b9b9b; } + +listview:backdrop, list:backdrop { color: #444444; background-color: #e2e2e2; border-color: #a4a4a4; } + +listview > row, list > row { padding: 2px; } + +listview > row.expander, list > row.expander { padding: 0px; } + +listview > row.expander .row-header, list > row.expander .row-header { padding: 2px; } + +listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator), list.horizontal row.separator, list.separators.horizontal > row:not(.separator) { border-left: 1px solid #aaaaaa; } + +listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator), list:not(.horizontal) row.separator, list.separators:not(.horizontal) > row:not(.separator) { border-bottom: 1px solid #aaaaaa; } + +row { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +row { outline: 0 solid transparent; outline-offset: 4px; } + +row:focus:focus-visible { outline-color: rgba(157, 204, 255, 0.5); outline-width: 2px; outline-offset: -2px; } + +row.activatable.has-open-popup, row.activatable:hover { background-color: rgba(29, 29, 29, 0.05); } + +row.activatable:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } + +row.activatable:selected:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } + +row.activatable:selected.has-open-popup, row.activatable:selected:hover { background-color: #90bbe8; } + +row:selected { outline-color: rgba(255, 255, 255, 0.8); } + +columnview > listview > row { padding: 0; } + +columnview > listview > row > cell { padding: 8px 6px; } + +columnview > listview > row > cell:not(:first-child) { border-left: 1px solid transparent; } + +columnview.column-separators > listview > row > cell { border-left-color: #aaaaaa; } + +columnview.data-table > listview > row > cell { padding-top: 2px; padding-bottom: 2px; } + +treeexpander { border-spacing: 4px; } + +/******************************************************** Data Tables * treeview like tables with individual focusable cells * https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 * */ +columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { outline: 2px solid rgba(157, 204, 255, 0.5); } + +columnview row:not(:selected) cell editablelabel.editing:focus-within { outline: 2px solid #9dccff; } + +columnview row:not(:selected) cell editablelabel.editing text selection { background-color: rgba(182, 205, 231, 0.7); color: transparent; } + +columnview row:not(:selected) cell editablelabel.editing text selection:focus-within { background-color: rgba(157, 204, 255, 0.3); color: #1d1d1d; } + +/******************************************************* Rich Lists * Large list usually containing lots of widgets * https://gitlab.gnome.org/GNOME/gtk/-/issues/3073 * */ +.rich-list { /* rich lists usually containing other widgets than just labels/text */ } + +.rich-list > row { padding: 8px 12px; min-height: 32px; /* should be tall even when only containing a label */ } + +.rich-list > row > box { border-spacing: 12px; } + +/********************* App Notifications * */ +.app-notification { padding: 10px; border-spacing: 10px; border-radius: 0 0 5px 5px; background-color: rgba(255, 255, 164, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; } + +.app-notification border { border: none; } + +/************* Expanders * */ +expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + +expander:disabled { color: #552222; } + +expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +expander-widget { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +expander-widget > box > title { outline: 0 solid transparent; outline-offset: 4px; } + +expander-widget:focus:focus-visible > box > title { outline-color: rgba(157, 204, 255, 0.5); outline-width: 2px; outline-offset: -2px; } + +expander-widget > box > title { transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border-radius: 5px; } + +expander-widget > box > title:hover > expander { color: #6a6a6a; } + +.navigation-sidebar:not(decoration):not(window):drop(active):focus, .navigation-sidebar:not(decoration):not(window):drop(active), placessidebar:not(decoration):not(window):drop(active):focus, placessidebar:not(decoration):not(window):drop(active), stackswitcher:not(decoration):not(window):drop(active):focus, stackswitcher:not(decoration):not(window):drop(active), expander-widget:not(decoration):not(window):drop(active):focus, expander-widget:not(decoration):not(window):drop(active) { box-shadow: none; } + +/************ Calendar * */ +calendar { color: #1d1d1d; border: 1px solid #9b9b9b; font-feature-settings: "tnum"; } + +calendar > header { border-bottom: 1px solid #9b9b9b; } + +calendar > header > button { border: none; box-shadow: none; background: none; border-radius: 0; } + +calendar > header > button:backdrop { background: none; } + +calendar > grid > label.today { box-shadow: inset 0px -2px #9b9b9b; } + +calendar > grid > label.today:selected { box-shadow: none; } + +calendar > grid > label:focus { outline-color: rgba(157, 204, 255, 0.5); outline-offset: -2px; outline-width: 2px; outline-style: solid; } + +calendar > grid > label.day-number { padding: 4px; } + +calendar > grid > label.day-number:selected { border-radius: 3px; } + +calendar > grid > label.day-number.other-month { color: alpha(currentColor,0.3); } + +/*********** Dialogs * */ +window.dialog.message .titlebar { min-height: 20px; background-image: none; background-color: #c9c9c9; border-style: none; border-top-left-radius: 7px; border-top-right-radius: 7px; } + +window.dialog.message box.dialog-vbox.vertical { border-spacing: 10px; } + +window.dialog.message label.title { font-weight: 800; font-size: 15pt; } + +window.dialog.message.csd.background { border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; } + +window.dialog.message.csd .dialog-action-area button { padding: 10px 14px; border-radius: 0; border-left-style: solid; border-right-style: none; border-bottom-style: none; } + +window.dialog.message.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 7px; } + +window.dialog.message.csd .dialog-action-area button:last-child { border-bottom-right-radius: 7px; } + +filechooser .dialog-action-box { border-top: 1px solid #9b9b9b; } + +filechooser #pathbarbox { border-bottom: 1px solid #c9c9c9; } + +filechooserbutton > button > box { border-spacing: 6px; } + +filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; } + +/*********** Sidebar * */ +.sidebar { background-color: #d7d7d7; } + +.sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { border-right: 1px solid #9b9b9b; border-left-style: none; } + +.sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid #9b9b9b; border-right-style: none; } + +.sidebar listview.view, .sidebar list { background-color: transparent; } + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; } + +stacksidebar list.separators:not(.horizontal) > row:not(.separator) { border-bottom: none; } + +stacksidebar row { padding: 10px 4px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +stacksidebar row { outline: 0 solid transparent; outline-offset: 4px; } + +stacksidebar row:focus:focus-visible { outline-color: rgba(157, 204, 255, 0.5); outline-width: 2px; outline-offset: -2px; } + +stacksidebar row > label { padding-left: 6px; padding-right: 6px; } + +stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } + +stacksidebar row:selected { background-color: #9dccff; border-radius: 5px; color: #1d1d1d; } + +stacksidebar row:selected:hover:dir(ltr), stacksidebar row:selected:hover:dir(rtl) { background-color: #84bfff; } + +stacksidebar row.activatable:active, stacksidebar row.activatable:selected:active { box-shadow: none; } + +separator.sidebar { background-color: #9b9b9b; } + +/********************** Navigation Sidebar * */ +.navigation-sidebar { padding: 5px 0; } + +.navigation-sidebar > separator { margin: 5px; } + +.navigation-sidebar > row { min-height: 36px; padding: 0 8px; border-radius: 5px; margin: 0 5px 2px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +.navigation-sidebar > row { outline: 0 solid transparent; outline-offset: 4px; } + +.navigation-sidebar > row:focus-visible:focus-within { outline-color: rgba(157, 204, 255, 0.5); outline-width: 2px; outline-offset: -2px; } + +.navigation-sidebar > row:hover { background-color: #c1d9f2; } + +.navigation-sidebar > row:selected { background-color: #9dccff; color: inherit; } + +.navigation-sidebar > row:selected:hover { background-color: #dee3e8; } + +.navigation-sidebar > row:disabled { color: #552222; } + +/**************** File chooser * */ +row image.sidebar-icon { opacity: 1; } + +/* this should be more generic, only using .navigation-sidebar https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 */ +placessidebar .navigation-sidebar > row { padding: 0; } + +placessidebar .navigation-sidebar > row > revealer { padding: 0 14px; } + +placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { padding-right: 8px; } + +placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) { padding-left: 8px; } + +placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { padding-right: 2px; } + +placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) { padding-left: 2px; } + +button.sidebar-button { min-height: 26px; min-width: 26px; margin-top: 3px; margin-bottom: 3px; padding: 0; border-radius: 100%; } + +placessidebar .navigation-sidebar > row:selected:active { box-shadow: none; } + +placessidebar .navigation-sidebar > row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#73d216); background-clip: content-box; } + +placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { color: #9dccff; } + +placessidebar .navigation-sidebar > row:drop(active):not(:disabled) { color: #73d216; box-shadow: inset 0 1px #73d216, inset 0 -1px #73d216; } + +placessidebar .navigation-sidebar > row:drop(active):not(:disabled):selected { color: #000000; background-color: #73d216; } + +placesview .server-list-button > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -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 > box { border-spacing: 6px; } + +/********* Paned * */ +paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(#9b9b9b); background-size: 1px 1px; } + +paned > separator:selected { background-image: image(#9dccff); } + +paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #c9c9c9; background-image: image(#9b9b9b), image(#9b9b9b); background-size: 1px 1px, 1px 1px; } + +paned.horizontal > separator { background-repeat: repeat-y; } + +paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; } + +paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; } + +paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; } + +paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; } + +paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; } + +/************** GtkVideo * */ +video { background: black; } + +video image.osd { min-width: 64px; min-height: 64px; border-radius: 32px; } + +/************ Tooltips * */ +tooltip { padding: 6px 10px; border-radius: 8px; } + +tooltip.background { background-color: rgba(255, 255, 164, 0.9); background-clip: padding-box; border: 1px solid #504300; color: #504300; } + +tooltip > box { border-spacing: 6px; } + +/***************** Color Chooser * */ +colorswatch { transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +colorswatch { outline: 0 solid transparent; outline-offset: 6px; } + +colorswatch:focus:focus-visible { outline-color: rgba(157, 204, 255, 0.5); outline-width: 4px; outline-offset: -2px; } + +colorswatch:drop(active), colorswatch { border-style: none; } + +colorswatch.top { border-top-left-radius: 5.5px; border-top-right-radius: 5.5px; } + +colorswatch.top > overlay { border-top-left-radius: 5px; border-top-right-radius: 5px; } + +colorswatch.bottom { border-bottom-left-radius: 5.5px; border-bottom-right-radius: 5.5px; } + +colorswatch.bottom > overlay { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } + +colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 5.5px; border-bottom-left-radius: 5.5px; } + +colorswatch.left > overlay, colorswatch:first-child:not(.top) > overlay { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } + +colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 5.5px; border-bottom-right-radius: 5.5px; } + +colorswatch.right > overlay, colorswatch:last-child:not(.bottom) > overlay { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } + +colorswatch.dark > overlay { color: white; } + +colorswatch.dark.activatable:hover > overlay { border-color: rgba(0, 0, 0, 0.8); } + +colorswatch.light > overlay { color: black; } + +colorswatch.light.activatable:hover > overlay { border-color: rgba(0, 0, 0, 0.5); } + +colorswatch:drop(active) { box-shadow: none; } + +colorswatch:drop(active).light > overlay { border-color: #73d216; box-shadow: inset 0 0 0 2px #61b213, inset 0 0 0 1px #73d216; } + +colorswatch:drop(active).dark > overlay { border-color: #73d216; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.3), inset 0 0 0 1px #73d216; } + +colorswatch > overlay { border: 1px solid rgba(0, 0, 0, 0.3); } + +colorswatch.activatable:hover > overlay { box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.2); } + +colorswatch#add-color-button { border-radius: 5px 0 0 5px; } + +colorswatch#add-color-button:only-child { border-radius: 5px; } + +colorswatch#add-color-button > overlay { color: #1d1d1d; background-color: #d3d3d3; border-color: #787878; outline-color: rgba(157, 204, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.65), 0 1px 2px rgba(0, 0, 0, 0.4); } + +colorswatch#add-color-button.activatable:hover > overlay { background-color: shade(#d3d3d3, 1.1); } + +colorswatch:disabled { opacity: 0.5; } + +colorswatch:disabled > overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; } + +row:selected colorswatch { box-shadow: 0 0 0 2px #000000; } + +colorswatch#editor-color-sample { border-radius: 4px; } + +colorswatch#editor-color-sample > overlay { border-radius: 4.5px; } + +plane { transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +plane { outline: 0 solid transparent; outline-offset: 6px; } + +plane:focus:focus-visible { outline-color: rgba(157, 204, 255, 0.5); outline-width: 2px; outline-offset: 2px; } + +colorchooser .popover.osd { border-radius: 5px; } + +/******** Misc * */ +.content-view { background-color: #b7b7b7; } + +.content-view:hover { -gtk-icon-filter: brightness(1.2); } + +.content-view .tile { margin: 2px; background-color: transparent; border-radius: 0; padding: 0; } + +.content-view .tile:active, .content-view .tile:selected { background-color: transparent; } + +.content-view .tile:disabled { background-color: transparent; } + +/********************** Window Decorations * */ +window { border-width: 0px; } + +window.csd { box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.23); margin: 0px; border-radius: 8px 8px 0 0; } + +window.csd:backdrop { box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.18); transition: 200ms ease-out; } + +window.csd.popup { border-radius: 5px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } + +window.csd.dialog.message { border-radius: 8px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } + +window.solid-csd { margin: 0; padding: 4px; border: solid 1px #9b9b9b; border-radius: 0; box-shadow: inset 0 0 0 4px #9b9b9b, inset 0 0 0 3px #d6d6d6, inset 0 1px rgba(255, 255, 255, 0.8), 0 3px 5px rgba(0, 0, 0, 0.7); } + +window.solid-csd:backdrop { box-shadow: inset 0 0 0 4px #9b9b9b, inset 0 0 0 3px #c9c9c9, inset 0 1px rgba(255, 255, 255, 0.8), 0 3px 5px rgba(0, 0, 0, 0.7); } + +window.maximized, window.fullscreen { border-radius: 0; box-shadow: none; } + +window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom { border-radius: 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.23), 0 2px 6px 2px rgba(0, 0, 0, 0.7), 0 0 0 20px transparent; } + +window.tiled:backdrop, window.tiled-top:backdrop, window.tiled-left:backdrop, window.tiled-right:backdrop, window.tiled-bottom:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18), 0 2px 6px 2px rgba(0, 0, 0, 0.4), 0 0 0 20px transparent; } + +window.popup { box-shadow: none; } + +window.ssd { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.23); } + +tooltip.csd { border-radius: 5px; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.7); } + +.monospace { font-family: monospace; } + +/********************** Touch Copy & Paste * */ +/********************** Touch Copy & Paste * */ +cursor-handle { color: #1d1d1d; background-color: #d3d3d3; border-color: #787878; outline-color: rgba(157, 204, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.65), 0 1px 2px rgba(0, 0, 0, 0.4); border: 1px solid #848484; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; min-height: 18px; min-width: 10px; } + +cursor-handle:hover { background-color: shade(#d3d3d3, 1.1); } + +cursor-handle:active { border-color: #51a4ff; } + +cursor-handle:disabled { color: #552222; border-color: #8e7070; background-color: #c7bebe; background-image: none; text-shadow: none; -gtk-icon-shadow: none; } + +cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { border-radius: 100% 5px 5px 5px; } + +cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { border-radius: 5px 100% 5px 5px; } + +shortcuts-section { margin: 20px; } + +.shortcuts-search-results { margin: 20px; border-spacing: 24px; } + +shortcut { border-spacing: 6px; } + +shortcut > .keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #1d1d1d; background-color: #e5e5e5; border: 1px solid; border-color: #b2b2b2; border-radius: 5px; box-shadow: inset 0 -3px #cfcfcf; font-size: smaller; } + +:not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #73d216; box-shadow: inset 0 0 0 1px #73d216; caret-color: #73d216; } + +stackswitcher > button.text-button { min-width: 100px; } + +stackswitcher.circular { border-spacing: 12px; } + +stackswitcher.circular > button.circular, stackswitcher.circular > button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; } + +/************* App Icons * */ +/* Outline for low res icons */ +.lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } + +/* Drapshadow for large icons */ +.icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } + +/********* Emoji * */ +popover.emoji-picker > contents { padding: 0; } + +.emoji-searchbar { padding: 6px; border-spacing: 6px; border-bottom: 1px solid #9b9b9b; } + +.emoji-toolbar { padding: 6px; border-spacing: 6px; border-top: 1px solid #9b9b9b; } + +button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; padding: 3px 0 0; min-width: 32px; min-height: 28px; /* reset props inherited from the button style */ background: none; box-shadow: none; text-shadow: none; } + +button.emoji-section:hover { border-color: #9b9b9b; } + +button.emoji-section:checked { border-color: #9dccff; } + +popover.emoji-picker emoji { font-size: x-large; padding: 6px; border-radius: 6px; } + +popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { background: #9dccff; } + +emoji-completion-row > box { border-spacing: 10px; padding: 2px 10px; } + +emoji-completion-row:focus, emoji-completion-row:hover { background-color: #9dccff; color: #000000; } + +emoji-completion-row emoji:focus, emoji-completion-row emoji:hover { background-color: #9dccff; } + +popover.entry-completion > contents { padding: 0; } + +statusbar { padding: 6px 10px 6px 10px; } + +menubutton > button > box { border-spacing: 6px; } + +menubutton arrow { min-height: 16px; min-width: 16px; } + +menubutton arrow.none { -gtk-icon-source: -gtk-icontheme("open-menu-symbolic"); } + +menubutton arrow.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +menubutton arrow.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + +menubutton arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + +menubutton arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +undershoot { background-repeat: no-repeat; background-clip: border-box; } + +undershoot.top { background-image: linear-gradient(to bottom, alpha(currentColor,0.5), alpha(currentColor,0.2), alpha(currentColor,0)); background-size: 100% 1em; background-position: top; } + +undershoot.bottom { background-image: linear-gradient(to top, alpha(currentColor,0.5), alpha(currentColor,0.2), alpha(currentColor,0)); background-size: 100% 1em; background-position: bottom; } + +undershoot.left { background-image: linear-gradient(to right, alpha(currentColor,0.5), alpha(currentColor,0.2), alpha(currentColor,0)); background-size: 1em 100%; background-position: left; } + +undershoot.right { background-image: linear-gradient(to left, alpha(currentColor,0.5), alpha(currentColor,0.2), alpha(currentColor,0)); background-size: 1em 100%; background-position: right; } + +/* GTK NAMED COLORS ---------------- use responsibly! */ +/* +widget text/foreground color */ +@define-color theme_fg_color #1d1d1d; +/* +text color for entries, views and content in general */ +@define-color theme_text_color #1d1d1d; +/* +widget base background color */ +@define-color theme_bg_color #c9c9c9; +/* +text widgets and the like base background color */ +@define-color theme_base_color #e5e5e5; +/* +base background color of selections */ +@define-color theme_selected_bg_color #9dccff; +/* +text/foreground color of selections */ +@define-color theme_selected_fg_color #000000; +/* +base background color of insensitive widgets */ +@define-color insensitive_bg_color #c7bebe; +/* +text foreground color of insensitive widgets */ +@define-color insensitive_fg_color #552222; +/* +insensitive text widgets and the like base background color */ +@define-color insensitive_base_color #e5e5e5; +/* +widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #737373; +/* +text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color #1d1d1d; +/* +widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #c9c9c9; +/* +text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #e2e2e2; +/* +base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #9dccff; +/* +text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #000000; +/* +insensitive color on backdrop windows*/ +@define-color unfocused_insensitive_color #a3a3a3; +/* +widgets main borders color */ +@define-color borders #9b9b9b; +/* +widgets main borders color on backdrop windows */ +@define-color unfocused_borders #a4a4a4; +/* +these are pretty self explicative */ +@define-color warning_color #c7bebe; +@define-color error_color #df0000; +@define-color success_color #73d216; +/* +these colors are exported for the window manager and shouldn't be used in applications, +read if you used those and something break with a version upgrade you're on your own... */ +@define-color wm_title shade(#1d1d1d, 1.8); +@define-color wm_unfocused_title #737373; +@define-color wm_highlight rgba(255, 255, 255, 0.8); +@define-color wm_borders_edge rgba(255, 255, 255, 0.8); +@define-color wm_bg_a shade(#c9c9c9, 1.2); +@define-color wm_bg_b #c9c9c9; +@define-color wm_shadow alpha(black, 0.35); +@define-color wm_border alpha(black, 0.18); +@define-color wm_button_hover_color_a shade(#c9c9c9, 1.3); +@define-color wm_button_hover_color_b #c9c9c9; +@define-color wm_button_active_color_a shade(#c9c9c9, 0.85); +@define-color wm_button_active_color_b shade(#c9c9c9, 0.89); +@define-color wm_button_active_color_c shade(#c9c9c9, 0.9); +/* content view background such as thumbnails view in Photos or Boxes */ +@define-color content_view_bg #e5e5e5; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #e5e5e5; diff --git a/metacity-1/border-focused-bottom.png b/metacity-1/border-focused-bottom.png new file mode 100755 index 0000000..3e80d77 Binary files /dev/null and b/metacity-1/border-focused-bottom.png differ diff --git a/metacity-1/border-focused-left.png b/metacity-1/border-focused-left.png new file mode 100755 index 0000000..fc8f6f7 Binary files /dev/null and b/metacity-1/border-focused-left.png differ diff --git a/metacity-1/border-focused-leftcorner.png b/metacity-1/border-focused-leftcorner.png new file mode 100755 index 0000000..f2354de Binary files /dev/null and b/metacity-1/border-focused-leftcorner.png differ diff --git a/metacity-1/border-focused-right.png b/metacity-1/border-focused-right.png new file mode 100755 index 0000000..2e94880 Binary files /dev/null and b/metacity-1/border-focused-right.png differ diff --git a/metacity-1/border-focused-rightcorner.png b/metacity-1/border-focused-rightcorner.png new file mode 100755 index 0000000..f8c6460 Binary files /dev/null and b/metacity-1/border-focused-rightcorner.png differ diff --git a/metacity-1/border-unfocused-bottom.png b/metacity-1/border-unfocused-bottom.png new file mode 100755 index 0000000..3e80d77 Binary files /dev/null and b/metacity-1/border-unfocused-bottom.png differ diff --git a/metacity-1/border-unfocused-left.png b/metacity-1/border-unfocused-left.png new file mode 100755 index 0000000..fc8f6f7 Binary files /dev/null and b/metacity-1/border-unfocused-left.png differ diff --git a/metacity-1/border-unfocused-leftcorner.png b/metacity-1/border-unfocused-leftcorner.png new file mode 100755 index 0000000..f2354de Binary files /dev/null and b/metacity-1/border-unfocused-leftcorner.png differ diff --git a/metacity-1/border-unfocused-right.png b/metacity-1/border-unfocused-right.png new file mode 100755 index 0000000..2e94880 Binary files /dev/null and b/metacity-1/border-unfocused-right.png differ diff --git a/metacity-1/border-unfocused-rightcorner.png b/metacity-1/border-unfocused-rightcorner.png new file mode 100755 index 0000000..f8c6460 Binary files /dev/null and b/metacity-1/border-unfocused-rightcorner.png differ diff --git a/metacity-1/button-bg-active.png b/metacity-1/button-bg-active.png new file mode 100644 index 0000000..fd69dac Binary files /dev/null and b/metacity-1/button-bg-active.png differ diff --git a/metacity-1/button-bg-hover.png b/metacity-1/button-bg-hover.png new file mode 100644 index 0000000..3bffeca Binary files /dev/null and b/metacity-1/button-bg-hover.png differ diff --git a/metacity-1/button-bg-unfocused.png b/metacity-1/button-bg-unfocused.png new file mode 100644 index 0000000..f6cb232 Binary files /dev/null and b/metacity-1/button-bg-unfocused.png differ diff --git a/metacity-1/button-bg.png b/metacity-1/button-bg.png new file mode 100644 index 0000000..db5d1a3 Binary files /dev/null and b/metacity-1/button-bg.png differ diff --git a/metacity-1/close-active.png b/metacity-1/close-active.png new file mode 100755 index 0000000..dc1f53a Binary files /dev/null and b/metacity-1/close-active.png differ diff --git a/metacity-1/close-hover.png b/metacity-1/close-hover.png new file mode 100755 index 0000000..7b65291 Binary files /dev/null and b/metacity-1/close-hover.png differ diff --git a/metacity-1/close-unfocused.png b/metacity-1/close-unfocused.png new file mode 100755 index 0000000..e71cf2e Binary files /dev/null and b/metacity-1/close-unfocused.png differ diff --git a/metacity-1/close.png b/metacity-1/close.png new file mode 100755 index 0000000..af24e22 Binary files /dev/null and b/metacity-1/close.png differ diff --git a/metacity-1/maximize-active.png b/metacity-1/maximize-active.png new file mode 100755 index 0000000..ebf0ce9 Binary files /dev/null and b/metacity-1/maximize-active.png differ diff --git a/metacity-1/maximize-hover.png b/metacity-1/maximize-hover.png new file mode 100755 index 0000000..7ae3dc8 Binary files /dev/null and b/metacity-1/maximize-hover.png differ diff --git a/metacity-1/maximize-unfocused.png b/metacity-1/maximize-unfocused.png new file mode 100755 index 0000000..151f29f Binary files /dev/null and b/metacity-1/maximize-unfocused.png differ diff --git a/metacity-1/maximize.png b/metacity-1/maximize.png new file mode 100755 index 0000000..9b064c3 Binary files /dev/null and b/metacity-1/maximize.png differ diff --git a/metacity-1/menu-icon.svg b/metacity-1/menu-icon.svg new file mode 100644 index 0000000..2185a6b --- /dev/null +++ b/metacity-1/menu-icon.svg @@ -0,0 +1,73 @@ + +image/svg+xml \ No newline at end of file diff --git a/metacity-1/metacity-theme-2.xml b/metacity-1/metacity-theme-2.xml new file mode 100644 index 0000000..4aa1f63 --- /dev/null +++ b/metacity-1/metacity-theme-2.xml @@ -0,0 +1,997 @@ + + + + macOS + Elbullazul + b00merang Group + 2019 + macOS theme + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +</draw_ops> + +<draw_ops name="title_unfocused"> + <title color="C_title_unfocused" x="10" y="(height - title_height) / 2 - 1"/> +</draw_ops> + +<!-- window decorations --> + +<draw_ops name="entire_background_focused"> + <rectangle color="C_wm_bg_focused" x="0" y="0" width="width" height="height" filled="true" /> +</draw_ops> + +<draw_ops name="entire_background_unfocused"> + <rectangle color="C_wm_bg_unfocused" x="0" y="0" width="width" height="height" filled="true" /> +</draw_ops> + +<draw_ops name="titlebar_focused"> + <image filename="titlebar-focused-left.png" x="0" y="0" width="object_width" height="height"/> + <image filename="titlebar-focused-middle.png" x="5" y="0" width="width - 9" height="height"/> + <image filename="titlebar-focused-right.png" x="width - object_width" y="0" width="object_width" height="height"/> +</draw_ops> + +<draw_ops name="titlebar_unfocused"> + <image filename="titlebar-unfocused-left.png" x="0" y="0" width="object_width" height="height + 2"/> + <image filename="titlebar-unfocused-middle.png" x="5" y="0" width="width - 9" height="height"/> + <image filename="titlebar-unfocused-right.png" x="width - object_width" y="0" width="object_width" height="height + 2"/> +</draw_ops> + +<draw_ops name="titlebar_max"> + <image filename="titlebar-focused-middle.png" x="0" y="0" width="width" height="height"/> + <image filename="titlebar-focused-right.png" x="width - object_width" y="0" width="object_width" height="height"/> +</draw_ops> + +<draw_ops name="titlebar_max_unfocused"> + <image filename="titlebar-unfocused-middle.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="titlebar_small_focused"> + +</draw_ops> + +<draw_ops name="titlebar_small_unfocused"> + +</draw_ops> + +<draw_ops name="border_focused"> + <rectangle color="C_wm_border" x="0" y="0" width="width" height="height" filled="false" /> +</draw_ops> + +<draw_ops name="border_unfocused"> + <rectangle color="C_wm_border_unfocused" x="0" y="0" width="width" height="height" filled="false" /> +</draw_ops> + +<draw_ops name="border_max"> + <line x1="1" y1="height-1" x2="width" y2="height-1" color="C_wm_border" /> +</draw_ops> + +<draw_ops name="border_left_focused"> + <image filename="border-focused-left.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="border_left_unfocused"> + <image filename="border-unfocused-left.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="border_right_focused"> + <image filename="border-focused-right.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="border_right_unfocused"> + <image filename="border-unfocused-right.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="border_bottom_focused"> + <image filename="border-focused-leftcorner.png" x="0" y="0" width="4" height="object_height"/> + <image filename="border-focused-bottom.png" x="4" y="0" width="width - 4" height="object_height"/> + <image filename="border-focused-rightcorner.png" x="width - object_width" y="0" width="object_width" height="object_height"/> +</draw_ops> + +<draw_ops name="border_bottom_unfocused"> + <image filename="border-unfocused-leftcorner.png" x="0" y="0" width="4" height="object_height"/> + <image filename="border-unfocused-bottom.png" x="4" y="0" width="width - 4" height="object_height"/> + <image filename="border-unfocused-rightcorner.png" x="width - object_width" y="0" width="object_width" height="object_height"/> +</draw_ops> + +<!--close--> +<draw_ops name="close_focused"> + <image filename="close.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="close_focused_prelight"> + <image filename="close-hover.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="close_focused_pressed"> + <image filename="close-active.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="close_unfocused"> + <image filename="close-unfocused.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="close_unfocused_prelight"> + <image filename="close-hover.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="close_unfocused_pressed"> + <image filename="close-active.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<!--maximize--> +<draw_ops name="maximize_focused"> + <image filename="maximize.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="maximize_focused_prelight"> + <image filename="maximize-hover.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="maximize_focused_pressed"> + <image filename="maximize-active.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="maximize_unfocused"> + <image filename="maximize-unfocused.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="maximize_unfocused_prelight"> + <image filename="maximize-hover.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="maximize_unfocused_pressed"> + <image filename="maximize-active.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<!--restore--> +<draw_ops name="unmaximize_focused"> + <image filename="unmaximize.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="unmaximize_focused_prelight"> + <image filename="unmaximize-hover.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="unmaximize_focused_pressed"> + <image filename="unmaximize-active.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="unmaximize_unfocused"> + <image filename="unmaximize-unfocused.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="unmaximize_unfocused_prelight"> + <image filename="unmaximize-hover.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="unmaximize_unfocused_pressed"> + <image filename="unmaximize-active.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<!--minimize--> +<draw_ops name="minimize_focused"> + <image filename="minimize.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="minimize_focused_prelight"> + <image filename="minimize-hover.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="minimize_focused_pressed"> + <image filename="minimize-active.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="minimize_unfocused"> + <image filename="minimize-unfocused.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="minimize_unfocused_prelight"> + <image filename="minimize-hover.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="minimize_unfocused_pressed"> + <image filename="minimize-active.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<!--stick--> +<draw_ops name="stick_focused"> + <image filename="button-bg.png" x="0" y="0" width="width" height="height"/> + <image filename="stick-icon.svg" colorize="C_icon_bg_focused" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> +</draw_ops> + +<draw_ops name="stick_focused_pressed"> + <image filename="button-bg-active.png" x="0" y="0" width="width" height="height"/> + <image filename="stick-icon.svg" colorize="C_icon_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> +</draw_ops> + +<draw_ops name="stick_focused_prelight"> + <image filename="button-bg-hover.png" x="0" y="0" width="width" height="height"/> + <image filename="stick-icon.svg" colorize="C_icon_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> +</draw_ops> + +<draw_ops name="stick_unfocused"> + <image filename="button-bg-unfocused.png" x="0" y="0" width="width" height="height"/> + <image filename="stick-icon.svg" colorize="C_icon_bg_unfocused" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> +</draw_ops> + +<draw_ops name="stick_unfocused_prelight"> + <image filename="button-bg-hover.png" x="0" y="0" width="width" height="height"/> + <image filename="stick-icon.svg" colorize="C_icon_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> +</draw_ops> + +<draw_ops name="stick_unfocused_pressed"> + <image filename="button-bg-active.png" x="0" y="0" width="width" height="height"/> + <image filename="stick-icon.svg" colorize="C_icon_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> +</draw_ops> + +<!--unstick--> +<draw_ops name="unstick_focused"> + <image filename="button-bg.png" x="0" y="0" width="width" height="height"/> + <image filename="unstick-icon.svg" colorize="C_icon_bg_focused" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> +</draw_ops> + +<draw_ops name="unstick_focused_pressed"> + <image filename="button-bg-active.png" x="0" y="0" width="width" height="height"/> + <image filename="unstick-icon.svg" colorize="C_icon_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> +</draw_ops> + +<draw_ops name="unstick_focused_prelight"> + <image filename="button-bg-hover.png" x="0" y="0" width="width" height="height"/> + <image filename="unstick-icon.svg" colorize="C_icon_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> +</draw_ops> + +<draw_ops name="unstick_unfocused"> + <image filename="button-bg-unfocused.png" x="0" y="0" width="width" height="height"/> + <image filename="unstick-icon.svg" colorize="C_icon_bg_unfocused" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> +</draw_ops> + +<draw_ops name="unstick_unfocused_prelight"> + <image filename="button-bg-hover.png" x="0" y="0" width="width" height="height"/> + <image filename="unstick-icon.svg" colorize="C_icon_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> +</draw_ops> + +<draw_ops name="unstick_unfocused_pressed"> + <image filename="button-bg-active.png" x="0" y="0" width="width" height="height"/> + <image filename="unstick-icon.svg" colorize="C_icon_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> +</draw_ops> + +<!--shade--> +<draw_ops name="shade_focused"> + <image filename="button-bg.png" x="0" y="0" width="width" height="height"/> + <image filename="shade-icon.svg" colorize="C_icon_bg_focused" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> +</draw_ops> + +<draw_ops name="shade_focused_pressed"> + <image filename="button-bg-active.png" x="0" y="0" width="width" height="height"/> + <image filename="shade-icon.svg" colorize="C_icon_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> +</draw_ops> + +<draw_ops name="shade_focused_prelight"> + <image filename="button-bg-hover.png" x="0" y="0" width="width" height="height"/> + <image filename="shade-icon.svg" colorize="C_icon_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> +</draw_ops> + +<draw_ops name="shade_unfocused"> + <image filename="button-bg-unfocused.png" x="0" y="0" width="width" height="height"/> + <image filename="shade-icon.svg" colorize="C_icon_bg_unfocused" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> +</draw_ops> + +<draw_ops name="shade_unfocused_prelight"> + <image filename="button-bg-hover.png" x="0" y="0" width="width" height="height"/> + <image filename="shade-icon.svg" colorize="C_icon_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> +</draw_ops> + +<draw_ops name="shade_unfocused_pressed"> + <image filename="button-bg-active.png" x="0" y="0" width="width" height="height"/> + <image filename="shade-icon.svg" colorize="C_icon_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> +</draw_ops> + +<!--unshade--> +<draw_ops name="unshade_focused"> + <image filename="button-bg.png" x="0" y="0" width="width" height="height"/> + <image filename="unshade-icon.svg" colorize="C_icon_bg_focused" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> +</draw_ops> + +<draw_ops name="unshade_focused_pressed"> + <image filename="button-bg-active.png" x="0" y="0" width="width" height="height"/> + <image filename="unshade-icon.svg" colorize="C_icon_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> +</draw_ops> + +<draw_ops name="unshade_focused_prelight"> + <image filename="button-bg-hover.png" x="0" y="0" width="width" height="height"/> + <image filename="unshade-icon.svg" colorize="C_icon_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> +</draw_ops> + +<draw_ops name="unshade_unfocused"> + <image filename="button-bg-unfocused.png" x="0" y="0" width="width" height="height"/> + <image filename="unshade-icon.svg" colorize="C_icon_bg_unfocused" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> +</draw_ops> + +<draw_ops name="unshade_unfocused_prelight"> + <image filename="button-bg-hover.png" x="0" y="0" width="width" height="height"/> + <image filename="unshade-icon.svg" colorize="C_icon_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> +</draw_ops> + +<draw_ops name="unshade_unfocused_pressed"> + <image filename="button-bg-active.png" x="0" y="0" width="width" height="height"/> + <image filename="unshade-icon.svg" colorize="C_icon_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> +</draw_ops> + +<!--menu--> +<draw_ops name="menu_focused"> + <image filename="button-bg.png" x="0" y="0" width="width" height="height"/> + <image filename="menu-icon.svg" colorize="C_icon_bg_focused" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> +</draw_ops> + +<draw_ops name="menu_focused_pressed"> + <image filename="button-bg-active.png" x="0" y="0" width="width" height="height"/> + <image filename="menu-icon.svg" colorize="C_icon_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> +</draw_ops> + +<draw_ops name="menu_focused_prelight"> + <image filename="button-bg-hover.png" x="0" y="0" width="width" height="height"/> + <image filename="menu-icon.svg" colorize="C_icon_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> +</draw_ops> + +<draw_ops name="menu_unfocused"> + <image filename="button-bg-unfocused.png" x="0" y="0" width="width" height="height"/> + <image filename="menu-icon.svg" colorize="C_icon_bg_unfocused" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> +</draw_ops> + +<draw_ops name="menu_unfocused_prelight"> + <image filename="button-bg-hover.png" x="0" y="0" width="width" height="height"/> + <image filename="menu-icon.svg" colorize="C_icon_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> +</draw_ops> + +<draw_ops name="menu_unfocused_pressed"> + <image filename="button-bg-active.png" x="0" y="0" width="width" height="height"/> + <image filename="menu-icon.svg" colorize="C_icon_bg_active" x="(width-object_width)/2" y="(height-object_height)/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="titlebar_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="left_edge" draw_ops="border_left_focused"/> + <piece position="right_edge" draw_ops="border_right_focused"/> + <piece position="bottom_edge" draw_ops="border_bottom_focused"/> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <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="stick_focused" /> + <button function="stick" state="pressed" draw_ops="stick_focused_pressed" /> + <button function="stick" state="prelight" draw_ops="stick_focused_prelight" /> + <button function="unstick" state="normal" draw_ops="unstick_focused" /> + <button function="unstick" state="pressed" draw_ops="unstick_focused_pressed" /> + <button function="unstick" state="prelight" draw_ops="unstick_focused_prelight" /> +</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_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="left_edge" draw_ops="border_left_unfocused"/> + <piece position="right_edge" draw_ops="border_right_unfocused"/> + <piece position="bottom_edge" draw_ops="border_bottom_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="stick_unfocused" /> + <button function="stick" state="prelight" draw_ops="stick_unfocused_prelight" /> + <button function="stick" state="pressed" draw_ops="stick_unfocused_pressed" /> + <button function="unstick" state="normal" draw_ops="unstick_unfocused" /> + <button function="unstick" state="prelight" draw_ops="unstick_unfocused_prelight" /> + <button function="unstick" state="pressed" draw_ops="unstick_unfocused_pressed" /> +</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_max" /> + <piece position="title" draw_ops="title_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="maximize" state="normal" draw_ops="unmaximize_focused" /> + <button function="maximize" state="pressed" draw_ops="unmaximize_focused_pressed" /> + <button function="maximize" state="prelight" draw_ops="unmaximize_focused_prelight" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <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="stick_focused" /> + <button function="stick" state="pressed" draw_ops="stick_focused_pressed" /> + <button function="stick" state="prelight" draw_ops="stick_focused_prelight" /> + <button function="unstick" state="normal" draw_ops="unstick_focused" /> + <button function="unstick" state="pressed" draw_ops="unstick_focused_pressed" /> + <button function="unstick" state="prelight" draw_ops="unstick_focused_prelight" /> +</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_max_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="stick_unfocused" /> + <button function="stick" state="prelight" draw_ops="stick_unfocused_prelight" /> + <button function="stick" state="pressed" draw_ops="stick_unfocused_pressed" /> + <button function="unstick" state="normal" draw_ops="unstick_unfocused" /> + <button function="unstick" state="prelight" draw_ops="unstick_unfocused_prelight" /> + <button function="unstick" state="pressed" draw_ops="unstick_unfocused_pressed" /> +</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_max" /> + <piece position="title" draw_ops="title_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="maximize" state="normal" draw_ops="unmaximize_focused" /> + <button function="maximize" state="pressed" draw_ops="unmaximize_focused_pressed" /> + <button function="maximize" state="prelight" draw_ops="unmaximize_focused_prelight" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <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="stick_focused" /> + <button function="stick" state="pressed" draw_ops="stick_focused_pressed" /> + <button function="stick" state="prelight" draw_ops="stick_focused_prelight" /> + <button function="unstick" state="normal" draw_ops="unstick_focused" /> + <button function="unstick" state="pressed" draw_ops="unstick_focused_pressed" /> + <button function="unstick" state="prelight" draw_ops="unstick_focused_prelight" /> +</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_max_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="stick_unfocused" /> + <button function="stick" state="prelight" draw_ops="stick_unfocused_prelight" /> + <button function="stick" state="pressed" draw_ops="stick_unfocused_pressed" /> + <button function="unstick" state="normal" draw_ops="unstick_unfocused" /> + <button function="unstick" state="prelight" draw_ops="unstick_unfocused_prelight" /> + <button function="unstick" state="pressed" draw_ops="unstick_unfocused_pressed" /> +</frame_style> + +<frame_style name="dialog_focused" geometry="normal"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_focused" /> + <piece position="title" draw_ops="title_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <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="stick_focused" /> + <button function="stick" state="pressed" draw_ops="stick_focused_pressed" /> + <button function="stick" state="prelight" draw_ops="stick_focused_prelight" /> + <button function="unstick" state="normal" draw_ops="unstick_focused" /> + <button function="unstick" state="pressed" draw_ops="unstick_focused_pressed" /> + <button function="unstick" state="prelight" draw_ops="unstick_focused_prelight" /> +</frame_style> + +<frame_style name="dialog_unfocused" geometry="normal"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused"/> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight"/> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed"/> + <button function="maximize" state="normal" draw_ops="maximize_unfocused"/> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight"/> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed"/> + <button function="minimize" state="normal" draw_ops="minimize_unfocused"/> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight"/> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed"/> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="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="stick_unfocused" /> + <button function="stick" state="prelight" draw_ops="stick_unfocused_prelight" /> + <button function="stick" state="pressed" draw_ops="stick_unfocused_pressed" /> + <button function="unstick" state="normal" draw_ops="unstick_unfocused" /> + <button function="unstick" state="prelight" draw_ops="unstick_unfocused_prelight" /> + <button function="unstick" state="pressed" draw_ops="unstick_unfocused_pressed" /> +</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_focused" /> + <piece position="title" draw_ops="title_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <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="stick_focused" /> + <button function="stick" state="pressed" draw_ops="stick_focused_pressed" /> + <button function="stick" state="prelight" draw_ops="stick_focused_prelight" /> + <button function="unstick" state="normal" draw_ops="unstick_focused" /> + <button function="unstick" state="pressed" draw_ops="unstick_focused_pressed" /> + <button function="unstick" state="prelight" draw_ops="unstick_focused_prelight" /> +</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_focused" /> + <piece position="title" draw_ops="title_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused"/> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight"/> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed"/> + <button function="maximize" state="normal" draw_ops="maximize_unfocused"/> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight"/> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed"/> + <button function="minimize" state="normal" draw_ops="minimize_unfocused"/> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight"/> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed"/> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="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="stick_unfocused" /> + <button function="stick" state="prelight" draw_ops="stick_unfocused_prelight" /> + <button function="stick" state="pressed" draw_ops="stick_unfocused_pressed" /> + <button function="unstick" state="normal" draw_ops="unstick_unfocused" /> + <button function="unstick" state="prelight" draw_ops="unstick_unfocused_prelight" /> + <button function="unstick" state="pressed" draw_ops="unstick_unfocused_pressed" /> +</frame_style> + +<frame_style name="utility_focused" geometry="small"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_small_focused" /> + <piece position="title" draw_ops="title_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <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="stick_focused" /> + <button function="stick" state="pressed" draw_ops="stick_focused_pressed" /> + <button function="stick" state="prelight" draw_ops="stick_focused_prelight" /> + <button function="unstick" state="normal" draw_ops="unstick_focused" /> + <button function="unstick" state="pressed" draw_ops="unstick_focused_pressed" /> + <button function="unstick" state="prelight" draw_ops="unstick_focused_prelight" /> +</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_small_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused"/> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight"/> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed"/> + <button function="maximize" state="normal" draw_ops="maximize_unfocused"/> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight"/> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed"/> + <button function="minimize" state="normal" draw_ops="minimize_unfocused"/> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight"/> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed"/> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="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="stick_unfocused" /> + <button function="stick" state="prelight" draw_ops="stick_unfocused_prelight" /> + <button function="stick" state="pressed" draw_ops="stick_unfocused_pressed" /> + <button function="unstick" state="normal" draw_ops="unstick_unfocused" /> + <button function="unstick" state="prelight" draw_ops="unstick_unfocused_prelight" /> + <button function="unstick" state="pressed" draw_ops="unstick_unfocused_pressed" /> +</frame_style> + +<frame_style name="border_focused" geometry="borderless"> + <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="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="border_unfocused" geometry="borderless"> + <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="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<!-- placeholder for unimplementated styles--> +<frame_style name="blank" geometry="normal"> + <button function="close" state="normal"><draw_ops></draw_ops></button> + <button function="close" state="pressed"><draw_ops></draw_ops></button> + <button function="maximize" state="normal"><draw_ops></draw_ops></button> + <button function="maximize" state="pressed"><draw_ops></draw_ops></button> + <button function="minimize" state="normal"><draw_ops></draw_ops></button> + <button function="minimize" state="pressed"><draw_ops></draw_ops></button> + <button function="menu" state="normal"><draw_ops></draw_ops></button> + <button function="menu" state="pressed"><draw_ops></draw_ops></button> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<!-- frame style sets --> + +<frame_style_set name="normal_style_set"> + <frame focus="yes" state="normal" resize="both" style="normal_focused"/> + <frame focus="no" state="normal" resize="both" style="normal_unfocused"/> + <frame focus="yes" state="maximized" style="normal_max_focused"/> + <frame focus="no" state="maximized" style="normal_max_unfocused"/> + <frame focus="yes" state="shaded" style="normal_focused"/> + <frame focus="no" state="shaded" style="normal_unfocused"/> + <frame focus="yes" state="maximized_and_shaded" style="normal_max_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="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="normal_style_set"/> +<window type="modal_dialog" style_set="normal_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/metacity-1/metacity-theme-3.xml b/metacity-1/metacity-theme-3.xml new file mode 100644 index 0000000..f9fe78f --- /dev/null +++ b/metacity-1/metacity-theme-3.xml @@ -0,0 +1,1254 @@ +<?xml version="1.0"?> +<metacity_theme> +<info> + <!-- based on Arc metacity theme --> + <name>macOS</name> + <author>Elbullazul</author> + <copyright>b00merang Group</copyright> + <date>2019</date> + <description>macOS theme</description> +</info> + +<!-- meaningfull constants --> + +<constant name="C_title_focused" value="#000000" /> +<constant name="C_title_shadow_focused" value="#ffffff" /> +<constant name="C_title_unfocused" value="#4c4c4c" /> +<constant name="C_title_shadow_unfocused" value="#8c8c8c" /> + +<constant name="C_wm_bg_focused" value="gtk:bg[NORMAL]" /> +<constant name="C_wm_bg_unfocused" value="gtk:bg[NORMAL]" /> +<constant name="C_wm_border" value="shade/gtk:bg[NORMAL]/0.85" /> +<constant name="C_wm_border_unfocused" value="shade/gtk:bg[NORMAL]/0.9" /> +<constant name="C_wm_highlight" value="rgba(0,0,0,0)" /> + +<!-- window button colors --> +<!-- minimize, maximize, etc. --> +<constant name="C_button_bg_focused" value="#4c4c4c" /> +<constant name="C_button_bg_unfocused" value="#cecece" /> +<constant name="C_button_bg_hover" value="#5e5e5e" /> +<constant name="C_button_bg_active" value="#3e3e3e" /> + +<constant name="C_icon_bg_focused" value="#ffffff" /> +<constant name="C_icon_bg_unfocused" value="#ffffff" /> +<constant name="C_icon_bg_hover" value="#ffffff" /> +<constant name="C_icon_bg_active" value="#ffffff" /> + +<!-- geometries --> + +<frame_geometry name="normal" title_scale="medium" rounded_top_left="true" rounded_top_right="true" rounded_bottom_left="true" rounded_bottom_right="true"> + <distance name="left_width" value="6" /> + <distance name="right_width" value="6" /> + <distance name="bottom_height" value="6" /> + <distance name="left_titlebar_edge" value="9"/> + <distance name="right_titlebar_edge" value="9"/> + <distance name="title_vertical_pad" value="3"/> + <border name="title_border" left="0" right="0" top="1" bottom="0"/> + <border name="button_border" left="0" right="0" top="1" bottom="4"/> + <distance name="button_width" value="25"/> + <distance name="button_height" value="18"/> +</frame_geometry> + +<frame_geometry name="normal_unfocused" title_scale="medium" rounded_top_left="false" rounded_top_right="false" parent="normal"> +</frame_geometry> + +<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="left_titlebar_edge" value="2"/> + <distance name="right_titlebar_edge" value="2"/> + <distance name="title_vertical_pad" value="2"/> <!-- + This needs to be 1 less then the + title_vertical_pad on normal state + or you'll have bigger buttons --> + <distance name="bottom_height" value="1" /> +</frame_geometry> + +<frame_geometry name="tiled_left" title_scale="medium" 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" /> +</frame_geometry> + +<frame_geometry name="tiled_right" title_scale="medium" 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" /> +</frame_geometry> + +<frame_geometry name="small" title_scale="small" parent="normal" rounded_top_left="false" rounded_top_right="false"> + <distance name="title_vertical_pad" value="7"/> + <distance name="left_titlebar_edge" value="1"/> + <distance name="right_titlebar_edge" value="1"/> + <border name="title_border" left="10" right="10" top="0" bottom="1"/> +</frame_geometry> + +<frame_geometry name="small_unfocused" parent="small"> +</frame_geometry> + +<frame_geometry name="border" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal" > + <distance name="left_width" value="1" /> + <distance name="right_width" value="1" /> + <distance name="bottom_height" value="1" /> + <border name="title_border" left="10" right="10" top="0" bottom="0" /> + <distance name="title_vertical_pad" value="1" /> + <distance name="button_height" value="0"/> +</frame_geometry> + +<frame_geometry name="borderless" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal" > + <distance name="left_width" value="0" /> + <distance name="right_width" value="0" /> + <distance name="bottom_height" value="0" /> + <distance name="title_vertical_pad" value="0" /> + <border name="title_border" left="10" right="10" top="0" bottom="0" /> + <distance name="button_height" value="0"/> +</frame_geometry> + +<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> + +<!--chromium save dialog--> +<frame_geometry name="attached" title_scale="small" has_title="false" hide_buttons="true" rounded_top_left="false" rounded_top_right="false" rounded_bottom_left="0" rounded_bottom_right="0" parent="normal"> + <distance name="title_vertical_pad" value="0"/> + <distance name="bottom_height" value="1"/> + <distance name="left_width" value="1"/> + <distance name="right_width" value="1"/> +</frame_geometry> + +<!-- drawing operations --> + + <!-- title --> + +<draw_ops name="title_focused"> + <title color="C_title_focused" x="10" y="(height - title_height) / 2 - 1"/> +</draw_ops> + +<draw_ops name="title_unfocused"> + <title color="C_title_unfocused" x="10" y="(height - title_height) / 2 - 1"/> +</draw_ops> + + <!-- window decorations --> + +<draw_ops name="entire_background_focused"> + <rectangle color="C_wm_bg_focused" x="0" y="0" width="width" height="height" filled="true" /> +</draw_ops> + +<draw_ops name="entire_background_unfocused"> + <rectangle color="C_wm_bg_unfocused" x="0" y="0" width="width" height="height" filled="true" /> +</draw_ops> + +<draw_ops name="titlebar_focused"> + <image filename="titlebar-focused-left.png" x="0" y="0" width="object_width" height="height"/> + <image filename="titlebar-focused-middle.png" x="5" y="0" width="width - 9" height="height"/> + <image filename="titlebar-focused-right.png" x="width - object_width" y="0" width="object_width" height="height"/> +</draw_ops> + +<draw_ops name="titlebar_unfocused"> + <image filename="titlebar-unfocused-left.png" x="0" y="0" width="object_width" height="height + 2"/> + <image filename="titlebar-unfocused-middle.png" x="5" y="0" width="width - 9" height="height"/> + <image filename="titlebar-unfocused-right.png" x="width - object_width" y="0" width="object_width" height="height + 2"/> +</draw_ops> + +<draw_ops name="titlebar_max"> + <image filename="titlebar-focused-middle.png" x="0" y="0" width="width" height="height"/> + <image filename="titlebar-focused-right.png" x="width - object_width" y="0" width="object_width" height="height"/> +</draw_ops> + +<draw_ops name="titlebar_max_unfocused"> + <image filename="titlebar-unfocused-middle.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="titlebar_small_focused"> + +</draw_ops> + +<draw_ops name="titlebar_small_unfocused"> + +</draw_ops> + +<draw_ops name="border_focused"> + <rectangle color="C_wm_border" x="0" y="0" width="width" height="height" filled="false" /> +</draw_ops> + +<draw_ops name="border_unfocused"> + <rectangle color="C_wm_border_unfocused" x="0" y="0" width="width" height="height" filled="false" /> +</draw_ops> + +<draw_ops name="border_max"> + <line x1="1" y1="height-1" x2="width" y2="height-1" color="C_wm_border" /> +</draw_ops> + +<draw_ops name="border_left_focused"> + <image filename="border-focused-left.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="border_left_unfocused"> + <image filename="border-unfocused-left.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="border_right_focused"> + <image filename="border-focused-right.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="border_right_unfocused"> + <image filename="border-unfocused-right.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="border_bottom_focused"> + <image filename="border-focused-leftcorner.png" x="0" y="0" width="4" height="object_height"/> + <image filename="border-focused-bottom.png" x="4" y="0" width="width - 4" height="object_height"/> + <image filename="border-focused-rightcorner.png" x="width - object_width" y="0" width="object_width" height="object_height"/> +</draw_ops> + +<draw_ops name="border_bottom_unfocused"> + <image filename="border-unfocused-leftcorner.png" x="0" y="0" width="4" height="object_height"/> + <image filename="border-unfocused-bottom.png" x="4" y="0" width="width - 4" height="object_height"/> + <image filename="border-unfocused-rightcorner.png" x="width - object_width" y="0" width="object_width" height="object_height"/> +</draw_ops> + +<!--close--> +<draw_ops name="close_focused"> + <image filename="close.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="close_focused_prelight"> + <image filename="close-hover.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="close_focused_pressed"> + <image filename="close-active.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="close_unfocused"> + <image filename="close-unfocused.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="close_unfocused_prelight"> + <image filename="close-hover.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="close_unfocused_pressed"> + <image filename="close-active.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<!--maximize--> +<draw_ops name="maximize_focused"> + <image filename="maximize.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="maximize_focused_prelight"> + <image filename="maximize-hover.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="maximize_focused_pressed"> + <image filename="maximize-active.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="maximize_unfocused"> + <image filename="maximize-unfocused.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="maximize_unfocused_prelight"> + <image filename="maximize-hover.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="maximize_unfocused_pressed"> + <image filename="maximize-active.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<!--restore--> +<draw_ops name="unmaximize_focused"> + <image filename="unmaximize.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="unmaximize_focused_prelight"> + <image filename="unmaximize-hover.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="unmaximize_focused_pressed"> + <image filename="unmaximize-active.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="unmaximize_unfocused"> + <image filename="unmaximize-unfocused.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="unmaximize_unfocused_prelight"> + <image filename="unmaximize-hover.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="unmaximize_unfocused_pressed"> + <image filename="unmaximize-active.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<!--minimize--> +<draw_ops name="minimize_focused"> + <image filename="minimize.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="minimize_focused_prelight"> + <image filename="minimize-hover.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="minimize_focused_pressed"> + <image filename="minimize-active.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="minimize_unfocused"> + <image filename="minimize-unfocused.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="minimize_unfocused_prelight"> + <image filename="minimize-hover.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<draw_ops name="minimize_unfocused_pressed"> + <image filename="minimize-active.png" x="0" y="0" width="width" height="height"/> +</draw_ops> + +<!--stick--> +<draw_ops name="stick_focused"> + <image filename="button-bg.png" x="0" y="0" width="width" height="height"/> + <image filename="stick-icon.svg" colorize="C_icon_bg_focused" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> +</draw_ops> + +<draw_ops name="stick_focused_pressed"> + <image filename="button-bg-active.png" x="0" y="0" width="width" height="height"/> + <image filename="stick-icon.svg" colorize="C_icon_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> +</draw_ops> + +<draw_ops name="stick_focused_prelight"> + <image filename="button-bg-hover.png" x="0" y="0" width="width" height="height"/> + <image filename="stick-icon.svg" colorize="C_icon_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> +</draw_ops> + +<draw_ops name="stick_unfocused"> + <image filename="button-bg-unfocused.png" x="0" y="0" width="width" height="height"/> + <image filename="stick-icon.svg" colorize="C_icon_bg_unfocused" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> +</draw_ops> + +<draw_ops name="stick_unfocused_prelight"> + <image filename="button-bg-hover.png" x="0" y="0" width="width" height="height"/> + <image filename="stick-icon.svg" colorize="C_icon_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> +</draw_ops> + +<draw_ops name="stick_unfocused_pressed"> + <image filename="button-bg-active.png" x="0" y="0" width="width" height="height"/> + <image filename="stick-icon.svg" colorize="C_icon_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> +</draw_ops> + +<!--unstick--> +<draw_ops name="unstick_focused"> + <image filename="button-bg.png" x="0" y="0" width="width" height="height"/> + <image filename="unstick-icon.svg" colorize="C_icon_bg_focused" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> +</draw_ops> + +<draw_ops name="unstick_focused_pressed"> + <image filename="button-bg-active.png" x="0" y="0" width="width" height="height"/> + <image filename="unstick-icon.svg" colorize="C_icon_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> +</draw_ops> + +<draw_ops name="unstick_focused_prelight"> + <image filename="button-bg-hover.png" x="0" y="0" width="width" height="height"/> + <image filename="unstick-icon.svg" colorize="C_icon_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> +</draw_ops> + +<draw_ops name="unstick_unfocused"> + <image filename="button-bg-unfocused.png" x="0" y="0" width="width" height="height"/> + <image filename="unstick-icon.svg" colorize="C_icon_bg_unfocused" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> +</draw_ops> + +<draw_ops name="unstick_unfocused_prelight"> + <image filename="button-bg-hover.png" x="0" y="0" width="width" height="height"/> + <image filename="unstick-icon.svg" colorize="C_icon_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> +</draw_ops> + +<draw_ops name="unstick_unfocused_pressed"> + <image filename="button-bg-active.png" x="0" y="0" width="width" height="height"/> + <image filename="unstick-icon.svg" colorize="C_icon_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> +</draw_ops> + +<!--shade--> +<draw_ops name="shade_focused"> + <image filename="button-bg.png" x="0" y="0" width="width" height="height"/> + <image filename="shade-icon.svg" colorize="C_icon_bg_focused" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> +</draw_ops> + +<draw_ops name="shade_focused_pressed"> + <image filename="button-bg-active.png" x="0" y="0" width="width" height="height"/> + <image filename="shade-icon.svg" colorize="C_icon_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> +</draw_ops> + +<draw_ops name="shade_focused_prelight"> + <image filename="button-bg-hover.png" x="0" y="0" width="width" height="height"/> + <image filename="shade-icon.svg" colorize="C_icon_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> +</draw_ops> + +<draw_ops name="shade_unfocused"> + <image filename="button-bg-unfocused.png" x="0" y="0" width="width" height="height"/> + <image filename="shade-icon.svg" colorize="C_icon_bg_unfocused" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> +</draw_ops> + +<draw_ops name="shade_unfocused_prelight"> + <image filename="button-bg-hover.png" x="0" y="0" width="width" height="height"/> + <image filename="shade-icon.svg" colorize="C_icon_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> +</draw_ops> + +<draw_ops name="shade_unfocused_pressed"> + <image filename="button-bg-active.png" x="0" y="0" width="width" height="height"/> + <image filename="shade-icon.svg" colorize="C_icon_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> +</draw_ops> + +<!--unshade--> +<draw_ops name="unshade_focused"> + <image filename="button-bg.png" x="0" y="0" width="width" height="height"/> + <image filename="unshade-icon.svg" colorize="C_icon_bg_focused" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> +</draw_ops> + +<draw_ops name="unshade_focused_pressed"> + <image filename="button-bg-active.png" x="0" y="0" width="width" height="height"/> + <image filename="unshade-icon.svg" colorize="C_icon_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> +</draw_ops> + +<draw_ops name="unshade_focused_prelight"> + <image filename="button-bg-hover.png" x="0" y="0" width="width" height="height"/> + <image filename="unshade-icon.svg" colorize="C_icon_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> +</draw_ops> + +<draw_ops name="unshade_unfocused"> + <image filename="button-bg-unfocused.png" x="0" y="0" width="width" height="height"/> + <image filename="unshade-icon.svg" colorize="C_icon_bg_unfocused" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> +</draw_ops> + +<draw_ops name="unshade_unfocused_prelight"> + <image filename="button-bg-hover.png" x="0" y="0" width="width" height="height"/> + <image filename="unshade-icon.svg" colorize="C_icon_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> +</draw_ops> + +<draw_ops name="unshade_unfocused_pressed"> + <image filename="button-bg-active.png" x="0" y="0" width="width" height="height"/> + <image filename="unshade-icon.svg" colorize="C_icon_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> +</draw_ops> + +<!--menu--> +<draw_ops name="menu_focused"> + <image filename="button-bg.png" x="0" y="0" width="width" height="height"/> + <image filename="menu-icon.svg" colorize="C_icon_bg_focused" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> +</draw_ops> + +<draw_ops name="menu_focused_pressed"> + <image filename="button-bg-active.png" x="0" y="0" width="width" height="height"/> + <image filename="menu-icon.svg" colorize="C_icon_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> +</draw_ops> + +<draw_ops name="menu_focused_prelight"> + <image filename="button-bg-hover.png" x="0" y="0" width="width" height="height"/> + <image filename="menu-icon.svg" colorize="C_icon_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> +</draw_ops> + +<draw_ops name="menu_unfocused"> + <image filename="button-bg-unfocused.png" x="0" y="0" width="width" height="height"/> + <image filename="menu-icon.svg" colorize="C_icon_bg_unfocused" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> +</draw_ops> + +<draw_ops name="menu_unfocused_prelight"> + <image filename="button-bg-hover.png" x="0" y="0" width="width" height="height"/> + <image filename="menu-icon.svg" colorize="C_icon_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> +</draw_ops> + +<draw_ops name="menu_unfocused_pressed"> + <image filename="button-bg-active.png" x="0" y="0" width="width" height="height"/> + <image filename="menu-icon.svg" colorize="C_icon_bg_active" x="(width-object_width)/2" y="(height-object_height)/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="titlebar_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="left_edge" draw_ops="border_left_focused"/> + <piece position="right_edge" draw_ops="border_right_focused"/> + <piece position="bottom_edge" draw_ops="border_bottom_focused"/> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <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="stick_focused" /> + <button function="stick" state="pressed" draw_ops="stick_focused_pressed" /> + <button function="stick" state="prelight" draw_ops="stick_focused_prelight" /> + <button function="unstick" state="normal" draw_ops="unstick_focused" /> + <button function="unstick" state="pressed" draw_ops="unstick_focused_pressed" /> + <button function="unstick" state="prelight" draw_ops="unstick_focused_prelight" /> +</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_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="left_edge" draw_ops="border_left_unfocused"/> + <piece position="right_edge" draw_ops="border_right_unfocused"/> + <piece position="bottom_edge" draw_ops="border_bottom_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="stick_unfocused" /> + <button function="stick" state="prelight" draw_ops="stick_unfocused_prelight" /> + <button function="stick" state="pressed" draw_ops="stick_unfocused_pressed" /> + <button function="unstick" state="normal" draw_ops="unstick_unfocused" /> + <button function="unstick" state="prelight" draw_ops="unstick_unfocused_prelight" /> + <button function="unstick" state="pressed" draw_ops="unstick_unfocused_pressed" /> +</frame_style> + +<frame_style name="normal_max_focused" geometry="max"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="overlay" draw_ops="border_max" /> + <piece position="titlebar" draw_ops="titlebar_max" /> + <piece position="title" draw_ops="title_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="maximize" state="normal" draw_ops="unmaximize_focused" /> + <button function="maximize" state="pressed" draw_ops="unmaximize_focused_pressed" /> + <button function="maximize" state="prelight" draw_ops="unmaximize_focused_prelight" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <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="stick_focused" /> + <button function="stick" state="pressed" draw_ops="stick_focused_pressed" /> + <button function="stick" state="prelight" draw_ops="stick_focused_prelight" /> + <button function="unstick" state="normal" draw_ops="unstick_focused" /> + <button function="unstick" state="pressed" draw_ops="unstick_focused_pressed" /> + <button function="unstick" state="prelight" draw_ops="unstick_focused_prelight" /> +</frame_style> + +<frame_style name="normal_max_unfocused" geometry="max"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="overlay" draw_ops="border_max" /> + <piece position="titlebar" draw_ops="titlebar_max_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="stick_unfocused" /> + <button function="stick" state="prelight" draw_ops="stick_unfocused_prelight" /> + <button function="stick" state="pressed" draw_ops="stick_unfocused_pressed" /> + <button function="unstick" state="normal" draw_ops="unstick_unfocused" /> + <button function="unstick" state="prelight" draw_ops="unstick_unfocused_prelight" /> + <button function="unstick" state="pressed" draw_ops="unstick_unfocused_pressed" /> +</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_max" /> + <piece position="title" draw_ops="title_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="maximize" state="normal" draw_ops="unmaximize_focused" /> + <button function="maximize" state="pressed" draw_ops="unmaximize_focused_pressed" /> + <button function="maximize" state="prelight" draw_ops="unmaximize_focused_prelight" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <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="stick_focused" /> + <button function="stick" state="pressed" draw_ops="stick_focused_pressed" /> + <button function="stick" state="prelight" draw_ops="stick_focused_prelight" /> + <button function="unstick" state="normal" draw_ops="unstick_focused" /> + <button function="unstick" state="pressed" draw_ops="unstick_focused_pressed" /> + <button function="unstick" state="prelight" draw_ops="unstick_focused_prelight" /> +</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_max_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="stick_unfocused" /> + <button function="stick" state="prelight" draw_ops="stick_unfocused_prelight" /> + <button function="stick" state="pressed" draw_ops="stick_unfocused_pressed" /> + <button function="unstick" state="normal" draw_ops="unstick_unfocused" /> + <button function="unstick" state="prelight" draw_ops="unstick_unfocused_prelight" /> + <button function="unstick" state="pressed" draw_ops="unstick_unfocused_pressed" /> +</frame_style> + +<frame_style name="dialog_focused" geometry="normal"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_focused" /> + <piece position="title" draw_ops="title_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <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="stick_focused" /> + <button function="stick" state="pressed" draw_ops="stick_focused_pressed" /> + <button function="stick" state="prelight" draw_ops="stick_focused_prelight" /> + <button function="unstick" state="normal" draw_ops="unstick_focused" /> + <button function="unstick" state="pressed" draw_ops="unstick_focused_pressed" /> + <button function="unstick" state="prelight" draw_ops="unstick_focused_prelight" /> +</frame_style> + +<frame_style name="dialog_unfocused" geometry="normal"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused"/> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight"/> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed"/> + <button function="maximize" state="normal" draw_ops="maximize_unfocused"/> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight"/> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed"/> + <button function="minimize" state="normal" draw_ops="minimize_unfocused"/> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight"/> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed"/> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="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="stick_unfocused" /> + <button function="stick" state="prelight" draw_ops="stick_unfocused_prelight" /> + <button function="stick" state="pressed" draw_ops="stick_unfocused_pressed" /> + <button function="unstick" state="normal" draw_ops="unstick_unfocused" /> + <button function="unstick" state="prelight" draw_ops="unstick_unfocused_prelight" /> + <button function="unstick" state="pressed" draw_ops="unstick_unfocused_pressed" /> +</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_focused" /> + <piece position="title" draw_ops="title_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <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="stick_focused" /> + <button function="stick" state="pressed" draw_ops="stick_focused_pressed" /> + <button function="stick" state="prelight" draw_ops="stick_focused_prelight" /> + <button function="unstick" state="normal" draw_ops="unstick_focused" /> + <button function="unstick" state="pressed" draw_ops="unstick_focused_pressed" /> + <button function="unstick" state="prelight" draw_ops="unstick_focused_prelight" /> +</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_focused" /> + <piece position="title" draw_ops="title_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused"/> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight"/> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed"/> + <button function="maximize" state="normal" draw_ops="maximize_unfocused"/> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight"/> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed"/> + <button function="minimize" state="normal" draw_ops="minimize_unfocused"/> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight"/> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed"/> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="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="stick_unfocused" /> + <button function="stick" state="prelight" draw_ops="stick_unfocused_prelight" /> + <button function="stick" state="pressed" draw_ops="stick_unfocused_pressed" /> + <button function="unstick" state="normal" draw_ops="unstick_unfocused" /> + <button function="unstick" state="prelight" draw_ops="unstick_unfocused_prelight" /> + <button function="unstick" state="pressed" draw_ops="unstick_unfocused_pressed" /> +</frame_style> + +<frame_style name="utility_focused" geometry="small"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_small_focused" /> + <piece position="title" draw_ops="title_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <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="stick_focused" /> + <button function="stick" state="pressed" draw_ops="stick_focused_pressed" /> + <button function="stick" state="prelight" draw_ops="stick_focused_prelight" /> + <button function="unstick" state="normal" draw_ops="unstick_focused" /> + <button function="unstick" state="pressed" draw_ops="unstick_focused_pressed" /> + <button function="unstick" state="prelight" draw_ops="unstick_focused_prelight" /> +</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_small_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused"/> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight"/> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed"/> + <button function="maximize" state="normal" draw_ops="maximize_unfocused"/> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight"/> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed"/> + <button function="minimize" state="normal" draw_ops="minimize_unfocused"/> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight"/> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed"/> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="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="stick_unfocused" /> + <button function="stick" state="prelight" draw_ops="stick_unfocused_prelight" /> + <button function="stick" state="pressed" draw_ops="stick_unfocused_pressed" /> + <button function="unstick" state="normal" draw_ops="unstick_unfocused" /> + <button function="unstick" state="prelight" draw_ops="unstick_unfocused_prelight" /> + <button function="unstick" state="pressed" draw_ops="unstick_unfocused_pressed" /> +</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="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style 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="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style 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="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="attached_focused" geometry="attached"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_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="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="attached_unfocused" geometry="attached"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_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="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="tiled_left_focused" geometry="tiled_left"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_focused" /> + <piece position="title" draw_ops="title_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <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="stick_focused" /> + <button function="stick" state="pressed" draw_ops="stick_focused_pressed" /> + <button function="stick" state="prelight" draw_ops="stick_focused_prelight" /> + <button function="unstick" state="normal" draw_ops="unstick_focused" /> + <button function="unstick" state="pressed" draw_ops="unstick_focused_pressed" /> + <button function="unstick" state="prelight" draw_ops="unstick_focused_prelight" /> +</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_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused"/> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight"/> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed"/> + <button function="maximize" state="normal" draw_ops="maximize_unfocused"/> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight"/> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed"/> + <button function="minimize" state="normal" draw_ops="minimize_unfocused"/> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight"/> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed"/> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="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="stick_unfocused" /> + <button function="stick" state="prelight" draw_ops="stick_unfocused_prelight" /> + <button function="stick" state="pressed" draw_ops="stick_unfocused_pressed" /> + <button function="unstick" state="normal" draw_ops="unstick_unfocused" /> + <button function="unstick" state="prelight" draw_ops="unstick_unfocused_prelight" /> + <button function="unstick" state="pressed" draw_ops="unstick_unfocused_pressed" /> +</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_focused" /> + <piece position="title" draw_ops="title_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <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="stick_focused" /> + <button function="stick" state="pressed" draw_ops="stick_focused_pressed" /> + <button function="stick" state="prelight" draw_ops="stick_focused_prelight" /> + <button function="unstick" state="normal" draw_ops="unstick_focused" /> + <button function="unstick" state="pressed" draw_ops="unstick_focused_pressed" /> + <button function="unstick" state="prelight" draw_ops="unstick_focused_prelight" /> +</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_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused"/> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight"/> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed"/> + <button function="maximize" state="normal" draw_ops="maximize_unfocused"/> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight"/> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed"/> + <button function="minimize" state="normal" draw_ops="minimize_unfocused"/> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight"/> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed"/> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="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="stick_unfocused" /> + <button function="stick" state="prelight" draw_ops="stick_unfocused_prelight" /> + <button function="stick" state="pressed" draw_ops="stick_unfocused_pressed" /> + <button function="unstick" state="normal" draw_ops="unstick_unfocused" /> + <button function="unstick" state="prelight" draw_ops="unstick_unfocused_prelight" /> + <button function="unstick" state="pressed" draw_ops="unstick_unfocused_pressed" /> +</frame_style> + +<!-- placeholder for unimplementated styles--> +<frame_style name="blank" geometry="normal"> + <button function="close" state="normal"><draw_ops></draw_ops></button> + <button function="close" state="pressed"><draw_ops></draw_ops></button> + <button function="maximize" state="normal"><draw_ops></draw_ops></button> + <button function="maximize" state="pressed"><draw_ops></draw_ops></button> + <button function="minimize" state="normal"><draw_ops></draw_ops></button> + <button function="minimize" state="pressed"><draw_ops></draw_ops></button> + <button function="menu" state="normal"><draw_ops></draw_ops></button> + <button function="menu" state="pressed"><draw_ops></draw_ops></button> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<!-- frame style sets --> + +<frame_style_set name="normal_style_set"> + <frame focus="yes" state="normal" resize="both" style="normal_focused"/> + <frame focus="no" state="normal" resize="both" style="normal_unfocused"/> + <frame focus="yes" state="maximized" style="normal_max_focused"/> + <frame focus="no" state="maximized" style="normal_max_unfocused"/> + <frame focus="yes" state="shaded" style="normal_focused"/> + <frame focus="no" state="shaded" style="normal_unfocused"/> + <frame focus="yes" state="maximized_and_shaded" style="normal_max_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="normal_style_set"/> +<window type="modal_dialog" style_set="normal_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/metacity-1/minimize-active.png b/metacity-1/minimize-active.png new file mode 100755 index 0000000..0546140 Binary files /dev/null and b/metacity-1/minimize-active.png differ diff --git a/metacity-1/minimize-hover.png b/metacity-1/minimize-hover.png new file mode 100755 index 0000000..02c9c96 Binary files /dev/null and b/metacity-1/minimize-hover.png differ diff --git a/metacity-1/minimize-unfocused.png b/metacity-1/minimize-unfocused.png new file mode 100755 index 0000000..08cbc66 Binary files /dev/null and b/metacity-1/minimize-unfocused.png differ diff --git a/metacity-1/minimize.png b/metacity-1/minimize.png new file mode 100755 index 0000000..f982866 Binary files /dev/null and b/metacity-1/minimize.png differ diff --git a/metacity-1/shade-icon.svg b/metacity-1/shade-icon.svg new file mode 100644 index 0000000..4485c01 --- /dev/null +++ b/metacity-1/shade-icon.svg @@ -0,0 +1,80 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" + xmlns:svg="http://www.w3.org/2000/svg" + xmlns="http://www.w3.org/2000/svg" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + enable-background="new 0 0 32 32" + height="16" + id="Layer_1" + version="1.1" + viewBox="0 0 16 16" + width="16" + xml:space="preserve" + inkscape:version="0.92.3 (2405546, 2018-03-11)" + sodipodi:docname="shade-icon.svg"><metadata + id="metadata26"><rdf:RDF><cc:Work + rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs + id="defs24" /><sodipodi:namedview + pagecolor="#e2e2e2" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="1366" + inkscape:window-height="705" + id="namedview22" + showgrid="true" + inkscape:zoom="11.313709" + inkscape:cx="17.473613" + inkscape:cy="-4.3072782" + inkscape:window-x="-8" + inkscape:window-y="-8" + inkscape:window-maximized="1" + inkscape:current-layer="g4142" + inkscape:snap-bbox="true" + inkscape:bbox-paths="true" + inkscape:bbox-nodes="true" + inkscape:snap-bbox-edge-midpoints="true" + inkscape:measure-start="10.3281,11.2422" + inkscape:measure-end="10.4961,11.5078" + showguides="true" + inkscape:guide-bbox="true"><inkscape:grid + type="xygrid" + id="grid3003" + empspacing="5" + visible="true" + enabled="true" + snapvisiblegridlinesonly="true" /></sodipodi:namedview><g + transform="translate(-1426,-247)" + style="display:inline;opacity:1" + id="g4490-3-75"><g + id="g4092-0-7-0" + style="display:inline" + transform="translate(58,0)" /></g><g + id="g4142"><rect + y="2.6171874e-06" + x="0" + height="16" + width="16" + id="rect17883-32" + style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" /><g + id="g4138" + transform="translate(-0.1)"><path + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#808080;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.80000001;marker:none;enable-background:accumulate" + d="m 4,4 v 2 h 8 V 4 Z m 6,0.492187 c 0.235702,-0.2357023 0.764298,-0.2357023 1,0 0.235702,0.2357023 0.235702,0.7642977 0,1 -0.235702,0.2357023 -0.764298,0.2357023 -1,0 -0.2357023,-0.2357023 -0.2357023,-0.7642977 0,-1 z" + id="path3842-6" + inkscape:connector-curvature="0" + sodipodi:nodetypes="cccccaaaaa" /><path + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#808080;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.80000001;marker:none;enable-background:accumulate" + d="M 11,10 8,7 5,10 h 2 v 2 h 2 v -2 z" + id="path3842" + inkscape:connector-curvature="0" + sodipodi:nodetypes="cccccccc" /></g></g></svg> \ No newline at end of file diff --git a/metacity-1/stick-icon.svg b/metacity-1/stick-icon.svg new file mode 100644 index 0000000..06c54c6 --- /dev/null +++ b/metacity-1/stick-icon.svg @@ -0,0 +1,63 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" + xmlns:svg="http://www.w3.org/2000/svg" + xmlns="http://www.w3.org/2000/svg" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + enable-background="new 0 0 32 32" + height="16" + id="Layer_1" + version="1.1" + viewBox="0 0 16 16" + width="16" + xml:space="preserve" + inkscape:version="0.91 r13725" + sodipodi:docname="stick-icon.svg"><metadata + id="metadata26"><rdf:RDF><cc:Work + rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs + id="defs24" /><sodipodi:namedview + pagecolor="#d7d7d7" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="1920" + inkscape:window-height="1026" + id="namedview22" + showgrid="true" + inkscape:zoom="32" + inkscape:cx="6.2833169" + inkscape:cy="4.6144526" + inkscape:window-x="0" + inkscape:window-y="0" + inkscape:window-maximized="1" + inkscape:current-layer="Layer_1" + inkscape:snap-bbox="true" + inkscape:bbox-paths="true" + inkscape:bbox-nodes="true" + inkscape:snap-bbox-edge-midpoints="true"><inkscape:grid + type="xygrid" + id="grid3003" + empspacing="5" + visible="true" + enabled="true" + snapvisiblegridlinesonly="true" /></sodipodi:namedview><g + id="g4156"><rect + y="2.6171874e-06" + x="0" + height="16" + width="16" + id="rect17883-29" + style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" /><path + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#808080;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + sodipodi:nodetypes="cccccccccc" + id="path9895" + d="M 10,3 7,5 4,4 4,11 7,10 10,12 10,8 15,7.51693 10,7 Z" + inkscape:connector-curvature="0" /></g></svg> \ No newline at end of file diff --git a/metacity-1/thumbnail.png b/metacity-1/thumbnail.png new file mode 100755 index 0000000..71d831f Binary files /dev/null and b/metacity-1/thumbnail.png differ diff --git a/metacity-1/titlebar-focused-left.png b/metacity-1/titlebar-focused-left.png new file mode 100755 index 0000000..ff69e90 Binary files /dev/null and b/metacity-1/titlebar-focused-left.png differ diff --git a/metacity-1/titlebar-focused-middle.png b/metacity-1/titlebar-focused-middle.png new file mode 100755 index 0000000..124e7ab Binary files /dev/null and b/metacity-1/titlebar-focused-middle.png differ diff --git a/metacity-1/titlebar-focused-right.png b/metacity-1/titlebar-focused-right.png new file mode 100755 index 0000000..bf5165e Binary files /dev/null and b/metacity-1/titlebar-focused-right.png differ diff --git a/metacity-1/titlebar-unfocused-left.png b/metacity-1/titlebar-unfocused-left.png new file mode 100755 index 0000000..ff69e90 Binary files /dev/null and b/metacity-1/titlebar-unfocused-left.png differ diff --git a/metacity-1/titlebar-unfocused-middle.png b/metacity-1/titlebar-unfocused-middle.png new file mode 100755 index 0000000..124e7ab Binary files /dev/null and b/metacity-1/titlebar-unfocused-middle.png differ diff --git a/metacity-1/titlebar-unfocused-right.png b/metacity-1/titlebar-unfocused-right.png new file mode 100755 index 0000000..bf5165e Binary files /dev/null and b/metacity-1/titlebar-unfocused-right.png differ diff --git a/metacity-1/unmaximize-active.png b/metacity-1/unmaximize-active.png new file mode 100755 index 0000000..52e64a1 Binary files /dev/null and b/metacity-1/unmaximize-active.png differ diff --git a/metacity-1/unmaximize-hover.png b/metacity-1/unmaximize-hover.png new file mode 100755 index 0000000..3d88833 Binary files /dev/null and b/metacity-1/unmaximize-hover.png differ diff --git a/metacity-1/unmaximize-unfocused.png b/metacity-1/unmaximize-unfocused.png new file mode 100755 index 0000000..9a491c1 Binary files /dev/null and b/metacity-1/unmaximize-unfocused.png differ diff --git a/metacity-1/unmaximize.png b/metacity-1/unmaximize.png new file mode 100755 index 0000000..1e28a4f Binary files /dev/null and b/metacity-1/unmaximize.png differ diff --git a/metacity-1/unshade-icon.svg b/metacity-1/unshade-icon.svg new file mode 100644 index 0000000..e5ce754 --- /dev/null +++ b/metacity-1/unshade-icon.svg @@ -0,0 +1,73 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" + xmlns:svg="http://www.w3.org/2000/svg" + xmlns="http://www.w3.org/2000/svg" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + enable-background="new 0 0 32 32" + height="16" + id="Layer_1" + version="1.1" + viewBox="0 0 16 16" + width="16" + xml:space="preserve" + inkscape:version="0.92.3 (2405546, 2018-03-11)" + sodipodi:docname="unshade-icon.svg"><metadata + id="metadata26"><rdf:RDF><cc:Work + rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs + id="defs24" /><sodipodi:namedview + pagecolor="#e2e2e2" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="1366" + inkscape:window-height="768" + id="namedview22" + showgrid="true" + inkscape:zoom="32" + inkscape:cx="7.313143" + inkscape:cy="6.8062036" + inkscape:window-x="0" + inkscape:window-y="0" + inkscape:window-maximized="0" + inkscape:current-layer="g4146" + inkscape:snap-bbox="true" + inkscape:bbox-paths="true" + inkscape:bbox-nodes="true" + inkscape:snap-bbox-edge-midpoints="true" + showguides="true" + inkscape:guide-bbox="true" + inkscape:measure-start="12,4.80469" + inkscape:measure-end="11.1875,4.80469"><inkscape:grid + type="xygrid" + id="grid3003" + empspacing="5" + visible="true" + enabled="true" + snapvisiblegridlinesonly="true" /></sodipodi:namedview><g + transform="translate(-1426,-247)" + style="display:inline;opacity:1" + id="g4490-3-75"><g + id="g4092-0-7-0" + style="display:inline" + transform="translate(58,0)" /></g><g + id="g4146"><rect + y="2.6171874e-06" + x="0" + height="16" + width="16" + id="rect17883-32" + style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" /><path + sodipodi:nodetypes="cccccaaaaaccccc" + inkscape:connector-curvature="0" + id="path3842-6" + d="m 3.9,4 v 8 h 8 V 4 Z m 6,0.487418 c 0.235702,-0.2357023 0.764298,-0.2357023 1,0 0.235702,0.2357023 0.235702,0.7642977 0,1 -0.235702,0.2357023 -0.764298,0.2357023 -1,0 -0.2357023,-0.2357023 -0.2357023,-0.7642977 0,-1 z M 4.7125,6 h 6.371094 v 5.195313 H 4.7125 Z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#808080;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.80000001;marker:none;enable-background:accumulate" /></g></svg> \ No newline at end of file diff --git a/metacity-1/unstick-icon.svg b/metacity-1/unstick-icon.svg new file mode 100644 index 0000000..9c968e2 --- /dev/null +++ b/metacity-1/unstick-icon.svg @@ -0,0 +1,70 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" + xmlns:svg="http://www.w3.org/2000/svg" + xmlns="http://www.w3.org/2000/svg" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + enable-background="new 0 0 32 32" + height="16" + id="Layer_1" + version="1.1" + viewBox="0 0 16 16" + width="16" + xml:space="preserve" + inkscape:version="0.91 r13725" + sodipodi:docname="unstick-icon.svg"><metadata + id="metadata26"><rdf:RDF><cc:Work + rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs + id="defs24" /><sodipodi:namedview + pagecolor="#d7d7d7" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="1920" + inkscape:window-height="1026" + id="namedview22" + showgrid="true" + inkscape:zoom="32" + inkscape:cx="10.611442" + inkscape:cy="4.5519526" + inkscape:window-x="0" + inkscape:window-y="0" + inkscape:window-maximized="1" + inkscape:current-layer="Layer_1" + inkscape:snap-bbox="true" + inkscape:bbox-paths="true" + inkscape:bbox-nodes="true" + inkscape:snap-bbox-edge-midpoints="true"><inkscape:grid + type="xygrid" + id="grid3003" + empspacing="5" + visible="true" + enabled="true" + snapvisiblegridlinesonly="true" /></sodipodi:namedview><g + id="g4148"><g + id="g4147" + style="display:inline" + transform="translate(-321.0002,-727)"><path + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#808080;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + d="M 10,3 7.2382812,4.8417969 10.361328,7.9648438 15,7.5175781 10,7 10,3 Z M 4.59375,4.1992188 10,9.6035156 10,9.3964844 4.90625,4.3027344 4.59375,4.1992188 Z M 4,5.3964844 4,11 7,10 10,12 10,11.396484 4,5.3964844 Z" + transform="translate(321.0002,727)" + id="path9895-5" + inkscape:connector-curvature="0" /><path + inkscape:connector-curvature="0" + d="m 325.39622,730 8.10398,8.10398 -0.89602,0.89602 -8.10398,-8.10398 z" + id="path2986-2-7" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#808080;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;enable-background:accumulate" /></g><rect + y="2.6171874e-06" + x="0" + height="16" + width="16" + id="rect17883-29" + style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" /></g></svg> \ No newline at end of file diff --git a/previews/gtk3-gtk4-gtk2-desktop.png b/previews/gtk3-gtk4-gtk2-desktop.png new file mode 100644 index 0000000..476c217 Binary files /dev/null and b/previews/gtk3-gtk4-gtk2-desktop.png differ diff --git a/previews/gtk3wf-1-Soil.png b/previews/gtk3wf-1-Soil.png new file mode 100644 index 0000000..ee613e2 Binary files /dev/null and b/previews/gtk3wf-1-Soil.png differ diff --git a/previews/gtk3wf-2.png b/previews/gtk3wf-2.png new file mode 100644 index 0000000..cd0a603 Binary files /dev/null and b/previews/gtk3wf-2.png differ diff --git a/previews/gtk3wf-3.png b/previews/gtk3wf-3.png new file mode 100644 index 0000000..c0bbf0c Binary files /dev/null and b/previews/gtk3wf-3.png differ diff --git a/previews/logo.png b/previews/logo.png new file mode 100644 index 0000000..e2fa8ce Binary files /dev/null and b/previews/logo.png differ diff --git a/qt_configs/Skewaita-light-green.conf b/qt_configs/Skewaita-light-green.conf new file mode 100644 index 0000000..05a7ac9 --- /dev/null +++ b/qt_configs/Skewaita-light-green.conf @@ -0,0 +1,7 @@ +[ColorScheme] +%23%20%20active_colors=#232323, #b8b8b8, #acacac, #cbc7c4, #9f9d9a, #b8b5b2, #191e04, #ff0000, #000000, #9f9f9f, #acacac, #767472, #2d630f, #b6ff65, #2d630f, #232323, #acacac, #232323, 2d630f, #b6ff65 +%23disabled_colors=#454545, #b8b8b8, #acacac, #cbc7c4, #9f9d9a, #b8b5b2, #3a3e2a, #ffec17, #000000, #9f9f9f, #acacac, #767472, #2d630f, #b6ff65, #2d630f, #454545, #acacac, #454545, #2d630f, #93d84f +%23inactive_colors=#232323, #b8b8b8, #acacac, #cbc7c4, #9f9d9a, #b8b5b2, #191e04, #ff9040, #000000, #9f9f9f, #acacac, #767472, #2d630f, #b6ff65, #2d630f, #232323, #acacac, #232323, #2d630f, #b6ff65 +active_colors=#ff232323, #ffbcbeb9, #ffbebebe, #ff8b8b8b, #ff636363, #ff797979, #ff191e04, #ff191e04, #ff232323, #ff8d8c8a, #ffa7a7a7, #ff636363, #ffb0dd7e, #ff000000, #ff0f5f63, #ff4c3271, #ff878684, #ffc7f98e, #ff20435b, #ff83cfff, #80191e04 +disabled_colors=#ff454545, #ffaca296, #ffc9bdb0, #ffada297, #ff9b9188, #ff8f867e, #ff693714, #ff693714, #ff693714, #ffaca296, #ffaca296, #ff8f867e, #ffad9985, #ff693714, #ff696313, #ff694c13, #ffa3998e, #ff454545, #ffb3a99c, #ff6e3a15, #ff6e3a15 +inactive_colors=#ff232323, #ffbcbeb9, #ffbebebe, #ff8b8b8b, #ff636363, #ff797979, #ff191e04, #ff191e04, #ff232323, #ff8d8c8a, #ffa7a7a7, #ff636363, #ffb0dd7e, #ff000000, #ff0f5f63, #ff4c3271, #ff878684, #ffc7f98e, #ff20435b, #ff83cfff, #80191e04 diff --git a/qt_configs/Skewaita.colors b/qt_configs/Skewaita.colors new file mode 100644 index 0000000..0f8cf42 --- /dev/null +++ b/qt_configs/Skewaita.colors @@ -0,0 +1,102 @@ +[ColorEffects:Disabled] +Color=147,127,127 +ColorAmount=0.42500000000000004 +ColorEffect=2 +ContrastAmount=0 +ContrastEffect=0 +IntensityAmount=0.25 +IntensityEffect=0 + +[ColorEffects:Inactive] +ChangeSelectionColor=true +Color=213,198,176 +ColorAmount=0.1 +ColorEffect=2 +ContrastAmount=0.2 +ContrastEffect=1 +Enable=false +IntensityAmount=-0.05 +IntensityEffect=0 + +[Colors:Button] +BackgroundAlternate=180,182,177 +BackgroundNormal=188,190,185 +DecorationFocus=102,153,0 +DecorationHover=102,153,0 +ForegroundActive=32,95,86 +ForegroundInactive=85,34,34 +ForegroundLink=0,87,174 +ForegroundNegative=232,87,82 +ForegroundNeutral=133,98,0 +ForegroundNormal=36,31,49 +ForegroundPositive=93,102,110 +ForegroundVisited=100,74,155 + +[Colors:Selection] +BackgroundAlternate=171,214,122 +BackgroundNormal=176,221,126 +DecorationFocus=143,214,0 +DecorationHover=143,214,0 +ForegroundActive=14,211,0 +ForegroundInactive=85,34,34 +ForegroundLink=101,183,255 +ForegroundNegative=232,87,82 +ForegroundNeutral=227,170,0 +ForegroundNormal=0,0,0 +ForegroundPositive=16,118,0 +ForegroundVisited=167,137,255 + +[Colors:Tooltip] +BackgroundAlternate=250,248,241 +BackgroundNormal=103,137,180 +DecorationFocus=128,112,96 +DecorationHover=102,153,0 +ForegroundActive=32,95,86 +ForegroundInactive=85,34,34 +ForegroundLink=0,87,174 +ForegroundNegative=232,87,82 +ForegroundNeutral=227,170,0 +ForegroundNormal=0,34,105 +ForegroundPositive=93,102,110 +ForegroundVisited=100,74,155 + +[Colors:View] +BackgroundAlternate=138,137,135 +BackgroundNormal=144,143,141 +DecorationFocus=137,206,0 +DecorationHover=137,206,0 +ForegroundActive=32,95,86 +ForegroundInactive=85,34,34 +ForegroundLink=0,87,174 +ForegroundNegative=140,52,49 +ForegroundNeutral=96,70,0 +ForegroundNormal=36,31,49 +ForegroundPositive=9,110,7 +ForegroundVisited=100,74,155 + +[Colors:Window] +BackgroundAlternate=161,161,161 +BackgroundNormal=167,167,167 +DecorationFocus=102,153,0 +DecorationHover=102,153,0 +ForegroundActive=32,95,86 +ForegroundInactive=85,34,34 +ForegroundLink=0,87,174 +ForegroundNegative=232,87,82 +ForegroundNeutral=119,87,0 +ForegroundNormal=36,31,49 +ForegroundPositive=15,110,10 +ForegroundVisited=100,74,155 + +[General] +Name=Skewaita +shadeSortColumn=true + +[KDE] +contrast=7 + +[WM] +activeBackground=139,139,139 +activeForeground=0,0,0 +inactiveBackground=167,167,167 +inactiveForeground=80,80,80 diff --git a/qt_configs/Skewaita.qtcurve b/qt_configs/Skewaita.qtcurve new file mode 100644 index 0000000..e846886 --- /dev/null +++ b/qt_configs/Skewaita.qtcurve @@ -0,0 +1,169 @@ +[KWin] +BorderSize=3 +InnerBorder=0 +OuterBorder=0 + +[Settings] +activeTabAppearance=harsh +animatedProgress=false +appearance=customgradient5 +bgndAppearance=flat +bgndGrad=horiz +bgndImage=none +bgndOpacity=100 +boldProgress=true +borderInactiveTab=false +borderMenuitems=false +borderProgress=true +borderSbarGroove=true +borderSelection=true +borderTab=false +buttonEffect=shadow +buttonStyleMenuSections=true +centerTabText=false +colorMenubarMouseOver=true +colorSelTab=0 +colorSliderMouseOver=true +coloredMouseOver=none +coloredTbarMo=false +comboBtn=none +comboSplitter=true +crButton=true +crColor=origselected +crHighlight=10 +crSize=15 +customAlphas=0 +customMenuNormTextColor=#000000 +customMenuSelTextColor=#000000 +customMenuTextColor=false +customShades=1.81,1.07,0.75,0.35,1,0.4 +customgradient1=3d,0,1.2,0.5,1,1,1 +customgradient2=3d,0,0.9,0.5,1,1,1 +customgradient4=none,0,0.8,0.25,1.8,1,1.5 +customgradient5=3dfull,0,1.15,1,0.85 +customgradient6=none,0,0.3,0.3,0.6,1,0.5 +customgradient7=none,0,0.5,0.3,0.9,1,0.95 +darkerBorders=false +defBtnIndicator=tint +dlgOpacity=100 +doubleGtkComboArrow=false +drawStatusBarFrames=true +dwtAppearance=flat +dwtSettings=33 +embolden=true +etchEntry=true +expanderHighlight=3 +fadeLines=true +fillProgress=true +fillSlider=true +flatSbarButtons=false +focus=glow +forceAlternateLvCols=false +gbFactor=-6 +gbLabel=1 +glowProgress=none +grooveAppearance=inverted +groupBox=shaded +gtkButtonOrder=false +gtkComboMenus=false +gtkScrollViews=true +handles=1dot +hideShortcutUnderline=true +highlightFactor=20 +highlightScrollViews=true +highlightTab=true +inactiveTitlebarAppearance=customgradient1 +invertBotTab=true +lighterPopupMenuBgnd=2 +lvAppearance=soft +lvButton=true +lvLines=true +mapKdeIcons=true +menuBgndAppearance=flat +menuBgndGrad=horiz +menuBgndImage=none +menuBgndOpacity=100 +menuCloseDelay=300 +menuDelay=225 +menuIcons=true +menuStripe=none +menuStripeAppearance=darkinverted +menubarAppearance=flat +menubarApps=VirtualBox,smplayer +menubarHiding=0 +menubarMouseOver=true +menuitemAppearance=raised +noBgndGradientApps= +noBgndImageApps= +noBgndOpacityApps=sonata,vmware,vmplayer,smplayer,totem +noMenuBgndOpacityApps=sonata,vmware,gtk,vmplayer,totem +noMenuStripeApps=gtk,soffice.bin +nonnativeMenubarApps= +onlyTicksInMenu=false +passwordChar=9656 +popupBorder=true +progressAppearance=flat +progressColor=origselected +progressGrooveAppearance=darkinverted +progressGrooveColor=dark +reorderGtkButtons=false +round=extra +roundAllTabs=true +roundMbTopOnly=true +sbarBgndAppearance=flat +scrollbarType=kde +selectionAppearance=flat +shadeCheckRadio=none +shadeMenubarOnlyWhenActive=false +shadeMenubars=none +shadePopupMenu=false +shadeSliders=origselected +shading=hsl +shadowSize=30 +sliderAppearance=customgradient5 +sliderFill=true +sliderStyle=circular +sliderThumbs=1dot +sliderWidth=15 +smallRadio=false +sortedLv=selected +splitterHighlight=10 +splitters=1dot +square=1538 +statusbarApps=kde +statusbarHiding=0 +stdBtnSizes=false +stdSidebarButtons=false +stripedProgress=none +stripedSbar=false +sunkenAppearance=customgradient4 +tabAppearance=harsh +tabBgnd=0 +tabMouseOver=glow +tbarBtnAppearance=none +tbarBtnEffect=none +tbarBtns=standard +thin=0 +thinSbarGroove=true +titlebarAlignment=center-full +titlebarAppearance=customgradient1 +titlebarButtonAppearance=gradient +titlebarButtonColors=#000000,#000000,#000000,#000000,#000000,#000000,#000000,#000000,#000000,#000000,#000000,#000000,#000000,#000000,#000000,#000000,#000000,#000000,#000000,#000000,#000000,#000000,#000000,#000000,#000000,#000000,#000000 +titlebarButtons=5 +titlebarEffect=shadow +titlebarIcon=title +toolbarAppearance=flat +toolbarBorders=none +toolbarSeparators=sunken +toolbarTabs=false +tooltipAppearance=gradient +unifyCombo=false +unifySpin=false +unifySpinBtns=false +useHighlightForMenu=true +useQtFileDialogApps= +vArrows=true +version=1.9.0 +windowBorder=36 +windowDrag=0 +xCheck=false diff --git a/source/common/_theme_colors.scss b/source/common/_theme_colors.scss new file mode 100644 index 0000000..c1a16f1 --- /dev/null +++ b/source/common/_theme_colors.scss @@ -0,0 +1,37 @@ +$window_fg: #1d1d1d; +$window_bg: #c9c9c9; +$text_widget_fg: #1d1d1d; +$text_widget_bg: #e5e5e5; + +$selected_fg: #000000; +$selected_bg: #9dccff; + +$button_fg: #1d1d1d; +$button_bg: #d3d3d3; +$button_checked_bg: #9dccff; +$button_checked_fg: #000000; + + +$disabled_fg: #552222; +$disabled_bg: #c7bebe; + +/*Usually an automatic fg color on these backgrounds should check this value!*/ +$warningc: #c7bebe; +$errorc: #df0000; +$successc: #73d216; + + +$titlebar_active_fg: #000000; +$titlebar_active_bg: #9dccff; + +$titlebar_backdrop_fg: #1d1d1d; +$titlebar_backdrop_bg: #c9c9c9; + +$hint_fg: #504300; +$hint_bg: #ffffa4; + +$osd_fg: #504300; +$osd_bg: #ffffa4; + +$link_fg: #004B91; +$link_visited_fg: #680091; diff --git a/source/common/buttons.scss b/source/common/buttons.scss new file mode 100644 index 0000000..6fbb33d --- /dev/null +++ b/source/common/buttons.scss @@ -0,0 +1,185 @@ +//auxiliary functions for buttons first + +$_default_button_c: $button_bg; + + + +@mixin _button_text_shadow ($tc:$fg_color, $bg:$bg_color) { +// +// helper function for the text emboss effect +// +// $tc is the optional text color, not the shadow color +// +// TODO: this functions needs a way to deal with special cases +// + + $_shadow: _text_shadow_color($tc, $bg); + + @if lightness($tc)<50% { + text-shadow: 0 1px _button_hilight_color($tc);//$_shadow; + -gtk-icon-shadow: 0 1px _button_hilight_color($tc);//$_shadow; + } + @else { + text-shadow: 0 -1px $_shadow; + -gtk-icon-shadow: 0 -1px $_shadow; + } +} + + + + + +@mixin button($t, $c:$button_bg, $tc:$button_fg, $edge: none, $backimage: null) { + + // + // Button drawing function + // + // $t: button type, + // $c: base button color for colored* types + // $tc: optional text color for colored* types + // $edge: set to none to not draw the bottom edge or specify a color to not + // use the default one + // $backimage: additional background-image behind the default one + // (for the button.circular hack) + // + // possible $t values (gtk3): + // normal, hover, active, insensitive, insensitive-active, + // backdrop, backdrop-active, backdrop-insensitive, backdrop-insensitive-active, + // osd, osd-hover, osd-active, osd-insensitive, osd-backdrop, undecorated + + // possible $t values (gtk4): + // normal, hover, active, checked-hover, checked-active, insensitive, insensitive-active, + // backdrop, backdrop-active, backdrop-insensitive, backdrop-insensitive-active, + // osd, osd-hover, osd-active, osd-insensitive, osd-backdrop, undecorated + + // this mixin needs to cover both gtk3 and gtk4 cases in order to work. + // gtk4 mixin calls only include $t, $c and $tc, therefore it should be safe to use in both. + + + $_hilight_color: _button_hilight_color($c); + $_button_edge: if($edge == none, none, _widget_edge($edge)); + $_blank_edge: if($edge == none, none, _widget_edge(transparentize($edge,1))); + $_button_shadow: 0 1px 2px transparentize($shadow_hard_color, 0.6); + + $button_clickable_image: image_gloss_well_contrasted($c); + + //remove borders on all buttons... + //border-width: 0; + + @if $t==normal or $t==normal-alt { + // + // normal button + // + + color: $tc; + background-color: $c; + border-color: mix($tc, $c, 50%); + outline-color: $focus_border_color; + background-image: $button_clickable_image, $backimage; + @include _button_text_shadow($tc, $c); + @include _shadows(inset 0 1px $_hilight_color, $_button_edge, $_button_shadow); + + } + @else if $t==hover or $t==hover-alt or $t==undecorated-hover { + // + // hovered button + // + background-color: shade($c, 1.1) + } + + + + @else if ($t==active) { + // + // pushed button + // + //color: $button_checked_fg; + //background-color: $button_checked_bg; + @include _shadows(0 1px $_hilight_color, $_button_edge, inset $_button_shadow); + } + + @else if ($t==checked-active ) { + // + // pushed and toggled button + // + color: $button_checked_fg; + background-color: $button_checked_bg; + @include _button_text_shadow($button_checked_fg, $button_checked_bg); + @include _shadows(0 1px $_hilight_color, $_button_edge, inset $_button_shadow); + + } + + @else if ($t==checked-hover) { + // + // toggled button and hover + // + color: $button_checked_fg; + background-color: shade($button_checked_bg, 1.1); + @include _button_text_shadow($button_checked_fg, $button_checked_bg); + @include _shadows(0 1px $_hilight_color, $_button_edge, inset $_button_shadow); + + } + + + @else if $t==insensitive { + // + // insensitive button + // + color: $insensitive_fg_color; + border-color: mix($insensitive_fg_color, $insensitive_bg_color, 50%); + background-color: $insensitive_bg_color; + background-image: if($backimage==null, none, $backimage); + text-shadow: none; + -gtk-icon-shadow: none; + } + @else if $t==insensitive-active { + // + // insensitive pushed button + // + color: $insensitive_fg_color; + background-color: mix($insensitive_bg_color, $button_checked_bg, 85%); + border-color: mix($insensitive_fg_color, $insensitive_bg_color, 50%); + text-shadow: none; + -gtk-icon-shadow: none; + } + + @else if $t==backdrop { + // + // backdrop button + // + background-image: if($backimage==null, none, $backimage); + } + @else if $t==backdrop-active { + // + // backdrop pushed button + // + } + @else if $t==backdrop-insensitive { + // + // backdrop insensitive button + // + } + + @else if $t==backdrop-insensitive-active { + // + // backdrop insensitive pushed button + // + } + + //TODO: what happens with OSDs? Is it necessary to redefine them? + + @else if $t==undecorated { + // + // reset + // + border-color: transparent; + background-color: transparent; + background-image: none; + + @include _shadows(inset 0 1px transparentize(white, 1), $_blank_edge); + + text-shadow: none; + -gtk-icon-shadow: none; + } + +} diff --git a/source/common/checkradios.scss b/source/common/checkradios.scss new file mode 100644 index 0000000..69ad991 --- /dev/null +++ b/source/common/checkradios.scss @@ -0,0 +1,70 @@ +/*************************** + * Check and Radio buttons * + ***************************/ + + @mixin check($t, $c:$checkradio_bg_color, $tc:$checkradio_fg_color, $checked: false) { + // Check/Radio drawing function + // + // $t: check/radio type, + // $c: base button color for colored* types + // $tc: optional text color for colored* types + // $checked: bool to chose between checked/unchecked + // + // possible $t values: + // normal, hover, active, insensitive, backdrop, backdrop-insensitive, menu + + $_border_color: $tc;//if($c==$checkradio_bg_color, $checkradio_borders_color, $alt_borders_color); + $_dim_border_color: transparentize($_border_color, if($variant == 'light', 0.3, 0.7)); + + @if $t==normal { + background-clip: if($checked, border-box, padding-box); + background-image: linear-gradient(to bottom, lighten($c, 5%) 20%, $c 90%); + border-color: $_border_color; + box-shadow: 0 1px transparentize(black, 0.95); + color: $tc; + } + + @if $t==hover { + background-image: if($c == white, image(darken($c, 5%)), linear-gradient(to bottom, lighten($c, 9%) 10%, lighten($c, 4%) 90%)); + } + + @if $t==active { + box-shadow: inset 0 1px if($variant == 'light', rgba(0, 0, 0, 0.2), black); + background-image: if($c == white, image(darken($c, 15%)), image(darken($c, 5%))); + } + + @if $t==insensitive { + box-shadow: none; + color: $insensitive_fg_color; + background-image: image($insensitive_bg_color); + } + + @if $t==backdrop { + background-image: image($c); + box-shadow: none; + color: $tc; + } + + @if $t==backdrop-insensitive { + box-shadow: none; + color: $insensitive_fg_color; + background-image: image($insensitive_bg_color); + } + + @if $t==menu { + transform: scale(0.8); + border-width: 1.2px; + //border-color: transparent; + box-shadow: none; + background-image: image(transparent); + color: $tc; + } + + @if $t==menu-active { + transform: scale(0.8); + border-width: 1.2px; + color: $tc; + box-shadow: none; + background-image: image(transparent); + } + } diff --git a/source/common/common_colors.scss b/source/common/common_colors.scss new file mode 100644 index 0000000..19bd253 --- /dev/null +++ b/source/common/common_colors.scss @@ -0,0 +1,78 @@ +// Common colors + +$base_color: $text_widget_bg; +$text_color: $text_widget_fg; +$bg_color: $window_bg; +$fg_color: $window_fg; + +$selected_fg_color: $selected_fg; +$selected_bg_color: $selected_bg; + +$selected_borders_color: if($variant== 'light', darken($selected_bg_color, 15%), darken($selected_bg_color, 30%)); + +$borders_color: if($variant == 'light', darken($bg_color, 18%), darken($bg_color, 10%)); +$alt_borders_color: if($variant == 'light', darken($bg_color, 24%), darken($bg_color, 18%)); +$borders_edge: if($variant == 'light', transparentize(white, 0.2), transparentize($fg_color, 0.93)); + +$link_color: $link_fg; //mix($successc, $fg_color, 30%);//if($variant == 'light', darken($selected_bg_color, 10%), lighten($selected_bg_color, 20%)); +$link_visited_color: $link_visited_fg; //mix($selected_bg_color, $fg_color, 20%); //if($variant == 'light', darken($selected_bg_color, 20%), lighten($selected_bg_color, 10%)); +$top_hilight: $borders_edge; +$dark_fill: mix($borders_color, $bg_color, 50%); + +$menu_color: if($variant == 'light', $base_color, mix($bg_color, $base_color, 20%)); + +$scrollbar_bg_color: if($variant == 'light', mix($bg_color, $fg_color, 80%), mix($base_color, $bg_color, 50%)); +$scrollbar_slider_color: mix($fg_color, $bg_color, 60%); +$scrollbar_slider_hover_color: mix($fg_color, $bg_color, 80%); +$scrollbar_slider_active_color: if($variant=='light', darken($selected_bg_color, 10%), lighten($selected_bg_color, 10%)); + +$warning_color: $warningc; +$error_color: $errorc; +$success_color: $successc; +$destructive_color: $errorc; + +//$warning_fg: if($variant == 'light', shade($warningc,0.5), shade($warningc,1.3)); +//$warning_bg: if($variant == 'light', shade($warningc,1.3), shade($warningc,0.5)); + +$osd_fg_color: $osd_fg; +$osd_text_color: $osd_fg; +$osd_bg_color: transparentize($osd_bg, 0.3); //if($variant == 'light', transparentize(darken(desaturate($osd_bg, 100%), 4%),0.3), transparentize(darken(desaturate($osd_bg, 100%), 10%),0.3)); + + +$osd_insensitive_bg_color: transparentize(mix($osd_fg_color, opacify($osd_bg_color, 1), 10%), 0.5); +$osd_insensitive_fg_color: mix($osd_fg_color, opacify($osd_bg_color, 1), 50%); +$osd_borders_color: $hint_fg; + +$sidebar_bg_color: mix($bg_color, $base_color, 50%); + +$tooltip_borders_color: $hint_fg; +$shadow_color: transparentize(black, 0.9); +$shadow_hard_color: opacify($shadow_color, 1); + +$drop_target_color: $success_color; + +//insensitive state derived colors +$insensitive_fg_color: $disabled_fg; +$insensitive_bg_color: $disabled_bg; +$insensitive_borders_color: mix($borders_color, $disabled_fg, 50%); + +//colors for the backdrop state, derived from the main colors. +$backdrop_base_color: if($variant == 'light', darken($base_color, 1%), lighten($base_color, 1%)); +$backdrop_text_color: mix($text_color, $backdrop_base_color, 80%); +$backdrop_bg_color: $bg_color; +$backdrop_fg_color: mix($fg_color, $backdrop_bg_color, 50%); +$backdrop_insensitive_color: if($variant == 'light', darken($backdrop_bg_color, 15%), lighten($backdrop_bg_color, 15%)); +$backdrop_selected_fg_color: mix($backdrop_text_color, $selected_fg_color, 50%); +$backdrop_selected_bg_color: transparentize(desaturate($selected_bg_color,50%),0.3); +$backdrop_borders_color: mix($borders_color, $bg_color, 80%); +$backdrop_dark_fill: mix($backdrop_borders_color, $backdrop_bg_color, 35%); + +//special cased widget colors +$suggested_bg_color: $selected_bg_color; +$suggested_border_color: $selected_borders_color; +$progress_bg_color: $selected_bg_color; +$progress_border_color: $selected_borders_color; +$checkradio_bg_color: $selected_bg_color; //if($variant == 'light', $selected_bg_color, lighten($selected_bg_color,10%)); +$checkradio_fg_color: $selected_fg_color; +$checkradio_borders_color: $selected_fg_color;//if($variant == 'light', darken($checkradio_bg_color,20%), darken($checkradio_bg_color,40%)); +$focus_border_color: if($variant == 'light', transparentize($selected_bg_color, 0.5), transparentize($selected_bg_color, 0.3)); diff --git a/source/common/common_common.scss b/source/common/common_common.scss new file mode 100644 index 0000000..815422e --- /dev/null +++ b/source/common/common_common.scss @@ -0,0 +1,104 @@ +@function gtkalpha($c,$a) { + @return unquote("alpha(#{$c},#{$a})"); +} + +// Optional compact sizes for buttons, headerbar and headerbar widgets +$_sizevariant: 'compact'; //either 'default', or compact otherwise +$_headerbar_height: if($_sizevariant=='default', 46px, 40px); +$_entry_height: if($_sizevariant=='default', 32px, 28px); +$_btn_pad: if($_sizevariant=='default', 4px 9px, 2px 6px); +$_hb_btn_pad: if($_sizevariant=='default', 6px, 5px); +$_img_btn_pad: if($_sizevariant=='default', 5px, 2px); +$_sel_menu_pad: if($_sizevariant=='default', 6px 10px, 4px 10px); +$_circ_btn_pad: if($_sizevariant=='default', 4px, 2px); +$_switch_margin: if($_sizevariant=='default', 10px, 7px); + +$entry_radius: 0px; + +$ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94); +$asset_suffix: if($variant=='dark', '-dark', ''); +$backdrop_transition: 200ms ease-out; + +$button_transition: all 200ms $ease-out-quad; +$button_radius: 5px; + +$tab_radius: $button_radius; + +//added by me: + $button_min_height: 24px; + $button_min_width: 16px; + $button_padding: $_btn_pad; + $button_border: 1px solid; + +@function image_gloss_well_contrasted($bg) { + @return image_gloss( if( lightness($bg) > 50, 'light', 'dark') ); +} + +@function image_gloss($var:$variant) { + @return linear-gradient( + to bottom, + transparentize(white, if($var == 'light', 0.1 ,0.7 )), + transparentize(white, if($var == 'light', 0.5 ,0.7 )) 50%, + transparentize(white, 1) 50%, + transparentize(white, if($var == 'light',0.7,0.85)) ); +} + + +$menu_radius: 5px; + + +%selected_items { + background-color: $selected_bg_color; + + @at-root %nobg_selected_items, & { + color: $selected_fg_color; + + @at-root %selected_items_disabled, + &:disabled { color: mix($selected_fg_color, $selected_bg_color, 50%); } + + @at-root %selected_items_backdrop, + &:backdrop { + color: $backdrop_selected_fg_color; + background-color: $backdrop_selected_bg_color; + + &:disabled { color: mix($backdrop_selected_fg_color, $selected_bg_color, 30%); } + } + } +} + +@function _border_color($c, $darker: false) { + @if $darker == true { @return darken($c, 20%); } + @else { @return darken($c, 10%); } +} + +@function _text_shadow_color ($tc: $fg_color, $bg: $bg_color) { +// +// calculate the color of text shadows +// +// $tc is the text color +// $bg is the background color +// + $_lbg: lightness($bg)/100%; + @if lightness($tc)<50% { @return transparentize(white, 1-$_lbg/($_lbg*1.3)); } + @else { @return transparentize(black, $_lbg*0.8); } +} + +@function _button_hilight_color($c) { +// +// calculate the right top hilight color for buttons +// +// $c: base color; +// + @if lightness($c)>95% { @return white; } + @else if lightness($c)>90% { @return transparentize(white, 0.15); } + @else if lightness($c)>80% { @return transparentize(white, 0.35); } + @else if lightness($c)>50% { @return transparentize(white, 0.5); } + @else if lightness($c)>40% { @return transparentize(white, 0.65); } + @else { @return transparentize(white, 0.7); } + //@return $top_hilight; +} + +//these are copied from button, surely there is a better way to DRY +$hilight_color: _button_hilight_color($dark_fill); +$button_shadow_normal: inset 0 -1px 1px transparentize($shadow_hard_color, 0.6); +$button_shadow_pressed: inset 0 1px 2px transparentize($shadow_hard_color, 0.6); diff --git a/source/common/cursor-handle.scss b/source/common/cursor-handle.scss new file mode 100644 index 0000000..cb5ba06 --- /dev/null +++ b/source/common/cursor-handle.scss @@ -0,0 +1,26 @@ +/********************** + * Touch Copy & Paste * + *********************/ +//touch selection handlebars for the Popover.osd above +cursor-handle { + + //copying slider code, so not DRYing, here... + //I don't know how to test this... + @include button(normal-alt); + + border: 1px solid darken($alt_borders_color, 3%); + border-radius: 100%; + transition: $button_transition; + transition-property: background, border, box-shadow; + min-height: 18px; + min-width: 10px; + + &:hover { @include button(hover-alt, $edge: $shadow_color); } + + &:active { border-color: $progress_border_color; } + + &:disabled { @include button(insensitive); } + + &.top:dir(ltr), &.bottom:dir(rtl) {border-radius: 100% 5px 5px 5px;} + &.bottom:dir(ltr), &.top:dir(rtl) {border-radius: 5px 100% 5px 5px;} +} diff --git a/source/common/gtk3_removed.scss b/source/common/gtk3_removed.scss new file mode 100644 index 0000000..267e55b --- /dev/null +++ b/source/common/gtk3_removed.scss @@ -0,0 +1,731 @@ +//This file is just a quick placeholder for removed code, so I can easily inspect it when I see bugs in my code that replaces this. +//It is not used when compiling the theme + +// _drawing.scss + + + +@mixin button($t, $c:$button_bg, $tc:$button_fg, $edge: none, $backimage: null) { +// +// Button drawing function +// +// $t: button type, +// $c: base button color for colored* types +// $tc: optional text color for colored* types +// $edge: set to none to not draw the bottom edge or specify a color to not +// use the default one +// $backimage: additional background-image behind the default one +// (for the button.circular hack) +// +// possible $t values: +// normal, hover, active, insensitive, insensitive-active, +// backdrop, backdrop-active, backdrop-insensitive, backdrop-insensitive-active, +// osd, osd-hover, osd-active, osd-insensitive, osd-backdrop, undecorated +// + $_hilight_color: _button_hilight_color($tc); + $_button_edge: if($edge == none, none, _widget_edge($edge)); + $_blank_edge: if($edge == none, none, _widget_edge(transparentize($edge,1))); + $_button_shadow: 0 1px 2px transparentize($shadow_color, 0.03); + + //$tc=red; //to test, comment! + + @if $t==normal { + // + // normal button + // + color: $tc; + outline-color: transparentize($tc, 0.7); + border-color: if($c != $bg_color, _border_color($c), $borders_color); + border-bottom-color: if($c != $bg_color, _border_color($c, true), $alt_borders_color); + background-image: if($variant == 'light', linear-gradient(to top, darken($c, 4%) 2px, $c), + linear-gradient(to top, darken($c,1%) 2px, $c)), + $backimage; + @include _button_text_shadow($tc, $c); + @include _shadows(inset 0 1px $_hilight_color, $_button_edge, $_button_shadow); + } + + @else if $t==hover { + // + // hovered button + // + color: $tc; + outline-color: transparentize($tc, 0.7); + border-color: if($c != $bg_color, _border_color($c), $borders_color); + border-bottom-color: if($c != $bg_color, _border_color($c, true), $alt_borders_color); + @if $variant == 'light' { + background-image: linear-gradient(to top, $c, lighten($c, 1%) 1px), + $backimage; + @include _button_text_shadow($tc, lighten($c, 6%)); + @include _shadows(inset 0 1px _button_hilight_color(lighten($c, 6%)), $_button_edge, $_button_shadow); + } + @else { + background-image: linear-gradient(to top, darken($c,1%), lighten($c, 1%) 1px), + $backimage; + @include _button_text_shadow($tc,lighten($c, 6%)); + @include _shadows(inset 0 1px _button_hilight_color(darken($c, 2%)), $_button_edge, $_button_shadow); + } + } + + @if $t==normal-alt { + // + // normal button alternative look + // + color: $tc; + outline-color: transparentize($tc, 0.7); + border-color: if($c != $bg_color, _border_color($c, true), $alt_borders_color); + @include _button_text_shadow($tc, $c); + @if $variant == 'light' { + background-image: linear-gradient(to bottom, lighten($c, 5%) 20%, $c 90%); + @include _shadows(inset 0 1px _button_hilight_color(lighten($c, 6%)), + $_button_edge, $_button_shadow); + } + @else { + background-image: linear-gradient(to bottom, darken($c, 3%) 20%, darken($c, 6%) 90%); + @include _shadows(inset 0 1px $_hilight_color, + $_button_edge, $_button_shadow); + } + } + + @else if $t==hover-alt { + // + // hovered button alternative look + // + color: $tc; + outline-color: transparentize($tc, 0.7); + border-color: if($c != $bg_color, _border_color($c, true), $alt_borders_color); + @if $variant == 'light' { + background-image: linear-gradient(to bottom, lighten($c, 9%) 10%, lighten($c, 4%) 90%); + @include _shadows(inset 0 1px _button_hilight_color(lighten($c, 6%)), + $_button_edge, $_button_shadow); + } + @else { + background-image: linear-gradient(to bottom, $c 20%, darken($c, 4%) 90%); + @include _shadows(inset 0 1px $_hilight_color, + $_button_edge, $_button_shadow); + } + } + + @else if $t==active { + // + // pushed button + // + color: $tc; + outline-color: transparentize($tc, 0.7); + border-color: if($c != $bg_color, _border_color($c), $borders_color); + background-image: if($variant == 'light', image(darken($c, 14%)), image(darken($c, 9%))); + @include _shadows(inset 0 1px transparentize($_hilight_color, 1), $_button_edge); + + text-shadow: none; + -gtk-icon-shadow: none; + } + + @else if $t==insensitive { + // + // insensitive button + // + $_bg: $insensitive_bg_color; + + color: $insensitive_fg_color; + border-color: $insensitive_borders_color; + background-image: image($_bg); + text-shadow: none; + -gtk-icon-shadow: none; + // white with 0 alpha to avoid an ugly transition, since no color means + // black with 0 alpha + @include _shadows(inset 0 1px transparentize(white, 1), $_button_edge); + } + + @else if $t==insensitive-active { + // + // insensitive pushed button + // + $_bg: if($variant == 'light', darken(mix($c, $base_color, 85%), 8%), darken(mix($c, $base_color, 85%), 6%)); + $_bc: if($c != $bg_color, _border_color($c), $insensitive_borders_color); + + color: if($c != $bg_color, mix($tc, $_bg, 60%), $insensitive_fg_color); + border-color: $_bc; + background-image: image($_bg); + // white with 0 alpha to avoid an ugly transition, since no color means + // black with 0 alpha + @include _shadows(inset 0 1px transparentize(white, 1), $_button_edge); + } + + @else if $t==backdrop { + // + // backdrop button + // + $_bg: if($c != $bg_color, $c, $backdrop_bg_color); + $_bc: if($variant == 'light', $c, _border_color($c)); + + color: if($tc != $fg_color, mix($tc, $_bg, 80%), $backdrop_fg_color); + border-color: if($c != $bg_color, $_bc, $backdrop_borders_color); + background-image: image($_bg); + text-shadow: none; + -gtk-icon-shadow: none; + @include _shadows(inset 0 1px transparentize(white, 1), $_blank_edge); + } + + @else if $t==backdrop-active { + // + // backdrop pushed button + // + $_bg: if($variant == 'light', darken(mix($c, $base_color, 85%), 8%), darken(mix($c, $base_color, 85%), 4%)); + $_bc: if($variant == 'light', $_bg ,_border_color($c)); + + color: if($tc != $fg_color, mix($tc, $_bg, 80%), $backdrop_fg_color); + border-color: if($c != $bg_color, $_bc, $backdrop_borders_color); + background-image: image($_bg); + @include _shadows(inset 0 1px transparentize(white, 1), $_blank_edge); + } + + @else if $t==backdrop-insensitive { + // + // backdrop insensitive button + // + + $_bg: if($c != $bg_color, mix($c, $base_color, 85%), $insensitive_bg_color); + $_bc: if($variant == 'light', $_bg,_border_color($c)); + + color: if($c != $bg_color, mix($tc, $_bg, 35%), $backdrop_insensitive_color); + border-color: if($c != $bg_color, $_bc, $backdrop_borders_color); + background-image: image($_bg); + text-shadow: none; + -gtk-icon-shadow: none; + // white with 0 alpha to avoid an ugly transition, since no color means + // black with 0 alpha + @include _shadows(inset 0 1px transparentize(white, 1), $_blank_edge); + } + + @else if $t==backdrop-insensitive-active { + // + // backdrop insensitive pushed button + // + + $_bg: if($variant == 'light', darken(mix($c, $base_color, 85%), 8%), darken(mix($c, $base_color, 85%), 4%)); + $_bc: if($variant == 'light', $_bg, _border_color($c)); + + color: if($c != $bg_color, mix($tc, $_bg, 35%), $backdrop_insensitive_color); + border-color: if($c != $bg_color, $_bc, $backdrop_borders_color); + background-image: image($_bg); + @include _shadows(inset 0 1px transparentize(white, 1), $_blank_edge); + } + + @else if $t==osd { + // + // normal osd button + // + $_bg: if($c != $bg_color, transparentize($c, 0.5), $osd_bg_color); + + color: $osd_fg_color; + border-color: $osd_borders_color; + background-color: transparent; + background-image: image($_bg); + background-clip: padding-box; + box-shadow: inset 0 1px transparentize(white, 0.9); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: transparentize($osd_fg_color, 0.7); + } + + @else if $t==osd-hover { + // + // active osd button + // + $_bg: if($c != $bg_color, transparentize($c, 0.3), lighten($osd_bg_color, 12%)); + + color: white; + border-color: $osd_borders_color; + background-color: transparent; + background-image: image($_bg); + background-clip: padding-box; + box-shadow: inset 0 1px transparentize(white, 0.9); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: transparentize($osd_fg_color, 0.7); + } + + @else if $t==osd-active { + // + // active osd button + // + $_bg: if($c != $bg_color, $c, $osd_borders_color); + + color: white; + border-color: $osd_borders_color; + background-color: transparent; + background-image: image($_bg); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: transparentize($osd_fg_color, 0.7); + } + + @else if $t==osd-insensitive { + // + // insensitive osd button + // + color: $osd_insensitive_fg_color; + border-color: $osd_borders_color; + background-color: transparent; + background-image: image($osd_insensitive_bg_color); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + } + + @else if $t==osd-backdrop { + // + // backdrop osd button + // + $_bg: if($c != $bg_color, transparentize($c, 0.5), $osd_bg_color); + + color: $osd_fg_color; + border-color: $osd_borders_color; + background-color: transparent; + background-image: image($_bg); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + } + + @else if $t==undecorated { + // + // reset + // + border-color: transparent; + background-color: transparent; + background-image: none; + + @include _shadows(inset 0 1px transparentize(white, 1), $_blank_edge); + + text-shadow: none; + -gtk-icon-shadow: none; + } +} + +/*************************** + * Check and Radio buttons * + ***************************/ +@import "../common/buttons.scss"; + + @mixin check($t, $c:$bg_color, $tc:$fg_color, $checked: false) { + // Check/Radio drawing function + // + // $t: check/radio type, + // $c: base button color for colored* types + // $tc: optional text color for colored* types + // $checked: bool to chose between checked/unchecked + // + // possible $t values: + // normal, hover, active, insensitive, backdrop, backdrop-insensitive + + $_border_color: if($c==$checkradio_bg_color, $c, $alt_borders_color); + $_dim_border_color: transparentize($_border_color, if($variant == 'light', 0.3, 0.7)); + + @if $t==normal { + background-clip: if($checked, border-box, padding-box); + background-image: linear-gradient(to bottom, lighten($c, 5%) 20%, $c 90%); + border-color: $_border_color; + box-shadow: 0 1px transparentize(black, 0.95); + color: $tc; + } + + @if $t==hover { + background-image: if($c == white, image(darken($c, 5%)), linear-gradient(to bottom, lighten($c, 9%) 10%, lighten($c, 4%) 90%)); + } + + @if $t==active { + box-shadow: inset 0 1px 1px 0px if($variant == 'light', rgba(0, 0, 0, 0.2), black); + } + + @if $t==insensitive { + box-shadow: none; + color: transparentize($tc, 0.3); + } + + @if $t==backdrop { + background-image: image($c); + box-shadow: none; + color: $tc; + } + + @if $t==backdrop-insensitive { + box-shadow: none; + color: transparentize($tc, 0.3); + } +} + + +@mixin overshoot($p, $t:normal, $c:$fg_color) { +// +// overshoot +// +// $p: position +// $t: type +// $c: base color +// +// possible $p values: +// top, bottom, right, left +// +// possible $t values: +// normal, backdrop +// + + $_small_gradient_length: 5%; + $_big_gradient_length: 100%; + + $_position: center top; + $_small_gradient_size: 100% $_small_gradient_length; + $_big_gradient_size: 100% $_big_gradient_length; + + @if $p==bottom { + $_position: center bottom; + $_linear_gradient_direction: to top; + } + + @else if $p==right { + $_position: right center; + $_small_gradient_size: $_small_gradient_length 100%; + $_big_gradient_size: $_big_gradient_length 100%; + } + + @else if $p==left { + $_position: left center; + $_small_gradient_size: $_small_gradient_length 100%; + $_big_gradient_size: $_big_gradient_length 100%; + } + + $_small_gradient_color: $c; + $_big_gradient_color: $c; + + @if $c==$fg_color { + $_small_gradient_color: darken($borders_color, 10%); + $_big_gradient_color: $fg_color; + + @if $t==backdrop { $_small_gradient_color: $backdrop_borders_color; } + } + + $_small_gradient: -gtk-gradient(radial, + $_position, 0, + $_position, 0.5, + to($_small_gradient_color), + to(transparentize($_small_gradient_color, 1))); + + $_big_gradient: -gtk-gradient(radial, + $_position, 0, + $_position, 0.6, + from(transparentize($_big_gradient_color, 0.93)), + to(transparentize($_big_gradient_color, 1))); + + @if $t==normal { + background-image: $_small_gradient, $_big_gradient; + background-size: $_small_gradient_size, $_big_gradient_size; + } + + @else if $t==backdrop { + background-image: $_small_gradient; + background-size: $_small_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; // +} + + + + + + + + +// _common.scss + +/* Darken switchbuttons for headerbars. issue #1588 */ + stackswitcher button:checked, + button.toggle:checked { + + background: if($variant == 'light', image(darken($bg_color, 17%)), image(darken($bg_color, 9%))); + border-color: darken($borders_color, 3%); + border-top-color: darken($borders_color, 8%); + &:backdrop { + @include button(backdrop-active); + } + } + +/***************** + * GtkSpinButton * + *****************/ + +// this was inside +button { + min-height: 16px; + margin: 0; + padding-bottom: 0; + padding-top: 0; + color: mix($fg_color, $base_color, 90%); + background-image: none; + border-style: none none none solid; + border-color: transparentize($borders_color, 0.7); + border-radius: 0; + box-shadow: none; + background-color: transparent; + + &:dir(rtl) { border-style: none solid none none; } + + &:hover { + color: $fg_color; + background-color: $base_hover_color; + } + + &:disabled { + color: $insensitive_fg_color; + background-color: $insensitive_bg_color; + } + + &:active { + background-color: transparentize(black, 0.9); + box-shadow: inset 0 2px 3px -1px transparentize(black, 0.8); + } + + &:backdrop { + color: mix($backdrop_fg_color, $backdrop_base_color, 90%); + background-color: transparent; + border-color: transparentize($backdrop_borders_color, 0.7); + transition: $backdrop_transition; + } + + &:backdrop:disabled { + color: $insensitive_fg_color; + background-color: $insensitive_bg_color; + background-image: none; + border-style: none none none solid; // It is needed or it gets overridden + + &:dir(rtl) { border-style: none solid none none; } + } + + &:dir(ltr):last-child { border-radius: 0 $button_radius $button_radius 0; } + + &:dir(rtl):first-child { border-radius: $button_radius 0 0 $button_radius; } + } + +// scrollbar {... + + &.overlay-indicator { + &:not(.dragging):not(.hovering) { + border-color: transparent; + opacity: 0.4; + background-color: transparent; + + slider { + margin: 0; + min-width: 3px; + min-height: 3px; + background-color: $fg_color; + border: 1px solid if($variant == 'light', white, black); + } + + button { + min-width: 5px; + min-height: 5px; + background-color: $fg_color; + background-clip: padding-box; + border-radius: 100%; + border: 1px solid if($variant == 'light', white, black); + -gtk-icon-source: none; + } + + &.horizontal { + slider { + margin: 0 2px; + min-width: $_slider_min_length; + } + + button { + margin: 1px 2px; + min-width: 5px; + } + } + + &.vertical { + slider { + margin: 2px 0; + min-height: $_slider_min_length; + } + + button { + margin: 2px 1px; + min-height: 5px; + } + } + } + + &.dragging, + &.hovering { opacity: 0.8; } + } + + +/************* + * Level Bar * + *************/ + +levelbar { + &.horizontal { + block { + min-height: 3px; + } + + &.discrete block { + margin: 0 1px; + min-width: 32px; + } + } + + &.vertical { + block { + min-width: 3px; + } + + &.discrete block { + margin: 1px 0; + min-height: 32px; + } + } + + &:backdrop { transition: $backdrop_transition; } + + trough { + border: 1px solid; + padding: 1px; + border-radius: 3px; + @include entry(normal); + + &:backdrop { @include entry(backdrop); } + border-color: $borders_color; + } + + block { + border: 1px solid; + border-radius: 1px; + + &.low { + border-color: if($variant == 'light', darken($warning_color, 20%), $warning_color); + background-color: $warning_color; + + &:backdrop { border-color: $warning_color; }; + } + + &.high, + &:not(.empty) { + border-color: if($variant == 'light', darken($progress_bg_color, 20%), $progress_bg_color); + background-color: $progress_bg_color; + + &:backdrop { border-color: $progress_bg_color; } + } + + &.full { + border-color: if($variant == 'light', darken($success_color, 20%), $success_color); + background-color: $success_color; + + &:backdrop { border-color: $success_color; }; + } + + &.empty { + background-color: transparent; + border-color: if($variant == 'light', transparentize($fg_color,0.8), transparentize($fg_color,0.9)); + + &:backdrop { border-color: transparentize($backdrop_fg_color,0.85); } + } + } +} + + +/********************** + * Touch Copy & Paste * + *********************/ +//touch selection handlebars for the Popover.osd above +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; + + @each $s,$as in ('',''), + (':hover','-hover'), + (':active','-active') { //no need for insensitive and backdrop + &.top#{$s}:dir(ltr), &.bottom#{$s}:dir(rtl) { + $_url: 'assets/text-select-start#{$as}#{$asset_suffix}'; + -gtk-icon-source: -gtk-scaled(url('#{$_url}.png'), + url('#{$_url}@2.png')); + padding-left: 10px; + } + + &.bottom#{$s}:dir(ltr), &.top#{$s}:dir(rtl) { + $_url: 'assets/text-select-end#{$as}#{$asset_suffix}'; + -gtk-icon-source: -gtk-scaled(url('#{$_url}.png'), + url('#{$_url}@2.png')); + padding-right: 10px; + } + + &.insertion-cursor#{$s}:dir(ltr), &.insertion-cursor#{$s}:dir(rtl) { + $_url: 'assets/slider-horz-scale-has-marks-above#{$as}#{$asset_suffix}'; + -gtk-icon-source: -gtk-scaled(url('#{$_url}.png'), + url('#{$_url}@2.png')); + } + } +} + +//inside scale .color + &.fine-tune { + &.horizontal { + &:dir(ltr), &:dir(rtl) { // specificity bump + padding: 0 0 12px 0; + + trough { + padding-bottom: 7px; + background-position: 0 -6px; + } + + slider { + margin-bottom: -15px; + margin-top: 6px; + } + } + } + + &.vertical { + &:dir(ltr) { + padding: 0 0 0 12px; + + trough { + padding-left: 7px; + background-position: 6px 0; + } + + slider { + margin-left: -15px; + margin-right: 6px; + } + } + + &:dir(rtl) { + padding: 0 12px 0 0; + + trough { + padding-right: 7px; + background-position: -6px 0; + } + + slider { + margin-right: -15px; + margin-left: 6px; + } + } + } + } diff --git a/source/common/gtk4_removed.scss b/source/common/gtk4_removed.scss new file mode 100644 index 0000000..eed9299 --- /dev/null +++ b/source/common/gtk4_removed.scss @@ -0,0 +1,515 @@ +//This file is just a quick placeholder for removed code, so I can easily inspect it when I see bugs in my code that replaces this. +//It is not used when compiling the theme + +// _drawing.scss + +@mixin button($t, $c:$_default_button_c, $tc:$fg_color) { +// +// Button drawing function +// +// $t: button type, +// $c: base button color for colored* types +// $tc: optional text color for colored* types +// +// possible $t values: +// normal, hover, active, checked-hover, checked-active, insensitive, insensitive-active, +// backdrop, backdrop-active, backdrop-insensitive, backdrop-insensitive-active, +// osd, osd-hover, osd-active, osd-insensitive, osd-backdrop, undecorated +// + $_button_shadow: 0 1px 2px transparentize($shadow_color, 0.03); + + @if $t==normal { + // + // normal button + // + color: $tc; + outline-color: if($c != $_default_button_c, $alt_focus_border_color, $focus_border_color); + border-color: if($c!=$_default_button_c, _border_color($c, true), $borders_color); //tint if not default button color + background-image: if($variant == 'light', linear-gradient(to top, darken($c, 2%) 2px, $c), + linear-gradient(to top, darken($c,1%) 2px, $c)); + @include _shadows($_button_shadow); + } + + @else if $t==hover { + // + // hovered button + // + color: $tc; + border-color: if($c != $_default_button_c, _border_color($c), $borders_color); + @if $variant == 'light' { + background-image: linear-gradient(to top, darken($c,16%), darken($c,8%) 1px); + @include _shadows($_button_shadow); + } + @else { + background-image: linear-gradient(to top, darken($c,4%) 20%, darken($c, 3%) 90%); + @include _shadows($_button_shadow); + } + } + + @else if $t==active { + // + // pushed button + // + color: $tc; + border-color: if($c != $_default_button_c, _border_color($c), $borders_color); + background-image: if($variant == 'light', image(darken($c, 14%)), image(darken($c, 9%))); + box-shadow: none; + } + + @else if $t==checked-hover { + // + // pushed togglebutton hover + // + color: $tc; + border-color: if($c != $_default_button_c, _border_color($c), $borders_color); + background-image: if($variant == 'light', image(darken($c, 18%)), image(darken($c, 12%))); + box-shadow: none; + } + + @else if $t==checked-active { + // + // pushed togglebutton pushed further :) + // + color: $tc; + border-color: if($c != $_default_button_c, _border_color($c), $borders_color); + background-image: if($variant == 'light', image(darken($c, 22%)), image(darken($c, 14%))); + box-shadow: none; + } + + @else if $t==insensitive { + // + // insensitive button + // + $_bg: if($c != $_default_button_c, mix($c, $base_color, 85%), $insensitive_bg_color); + + color: if($tc != $fg_color, mix($tc, $_bg, 50%), $insensitive_fg_color); + border-color: if($c != $_default_button_c, _border_color($c), $insensitive_borders_color); + background-image: image($_bg); + } + + @else if $t==insensitive-active { + // + // insensitive pushed button + // + $_bg: if($variant == 'light', darken(mix($c, $base_color, 85%), 8%), darken(mix($c, $base_color, 85%), 6%)); + $_bc: if($c != $_default_button_c, _border_color($c), $insensitive_borders_color); + + color: if($c != $_default_button_c, mix($tc, $_bg, 60%), $insensitive_fg_color); + border-color: $_bc; + background-image: image($_bg); + box-shadow: none; + } + + @else if $t==backdrop { + // + // backdrop button + // + $_bg: if($c != $_default_button_c, $c, $backdrop_bg_color); + $_bc: if($variant == 'light', $c, _border_color($c)); + + color: if($tc != $fg_color, mix($tc, $_bg, 80%), $backdrop_fg_color); + border-color: if($c != $_default_button_c, $_bc, $backdrop_borders_color); + background-image: image($_bg); + box-shadow: none; + } + + @else if $t==backdrop-active { + // + // backdrop pushed button + // + $_bg: if($variant == 'light', darken(mix($c, $base_color, 85%), 8%), darken(mix($c, $base_color, 85%), 4%)); + $_bc: if($variant == 'light', $_bg ,_border_color($c)); + + color: if($tc != $fg_color, mix($tc, $_bg, 80%), $backdrop_fg_color); + border-color: if($c != $_default_button_c, $_bc, $backdrop_borders_color); + background-image: image($_bg); + box-shadow: none; + } + + @else if $t==backdrop-insensitive { + // + // backdrop insensitive button + // + + $_bg: if($c != $_default_button_c, mix($c, $base_color, 85%), $insensitive_bg_color); + $_bc: if($variant == 'light', $_bg,_border_color($c)); + + color: if($c != $_default_button_c, mix($tc, $_bg, 35%), $backdrop_insensitive_color); + border-color: if($c != $_default_button_c, $_bc, $backdrop_borders_color); + background-image: image($_bg); + box-shadow: none; + } + + @else if $t==backdrop-insensitive-active { + // + // backdrop insensitive pushed button + // + + $_bg: if($variant == 'light', darken(mix($c, $base_color, 85%), 8%), darken(mix($c, $base_color, 85%), 4%)); + $_bc: if($variant == 'light', $_bg, _border_color($c)); + + color: if($c != $_default_button_c, mix($tc, $_bg, 35%), $backdrop_insensitive_color); + border-color: if($c != $_default_button_c, $_bc, $backdrop_borders_color); + background-image: image($_bg); + box-shadow: none; + } + + @else if $t==osd { + // + // normal osd button + // + $_bg: if($c != $_default_button_c, transparentize($c, 0.5), $osd_bg_color); + + color: $osd_fg_color; + outline-color: if($c != $_default_button_c, $alt_focus_border_color, $focus_border_color); + border-color: $osd_borders_color; + background-color: transparent; + background-image: image($_bg); + background-clip: padding-box; + } + + @else if $t==osd-hover { + // + // active osd button + // + $_bg: if($c != $_default_button_c, transparentize($c, 0.3), darken($osd_bg_color, 10%)); + + color: white; + border-color: $osd_borders_color; + background-color: transparent; + background-image: image($_bg); + background-clip: padding-box; + } + + @else if $t==osd-active { + // + // active osd button + // + $_bg: if($c != $_default_button_c, $c, darken($osd_bg_color, 20%)); + + color: white; + border-color: $osd_borders_color; + background-color: transparent; + background-image: image($_bg); + background-clip: padding-box; + box-shadow: none; + } + + @else if $t==osd-insensitive { + // + // insensitive osd button + // + color: $osd_insensitive_fg_color; + border-color: $osd_borders_color; + background-color: transparent; + background-image: image($osd_insensitive_bg_color); + background-clip: padding-box; + } + + @else if $t==osd-backdrop { + // + // backdrop osd button + // + $_bg: if($c != $_default_button_c, transparentize($c, 0.5), $osd_bg_color); + + color: $osd_fg_color; + border-color: $osd_borders_color; + background-color: transparent; + background-image: image($_bg); + background-clip: padding-box; + } + + @else if $t==undecorated { + // + // reset + // + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + } + @else if $t==undecorated-hover { + border-color: transparent; + background-image: none; + box-shadow: none; + @if $variant == 'light' { + background-color: darken($c,14%); + } @else { + background-color: darken($c,1%); + } + } + @else if $t==undecorated-active { + border-color: transparent; + background-image: none; + box-shadow: none; + @if $variant == 'light' { + background-color: darken($c,20%); + } + @else { + background-color: darken($c,5%); + } + } +} + +/*************************** + * Check and Radio buttons * + ***************************/ + + @mixin check($t, $c:$checkradio_bg_color, $tc:$checkradio_fg_color, $checked: false) { + // Check/Radio drawing function + // + // $t: check/radio type, + // $c: base button color for colored* types + // $tc: optional text color for colored* types + // $checked: bool to chose between checked/unchecked + // + // possible $t values: + // normal, hover, active, insensitive, backdrop, backdrop-insensitive, menu + + $_border_color: if($c==$checkradio_bg_color, $checkradio_borders_color, $alt_borders_color); + $_dim_border_color: transparentize($_border_color, if($variant == 'light', 0.3, 0.7)); + + @if $t==normal { + background-clip: if($checked, border-box, padding-box); + background-image: linear-gradient(to bottom, lighten($c, 5%) 20%, $c 90%); + border-color: $_border_color; + box-shadow: 0 1px transparentize(black, 0.95); + color: $tc; + } + + @if $t==hover { + background-image: if($c == white, image(darken($c, 5%)), linear-gradient(to bottom, lighten($c, 9%) 10%, lighten($c, 4%) 90%)); + } + + @if $t==active { + box-shadow: inset 0 1px if($variant == 'light', rgba(0, 0, 0, 0.2), black); + background-image: if($c == white, image(darken($c, 15%)), image(darken($c, 5%))); + } + + @if $t==insensitive { + box-shadow: none; + color: transparentize($tc, 0.3); + } + + @if $t==backdrop { + background-image: image($c); + box-shadow: none; + color: $tc; + } + + @if $t==backdrop-insensitive { + box-shadow: none; + color: transparentize($tc, 0.3); + } + + @if $t==menu { + transform: scale(0.8); + border-width: 1.2px; + border-color: transparent; + box-shadow: none; + background-image: image(transparent); + color: $tc; + } + + @if $t==menu-active { + transform: scale(0.8); + border-width: 1.2px; + color: $tc; + box-shadow: none; + background-image: image(transparent); + } +} + + + + + + + + + + + + + + + +// _common.scss + +/* Darken switchbuttons for headerbars. issue #1588 */ + stackswitcher > button:checked, + button.toggle:checked { + + background: if($variant == 'light', image(darken($bg_color, 17%)), image(darken($bg_color, 9%))); + border-color: darken($borders_color, 3%); + border-top-color: darken($borders_color, 8%); + &:backdrop { + @include button(backdrop-active); + } + } + +/***************** + * GtkSpinButton * + *****************/ + + //this was inside + + > button.image-button.up:not(.flat), + > button.image-button.down:not(.flat) { + min-height: 16px; + margin: 0; + padding-bottom: 0; + padding-top: 0; + color: mix($fg_color, $base_color, 90%); + background-image: none; + border-style: none none none solid; + border-color: transparentize($borders_color, 0.7); + border-radius: 0; + box-shadow: none; + background-color: transparent; + + &:dir(rtl) { border-style: none solid none none; } + + &:hover { + color: $fg_color; + background-color: darken($bg_color,5%); + } + + &:disabled { + color: $insensitive_fg_color; + background-color: $insensitive_bg_color; + } + + &:active { + background-color: transparentize(black, 0.9); + box-shadow: inset 0 2px 3px -1px transparentize(black, 0.8); + } + + &:dir(ltr):last-child { border-radius: 0 $button_radius $button_radius 0; } + + &:dir(rtl):first-child { border-radius: $button_radius 0 0 $button_radius; } + } + + +// scrollbar {... + &.overlay-indicator { + &:not(.dragging):not(.hovering) { + border-color: transparent; + opacity: 0.4; + background-color: transparent; + + > range > trough > slider { + margin: 0; + min-width: 3px; + min-height: 3px; + background-color: $fg_color; + border: 1px solid if($variant == 'light', white, black); + } + + &.horizontal { + > range > trough > slider { + margin: 0 2px; + min-width: $_slider_min_length; + } + } + + &.vertical { + > range > trough > slider { + margin: 2px 0; + min-height: $_slider_min_length; + } + } + } + + &.dragging, + &.hovering { opacity: 0.8; } + } + + +/********************** + * Touch Copy & Paste * + *********************/ +//touch selection handlebars for the Popover.osd above +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; + min-width: 20px; + min-height: 24px; + padding-left: 20px; + padding-right: 20px; + padding-top: 24px; + padding-bottom: 24px; + + @each $s,$as in ('',''), + (':hover','-hover'), + (':active','-active') { //no need for insensitive and backdrop + &.top#{$s}:dir(ltr), &.bottom#{$s}:dir(rtl) { + $_url: '#{$assets}/text-select-start#{$as}#{$asset_suffix}'; + -gtk-icon-source: -gtk-scaled(url('#{$_url}.png'), + url('#{$_url}@2.png')); + } + + &.bottom#{$s}:dir(ltr), &.top#{$s}:dir(rtl) { + $_url: '#{$assets}/text-select-end#{$as}#{$asset_suffix}'; + -gtk-icon-source: -gtk-scaled(url('#{$_url}.png'), + url('#{$_url}@2.png')); + } + + &.insertion-cursor#{$s}:dir(ltr), &.insertion-cursor#{$s}:dir(rtl) { + $_url: '#{$assets}/slider-horz-scale-has-marks-above#{$as}#{$asset_suffix}'; + -gtk-icon-source: -gtk-scaled(url('#{$_url}.png'), + url('#{$_url}@2.png')); + } + } +} + +//inside scale .color +&.fine-tune { + &.horizontal { + &:dir(ltr), &:dir(rtl) { // specificity bump + padding: 0 0 12px 0; + + > trough { + padding-bottom: 7px; + background-position: 0 -6px; + } + + > trough > slider { + margin-bottom: -15px; + margin-top: 6px; + } + } + } + + &.vertical { + &:dir(ltr) { + padding: 0 0 0 12px; + + > trough { + padding-left: 7px; + background-position: 6px 0; + } + + > trough > slider { + margin-left: -15px; + margin-right: 6px; + } + } + + &:dir(rtl) { + padding: 0 12px 0 0; + + > trough { + padding-right: 7px; + background-position: -6px 0; + } + + > trough > slider { + margin-right: -15px; + margin-left: 6px; + } + } + } + } diff --git a/source/common/levelbar.scss b/source/common/levelbar.scss new file mode 100644 index 0000000..052930d --- /dev/null +++ b/source/common/levelbar.scss @@ -0,0 +1,87 @@ +/************* + * Level Bar * + *************/ + +$_levelbar_size: 9px; +$_levelbar_border_radius: 5px; + +levelbar { + &.horizontal { + trough > block { + min-height: $_levelbar_size; + border-radius: $_levelbar_border_radius; + + &:dir(rtl) { + border-radius: 0 $_levelbar_border_radius $_levelbar_border_radius 0; + } + + &:dir(ltr) { + border-radius: $_levelbar_border_radius 0 0 $_levelbar_border_radius; + } + + &.empty,&.full { + border-radius: $_levelbar_border_radius; + } + } + + // segmented level bar + &.discrete { + trough > block { + min-height: 2px; + margin: 1px; + min-width: 24px; + border-radius:0; + &:first-child {border-radius: 2px 0 0 2px;} + &:last-child { + border-radius: 0 2px 2px 0; + } + } + } + } + + &.vertical { + trough > block { + min-width: $_levelbar_size; + border-radius: $_levelbar_border_radius; + } + + &.discrete > trough > block { + min-width: $_levelbar_size - 7px; + margin: 1px 0; + min-height: 32px; + } + } + + > trough { + padding: 1px; + @include entry(normal); + &:backdrop { @include entry(backdrop); } + border-radius: $_levelbar_border_radius; + } + + // level bar colours + > trough > block { + border: 1px solid; + + &.low { + border-color: $warning_color; + background-color: $warning_color; + } + + &.high, + &:not(.empty) { + border-color: $selected_bg_color; + background-color: $selected_bg_color; + } + + &.full { + border-color: $success_color; + background-color: $success_color; + } + + &.empty { + background-color: darken($bg_color, 5%); + border-color: darken($bg_color, 5%); + } + } +} diff --git a/source/common/notebook.scss b/source/common/notebook.scss new file mode 100644 index 0000000..a0b5053 --- /dev/null +++ b/source/common/notebook.scss @@ -0,0 +1,298 @@ +notebook { + > header { + padding: 1px; + border-color: $borders_color; + border-width: 1px; + background-color: $dark_fill; + + &:backdrop { + border-color: $backdrop_borders_color; + background-color: $backdrop_dark_fill; + } + + tabs { margin: -1px; } + + &.top { + border-bottom-style: solid; + > tabs { + margin-bottom: -2px; + > tab { + border-top-left-radius: $tab_radius; + border-top-right-radius: $tab_radius; + + &:hover { border-bottom-color: $borders_color; } + + &:backdrop { box-shadow: none; } + + &:checked { + @include _shadows(inset 0 (2 * $tab_radius + 4) 0 (-(2*$tab_radius)) $selected_bg_color, inset 0 1px $hilight_color); + border-color: $borders_color; + border-bottom-color: transparent; + } + } + } + } + + &.bottom { + border-top-style: solid; + > tabs { + margin-top: -2px; + > tab { + border-bottom-left-radius: $tab_radius; + border-bottom-right-radius: $tab_radius; + &:hover { border-top-color: $borders_color; } + + &:backdrop { box-shadow: none; } + + &:checked { + @include _shadows(inset 0 (-(2 * $tab_radius + 4)) 0 (-(2*$tab_radius)) $selected_bg_color, $button_shadow_normal); + border-color: $borders_color; + border-top-color: transparent; + } + } + } + } + + &.left { + border-right-style: solid; + > tabs { + margin-right: -2px; + > tab { + border-top-left-radius: $tab_radius; + border-bottom-left-radius: $tab_radius; + &:hover { border-right-color: $borders_color; } + + &:backdrop { box-shadow: none; } + + &:checked { + @include _shadows(inset ((2 * $tab_radius + 4)) 0 0 (-(2*$tab_radius)) $selected_bg_color, $button_shadow_normal, inset 0 1px $hilight_color); + border-color: $borders_color; + border-right-color: transparent; + } + } + } + } + + &.right { + border-left-style: solid; + > tabs { + margin-left: -2px; + > tab { + border-top-right-radius: $tab_radius; + border-bottom-right-radius: $tab_radius; + &:hover { border-left-color: $borders_color; } + + &:backdrop { box-shadow: none; } + + &:checked { + @include _shadows(inset (-(2 * $tab_radius + 4)) 0 0 (-(2*$tab_radius)) $selected_bg_color, $button_shadow_normal, inset 0 1px $hilight_color); + border-color: $borders_color; + border-left-color: transparent; + } + } + } + } + + &.top > tabs > arrow { + @extend %notebook_vert_arrows; + + border-top-style: none; + } + + &.bottom > tabs > arrow { + @extend %notebook_vert_arrows; + + border-bottom-style: none; + } + + @at-root %notebook_vert_arrows { + margin-left: -5px; + margin-right: -5px; + padding-left: 4px; + padding-right: 4px; + + &.down { -gtk-icon-source: -gtk-icontheme('pan-start-symbolic'); } + + &.up { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); } + } + + &.left > tabs > arrow { + @extend %notebook_horz_arrows; + + border-left-style: none; + } + + &.right > tabs > arrow { + @extend %notebook_horz_arrows; + + border-right-style: none; + } + + @at-root %notebook_horz_arrows { + margin-top: -5px; + margin-bottom: -5px; + padding-top: 4px; + padding-bottom: 4px; + + &.down { -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); } + + &.up { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } + } + + > tabs > arrow { + //@extend %button_basic; + @extend %button; + + //@extend %button_basic_flat; + + min-height: 16px; + min-width: 16px; + border-radius: 0; + + &:hover:not(:active):not(:backdrop) { + //background-clip: padding-box; + //background-image: none; + //background-color: transparentize(white, 0.7); + //border-color: transparent; + //box-shadow: none; + @include button(hover); + } + &:active {@include button(active);} + + &:disabled { @include button(insensitive); } + } + + tabs > tab { + border: 1px solid transparent; + min-height: 20px; + min-width: 20px; + padding: 3px 12px; + + outline-offset: -5px; + + color: $fg_color; + font-weight: normal; + + + &:hover { + color: $fg_color; + background-color: darken($bg_color,4%); + + &.reorderable-page { + border-color: transparentize($borders_color, 0.7); + background-color: transparentize($bg_color, 0.8); + } + } + + &:backdrop { + color: mix($backdrop_fg_color, $backdrop_bg_color, 60%); + + &.reorderable-page { + border-color: transparent; + background-color: transparent; + } + } + + &:checked { + color: $fg_color; + background-color: $base_color; + //&.reorderable-page { + // border-color: transparentize($borders_color, 0.5); + // background-color: transparentize($bg_color, 0.5); + + // &:hover { background-color: transparentize($bg_color, 0.3); } + //} + } + + &:backdrop:checked { + color: $backdrop_fg_color; + background-color: $backdrop_base_color; + + //&.reorderable-page { + // border-color: $backdrop_borders_color; + // background-color: $backdrop_base_color; + //} + } + + // colors the button like the label, overridden otherwise + button.flat { + //&:hover { color: currentColor; } + + //&, &:backdrop { color: gtkalpha(currentColor, 0.3); } + + padding: 1px; + margin: 2px; + //margin-top: 4px; + //margin-bottom: 4px; + //// FIXME: generalize .small-button? + //min-width: 20px; + //min-height: 20px; + + &:last-child { + margin-left: 4px; + margin-right: -4px; + } + + &:first-child { + margin-left: -4px; + margin-right: 4px; + } + } + } + + &.top, + &.bottom { + tabs { + padding-left: 4px; + padding-right: 4px; + + &:not(:only-child) { + margin-left: 3px; + margin-right: 3px; + + &:first-child { margin-left: -1px; } + &:last-child { margin-right: -1px; } + } + + tab { + margin-left: 4px; + margin-right: 4px; + + &.reorderable-page { border-style: none solid; } + } + } + } + + &.left, + &.right { + tabs { + padding-top: 4px; + padding-bottom: 4px; + + &:not(:only-child) { + margin-top: 3px; + margin-bottom: 3px; + + &:first-child { margin-top: -1px; } + &:last-child { margin-bottom: -1px; } + } + + tab { + margin-top: 4px; + margin-bottom: 4px; + + &.reorderable-page { border-style: solid none; } + } + } + } + + &.top tab { padding-bottom: 4px; } + &.bottom tab { padding-top: 4px; } + } + + > stack:not(:only-child) { // the :not(:only-child) is for "hidden" notebooks + background-color: $base_color; + + &:backdrop { background-color: $backdrop_base_color; } + } +} diff --git a/source/common/old_slider_madness.scss b/source/common/old_slider_madness.scss new file mode 100644 index 0000000..8bf986f --- /dev/null +++ b/source/common/old_slider_madness.scss @@ -0,0 +1,90 @@ + //this used to be in _common.scss. I've left there the warning to locate where it used to be. This code is now unused. + + /* + // *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'), + (':backdrop', '-backdrop'), + (':backdrop:disabled', '-backdrop-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}#{$suffix}'; + 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: 22px; + + @if $marks_infix == 'scale-has-marks-above' { + margin-top: -14px; + + $_scale_slider_bg_pos: top; + } + + @else { margin-bottom: -14px; } + } + + @else { + min-height: 22px; + 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; } + } + } + } + } + } + }*/ diff --git a/source/common/overshoot.scss b/source/common/overshoot.scss new file mode 100644 index 0000000..d17f9c9 --- /dev/null +++ b/source/common/overshoot.scss @@ -0,0 +1,61 @@ +@mixin overshoot($p, $t:normal, $c:$selected_bg_color) { +// +// overshoot +// +// $p: position +// $t: type +// $c: base color +// +// possible $p values: +// top, bottom, right, left +// +// possible $t values: +// normal, backdrop +// + + $_small_gradient_length: 3%; + $_big_gradient_length: 50%; + + $_small_gradient_size: 100% $_small_gradient_length; + $_big_gradient_size: 100% $_big_gradient_length; + + @if $p==right or $p==left { + $_small_gradient_size: $_small_gradient_length 100%; + $_big_gradient_size: $_big_gradient_length 100%; + } + + $_small_gradient_color: $c; + $_big_gradient_color: transparentize($c, 0.93); + + @if $c==$fg_color { + $_small_gradient_color: darken($borders_color, 10%); + $_big_gradient_color: transparentize($fg_color, 0.93); + + @if $t==backdrop { $_small_gradient_color: $backdrop_borders_color; } + } + + $_small_gradient: radial-gradient(farthest-side at $p, + $_small_gradient_color 85%, + transparentize($_small_gradient_color, 1)); + + $_big_gradient: radial-gradient(farthest-side at $p, + $_big_gradient_color, + transparentize($_big_gradient_color, 1)); + + @if $t==normal { + background-image: $_small_gradient, $_big_gradient; + background-size: $_small_gradient_size, $_big_gradient_size; + } + + @else if $t==backdrop { + background-image: $_small_gradient; + background-size: $_small_gradient_size; + } + + background-repeat: no-repeat; + background-position: $p; + + background-color: transparent; // reset some properties to be sure to not inherit them somehow + border: none; // + box-shadow: none; // +} diff --git a/source/common/undershoot.scss b/source/common/undershoot.scss new file mode 100644 index 0000000..96ceaba --- /dev/null +++ b/source/common/undershoot.scss @@ -0,0 +1,25 @@ +undershoot { + background-repeat: no-repeat; + background-clip: border-box; + &.top { + background-image: linear-gradient(to bottom, gtkalpha(currentColor, 0.5), gtkalpha(currentColor, 0.2), gtkalpha(currentColor, 0)); + background-size: 100% 1em; + background-position: top; + } + &.bottom { + background-image: linear-gradient(to top, gtkalpha(currentColor, 0.5), gtkalpha(currentColor, 0.2), gtkalpha(currentColor, 0)); + background-size: 100% 1em; + background-position: bottom; + } + &.left { + background-image: linear-gradient(to right, gtkalpha(currentColor, 0.5), gtkalpha(currentColor, 0.2), gtkalpha(currentColor, 0)); + background-size: 1em 100%; + background-position: left; + } + &.right { + background-image: linear-gradient(to left, gtkalpha(currentColor, 0.5), gtkalpha(currentColor, 0.2), gtkalpha(currentColor, 0)); + background-size: 1em 100%; + background-position: right; + } + +} diff --git a/source/compile.sh b/source/compile.sh new file mode 100755 index 0000000..6116798 --- /dev/null +++ b/source/compile.sh @@ -0,0 +1,147 @@ +#! /bin/bash + +showHelp () { + + echo "Usage: $(basename "$0") --help | source_dir dest_dir variant | variant" + echo "Meaning:" + echo -e "\t --help: display help" + echo -e "\t source_dir: source to compile" + echo -e "\t dest_dir: destination to copy resulting gtk.css to." + echo -e "\t variant: either light or dark variant" + echo -e "If no source and destination are specified, source is current directory and destination is parent directory" +} + +showErrorUsage () { +# shows an error message (paramter 1) and then calls showHelp + echo error: $1 + showHelp +} + +if [ ! "$(which sassc 2> /dev/null)" ]; then + showErrorUsage "sassc needs to be installed to generate the css." + exit 1 +fi + +if [ $# -gt 3 ] || [ $# -eq 2 ] +then + showErrorUsage "incorrect number of parameters" + exit 1 +fi + +if [[ $1 == "--help" || $1 == "-h" ]] +then + echo "Calling for help" + showHelp + exit 0; +fi + +if [ $# -le 1 ] +then + source_dir=. + dest_dir=.. +else + source_dir=$1 + dest_dir=$2 +fi + +if [ $# -eq 1 ] +then + variant=$1 +else + variant=$3 +fi + +if [ "$variant" == "light" ] +then + gtkthree="" + gtkfour="light" +elif [ "$variant" == "dark" ] +then + gtkthree="-dark" + gtkfour="dark" +else + showErrorUsage "invalid variant name '$variant'. Also: high contrast not yet supported." + exit 2 +fi + + +echo -e "\nCompiling with the following values: " +echo -e " source: $source_dir" +echo -e " destination: $dest_dir" +echo -e " variant: $variant\n\n" + +if [ ! -d "$source_dir" ] +then + showErrorUsage "source directory not found" + exit 2 +fi + +if [ ! -d "$dest_dir" ] +then + showErrorUsage "destination directory not found" + exit 2 +fi + + + +# ----------------- gtk3 ------------------------- +echo "Compiling gtk3..." + +if [ ! -d "$source_dir/gtk3" ] +then + echo "Error: source directory must contain gtk3 subdirectory" + exit 1 +fi + +sassc -M -t compact "$source_dir/gtk3/gtk-contained$gtkthree.scss" "$source_dir/gtk3/gtk-new.css" + +if [ $? -ne 0 ] +then + echo "Error: sassc exited with error, aborting deployment of gtk3" +else + echo "Deploying gtk3..." + if [ ! -d "$dest_dir/gtk-3.0" ] + then + mkdir "$dest_dir/gtk-3.0" + fi + cp "$source_dir/gtk3/gtk-new.css" "$dest_dir/gtk-3.0/gtk.css" + if [ $? -ne 0 ] + then + echo "Deployment: error copying to destination directory." + else + echo "...done!" + fi +fi + + + + +# ----------------- gtk4 ------------------------- + +echo -e "\n\n\nCompiling gtk4..." + +if [ ! -d "$source_dir/gtk4" ] +then + echo "Error: source directory must contain gtk4 subdirectory" + exit 1 +fi + +sassc -M -t compact "$source_dir/gtk4/Default-$gtkfour.scss" "$source_dir/gtk4/gtk-new.css" + +if [ $? -ne 0 ] +then + echo "Error: sassc exited with error, aborting deployment of gtk4" +else + echo "Deploying gtk4..." + if [ ! -d "$dest_dir/gtk-4.0" ] + then + mkdir "$dest_dir/gtk-4.0" + fi + cp "$source_dir/gtk4/gtk-new.css" "$dest_dir/gtk-4.0/gtk.css" + if [ $? -ne 0 ] + then + echo "Deployment: error copying to destination directory." + else + echo "...done!" + fi +fi diff --git a/source/gtk3/README b/source/gtk3/README new file mode 100644 index 0000000..f7a50be --- /dev/null +++ b/source/gtk3/README @@ -0,0 +1,34 @@ +Summary +------- + +* Do not edit the CSS directly, edit the source SCSS files +* To be able to use the latest/adequate version of SASS, install sassc +* The configure script will detect whether or not you have sassc installed; + if you do, it will regenerate the CSS every time you modify the SCSS files + and rebuild GTK+. + +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, GTK+ will rebuild the CSS files. diff --git a/source/gtk3/_colors-public.scss b/source/gtk3/_colors-public.scss new file mode 100644 index 0000000..3b638e2 --- /dev/null +++ b/source/gtk3/_colors-public.scss @@ -0,0 +1,119 @@ +//apps rely on some named colors to be exported +/* GTK NAMED COLORS + ---------------- + use responsibly! */ + +// 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 +/* +widget text/foreground color */ +@define-color theme_fg_color #{"" +$fg_color}; + +/* +text color for entries, views and content in general */ +@define-color theme_text_color #{"" +$text_color}; + +/* +widget base background color */ +@define-color theme_bg_color #{"" +$bg_color}; + +/* +text widgets and the like base background color */ +@define-color theme_base_color #{"" +$base_color}; + +/* +base background color of selections */ +@define-color theme_selected_bg_color #{"" +$selected_bg_color}; + +/* +text/foreground color of selections */ +@define-color theme_selected_fg_color #{"" +$selected_fg_color}; + +/* +base background color of insensitive widgets */ +@define-color insensitive_bg_color #{"" +$insensitive_bg_color}; + +/* +text foreground color of insensitive widgets */ +@define-color insensitive_fg_color #{"" +$insensitive_fg_color}; + +/* +insensitive text widgets and the like base background color */ +@define-color insensitive_base_color #{"" +$base_color}; + +/* +widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #{"" +$backdrop_fg_color}; + +/* +text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color #{"" +$text_color}; + +/* +widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #{"" +$backdrop_bg_color}; + +/* +text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #{"" +$backdrop_base_color}; + +/* +base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #{"" +$selected_bg_color}; + +/* +text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #{"" + $selected_fg_color}; + +/* +insensitive color on backdrop windows*/ +@define-color unfocused_insensitive_color #{"" + $backdrop_insensitive_color}; + +/* +widgets main borders color */ +@define-color borders #{"" +$borders_color}; + +/* +widgets main borders color on backdrop windows */ +@define-color unfocused_borders #{"" +$backdrop_borders_color}; + +/* +these are pretty self explicative */ +@define-color warning_color #{"" +$warning_color}; +@define-color error_color #{"" +$error_color}; +@define-color success_color #{"" +$success_color}; +//@define-color destructive_color #{$destructive_color} + +//WM + +$_wm_highlight: if($variant=='light', $top_hilight, // Sass gets mad if this is + transparentize(black,1)); // done directly in the + // color definition + +/* +these colors are exported for the window manager and shouldn't be used in applications, +read if you used those and something break with a version upgrade you're on your own... */ +@define-color wm_title shade(#{$fg_color}, 1.8); +@define-color wm_unfocused_title #{$backdrop_fg_color}; +@define-color wm_highlight #{"" + $_wm_highlight}; +@define-color wm_borders_edge #{"" + $borders_edge}; + +@define-color wm_bg_a shade(#{$bg_color}, 1.2); +@define-color wm_bg_b #{$bg_color}; + +@define-color wm_shadow alpha(black, 0.35); +@define-color wm_border alpha(black, 0.18); + +@define-color wm_button_hover_color_a shade(#{$bg_color}, 1.3); +@define-color wm_button_hover_color_b #{$bg_color}; +@define-color wm_button_active_color_a shade(#{$bg_color}, 0.85); +@define-color wm_button_active_color_b shade(#{$bg_color}, 0.89); +@define-color wm_button_active_color_c shade(#{$bg_color}, 0.9); + +//FIXME this is really an API + +/* content view background such as thumbnails view in Photos or Boxes */ +@define-color content_view_bg #{"" + $base_color}; + +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #{"" + if($variant == 'light', $base_color, darken($base_color,6%))}; diff --git a/source/gtk3/_colors.scss b/source/gtk3/_colors.scss new file mode 100644 index 0000000..e998799 --- /dev/null +++ b/source/gtk3/_colors.scss @@ -0,0 +1,28 @@ +// When color definition differs for dark and light variant +// it gets @if ed depending on $variant + +@import '../common/theme_colors.scss'; +@import '../common/common_colors.scss'; + + +$headerbar_color: if($variant == 'light', lighten($bg_color, 5%), darken($bg_color, 3%)); + +$popover_bg_color: $bg_color; +$popover_hover_color: lighten($bg_color, 5%); + + +$base_hover_color: transparentize($fg_color, 0.95); + + + + +//colors for the backdrop state, derived from the main colors. + +$backdrop_sidebar_bg_color: mix($backdrop_bg_color, $backdrop_base_color, 50%); + +$backdrop_scrollbar_bg_color: darken($backdrop_bg_color, 3%); +$backdrop_scrollbar_slider_color: mix($backdrop_fg_color, $backdrop_bg_color, 40%); + +$backdrop_menu_color: if($variant == 'light', $backdrop_base_color, mix($backdrop_bg_color, $backdrop_base_color, 20%)); + + diff --git a/source/gtk3/_colors.scss.original b/source/gtk3/_colors.scss.original new file mode 100644 index 0000000..32dd762 --- /dev/null +++ b/source/gtk3/_colors.scss.original @@ -0,0 +1,77 @@ +// When color definition differs for dark and light variant +// it gets @if ed depending on $variant + +$base_color: if($variant == 'light', #ffffff, lighten(desaturate(#241f31, 100%), 2%)); +$text_color: if($variant == 'light', black, white); +$bg_color: if($variant == 'light', #f6f5f4, darken(desaturate(#3d3846, 100%), 4%)); +$fg_color: if($variant == 'light', #2e3436, #eeeeec); + +$selected_fg_color: #ffffff; +$selected_bg_color: if($variant == 'light', #3584e4, darken(#3584e4, 20%)); +$selected_borders_color: if($variant== 'light', darken($selected_bg_color, 15%), darken($selected_bg_color, 30%)); +$borders_color: if($variant == 'light', darken($bg_color, 18%), darken($bg_color, 10%)); +$alt_borders_color: if($variant == 'light', darken($bg_color, 24%), darken($bg_color, 18%)); +$borders_edge: if($variant == 'light', transparentize(white, 0.2), transparentize($fg_color, 0.93)); +$link_color: if($variant == 'light', darken($selected_bg_color, 10%), lighten($selected_bg_color, 20%)); +$link_visited_color: if($variant == 'light', darken($selected_bg_color, 20%), lighten($selected_bg_color, 10%)); +$top_hilight: $borders_edge; +$dark_fill: mix($borders_color, $bg_color, 50%); +$headerbar_color: if($variant == 'light', lighten($bg_color, 5%), darken($bg_color, 3%)); +$menu_color: if($variant == 'light', $base_color, mix($bg_color, $base_color, 20%)); +$popover_bg_color: $bg_color; +$popover_hover_color: lighten($bg_color, 5%); + +$scrollbar_bg_color: if($variant == 'light', mix($bg_color, $fg_color, 80%), mix($base_color, $bg_color, 50%)); +$scrollbar_slider_color: mix($fg_color, $bg_color, 60%); +$scrollbar_slider_hover_color: mix($fg_color, $bg_color, 80%); +$scrollbar_slider_active_color: if($variant=='light', darken($selected_bg_color, 10%), lighten($selected_bg_color, 10%)); + +$warning_color: #f57900; +$error_color: #cc0000; +$success_color: if($variant == 'light', #33d17a, darken(#33d17a, 10%)); +$destructive_color: if($variant == 'light', #e01b24, darken(#e01b24, 10%)); + +$osd_fg_color: #eeeeec; +$osd_text_color: white; +$osd_bg_color: if($variant == 'light', transparentize(darken(desaturate(#3d3846, 100%), 4%),0.1), transparentize(darken(desaturate(#3d3846, 100%), 10%),0.1)); +$osd_insensitive_bg_color: transparentize(mix($osd_fg_color, opacify($osd_bg_color, 1), 10%), 0.5); +$osd_insensitive_fg_color: mix($osd_fg_color, opacify($osd_bg_color, 1), 50%); +$osd_borders_color: transparentize(black, 0.3); + +$sidebar_bg_color: mix($bg_color, $base_color, 50%); +$base_hover_color: transparentize($fg_color, 0.95); + +$tooltip_borders_color: transparentize(white, 0.9); +$shadow_color: transparentize(black, 0.9); + +$drop_target_color: #4e9a06; + +//insensitive state derived colors +$insensitive_fg_color: mix($fg_color, $bg_color, 50%); +$insensitive_bg_color: mix($bg_color, $base_color, 60%); +$insensitive_borders_color: $borders_color; + +//colors for the backdrop state, derived from the main colors. +$backdrop_base_color: if($variant == 'light', darken($base_color, 1%), lighten($base_color, 1%)); +$backdrop_text_color: mix($text_color, $backdrop_base_color, 80%); +$backdrop_bg_color: $bg_color; +$backdrop_fg_color: mix($fg_color, $backdrop_bg_color, 50%); +$backdrop_insensitive_color: if($variant == 'light', darken($backdrop_bg_color, 15%), lighten($backdrop_bg_color, 15%)); +$backdrop_selected_fg_color: if($variant == 'light', $backdrop_base_color, $backdrop_text_color); +$backdrop_borders_color: mix($borders_color, $bg_color, 80%); +$backdrop_dark_fill: mix($backdrop_borders_color, $backdrop_bg_color, 35%); +$backdrop_sidebar_bg_color: mix($backdrop_bg_color, $backdrop_base_color, 50%); + +$backdrop_scrollbar_bg_color: darken($backdrop_bg_color, 3%); +$backdrop_scrollbar_slider_color: mix($backdrop_fg_color, $backdrop_bg_color, 40%); + +$backdrop_menu_color: if($variant == 'light', $backdrop_base_color, mix($backdrop_bg_color, $backdrop_base_color, 20%)); + +//special cased widget colors +$suggested_bg_color: $selected_bg_color; +$suggested_border_color: $selected_borders_color; +$progress_bg_color: $selected_bg_color; +$progress_border_color: $selected_borders_color; +$checkradio_bg_color: if($variant == 'light', $selected_bg_color, lighten($selected_bg_color,10%)); +$checkradio_fg_color: $selected_fg_color; +$checkradio_borders_color: if($variant == 'light', darken($checkradio_bg_color,20%), darken($checkradio_bg_color,40%)); diff --git a/source/gtk3/_common.scss b/source/gtk3/_common.scss new file mode 100644 index 0000000..c25b391 --- /dev/null +++ b/source/gtk3/_common.scss @@ -0,0 +1,4314 @@ +@import '../common/common_common.scss'; + + + + +$window_radius: $button_radius + 3; +$popover_radius: $button_radius + 4; + + + +* { + padding: 0; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: $error_color; + + // The size for scrollbars. The slider is 2px smaller, but we keep it + // up so that the whole area is sensitive to button presses for the + // slider. The stepper button is larger in both directions, the slider + // only in the width + + -GtkScrolledWindow-scrollbar-spacing: 0; + + -GtkToolItemGroup-expander-size: 11; + + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 24; + + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + + // We use the outline properties to signal the focus properties + // to the adwaita engine: using real CSS properties is faster, + // and we don't use any outlines for now. + + outline-color: gtkalpha(currentColor, 0.3); + outline-style: dashed; + outline-offset: -3px; + outline-width: 1px; + -gtk-outline-radius: $button-radius - 2; + + -gtk-secondary-caret-color: $selected_bg_color +} + + +/*************** + * Base States * + ***************/ +.background { + color: $fg_color; + background-color: $bg_color; + + &:backdrop { + color: $backdrop_fg_color; + background-color: $backdrop_bg_color; + text-shadow: none; + -gtk-icon-shadow: none; + } +} + +/* + These wildcard seems unavoidable, need to investigate. + Wildcards are bad and troublesome, use them with care, + or better, just don't. + Everytime a wildcard is used a kitten dies, painfully. +*/ + +*:disabled { -gtk-icon-effect: dim; } + +.gtkstyle-fallback { + color: $fg_color; + background-color: $bg_color; + + &:hover { + color: $fg_color; + background-color: lighten($bg_color, 10%); + } + + &:active { + color: $fg_color; + background-color: darken($bg_color, 10%); + } + + &:disabled { + color: $insensitive_fg_color; + background-color: $insensitive_bg_color; + } + + &:selected { + color: $selected_fg_color; + background-color: $selected_bg_color; + } +} + +.view, +%view { + color: $text_color; + background-color: $base_color; + + &:backdrop { + color: $backdrop_text_color; + background-color: $backdrop_base_color; + &:disabled { color: $backdrop_insensitive_color; } + } + + &:disabled { + color: $insensitive_fg_color; + background-color: $insensitive_bg_color; + } + + &:selected { + &:focus, & { + @extend %selected_items; + + border-radius: 3px; + } + } +} + +.view, +textview { + text { + @extend %view; + + selection { &:focus, & { @extend %selected_items; }} + } +} + +textview border { background-color: mix($bg_color, $base_color, 50%); } + +iconview { @extend .view; } + +.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; + + &:selected { + @extend %selected_items; + + outline-offset: -2px; + } + } +} + +.content-view .tile { + margin: 2px; + background-color: if($variant=='light', transparent, black); + border-radius: 0; + padding: 0; + + &:backdrop { background-color: if($variant=='light', transparent, darken($backdrop_base_color,5%)); } + &:active, &:selected { background-color: if($variant=='light', transparent, $selected_bg_color); } + &:disabled { background-color: if($variant=='light', transparent, $insensitive_bg_color); } +} + +label { + caret-color: currentColor; // this shouldn't be needed. + + &.separator { + @extend .dim-label; + } + + &:selected { @extend %nobg_selected_items; } + + selection { + background-color: $selected_bg_color; + color: $selected_fg_color; + } + + &:disabled { + color: $insensitive_fg_color; + + button & { color: inherit; } + + &:backdrop { + color: $backdrop_insensitive_color; + + button & { color: inherit; } + } + + selection { @extend %selected_items_disabled; } + } + + &:backdrop { + selection { @extend %selected_items_backdrop; } + } + + &.error { + color: $error_color; + &:disabled { color: transparentize($error_color,0.5); } + &:disabled:backdrop { color: transparentize($error_color,0.6); } + } +} + +.dim-label { + opacity: 0.55; + text-shadow: none; +} + +assistant { + .sidebar { + background-color: $base_color; + border-top: 1px solid $borders_color; + + &:backdrop { + background-color: $backdrop_base_color; + border-color: $backdrop_borders_color; + } + } + + &.csd .sidebar { border-top-style: none; } + + .sidebar label { padding: 6px 12px; } + + .sidebar label.highlight { background-color: mix($bg_color, $fg_color, 80%); } +} + +%osd, +.osd { + color: $osd_fg_color; + border: 1px solid $osd_borders_color; + background-color: $osd_bg_color; + background-clip: padding-box; + //text-shadow: 0 1px black; + //-gtk-icon-shadow: 0 1px black; + + //&:backdrop { + // text-shadow: none; + // -gtk-icon-shadow: none; + //} +} + + +/********************* + * Spinner Animation * + *********************/ +@keyframes spin { + to { -gtk-icon-transform: rotate(1turn); } +} + +spinner { + background: none; + &:backdrop { color: $backdrop_fg_color; } + opacity: 0.1; // non spinning spinner makes no sense (or maybe yes!) + -gtk-icon-source: -gtk-icontheme('process-working-symbolic'); + + &:checked { + opacity: 1; + animation: spin 1s linear infinite; + + &:disabled { opacity: 0.5; color: $insensitive_fg_color;} + } +} + +/********************** + * General Typography * + **********************/ + +.large-title { + font-weight: 300; + font-size: 24pt; +} +.title-1 { + font-weight: 800; + font-size: 20pt; +} +.title-2 { + font-weight: 800; + font-size: 15pt; +} +.title-3 { + font-weight: 700; + font-size: 15pt; +} +.title-4 { + font-weight: 700; + font-size: 13pt; +} +.heading { + font-weight: 700; + font-size: 11pt; +} +.body { + font-weight: 400; + font-size: 11pt; +} +.caption-heading { + font-weight: 700; + font-size: 9pt; +} +.caption { + font-weight: 400; + font-size: 9pt; +} + +/**************** + * Text Entries * + ****************/ + +%entry, +entry { + %entry_basic, & { + min-height: $_entry_height; + padding-left: 1px; + padding-right: 1px; + border: 1px solid; + border-radius: $entry_radius; + transition: all 200ms $ease-out-quad; + + @include entry(normal); + + image { // icons inside the entry + &.left { margin-right: 6px; } + &.right { margin-left: 6px; } + } + + + &.flat { + &:focus, &:backdrop, &:disabled, &:backdrop:disabled, & { + min-height: 0; + padding: 2px; + padding-left: 1px; + padding-right: 1px; + background-color: transparent; + border-color: transparent; + border-radius: 0; + } + } + + &:focus { @include entry(focus); } + + &:disabled { @include entry(insensitive); } + + &:backdrop { + @include entry(backdrop); + + transition: $backdrop_transition; + } + + &:backdrop:disabled { @include entry(backdrop-insensitive); } + + selection { @extend %selected_items; } + + // entry error and warning style + @each $e_type, $e_color in (error, $error_color), + (warning, $warning_color) { + &.#{$e_type} { + color: $e_color; + border-color: entry_focus_border($e_color); + + &:focus { @include entry(focus, $e_color); } + + selection { background-color: $e_color; } + } + } + + image { // entry icons colors + color: mix($fg_color, $base_color, 80%); + + &:hover { color: $fg_color; } + + &:active { color: $selected_bg_color; } + + &:backdrop { color: mix($backdrop_fg_color, $backdrop_base_color, 80%); } + } + + &:drop(active) { + &:focus, & { + border-color: $drop_target_color; + box-shadow: inset 0 0 0 1px $drop_target_color; + } + } + + .osd & { + @include entry(osd); + + &:focus { @include entry(osd-focus); } + + &:backdrop { @include entry(osd-backdrop); } + + &:disabled { @include entry(osd-insensitive); } + } + } + + progress { + margin: 2px -6px; + background-color: transparent; + background-image: none; + border-radius: 0; + border-width: 0 0 2px; + border-color: $progress_bg_color; + border-style: solid; + box-shadow: none; + + &:backdrop { background-color: transparent; } + } + + // linked entries + .linked:not(.vertical) > & { + @extend %linked; + &, &:first-child, &:last-child, &:only-child { + &:dir(rtl), &:dir(ltr) {border-radius:$entry_radius;} //breaking roundness if present, added for square theme. All this to get equal specificity! + } + } + .linked:not(.vertical) > &:focus + &, + .linked:not(.vertical) > &:focus + button, + .linked:not(.vertical) > &:focus + combobox > box > button.combo { border-left-color: entry_focus_border(); } + + .linked:not(.vertical) > &:focus.error + &, + .linked:not(.vertical) > &:focus.error + button, + .linked:not(.vertical) > &:focus.error + combobox > box > button.combo { border-left-color: entry_focus_border($error_color); } + + .linked:not(.vertical) > &:drop(active) + &, + .linked:not(.vertical) > &:drop(active) + button, + .linked:not(.vertical) > &:drop(active) + combobox > box > button.combo { border-left-color: $drop_target_color; } + + // Vertically linked entries + // FIXME: take care of "colored" entries + .linked.vertical > & { + @extend %linked_vertical; + + // brighter border between linked entries + &:not(:disabled) + entry:not(:disabled), + &:not(:disabled) + %entry:not(:disabled) { + border-top-color: mix($borders_color, $base_color, 30%); + + &:backdrop { border-top-color: mix($backdrop_borders_color, $backdrop_base_color, 30%); } + } + + // brighter border between linked insensitive entries + &:disabled + %entry:disabled, + &:disabled + entry:disabled { border-top-color: mix($borders_color, $base_color, 30%); } + + // color back the top border of a linked focused entry following another entry. + // :not(:only-child) is a specificity bump hack. + + %entry:focus:not(:only-child), + + entry:focus:not(:only-child) { border-top-color: entry_focus_border(); } + + + %entry:focus.error:not(:only-child), + + entry:focus.error:not(:only-child) { border-top-color: entry_focus_border($error_color); } + + + %entry:drop(active):not(:only-child), + + entry:drop(active):not(:only-child) { border-top-color: $drop_target_color; } + + // this takes care of coloring the top border of the focused entry subsequent widget. + // :not(:only-child) is a specificity bump hack. + &:focus:not(:only-child) { + + %entry, + + entry, + + button, + + combobox > box > button.combo { border-top-color: entry_focus_border(); } + } + + &:focus.error:not(:only-child) { + + %entry, + + entry, + + button, + + combobox > box > button.combo { border-top-color: entry_focus_border($error_color); } + } + + &:drop(active):not(:only-child) { + + %entry, + + entry, + + button, + + combobox > box > button.combo { border-top-color: $drop_target_color; } + } + } + + &.error { color: $error_color; } +} + +treeview entry { + &:focus { + &:dir(rtl), &:dir(ltr) { // specificity bump hack + background-color: $base_color; + transition-property: color, background; + } + } + + &.flat, & { + border-radius: 0; + background-image: none; + background-color: $base_color; + + &:focus { border-color: $selected_bg_color; } + } +} + +.entry-tag { + // sizing + padding: 5px; + + margin-top: 2px; + margin-bottom: 2px; + + // side margins: compensate the entry padding with a negative margin + // then the negative margin itself + :dir(ltr) & { + margin-left: 8px; + margin-right: -5px; + } + :dir(rtl) & { + margin-left: -5px; + margin-right: 8px; + } + + border-style: none; + + $_entry_tag_color: if($variant=='light', $selected_fg_color, $base_color); + color: $_entry_tag_color; + + $_entry_tag_bg: if($variant=='light', $selected_bg_color, mix($fg_color, $base_color, 50%)); + background-color: $_entry_tag_bg; + + &:hover { + background-color: lighten($_entry_tag_bg, 10%); + } + + :backdrop & { + color: $backdrop_base_color; + background-color: if($variant=='light', $selected_bg_color, + mix($backdrop_fg_color, $backdrop_base_color, 50%)); + } + + &.button { + background-color: transparent; + color: transparentize($_entry_tag_color, 0.3); + } + + :not(:backdrop) &.button { + &:hover { + border: 1px solid $_entry_tag_bg; + color: $_entry_tag_color; + } + &:active { + background-color: $_entry_tag_bg; + color: transparentize($_entry_tag_color, 0.3); + } + } +} + +/****************************************************** + * Buttons * + ******************************************************/ +// stuff for .needs-attention +$_dot_color: $warning_color;//if($variant=='light', $selected_bg_color, lighten($selected_bg_color,15%)); +@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, +button { + @at-root %button_basic, & { + + min-height: $button_min_height; + min-width: $button_min_width; + padding: $_btn_pad; + border: 1px solid; + border-radius: $button_radius; + transition: $button_transition; + + @include button(normal); + + @at-root %button_basic_flat, + &.flat:not(:hover):not(:active):not(:checked):not(:disabled) { + @include button(undecorated); + // 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(hover); + -gtk-icon-effect: highlight; + } + + &:active, + { + @include button(active); + + transition-duration: 50ms; + } + + &:checked, &:checked:active { + @include button(checked-active); + + transition-duration: 50ms; + } + + &:checked:hover:not(:active) { + @include button(checked-hover); + } + + &:backdrop { + &.flat, & { + @include button(backdrop); + + transition: $backdrop_transition; + -gtk-icon-effect: none; + + &:active, + &:checked { @include button(backdrop-active); } + + &:disabled { + @include button(backdrop-insensitive); + + &:active, + &:checked { @include button(backdrop-insensitive-active); } + } + } + } + + @at-root %button_basic_flat, + &.flat { + &:backdrop, &:disabled, &:backdrop:disabled { @include button(undecorated); } + &:disabled, &:backdrop:disabled { background-color: $insensitive_bg_color;} + + } + + &:disabled { + @include button(insensitive); + + &:active, + &:checked { @include button(insensitive-active); } + } + + &.image-button { + min-width: 24px; + padding-left: $_img_btn_pad; + padding-right: $_img_btn_pad; + } + + &.text-button { + padding-left: 16px; + padding-right: 16px; + } + + &.text-button.image-button { + padding-left: 8px; + padding-right: 8px; + + label { + padding-left: 8px; + padding-right: 8px; + } + } + + @at-root %button_basic_drop_active, + &:drop(active) { + color: $drop_target_color; + border-color: $drop_target_color; + box-shadow: inset 0 0 0 1px $drop_target_color; + } + } + + @at-root %button_selected, & { + row:selected & { + @if $variant == 'light' { border-color: $selected_borders_color; } + } + + @at-root %button_selected_flat, &.flat { + row:selected & { + &:not(:active):not(:checked):not(:hover):not(disabled) { + color: $selected_fg_color; + border-color: transparent; + + &:backdrop { color: if($variant=='light', $backdrop_base_color, $backdrop_fg_color); } + } + } + } + } + + + // big standalone buttons like in Documents pager + &.osd { + min-width: 26px; + min-height: 32px; + + &.image-button { min-width: 34px; } + + color: $osd_fg_color; + border-radius: 5px; + + @include button(osd); + + border: none; + box-shadow: none; + + &:hover { + @include button(osd-hover); + + border: none; + box-shadow: none; + } + + &:active, + &:checked { + @include button(osd-active); + + border: none; + box-shadow: none; + } + + &:disabled { + &:backdrop, & { + @include button(osd-insensitive); + + border: none; + } + } + + &:backdrop { + @include button(osd-backdrop); + + border: none; + } + } + + //overlay / OSD style + @at-root %osd_button, + .osd & { + @include button(normal, $osd_bg_color, $osd_fg_color); + + &:hover { @include button(hover, $osd_bg_color, $osd_fg_color); } + + &:active, + &:checked { &:backdrop, & { @include button(active, $osd_bg_color, $osd_fg_color); }} + + &:disabled { &:backdrop, & { @include button(insensitive); }} + + &:backdrop { @include button(backdrop, $osd_bg_color, $osd_fg_color); } + + &.flat { + &:not(:hover):not(:active):not(:checked):not(:disabled) {@include button(undecorated, $osd_bg_color, $osd_fg_color);} + + box-shadow: none; //FIXME respect no edge on the button mixin + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + + &:hover { @include button(hover, $osd_bg_color, $osd_fg_color); } + + &:disabled { + @include button(insensitive); + background-color: $insensitive_bg_color; + background-image: none; + border-color: transparent; + box-shadow: none; + } + + &:backdrop { @include button(undecorated, $osd_bg_color, $osd_fg_color); } + + &:active, + &:checked { @include button(active, $osd_bg_color, $osd_fg_color); } + } + } + + // Suggested and Destructive Action buttons + @each $b_type, $b_color in (suggested-action, $suggested_bg_color), + (destructive-action, $destructive_color) { + &.#{$b_type} { + @include button(normal, $b_color, if(lightness($b_color)>50%, black, white)); + + &.flat { + @include button(undecorated); + + color: $b_color; //FIXME: does it work on the dark variant? + } + + &:hover { @include button(hover, $b_color, white); } + + &:active, + &:checked { @include button(active, $b_color, white); } + + &:backdrop, + &.flat:backdrop { + @include button(backdrop, $b_color, white); + + &:active, + &:checked { @include button(backdrop-active, $b_color, white); } + + &:disabled { + @include button(backdrop-insensitive); + + &:active, + &:checked { @include button(backdrop-insensitive-active, $b_color, white); } + } + } + + &.flat { + &:backdrop, &:disabled, &:backdrop:disabled { + @include button(undecorated); + + color: transparentize($b_color, 0.2); + } + } + + &:disabled { + @include button(insensitive); + + &:active, + &:checked { @include button(insensitive-active, $b_color, white); } + } + + .osd & { + @include button(osd, $b_color); + + &:hover { @include button(osd-hover, $b_color); } + + &:active, + &:checked { &:backdrop, & { @include button(osd-active, $b_color); }} + + &:disabled { &:backdrop, & { @include button(osd-insensitive, $b_color); }} + + &:backdrop { @include button(osd-backdrop, $b_color); } + } + } + } + + .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 overriden by GtkRadioButton outline-offset + + > label { + padding-left: 6px; // label padding + padding-right: 6px; // + } + + > image { + padding-left: 6px; // image padding + padding-right: 6px; // + padding-top: 3px; // + padding-bottom: 3px; // + } + + &.text-button { + // compensate text-button paddings + padding-left: 10px; + padding-right: 10px; + } + + &.image-button { + // we want image buttons to have a 1:1 aspect ratio, so compensation + // of the padding added to the GtkImage is needed + padding-left: 2px; + padding-right: 2px; + } + + &.needs-attention { + > label, + > image { @extend %needs_attention; } + + &:active, + &:checked { + > label, + > image { + animation: none; + background-image: none; + } + } + } + } + + // hide separators + &.font, + &.file { separator { background-color: transparent; }} + + &.font { > box > box > label { font-weight: bold; }} + + // inline-toolbar buttons + .inline-toolbar & { @extend %linked; } + + .primary-toolbar & { -gtk-icon-shadow: none; } // tango icons don't need shadows + + .linked > & { @extend %linked; } + + .linked.vertical > & { @extend %linked_vertical; } + + &.circular { // The Bloody Circul Button + border-radius: 9999px; + -gtk-outline-radius: 9999px; + padding: $_circ_btn_pad; /* circles instead of ellipses */ + + label { padding: 0; } + + // the followind code is needed since we use a darker bottom border on buttons, which looks pretty + // bad with a 100% border radius (see https://bugzilla.gnome.org/show_bug.cgi?id=771205 for details), + // so on relevant states we an additional background-image with a gradient clipped on the border-box, + // so setting a transparent border would reveal it. + + $_border_bg: linear-gradient(to top, $alt-borders-color 25%, $borders-color 50%); + + &:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { + @include button(normal);//, $backimage: $_border_bg); + + //border-color: transparent; + } + + &:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { + @include button(hover);//, $backimage: $_border_bg); + + //border-color: transparent; + } + + background-origin: padding-box, border-box; + background-clip: padding-box, border-box; + } +} + +%needs_attention { + animation: needs_attention 150ms ease-in; + $_dot_shadow: _text_shadow_color(); + $_dot_shadow_r: if($variant=='light',0.5,0.45); + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.5, + to($_dot_color), + to(transparent)), + -gtk-gradient(radial, + center center, 0, + center center, $_dot_shadow_r, + to($_dot_shadow), + 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; } + + &:backdrop { background-size: 6px 6px, 0 0;} + + &:dir(rtl) { + @if $variant == 'light' { background-position: left 3px, left 4px; } + + @else { background-position: left 3px, left 2px; } + } +} + + +// 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... + @include button(normal); + + &:hover { @include button(hover); } + + &:active, + &:checked{ @include button(active); } + + &:disabled { + @include button(insensitive); + + &:active, + &:checked { @include button(insensitive-active); } + } + + &:backdrop { + @include button(backdrop); + + &:active, + &:checked { @include button(backdrop-active); } + + &:disabled { + @include button(backdrop-insensitive); + + &:active, + &:checked { @include button(backdrop-insensitive-active); } + } + } +} + +// More inline toolbar buttons +toolbar.inline-toolbar toolbutton { + > button.flat { @extend %linked_middle; } + + &:first-child > button.flat { @extend %linked_left; } + + &:last-child > button.flat { @extend %linked_right; } + + &:only-child > button.flat { @extend %linked_only_child; } +} + +%linked_middle { + border-right-style: none; + border-radius: 0; + -gtk-outline-radius: 0; +} + +%linked_left { + border-top-left-radius: $button_radius; + border-bottom-left-radius: $button_radius; + -gtk-outline-top-left-radius: $button_radius; + -gtk-outline-bottom-left-radius: $button_radius; +} + +%linked_right { + border-right-style: solid; + border-top-right-radius: $button_radius; + border-bottom-right-radius: $button_radius; + -gtk-outline-top-right-radius: $button_radius; + -gtk-outline-bottom-right-radius: $button_radius; +} + +%linked_only_child { + border-style: solid; + border-radius: $button_radius; + -gtk-outline-radius: $button_radius; +} + +// .linked assumes Box, which reverses nodes in RTL, so 1st child is always left +%linked { + @extend %linked_middle; + + &:first-child { @extend %linked_left; } + &:last-child { @extend %linked_right; } + + &:only-child { @extend %linked_only_child; } +} + +// Other widgets use widget child order, so 1st/last child are at text start/end +%linked_flippable { + @extend %linked_middle; + + &:dir(ltr) { + &:first-child { @extend %linked_left; } + &:last-child { @extend %linked_right; } + } + + &:dir(rtl) { + &:first-child { @extend %linked_right; } + &:last-child { @extend %linked_left; } + } + + &:only-child { @extend %linked_only_child; } +} + +%linked_vertical_middle { + border-style: solid solid none solid; + border-radius: 0; + -gtk-outline-radius: 0; +} + +%linked_vertical_top { + border-top-left-radius: $button_radius; + border-top-right-radius: $button_radius; + -gtk-outline-top-left-radius: $button_radius; + -gtk-outline-top-right-radius: $button_radius; +} + +%linked_vertical_bottom { + border-bottom-style: solid; + border-bottom-left-radius: $button_radius; + border-bottom-right-radius: $button_radius; + -gtk-outline-bottom-left-radius: $button_radius; + -gtk-outline-bottom-right-radius: $button_radius; +} + +%linked_vertical_only_child { + border-style: solid; + border-radius: $button_radius; + -gtk-outline-radius: $button_radius; +} + +%linked_vertical { + @extend %linked_vertical_middle; + + &:first-child { @extend %linked_vertical_top; } + + &:last-child { @extend %linked_vertical_bottom; } + + &:only-child { @extend %linked_vertical_only_child; } +} + +%undecorated_button { + background-color: transparent; + background-image: none; + border-color: transparent; + box-shadow: inset 0 1px transparentize(white, 1), + 0 1px transparentize(white, 1); + text-shadow: none; + -gtk-icon-shadow: none; +} + +/* menu buttons */ +modelbutton.flat, +.menuitem.button.flat { + min-height: 26px; + padding-left: 5px; + padding-right: 5px; + border-radius: $button_radius; + outline-offset: -2px; + + &:not(:hover):not(:active):not(:checked):not(:disabled) {@extend %undecorated_button;} + + &:hover { background-color: $popover_hover_color; } + + &:selected { @extend %selected_items; } + + &:backdrop, + &:backdrop:hover { @extend %undecorated_button; } +} + +modelbutton.flat arrow { + background: none; + + &:hover { background: none; } + + &.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + + &.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } +} + +button.color { + padding: 4px; + + colorswatch:only-child { + &, overlay { border-radius: 0; } + + @if $variant == 'light' { + box-shadow: 0 1px _text_shadow_color(); + + .osd & { box-shadow: none; } + } + } + + @if $variant == 'light' { + .osd &, & { + &:disabled, + &:backdrop, + &:active, + &:checked { colorswatch:only-child { box-shadow: none; }} + } + } +} + +/* list buttons */ +/* tone down as per new designs, see issue #1473, #1748 */ +list row button.image-button:not(.flat) { + @extend %undecorated_button; + border: 1px solid transparentize($borders_color, .5); + &:hover { @include button(hover); } + &:active, + &:checked { @include button(active); } +} + +/********* + * Links * + *********/ + +%link, +*:link { + color: $link_color; + + &:visited { + color: $link_visited_color; + + *:selected & { color: mix($selected_fg_color, $link_visited_color, 60%); } + } + + &:hover { + $_fg: lighten($link_color, 10%); + color: $_fg; + + *:selected & { color: mix($selected_fg_color, $_fg, 90%); } + } + + &:active { + color: $link_color; + + *:selected & { color: mix($selected_fg_color, $link_color, 80%); } + } + + &:disabled, &:disabled:backdrop { color: transparentize(desaturate($link_color, 100%), 0.2); } + + &:backdrop { &:backdrop:hover, &:backdrop:hover:selected, & { color: transparentize($link_color, 0.1); }} + + @at-root %link_selected, + &:selected, + *:selected & { color: mix($selected_fg_color, $link_color, 80%); } +} + +button:link, +button:visited { + @extend %undecorated_button; + + @extend %link; + + text-shadow: none; + + &:hover, + &:active, + &:checked { + @extend %undecorated_button; + + text-shadow: none; + } + + > label { + @extend %link; + + text-decoration-line: underline; + + } +} + + +/***************** + * GtkSpinButton * + *****************/ +spinbutton { + &:not(.vertical) { + // in this horizontal configuration, the whole spinbutton + // behaves as the entry, so we extend the entry styling + // and nuke the style on the internal entry + @extend %entry; + + padding: 0; + + %spinbutton_horz_entry { + min-width: 28px; + // reset all the other props since the spinbutton node is styled here + margin: 0; + background: none; + background-color: transparent; + border: none; + border-radius: 0; + box-shadow: none; + + &:backdrop:disabled { background-color: transparent; } + } + + entry { + @extend %spinbutton_horz_entry; + } + + //this instead of the big removed part. Just to make things easier, though it may not be as beautiful. + button { + padding: 0; + } + + + } + + // OSD horizontal + .osd &:not(.vertical) { + entry { + @extend %spinbutton_horz_entry; + } + + button { + @include button(undecorated); + + color: $osd_fg_color; + border-style: none none none solid; + border-color: transparentize($osd_borders_color, 0.3); + border-radius: 0; + box-shadow: none; + -gtk-icon-shadow: 0 1px black; + + &:dir(rtl) { border-style: none solid none none; } + + &:hover { + @include button(undecorated); + + color: $osd_fg_color; + border-color: transparentize(opacify($osd_borders_color, 1), 0.5); + background-color: transparentize($osd_fg_color, 0.9); + -gtk-icon-shadow: 0 1px black; + box-shadow: none; + } + + &:backdrop { + @include button(undecorated); + + color: $osd_fg_color; + border-color: transparentize(opacify($osd_borders_color, 1), 0.5); + -gtk-icon-shadow: none; + box-shadow: none; + } + + &:disabled { + @include button(undecorated); + + color: $osd_insensitive_fg_color; + border-color: transparentize(opacify($osd_borders_color, 1), 0.5); + -gtk-icon-shadow: none; + box-shadow: none; + } + + &:dir(ltr):last-child { border-radius: 0 $button_radius $button_radius 0; } + + &:dir(rtl):first-child { border-radius: $button_radius 0 0 $button_radius; } + } + } + + // Vertical + &.vertical { + // in the vertical configuration, we treat the spinbutton + // as a box, and tweak the style of the entry in the middle + // so that it's linked + + // FIXME: this should not be set at all, but otherwise it gets the wrong + // color + &:disabled { color: $insensitive_fg_color; } + + &:backdrop:disabled { color: $backdrop_insensitive_color; } + + &:drop(active) { + border-color: transparent; + box-shadow: none; + } + + entry { + min-height: 32px; + min-width: 32px; + padding: 0; + border-radius: 0; + } + + button { + min-height: 32px; + min-width: 32px; + padding: 0; + + &.up { @extend %top_button; } + + &.down { @extend %bottom_button; } + } + + %top_button { + border-radius: $button_radius $button_radius 0 0; + border-style: solid solid none solid; + } + + %bottom_button { + border-radius: 0 0 $button_radius $button_radius; + border-style: none solid solid solid; + } + } + + // OSD vertical + .osd &.vertical button:first-child { + @include button(osd); + + &:hover { @include button(osd-hover);} + + &:active { @include button(osd-active); } + + &:disabled { @include button(osd-insensitive); } + + &:backdrop { @include button(osd-backdrop); } + } + + // Misc + treeview &:not(.vertical) { + min-height: 0; + border-style: none; + border-radius: 0; + + entry { + min-height: 0; + padding: 1px 2px; + } + } + font-feature-settings: "tnum"; +} + + +/************** + * ComboBoxes * + **************/ +combobox { + arrow { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + min-height: 16px; + min-width: 16px; + } + + &.linked { + button:nth-child(2) { + &:dir(ltr) { @extend %linked_right; } + &:dir(rtl) { @extend %linked_left; } + } + } + + &:drop(active) { // FIXME: untested + box-shadow: none; + + button.combo { @extend %button_basic_drop_active; } + } +} + +// the combo is a composite widget so the way we do button linking doesn't +// work, special case needed. See +// https://bugzilla.gnome.org/show_bug.cgi?id=733979 + +.linked:not(.vertical) > combobox > box > button.combo { @extend %linked_middle; } +.linked:not(.vertical) > combobox:first-child > box > button.combo { @extend %linked_left; } +.linked:not(.vertical) > combobox:last-child > box > button.combo { @extend %linked_right; } +.linked:not(.vertical) > combobox:only-child > box > button.combo { @extend %linked_only_child; } + +.linked.vertical > combobox > box > button.combo { @extend %linked_vertical_middle; } +.linked.vertical > combobox:first-child > box > button.combo { @extend %linked_vertical_top; } +.linked.vertical > combobox:last-child > box > button.combo { @extend %linked_vertical_bottom; } +.linked.vertical > combobox:only-child > box > button.combo { @extend %linked_vertical_only_child; } + + +/************ + * Toolbars * + ************/ +%toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: $bg_color; +} + +toolbar { + @extend %toolbar; + + padding: 4px 3px 3px 4px; + + // on OSD + .osd & { background-color: transparent; } + + // stand-alone OSD toolbars + &.osd { + padding: 13px; + border: none; + border-radius: 5px; + background-color: $osd_bg_color; + + &.left, + &.right, + &.top, + &.bottom { border-radius: 0; } // positional classes for `attached` osd toolbars + } + + // toolbar separators + &.horizontal separator { margin: 0 7px 1px 6px; } + &.vertical separator { margin: 6px 1px 7px 0; } + + &:not(.inline-toolbar):not(.osd) { + // workaround: add margins to the children of tool items to simulate + // spacing, ignore the overflow button (.toggle) and the overflow menu + // (.popup) + > *:not(.toggle):not(.popup) > * { + margin-right: 1px; + margin-bottom: 1px; + } + } +} + +//searchbar, location-bar & inline-toolbar +.inline-toolbar { + @extend %toolbar; + + @extend %darkbar; + + padding: 3px; + border-width: 0 1px 1px; + border-radius: 0 0 5px 5px; +} + +searchbar > revealer > box, +.location-bar { + @extend %toolbar; + + @extend %darkbar; + + border-width: 0 0 1px; + padding: 3px; +} + +searchbar > revealer > box { + // workaround: undo the GtkContainer:border-width and use CSS padding instead + margin: -6px; + padding: 6px; +} + +%darkbar { + border-style: solid; + border-color: $borders_color; + $_bg: mix($bg_color, $borders_color, 70%); + background-color: $_bg; + + &:backdrop { + border-color: $backdrop_borders_color; + background-color: $backdrop_dark_fill; + box-shadow: none; + transition: $backdrop_transition; + } +} + + +/*************** + * Header bars * + ***************/ +%titlebar, +headerbar { + padding: 0 6px; + min-height: $_headerbar_height; + border-width: 0 0 1px; + border-style: solid; + border-color: $alt_borders_color; + border-radius: 0; + color: $titlebar_active_fg; + + @include headerbar_fill($titlebar_active_bg); + + &:backdrop { + border-color: $backdrop_borders_color; + //background-color: $bg_color; + //background-image: none; + //box-shadow: inset 0 1px $top_hilight; + @include headerbar_fill($titlebar_backdrop_bg); + color: $titlebar_backdrop_fg; + + transition: $backdrop_transition; + } + + .title { + padding-left: 12px; + padding-right: 12px; + font-weight: bold; + } + + .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + + @extend .dim-label; + } + + /* Darken switchbuttons for headerbars. issue #1588 */ //removed + + + .selection-mode &, + &.selection-mode { + $_hc: mix($top_hilight, $suggested_bg_color, 50%); // hilight color + + color: $selected_fg_color; + border-color: $suggested_border_color; + text-shadow: 0 -1px transparentize(black, 0.5); + + @include headerbar_fill($suggested_bg_color, $_hc); + + &:backdrop { + background-color: $suggested_bg_color; + background-image: none; + box-shadow: inset 0 1px mix($top_hilight, $suggested_bg_color, 60%); + + label { + text-shadow: none; + color: $selected_fg_color; + } + } + + .subtitle:link { @extend %link_selected; } + + button { + @include button(normal, $suggested_bg_color, $selected_fg_color); + + @at-root %selection_mode_button_flat, + &.flat { @include button(undecorated); } + + &:hover { @include button(hover, $suggested_bg_color, $selected_fg_color); } + + &:active, + &:checked, + &.toggle:checked, + &.toggle:active { @include button(active, $suggested_bg_color, $selected_fg_color); } + + &:backdrop { + &.flat, & { + @include button(backdrop, $suggested_bg_color, $selected_fg_color); + + -gtk-icon-effect: none; + border-color: $suggested_border_color; + + &:active, + &:checked { + @include button(backdrop-active, $suggested_bg_color, $selected_fg_color); + + border-color: $suggested_border_color; + } + + &:disabled { + @include button(backdrop-insensitive, $suggested_bg_color, $selected_fg_color); + + border-color: $suggested_border_color; + + &:active, &:checked { + @include button(backdrop-insensitive-active, $suggested_bg_color, $selected_fg_color); + + border-color: $suggested_border_color; + } + } + } + } + + @at-root %selection_mode_button_flat, + &.flat { &:backdrop, &:disabled, &:backdrop:disabled { @include button(undecorated); }} + + &:disabled { + @include button(insensitive, $suggested_bg_color, $selected_fg_color); + + &:active, + &:checked { @include button(insensitive-active, $suggested_bg_color, $selected_fg_color); } + } + + &.suggested-action { + @include button(normal); + + border-color: $suggested_border_color; + + &:hover { + @include button(hover); + + border-color: $suggested_border_color; + } + + &:active { + @include button(active); + + border-color: $suggested_border_color; + } + + &:disabled { + @include button(insensitive); + + border-color: $suggested_border_color; + } + + &:backdrop { + @include button(backdrop); + + border-color: $suggested_border_color; + } + + &:backdrop:disabled { + @include button(backdrop-insensitive); + + border-color: $suggested_border_color; + } + } + } + + .selection-menu { + &:backdrop, & { + border-color: transparentize($suggested_bg_color, 1); + background-color: transparentize($suggested_bg_color, 1); + background-image: none; + box-shadow: none; + min-height: 20px; + padding: $_sel_menu_pad; + + arrow { -GtkArrow-arrow-scaling: 1; } + + .arrow { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + color: transparentize($selected_fg_color,0.5); + -gtk-icon-shadow: none; + } + } + } + } + + // squared corners when the window is maximized, tiled, or fullscreen + .tiled &, + .tiled-top &, + .tiled-right &, + .tiled-bottom &, + .tiled-left &, + .maximized &, + .fullscreen & { + &:backdrop, & { + border-radius: 0; + } + } + + &.default-decoration { + min-height: 28px; + padding: 4px; + + button.titlebutton { + min-height: 26px; + min-width: 26px; + margin: 0; + padding: 0; + } + } + + + + separator.titlebutton { opacity: 0; } /* hide the close button separator */ + + .solid-csd & { + &:backdrop, & { + &:dir(rtl), &:dir(ltr) { // specificity bump + margin-left: -1px; + margin-right: -1px; + margin-top: -1px; + border-radius: 0; + box-shadow: none; + } + } + } +} + +headerbar { + // add vertical margins to common widget on the headerbar to avoid them spanning the whole height + entry, + spinbutton, + separator:not(.sidebar), + button { + margin-top: $_hb_btn_pad; + margin-bottom: $_hb_btn_pad; + } + switch { + margin-top: $_switch_margin; + margin-bottom: $_switch_margin; + } + + &.titlebar headerbar:not(.titlebar) { + // Drop the background of non-titlebar nested headerbars. This is needed to + // work around headerbar sliding animation issues without refactoring + // Adwaita's support of titlebars and headerbars as it may break + // applications. + // See https://gitlab.gnome.org/GNOME/gtk/issues/1264 for more information. + background: none; + box-shadow: none; + } +} + +.background .titlebar { + &:backdrop, & { + border-top-left-radius: $window_radius; + border-top-right-radius: $window_radius; + } +} + +.background.tiled .titlebar, +.background.tiled-top .titlebar, +.background.tiled-right .titlebar, +.background.tiled-bottom .titlebar, +.background.tiled-left .titlebar, +.background.maximized .titlebar, +.background.solid-csd .titlebar { + &:backdrop, & { + border-top-left-radius: 0; + border-top-right-radius: 0; + } +} + +headerbar { // headerbar border rounding + + window separator:first-child + &, + window &:first-child { &:backdrop, & { border-top-left-radius: 7px; }} + window &:last-child { &:backdrop, & { border-top-right-radius: 7px; }} + + window stack & { // tackles the stacked headerbars case + &:first-child, &:last-child { + &:backdrop, & { + border-top-left-radius: 7px; + border-top-right-radius: 7px; + } + } + } + + window.tiled &, + window.tiled-top &, + window.tiled-right &, + window.tiled-bottom &, + window.tiled-left &, + window.maximized &, + window.fullscreen &, + window.solid-csd & { + &, &:backdrop { + &, + &:first-child, + &:last-child, + &:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + } + } + } +} + +.titlebar:not(headerbar) { + window.csd > & { + // in csd we assume every titlebar is a headerbar so reset anything, this is needed for split toolbars cases + padding: 0; + background-color: transparent; + background-image: none; + border-style: none; + border-color: transparent; + box-shadow: none; + } + + separator { background-color: $borders_color; } // FIXME: use darker border? + + @extend %titlebar; +} + +// Development versions of apps to use a differently styled headerbar + +window.devel { + headerbar.titlebar:not(.selection-mode) { + $c: darken($bg_color, 10%); + $gradient: cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, + linear-gradient(to right, transparent 65%, transparentize($selected_bg_color, 0.8)), + linear-gradient(to top, darken($c, 3%), $c 3px, lighten($c, 6%)); + @if $variant == 'dark' { + $gradient: cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, + linear-gradient(to right, transparent 65%, transparentize($selected_bg_color, 0.9)), + linear-gradient(to top, lighten($c, 3%) 3px, lighten($c, 5%)); + } + + background: $bg_color $gradient; + + &:backdrop { + background: $bg_color cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, + image($bg_color); /* background-color would flash */ + } + } +} + +/************ + * Pathbars * + ************/ + +// GtkPathBar does not work with just .linked, so we must override that. But we +// can’t simply remove .linked from the widget as that might break other themes. +// Note also we select on filechooser to avoid interfering with NautilusPathBar. +filechooser .path-bar.linked > button { + @extend %linked_flippable; +} + +.path-bar button { + &.text-button, &.image-button, & { + padding-left: 4px; + padding-right: 4px; + } + + &.text-button.image-button label { + padding-left: 0; + padding-right: 0; + } + + &.text-button.image-button, & { + label:last-child { padding-right: 8px; } + label:first-child { padding-left: 8px; } + } + + image { + padding-left: 4px; + padding-right: 4px; + } + + &.slider-button { + padding-left: 0; + padding-right: 0; + } +} + + +/************** + * Tree Views * + **************/ + +$_treeview_borders_color: if($variant=='light',mix($borders_color, $base_color,80%),mix($fg_color, $base_color, 20%)); + +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-left-color: mix($fg_color, $base_color, 50%); // this is actually the tree lines color, + border-top-color: $bg_color; // while this is the grid lines color, better then nothing + + rubberband { @extend rubberband; } // to avoid borders being overridden by the previously set props + + &:selected { + &:focus, & { + border-radius: 0; + + @extend %selected_items; + } + + &:backdrop, & { + border-left-color: mix($selected_fg_color, $selected_bg_color, 50%); + border-top-color: transparentize($fg_color, 0.9); // doesn't work unfortunatelly + } + } + + &:disabled { + color: $insensitive_fg_color; + + &:selected { + color: mix($selected_fg_color, $selected_bg_color, 40%); + &:backdrop { color: mix($backdrop_selected_fg_color, $selected_bg_color, 30%); } + } + + &:backdrop { color: $backdrop_insensitive_color; } + } + + &.separator { + min-height: 2px; + color: $bg_color; + + &:backdrop { color: transparentize($bg_color, 0.9); } + } + + &:backdrop { + border-left-color: mix($backdrop_fg_color, $backdrop_bg_color, 50%); + border-top: $backdrop_bg_color; + } + &:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: $selected_borders_color; + + &.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($text_color, $base_color, 70%); + + &:hover { color: $text_color; } + + &:selected { + color: mix($selected_fg_color, $selected_bg_color, 70%); + + &:hover { color: $selected_fg_color; } + + &:backdrop { color: mix($backdrop_selected_fg_color, $selected_bg_color, 70%); } + } + + &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } + + &:backdrop { color: mix($backdrop_fg_color, $backdrop_base_color, 70%); } + } + + &.progressbar { // progress bar in treeviews + @if $variant == light { color: $base_color; } + + background-color: $progress_bg_color; + background-image: image($progress_bg_color); + box-shadow: none; + + &:selected { + &:focus, & { + + @if $variant == 'light' { + color: $selected_bg_color; + + } + + @else { box-shadow: inset 0 1px transparentize(white, 0.95); } + + background-image: image($base_color); + + &:backdrop { + @if $variant == 'light' { + color: $selected_bg_color; + } + background-color: $backdrop_base_color; + } + } + } + + &:backdrop { + @if $variant == 'light' { color: $backdrop_base_color; } + + @else { border-color: $backdrop_base_color; } + background-image: none; + box-shadow: none; + } + } + + &.trough { // progress bar trough in treeviews + background-color: transparentize($fg_color,0.9); + + &:selected { + &:focus, & { + background-color: if($variant == 'light', + transparentize($selected_fg_color, 0.7), + darken($selected_bg_color, 10%)); + + } + } + } + + header { + button { + $_column_header_color: mix($fg_color, $base_color, 50%); + + @extend %column_header_button; + + color: $_column_header_color; + background-color: $base_color; + font-weight: bold; + text-shadow: none; + box-shadow: none; + + &:hover { + @extend %column_header_button; + + color: mix($_column_header_color, $fg_color, 50%); + box-shadow: none; + transition: none; //I shouldn't need this + } + + &:active { + @extend %column_header_button; + + color: $fg_color; + transition: none; //I shouldn't need this + } + } + } + + button.dnd, + header.button.dnd { // for treeview-like derive widgets + &:active, &:selected, &:hover, & { + padding: 0 6px; + color: $base_color; + background-image: none; + background-color: $selected_bg_color; + border-style: none; + border-radius: 0; + box-shadow: inset 0 0 0 1px $base_color; + text-shadow: none; + transition: none; + } + } + + acceleditor > label { background-color: $selected_bg_color; } // see tests/testaccel to test +} + +%column_header_button { + padding: 0 6px; + background-image: none; + border-style: none solid solid none; + border-color: $_treeview_borders_color; + border-radius: 0; + text-shadow: none; + + &:disabled { + border-color: $bg_color; + background-image: none; + background-color: $insensitive_bg_color; + color: $insensitive_fg_color; + } + + &:backdrop { + //color: mix($backdrop_fg_color, $backdrop_bg_color, 50%); + border-color: $backdrop_bg_color; + border-style: none solid solid none; + background-image: none; + background-color: $backdrop_base_color; + + &:disabled { + border-color: $backdrop_bg_color; + background-image: none; + background-color: $insensitive_bg_color; + color: $insensitive_fg_color; + } + } + + &:last-child { &:backdrop, & { border-right-style: none; }} +} + + + +/********* + * Menus * + *********/ +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0px; + box-shadow: inset 0 -1px transparentize(black, 0.9); + + &:backdrop { background-color: $backdrop_bg_color; } + + > menuitem { + min-height: 16px; + padding: 4px 8px; + + // remove padding and rounding from menubar submenus + menu { + &:dir(rtl), &:dir(ltr) { // specificity bump + border-radius: 0; + padding: 0; + } + } + + &:hover { //Seems like it :hover even with keyboard focus + box-shadow: inset 0 -3px $selected_bg_color; + color: $link_color; + } + + &:disabled { + color: $insensitive_fg_color; + box-shadow: none; + } + } + + // remove padding and rounding from menubar submenu decoration + .csd.popup decoration {border-radius:0;} +} + +// Needed to make the border-radius of menus work +// otherwise the background bleeds out of the menu edges +.background.popup { background-color: transparent; } + +menu, +.menu, +.context-menu { + margin: 4px; // see https://bugzilla.gnome.org/show_bug.cgi?id=591258 + padding: 4px 0px; + background-color: $menu_color; + border: 1px solid $borders_color; // adds borders in a non composited env + + .csd & { + border: none; // axes borders in a composited env + border-radius: $menu_radius; + } + + &:backdrop { background-color: $backdrop_menu_color; } + + menuitem { + min-height: 16px; + min-width: 40px; + padding: 4px 6px; + text-shadow: none; + + &:hover { + color: $selected_fg_color; + background-color: $selected_bg_color; + } + + &:disabled { + color: $insensitive_fg_color; + &:backdrop { color: $backdrop_insensitive_color; } + } + + &:backdrop, + &:backdrop:hover { + color: $backdrop_fg_color; + background-color: transparent; + } + + // submenu indicators + arrow { + min-height: 16px; + min-width: 16px; + + &:dir(ltr) { + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + margin-left: 10px; + } + + &:dir(rtl) { + -gtk-icon-source:-gtk-icontheme('pan-end-symbolic-rtl'); + margin-right: 10px; + } + } + + // avoids labels color being overridden, see + // https://bugzilla.gnome.org/show_bug.cgi?id=767058 + label { &:dir(rtl), &:dir(ltr) { color: inherit; }} + } + + // overflow arrows + > arrow { + @include button(undecorated); + + min-height: 16px; + min-width: 16px; + padding: 4px; + background-color: $menu_color; + border-radius: 0; + + &.top { + margin-top: -4px; + border-bottom: 1px solid mix($fg_color, $base_color, 10%); + border-top-right-radius: $menu_radius; + border-top-left-radius: $menu_radius; + -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); + } + + &.bottom { + margin-top: 8px; + margin-bottom: -12px; + border-top: 1px solid mix($fg_color, $base_color, 10%); + border-bottom-right-radius: $menu_radius; + border-bottom-left-radius: $menu_radius; + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + } + + &:hover { background-color: mix($fg_color, $base_color, 10%); } + + &:backdrop { background-color: $backdrop_menu_color; } + + &:disabled { + color: transparent; + background-color: transparent; + border-color: transparent ; + } + } +} + +menuitem { + accelerator { color: gtkalpha(currentColor,0.55); } + + check, + radio { + min-height: 16px; + min-width: 16px; + + &:dir(ltr) { margin-right: 7px; } + &:dir(rtl) { margin-left: 7px; } + } +} + +/*************** + * Popovers * + ***************/ + +popover.background { + padding: 2px; + background-color: $popover_bg_color; + + .csd &, & { + border: 1px solid $borders_color; + border-radius: $popover_radius; + } + + .csd & { + $_popover_border: if($variant=='light', transparentize(black, 0.77), transparentize(black, 0.25)); + + background-clip: padding-box; + border-color: $_popover_border; + } + + box-shadow: 0 1px 2px transparentize(black, 0.7); + + &:backdrop { + background-color: $backdrop_bg_color; + box-shadow: none; + } + + > list, + > .view, + > toolbar { + border-style: none; + background-color: transparent; + } + + .csd &, & { + &.touch-selection, + &.magnifier { + @extend %osd; + + border: 1px solid transparentize(white, 0.9); + + button { @extend %osd_button }; + } + + &.osd { @extend %osd; } + } + + separator { margin: 3px; } + + list separator { margin: 0px; } +} + +/************* + * Notebooks * + *************/ + +@import '../common/notebook.scss'; + + +/************** + * Scrollbars * + **************/ +scrollbar { + $_slider_min_length: 40px; + $_slider_width: 8px; + $_scrollbar_transition: all 300ms $ease-out-quad; + $_fine-tune_slider_border: $_slider_width - 3; //3672 + + // disable steppers + @at-root * { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + } + + background-color: $scrollbar_bg_color; + transition: $_scrollbar_transition; + + // 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; } + + &:backdrop { + background-color: $backdrop_scrollbar_bg_color; + border-color: $backdrop_borders_color; + transition: $backdrop_transition; + } + + // slider + slider { + @extend %button_basic; + padding: 0; + background-image: none; + min-width: $_slider_width; + min-height: $_slider_width; + margin: 3px; + //border: 4px solid transparent; + border-radius: 10px; + background-clip: padding-box; + background-color: $scrollbar_slider_color; + transition: $_scrollbar_transition; + + &:hover { background-color: $scrollbar_slider_hover_color; } + + &:hover:active { background-color: $scrollbar_slider_active_color; } + + &:backdrop { background-color: $backdrop_scrollbar_slider_color; } + + &:disabled { background-color: transparent; } + } + + &.fine-tune { + slider { + //transition: none; + //min-width: $_fine-tune_slider_border+1; + //min-height: $_fine-tune_slider_border+1; + //margin: 0; + + &, &:hover, &:active {background-color: $hint_bg;} + + } + + //&.horizontal slider { border-width: $_fine-tune_slider_border 4px; } + //&.vertical slider { border-width: 4px $_fine-tune_slider_border; } + } + + + &.horizontal slider { min-width: $_slider_min_length; } + + &.vertical slider { min-height: $_slider_min_length; } + + // button styling + button { + padding: 0; + min-width: 12px; + min-height: 12px; + border-style: none; + border-radius: 0; + transition-property: min-height, min-width, color; + + @include button(undecorated); + + color: $scrollbar_slider_color; + + &:hover { + @include button(undecorated); + + color: $scrollbar_slider_hover_color; + } + &:active, &:checked { + @include button(undecorated); + + color: $scrollbar_slider_active_color; + } + &:disabled { + @include button(undecorated); + + color: transparentize($scrollbar_slider_color, 0.8); + } + &:backdrop { + @include button(undecorated); + + color: $backdrop_scrollbar_slider_color; + + &:disabled { + @include button(undecorated); + + color: transparentize($backdrop_scrollbar_slider_color, 0.8); + } + } + } + + // button icons + &.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-end-symbolic'); } + + &.up { -gtk-icon-source: -gtk-icontheme('pan-start-symbolic'); } + } + } +} + +treeview ~ scrollbar.vertical { + border-top: 1px solid $borders_color; + margin-top: -1px; +} + +/********** + * Switch * + **********/ +switch { + outline-offset: -4px; + + // similar to the .scale + border: 1px solid $borders_color; + border-radius: 14px; + color: $fg_color; + background-color: $dark_fill; + text-shadow: 0 1px transparentize(black, 0.9); + @include _shadows(0 1px $hilight_color, $button_shadow_pressed); + + &:checked { + color: $selected_fg_color; + border-color: mix($fg_color, $bg_color, 50%); + background-color: $checkradio_bg_color; + text-shadow: 0 1px transparentize($selected_borders_color, 0.5), + 0 0 2px transparentize(white, 0.4); + } + + &:disabled { + color: $insensitive_fg_color; + border-color: $borders_color; + background-color: $insensitive_bg_color; + text-shadow: none; + } + + &:backdrop { + color: $backdrop_fg_color; + border-color: $backdrop_borders_color; + background-color: $backdrop_dark_fill; + text-shadow: none; + transition: $backdrop_transition; + + &:checked { + @if $variant == 'light' { color: $backdrop_bg_color; } + border-color: if($variant == 'light', $checkradio_borders_color, + $selected_borders_color); + background-color: $checkradio_bg_color; + } + + &:disabled { + color: $backdrop_insensitive_color; + border-color: $backdrop_borders_color; + background-color: $insensitive_bg_color; + } + } + + slider { + margin: -1px; + min-width: 24px; + min-height: 24px; + border: 1px solid; + border-radius: 50%; + transition: $button_transition; + -gtk-outline-radius: 20px; + + @if $variant == 'light' { + @include button(normal-alt, $edge: $shadow_color); + } + @else { + @include button(normal-alt, $c: lighten($bg_color,6%), $edge: $shadow_color); + } + } + + image { color: transparent; } /* only show i / o for the accessible theme */ + + &:hover slider { + @if $variant == 'light' { + @include button(hover-alt, $edge: $shadow_color); + } + @else { + @include button(hover-alt, $c: lighten($bg_color,6%), $edge: $shadow_color); + } + } + + &:checked > slider { border: 1px solid $checkradio_borders_color; } + + &:disabled slider { @include button(insensitive); } + + &:backdrop { + slider { + transition: $backdrop_transition; + + @include button(backdrop); + } + + &:checked > slider { border-color: $checkradio_borders_color; } + + &:disabled slider { @include button(backdrop-insensitive); } + } + + row:selected & { + @if $variant == 'light' { + box-shadow: none; + border-color: $checkradio_borders_color; + + &:backdrop { border-color: $checkradio_borders_color; } + + > slider { &:checked, & { border-color: $checkradio_borders_color; } } + } + } + +} + + +/************************* + * Check and Radio items * + *************************/ +// draw regular check and radio items using our PNG assets +// all assets are rendered from assets.svg. never add pngs directly + + +//selection-mode +@each $check_state, $check_icon, $check_color, $check_background in + ('', 'none', 'transparent', $checkradio_bg_color), + (':hover', 'none', 'transparent', $checkradio_bg_color), + (':active', 'none', 'transparent', $checkradio_bg_color), + (':backdrop', 'none', 'transparent', '#{desaturate($checkradio_bg_color, 100%)}'), + (':checked', '-gtk-icontheme(\'object-select-symbolic\')', $osd_fg_color, $checkradio_bg_color), + (':checked:hover', '-gtk-icontheme(\'object-select-symbolic\')', $osd_fg_color, $checkradio_bg_color), + (':checked:active', '-gtk-icontheme(\'object-select-symbolic\')', $osd_fg_color, $checkradio_bg_color), + (':backdrop:checked', '-gtk-icontheme(\'object-select-symbolic\')', '#{transparentize($osd_fg_color, 0.2)}', '#{desaturate($checkradio_bg_color, 100%)}'), { + + .view.content-view.check#{$check_state}:not(list), + .content-view:not(list) check#{$check_state} { + margin: 4px; + min-width: 32px; + min-height: 32px; + color: #{$check_color}; + background-color: #{$check_background}; + border-radius: 5px; + background-image: none; + transition: 200ms; + box-shadow: none; + border-width: 0; + -gtk-icon-source: #{$check_icon}; + -gtk-icon-shadow: none; + } +} + +checkbutton.text-button, radiobutton.text-button { + // this is for a nice focus on check and radios text + padding: 2px 0; + outline-offset: 0; + + label:not(:only-child) { + &:first-child { margin-left: 4px; } + &:last-child { margin-right: 4px; } + } +} + +check, +radio { + margin: 0 4px; + + &:only-child { margin: 0; } + + popover & { // when in a popover add more space between the label and the check, reset the other side margin. + // See https://bugzilla.gnome.org/show_bug.cgi?id=779570 for details. + &.left:dir(rtl) { + margin-left: 0; + margin-right: 12px; + } + + &.right:dir(ltr) { + margin-left: 12px; + margin-right: 0; + } + } + + min-height: 14px; + min-width: 14px; + border: 1px solid; + -gtk-icon-source: none; + + & { + // for unchecked + + $_c: $button_bg;//if(lightness($bg_color) > lightness($base_color), mix($bg_color, white, 90%), mix($base_color, white, 90%)); + + @each $state, $t in ("", "normal"), + (":hover", "hover"), + (":active", "active"), + (":disabled", "insensitive"), + (":backdrop", "backdrop"), + (":backdrop:disabled", 'backdrop-insensitive') { + &#{$state} { + @include check($t, $_c); + } + } + } + + & { + // for checked + @each $t in (':checked'), (':indeterminate') { + &#{$t} { + @each $state, $t in ("", "normal"), + (":hover", "hover"), + (":active", "active"), + (":disabled", "insensitive"), + (":backdrop", "backdrop"), + (":backdrop:disabled", 'backdrop-insensitive') { + &#{$state} { + @include check($t, $checkradio_bg_color, $checkradio_fg_color, $checked: true); + } + } + } + } + } + + &:backdrop { transition: $backdrop_transition; } + &:disabled { + color:$insensitive_fg_color; + border-color: $insensitive_fg_color; + } + @if $variant == 'light' { + // the borders of the light variant versions of checks and radios are too similar in luminosity to the selected background + // color, hence we need special casing. + row:selected & { border-color: $checkradio_borders_color; } + } + + .osd & { + @include button(osd); + + &:hover { @include button(osd); } + &:active { @include button(osd-active); } + &:backdrop { @include button(osd-backdrop); } + &:disabled { @include button(osd-insensitive); } + } + + menu menuitem & { + margin: 0; // this is a workaround for a menu check/radio size allocation issue + + &, &:checked, &:indeterminate { + &, &:hover, &:disabled { //FIXME use button reset mixin + min-height: 14px; + min-width: 14px; + background-image: none; + background-color: transparent; + box-shadow: none; + -gtk-icon-shadow: none; + color: inherit; + border-color: currentColor; + } + } + } +} + +%check, +check { + border-radius: 3px; + + &:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/check-symbolic.svg")), + -gtk-recolor(url("assets/check-symbolic.symbolic.png"))); } + + &:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), + -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); } +} + +%radio, +radio { + border-radius: 100%; + + &:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/bullet-symbolic.svg")), + -gtk-recolor(url("assets/bullet-symbolic.symbolic.png"))); } + + &:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), + -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); } +} + +// ANIMATION: +// this is made with those pretty convoluted transitions, since checks and radios have to animate only on state changes, +// the transformation is set on the active state and it get reset on the checked state. +radio:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: scale(0); } + +check:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); } + +radio, +check { + &:active { -gtk-icon-transform: scale(0, 1); } // should tackle the indeterminate state, untested + + &:checked:not(:backdrop), &:indeterminate:not(:backdrop) { + -gtk-icon-transform: unset; + transition: 400ms; + } +} + +menu menuitem { + radio, + check { + &:checked:not(:backdrop), &:indeterminate:not(:backdrop) { transition: none; } + } +} + +treeview.view check, +treeview.view radio { + &:selected { + &:focus, & { + color: $checkradio_fg_color; + + @if $variant == 'light' { border-color: $selected_borders_color; } + } + } +} + +treeview.view radio:selected { &:focus, & { @extend %radio; }} // This is a workaround + + +/************ + * GtkScale * + ************/ +%scale_trough { + border: 1px solid $borders_color; + border-radius: 3px; + background-color: $dark_fill; + //padding: 1px; + + &:disabled { background-color: $insensitive_bg_color; } + + &:backdrop { + background-color: $backdrop_dark_fill; + border-color: $backdrop_borders_color; + transition: $backdrop_transition; + + &:disabled { background-color: $insensitive_bg_color; } + } + + // ...on selected list rows + row:selected & { &:disabled, & { border-color: $selected_borders_color; }} + + // OSD + .osd & { + border-color: $osd_borders_color; + background-color: transparentize($osd_borders_color, 0.7); + + &:disabled { background-color: $osd_insensitive_bg_color; } + } +} + +%scale_highlight { + border: 1px solid $progress_border_color; + border-radius: 3px; + background-color: $progress_bg_color; + + &:disabled { + background-color: mix($insensitive_bg_color, $insensitive_fg_color, 80%); + border-color: transparent; + } + + &:backdrop { + border-color: if($variant=='light', $progress_bg_color, + $progress_border_color); + &:disabled { + background-color: transparent; + border-color: transparent; + } + } + + // ...on selected list rows + row:selected & { &:disabled, & { border-color: $selected_borders_color; }} + + // OSD + .osd & { + border-color: $osd_borders_color; + + &:disabled { border-color: transparent; } + } +} + +scale { + // sizing + $_marks_length: 6px; + $_marks_distance: 6px; + + min-height: 10px; + min-width: 10px; + padding: 12px; + + // those are inside the trough node, I need them to show their own border over the trough one, so negative margin + fill, + highlight { margin: -1px; } + + // the slider is inside the trough, so to have make it bigger there's a negative margin + + + + // click-and-hold the slider to activate + &.fine-tune { + //&.horizontal { + // padding-top: 9px; + // padding-bottom: 9px; + // min-height: 16px; + //} + + //&.vertical { + // padding-left: 9px; + // padding-right: 9px; + // min-width: 16px; + //} + + // to make the trough grow in fine-tune mode + //trough {border-color: $success_color;} + slider {&, &:active, &:hover, &:focus { background-color: $hint_bg;}}//margin: -6px; } + + fill, + highlight, + trough { + //border-radius: 5px; + //-gtk-outline-radius: 7px; + } + } + + // the backing bit + trough { + @extend %scale_trough; + + outline-offset: 2px; + -gtk-outline-radius: 5px; + } + + // the colored part of the backing bit + highlight { @extend %scale_highlight; } + + // this is another differently styled part of the backing bit, the most relevant use case is for example + // in media player to indicate how much video stream as been cached + fill { + @extend %scale_trough; + + &:backdrop, & { background-color: $borders_color; } + + &:disabled { + &:backdrop, & { + border-color: transparent; + background-color: transparent; + } + } + + // OSD + .osd & { + background-color: mix($osd_fg_color, $osd_borders_color, 25%); + + &:disabled { + &:backdrop, & { + border-color: transparent; + background-color: transparent; + } + } + } + } + + slider, %slider { + + min-height: 18px; + min-width: 18px; + margin: -9px; + //@include button(normal-alt, $edge: $shadow_color); + @include button(normal); + + //border: 1px solid darken($alt_borders_color, 3%); + border-width: 1px; + border-style: solid; + border-radius: 100%; + transition: $button_transition; + transition-property: background, border, box-shadow; + + //&:hover { @include button(hover-alt, $edge: $shadow_color); } + &:hover { @include button(hover); } + + &:active { border-color: $selected_bg_color; } + + &:disabled { @include button(insensitive); } + + &:backdrop { + transition: $backdrop_transition; + + @include button(backdrop); + + &:disabled { @include button(backdrop-insensitive); } + } + + // ...on selected list rows + row:selected & { &:disabled, & { border-color: $selected_borders_color; } } + + // OSD + .osd & { + @include button(osd); + border-color: darken($osd_borders_color, 3%); + background-color: opacify($osd_bg_color, 1); // solid background needed here + + &:hover { + @include button(osd-hover); + background-color: opacify($osd_bg_color, 1); // solid background needed here + } + + &:active { + @include button(osd-active); + background-color: opacify($osd_bg_color, 1); // solid background needed here + } + + &:disabled { + @include button(osd-insensitive); + background-color: opacify($osd_bg_color, 1); // solid background needed here + } + + &:backdrop { + @include button(osd-backdrop); + background-color: opacify($osd_bg_color, 1); // solid background needed here + + &:disabled { + @include button(osd-backdrop-insensitive); + background-color: opacify($osd_bg_color, 1); // solid background needed here + } + } + } + } + + marks, + value { + color: gtkalpha(currentColor, 0.55); + font-feature-settings: "tnum"; + } + + //marks margins + @each $scale_orient, $marks_class, $marks_pos, $marks_margin in (horizontal, top, top, bottom), + (horizontal, bottom, bottom, top), + (vertical, top, left, right), + (vertical, bottom, right, left) { + &.#{$scale_orient} marks { + &.#{$marks_class} { + margin-#{$marks_margin}: $_marks_distance; + margin-#{$marks_pos}: -($_marks_distance + $_marks_length); + } + } + + //&.#{$scale_orient}.fine-tune marks { + // &.#{$marks_class} { + // margin-#{$marks_margin}: $_marks_distance; + // margin-#{$marks_pos}: -($_marks_distance + $_marks_length - 3px); + // } + //} + } + + + + &.horizontal { + indicator { + min-height: $_marks_length; + min-width: 1px; + } + + //&.fine-tune indicator { min-height: ($_marks_length - 3px); } + &.marks-after { + slider{ border-radius: 5px 5px 100% 100%; min-width: 10px; padding: 0; margin-right: 5px; margin-left:5px;}} + &.marks-before {slider{ border-radius: 100% 100% 5px 5px;min-width: 10px;padding: 0;margin-right: 5px; margin-left:5px;}} + } + + &.vertical { + indicator { + min-height: 1px; + min-width: $_marks_length; + } + + //&.fine-tune indicator { min-width: ($_marks_length - 3px); } + + &.marks-after {slider{ border-radius: 5px 100% 100% 5px; min-height: 10px;padding: 0;margin-top: 5px; margin-bottom:5px;}} + &.marks-before {slider{ border-radius: 100% 5px 5px 100%; min-height: 10px;padding: 0;margin-top: 5px; margin-bottom:5px;}} + } + + // Old warning to help locate where this madness used to be. I've used a much saner approach to marked sliders, IMHO, without assets. + // *WARNING* scale with marks madness following + + + &.color { + min-height: 0; + min-width: 0; + + trough { + background-image: image($borders_color); + background-repeat: no-repeat; + } + + &.horizontal { + padding: 0 0 15px 0; + + trough { + padding-bottom: 4px; + background-position: 0 -3px; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + slider { + &:dir(ltr), &:dir(rtl) { // specificity bumb + &:hover, &:backdrop, &:disabled, &:backdrop:disabled, & { + margin-bottom: -15px; + margin-top: 6px; + } + } + } + } + + &.vertical { + &:dir(ltr) { + padding: 0 0 0 15px; + + trough { + padding-left: 4px; + background-position: 3px 0; + border-bottom-right-radius: 0; + border-top-right-radius: 0; + } + + slider { + &:hover, &:backdrop, &:disabled, &:backdrop:disabled, & { + margin-left: -15px; + margin-right: 6px; + } + } + } + + &:dir(rtl) { + padding: 0 15px 0 0; + + trough { + padding-right: 4px; + background-position: -3px 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; + } + + slider { + &:hover, &:backdrop, &:disabled, &:backdrop:disabled, & { + margin-right: -15px; + margin-left: 6px; + } + } + } + } + + //removed fine-tune bit + } +} + + +/***************** + * Progress bars * + *****************/ +progressbar { + // sizing + &.horizontal { + trough, + progress { min-height: 2px; } + } + + &.vertical { + trough, + progress { min-width: 2px; } + } + + &.horizontal progress { margin: 0 -1px; } // the progress node is positioned after the trough border + &.vertical progress { margin: -1px 0; } // this moves it over it. + + + // FIXME: insensitive state missing and some other state should be set probably + font-size: smaller; + color: transparentize($fg_color, 0.6); + font-feature-settings: "tnum"; + + &:backdrop { + box-shadow: none; + transition: $backdrop_transition; + } + + trough { @extend %scale_trough; } + + progress { + @extend %scale_highlight; + + border-radius: 1.5px; + + &.left { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; + } + + &.right { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; + } + + &.top { + border-top-right-radius: 2px; + border-top-left-radius: 2px; + } + + &.bottom { + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; + } + } + + &.osd { // progressbar.osd used for epiphany page loading progress + min-width: 3px; + min-height: 3px; + background-color: transparent; + + trough { + border-style: none; + border-radius: 0; + background-color: transparent; + box-shadow: none; + } + + progress { + border-style: none; + border-radius: 0; + } + } + + trough.empty progress { all: unset; } // makes the progress indicator disappear, when the fraction is 0 +} + + +/************* + * Level Bar * + *************/ + +@import '../common/levelbar.scss'; + + + +/**************** + * Print dialog * +*****************/ +printdialog { + paper { + color: $fg_color; + border: 1px solid $borders_color; + background: white; + padding: 0; + + &:backdrop { + color: $backdrop_fg_color; + border-color: $backdrop_borders_color; + } + } + + .dialog-action-box { margin: 12px; } +} + + +/********** + * Frames * + **********/ +frame > border, +.frame { + box-shadow: none; + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid $borders_color; + + &.flat { border-style: none; } + + &:backdrop { border-color: $backdrop_borders_color; } +} + +actionbar > revealer > box { + padding: 6px; + border-top: 1px solid $borders_color; + + &:backdrop { border-color: $backdrop_borders_color; } +} + +scrolledwindow { + viewport.frame { // avoid double borders when viewport inside scrolled window + border-style: none; + } + + // This is used when content is touch-dragged past boundaries. + // draws a box on top of the content, the size changes programmatically. + overshoot { + &.top { + @include overshoot(top); + + &:backdrop { @include overshoot(top, backdrop); } + } + + &.bottom { + @include overshoot(bottom); + + &:backdrop { @include overshoot(bottom, backdrop); } + } + + &.left { + @include overshoot(left); + + &:backdrop { @include overshoot(left, backdrop); } + } + + &.right { + @include overshoot(right); + + &:backdrop { @include overshoot(right, backdrop); } + } + } + + + junction { // the small square between two scrollbars + border-color: transparent; + // the border image is used to add the missing dot between the borders, details, details, details... + border-image: linear-gradient(to bottom, $borders_color 1px, transparent 1px) 0 0 0 1 / 0 1px stretch; + background-color: $scrollbar_bg_color; + + &:dir(rtl) { border-image-slice: 0 1 0 0; } + + &:backdrop { + border-image-source: linear-gradient(to bottom, $backdrop_borders_color 1px, transparent 1px); + background-color: $backdrop_scrollbar_bg_color; + transition: $backdrop_transition; + } + } +} + +//vbox and hbox separators +separator { + background: transparentize(black, 0.9); + min-width: 1px; + min-height: 1px; +} + + +/********* + * Lists * + *********/ +list { + color: $text_color; + background-color: $base_color; + border-color: $borders_color; + + &:backdrop { + color: $backdrop_text_color; + background-color: $backdrop_base_color; + border-color: $backdrop_borders_color; + } + + row { padding: 2px; } +} + +row { + transition: all 150ms $ease-out-quad; + + &:hover { transition: none; } + + &:backdrop { transition: $backdrop_transition; } + + &.activatable { + &.has-open-popup, // this is for indicathing which row generated a popover see https://bugzilla.gnome.org/show_bug.cgi?id=754411 + + &:hover { background-color: if(variant == light, transparentize($fg_color, 0.9), transparentize($fg_color, 0.95)); } + + &:active { box-shadow: inset 0 2px 2px -2px transparentize(black, 0.8); } + + &:backdrop:hover { background-color: transparent; } + + &:selected { + &:active { box-shadow: inset 0 2px 3px -1px transparentize(black, 0.5); } + + &.has-open-popup, + &:hover { background-color: mix($fg_color, $selected_bg_color, 10%); } + + &:backdrop { background-color: $selected_bg_color; } + } + } + + &:selected { @extend %selected_items; } +} + + +/********************* + * App Notifications * + *********************/ +.app-notification, +.app-notification.frame { + @extend %osd; + + padding: 10px; + border-radius: 0 0 5px 5px; + background-color: $osd_bg_color; + background-image: linear-gradient(to bottom, transparentize(black, 0.8), + transparent 2px); + background-clip: padding-box; + + &:backdrop { + background-image: none; + transition: $backdrop_transition; + } + + button { @extend %osd_button; } + + border { border: none; } +} + + +/************* + * Expanders * + *************/ +expander { + title > 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 + &:disabled { color: $insensitive_fg_color; } + &:disabled:backdrop { color: $backdrop_insensitive_color; } + + &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } + } +} + + +/************ + * Calendar * + ***********/ +calendar { + color: $text_color; + border: 1px solid $borders_color; + + &:selected { + @extend %selected_items; + + border-radius: 3px; + } + + &.header { + border-bottom-color: transparentize(black, 0.9); + + &:backdrop { border-bottom-color: transparentize(black, 0.9); } + } + + &.button { + @extend %undecorated_button; + + color: transparentize($fg_color, 0.55); + + &:hover { color: $fg_color; } + + &:backdrop { color: transparentize($backdrop_fg_color,0.55); } + + &:disabled { color: transparentize($insensitive_fg_color,0.55); } + } + + &.highlight { + color: $insensitive_fg_color; + + &:backdrop { color: $backdrop_insensitive_color; } + } + + &:backdrop { + color: $backdrop_text_color; + border-color: $backdrop_borders_color; + } + + &:indeterminate { color: gtkalpha(currentColor, 0.1); } +} + + +/*********** + * Dialogs * + ***********/ +messagedialog { // Message Dialog styling + .titlebar { + min-height: 20px; + background-image: none; + background-color: $bg_color; + border-style: none; + border-top-left-radius: 7px; + border-top-right-radius: 7px; + } + + &.csd { // rounded bottom border styling for csd version + &.background { + // bigger radius for better antialiasing + border-bottom-left-radius: $window_radius+1; + border-bottom-right-radius: $window_radius+1; + } + + .dialog-action-area button { + padding: 10px 14px; // labels are not vertically centered on message dialog, this is a workaround + border-right-style: none; + border-bottom-style: none; + border-radius: 0; + -gtk-outline-radius: 0; + + &:first-child { + border-left-style: none; + border-bottom-left-radius: $button_radius + 2; + -gtk-outline-bottom-left-radius: $button_radius + 2; + } + + &:last-child { + border-bottom-right-radius: $button_radius + 2; + -gtk-outline-bottom-right-radius: $button_radius + 2; + } + } + } +} + +filechooser { + .dialog-action-box { + border-top: 1px solid $borders_color; + + &:backdrop { border-top-color: $backdrop_borders_color; } + } + + #pathbarbox { border-bottom: 1px solid $bg_color; } +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + + +/*********** + * Sidebar * + ***********/ +.sidebar { + border-style: none; + background-color: mix($bg_color, $base_color, 50%); + + &:not(separator) { + @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; + } + } + + &:backdrop { + background-color: $backdrop_sidebar_bg_color; + border-color: $backdrop_borders_color; + transition: $backdrop_transition; + } + + list { background-color: transparent; } + + paned & { &.left, &.right, &.left:dir(rtl), &:dir(rtl), &:dir(ltr), & { border-style: none; }} +} + +stacksidebar { + &.sidebar { + &:dir(ltr), + &.left, + &.left:dir(rtl) { list { @extend %sidebar_left; }} + + &:dir(rtl), + &.right { list { @extend %sidebar_right; }} + } + + row { + padding: 10px 4px; + + > label { + padding-left: 6px; + padding-right: 6px; + } + + &.needs-attention > label { + @extend %needs_attention; + + background-size: 6px 6px, 0 0; + } + } +} + +separator.sidebar { + background-color: $borders_color; + + &:backdrop { + background-color: $backdrop_borders_color; + } + + &.selection-mode, + .selection-mode & { + background-color: darken($suggested_bg_color, 20%); + } +} + + +/**************** + * File chooser * + ****************/ +$_placesidebar_icons_opacity: 1; + +row image.sidebar-icon { opacity: $_placesidebar_icons_opacity; } // dim the sidebar icons + // see bug #786613 for details + // on this oddity + +placessidebar { + > viewport.frame { border-style: none; } + + row { + // Needs overriding of the GtkListBoxRow padding + min-height: 36px; + padding: 0px; + + // Using margins/padding directly in the SidebarRow + // will make the animation of the new bookmark row jump + > revealer { padding: 0 14px; } + + &:selected { color: $selected_fg_color; } + + &:disabled { color: $insensitive_fg_color; } + + &:backdrop { + color: $backdrop_fg_color; + + &:selected { color: $backdrop_selected_fg_color; } + + &:disabled { color: $backdrop_insensitive_color; } + } + + image.sidebar-icon { + &:dir(ltr) { padding-right: 8px; } + &:dir(rtl) { padding-left: 8px; } + } + + label.sidebar-label { + &:dir(ltr) { padding-right: 2px; } + &:dir(rtl) { padding-left: 2px; } + } + + @at-root button.sidebar-button { + @extend %button_basic_flat; + + @extend %button_selected_flat; + + min-height: 26px; + min-width: 26px; + margin-top: 3px; + margin-bottom: 3px; + padding: 0; + border-radius: 100%; + -gtk-outline-radius: 100%; + + &:not(:hover):not(:active), + &:backdrop { > image { opacity: $_placesidebar_icons_opacity; }} + } + + // in the sidebar case it makes no sense to click the selected row + &:selected:active { box-shadow: none; } + + &.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: image($drop_target_color); + background-clip: content-box; + } + + &.sidebar-new-bookmark-row { color: $selected_bg_color; } + + &:drop(active):not(:disabled) { + color: $drop_target_color; + box-shadow: inset 0 1px $drop_target_color, + inset 0 -1px $drop_target_color; + + &:selected { + color: $selected_fg_color; + background-color: $drop_target_color; + } + } + } +} + +placesview { + .server-list-button > image { + transition: 200ms $ease-out-quad; + -gtk-icon-transform: rotate(0turn); + } + + .server-list-button:checked > image { + transition: 200ms $ease-out-quad; + -gtk-icon-transform: rotate(-0.5turn); + } + + row.activatable:hover { background-color: transparent; } + + // 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; // defeats the ugly default handle decoration + border-style: none; // just to be sure + background-color: transparent; + // workaround, using background istead of a border since the border will get rendered twice (?) + background-image: image($borders_color); + background-size: 1px 1px; + + &:selected { background-image: image($selected_bg_color); } // FIXME is this needed? + + &:backdrop { background-image: image($backdrop_borders_color); } + + &.wide { + min-width: 5px; + min-height: 5px; + background-color: $bg_color; + background-image: image($borders_color), image($borders_color); + background-size: 1px 1px, 1px 1px; + + &:backdrop { + background-color: $backdrop_bg_color; + background-image: image($backdrop_borders_color), + image($backdrop_borders_color); + } + } + } + + &.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; + + &.action:hover > revealer > box { + //background-color: if($variant == 'light', desaturate(lighten(invert($selected_bg_color), 47%), 30%), + // desaturate(darken(invert($selected_bg_color),42%), 70%)); + border-bottom: 1px solid lighten($borders_color, 5%); + } + + &.info, + &.question, + &.warning, + &.error { + &:backdrop > revealer > box, & > revealer > box { + label, & { color: $fg_color; } + $_bg_info_bar: desaturate(invert($selected_bg_color), 30%); + + @if $variant == 'light' { $_bg_info_bar: if(lightness($_bg_info_bar) < 50%, lighten($_bg_info_bar, 30%), $_bg_info_bar);} + @else {$_bg_info_bar: if(lightness($_bg_info_bar) > 50%, darken($_bg_info_bar, 30%), $_bg_info_bar);} + + background-color: $_bg_info_bar; + border-bottom: 1px solid lighten($borders_color, 5%); + } + + text-shadow: none; + + &:backdrop { text-shadow: none; } + + button { + // FIXME: extend selection mode buttons + @include button(normal, $bg_color, $fg_color, none); + + &:hover { @include button(hover, $bg_color, $fg_color, none); } + + &:active, + &:checked { @include button(active, $bg_color, $fg_color, none); } + + &:disabled { @include button(insensitive,$bg_color,$fg_color,none); } + + &:backdrop { + @include button(backdrop, $bg_color, $fg_color, none); + border-color: _border_color($bg_color); + + &:disabled { + @include button(backdrop-insensitive, $bg_color, + $fg_color, none); + border-color: _border_color($bg_color); + } + } + &:backdrop, & { + label, & { color: $fg_color; } + } + } + + selection { background-color: darken($bg_color, 10%); } + + *:link { color: $link_color; } + } +} + + +/************ + * Tooltips * + ************/ +tooltip { + &.background { + // 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: transparentize($hint_bg, 0.1); + background-clip: padding-box; + border: 1px solid $tooltip_borders_color; // this suble border is meant to + // not make the tooltip melt with + // very dark backgrounds + } + + //padding: 4px; /* not working */ + border-radius: 5px; + //box-shadow: none; // otherwise it gets inherited by windowframe.csd + text-shadow: none; + + // FIXME: we need a border or tooltips vanish on black background. + decoration { background-color: transparent; } + + * { // Yeah this is ugly + //padding: 4px; + background-color: transparent; + color: $hint_fg; + } +} + + +/***************** + * Color Chooser * + *****************/ +colorswatch { + // This widget is made of two boxes one on top of the other, the lower box is colorswatch {} the other one + // is colorswatch overlay {}, colorswatch has the programmatically set background, so most of the style is + // applied to the overlay box. + + &:drop(active), & { border-style: none; } // FIXME: implement a proper drop(active) state + + $_colorswatch_radius: 5px; + + // base color corners rounding + // to avoid the artifacts caused by rounded corner anti-aliasing the base color + // sports a bigger radius. + // nth-child is needed by the custom color strip. + + &.top { + border-top-left-radius: $_colorswatch_radius + 0.5px; + border-top-right-radius: $_colorswatch_radius + 0.5px; + + 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.5px; + + 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 { + outline-color: transparentize(white, 0.4); + + overlay { + color: white; + + &:hover { border-color: if($variant == 'light', transparentize(black, 0.2), $borders_color); } + + &:backdrop { color: transparentize(white, 0.5); } + } + } + + &.light { + outline-color: transparentize(black, 0.4); + + overlay { + color: black; + + &:hover { border-color: if($variant == 'light', transparentize(black, 0.5), $borders_color); } + + &:backdrop { color: transparentize(black, 0.5); } + } + } + + &:drop(active) { + box-shadow: none; + + &.light overlay { + border-color: $drop_target_color; + box-shadow: inset 0 0 0 2px if($variant == 'light', darken($drop_target_color, 7%), $borders_color), + inset 0 0 0 1px $drop_target_color; + } + + &.dark overlay { + border-color: $drop_target_color; + box-shadow: inset 0 0 0 2px if($variant == 'light', transparentize(black, 0.7), $borders_color), + inset 0 0 0 1px $drop_target_color; + } + } + + overlay { + border: 1px solid if($variant == 'light', transparentize(black, 0.7), $borders_color); + + &:hover { + box-shadow: inset 0 1px transparentize(white, 0.6), + inset 0 -1px transparentize(black, 0.8); + } + + &:backdrop, &:backdrop:hover { + border-color: if($variant == 'light', transparentize(black, 0.7), $borders_color); + box-shadow: none; + } + } + + &#add-color-button { + border-radius: $_colorswatch_radius $_colorswatch_radius 0 0; + + &:only-child { border-radius: $_colorswatch_radius; } + + overlay { + @include button(normal); + + &:hover { @include button(hover); } + + &:backdrop { @include button(backdrop); } + } + } + + &:disabled { + opacity: 0.5; + + overlay { + border-color: transparentize(black, 0.4); + box-shadow: none; + } + } + + row:selected & { box-shadow: 0 0 0 2px $selected_fg_color; } + + &#editor-color-sample { + border-radius: 4px; + + overlay { border-radius: 4.5px; } + } +} + +// colorscale popup +colorchooser .popover.osd { border-radius: 5px; } + +/******** + * Misc * + ********/ +//content view (grid/list) +.content-view { + background-color: darken($bg_color,7%); + + &:hover { -gtk-icon-effect: highlight; } + + &:backdrop { background-color: darken($bg_color,7%); } + + rubberband, .rubberband { @extend rubberband; } +} + +.scale-popup { + .osd & { @extend %osd; } + +// .osd & button.flat { //FIXME: quick hack, redo properly +// border-style: none; +// border-radius: 5px; +// } + +// button { // +/- buttons on GtkVolumeButton popup +// &:hover { +// @extend %undecorated_button; +// background-color: transparentize($fg_color,0.9); +// border-radius: 5px; +// } + +// &:backdrop { &:hover, &:disabled, & { @extend %undecorated_button; }} +// } +} + + +/********************** + * Window Decorations * + *********************/ +decoration { + border-radius: $window_radius $window_radius 0 0; + // lamefun trick to get rounded borders regardless of CSD use + border-width: 0px; + + // this needs to be transparent + // see bug #722563 + $_wm_border: if($variant=='light', transparentize(black, 0.77), transparentize(black, 0.25)); + $_wm_border_backdrop: if($variant=='light', transparentize(black, 0.82), transparentize(black, 0.25)); + + box-shadow: 0 3px 9px 1px transparentize(black, 0.5), + 0 0 0 1px $_wm_border; //doing borders with box-shadow + + // FIXME rationalize shadows + + // this is used for the resize cursor area + margin: 10px; + + &:backdrop { + // the transparent shadow here is to enforce that the shadow extents don't + // change when we go to backdrop, to prevent jumping windows. + // The biggest shadow should be in the same order then in the active state + // or the jumping will happen during the transition. + box-shadow: 0 3px 9px 1px transparent, + 0 2px 6px 2px transparentize(black, 0.8), + 0 0 0 1px $_wm_border_backdrop; + transition: $backdrop_transition; + } + + .maximized &, + .fullscreen & { border-radius: 0; box-shadow: none; } + + .tiled &, + .tiled-top &, + .tiled-right &, + .tiled-bottom &, + .tiled-left & { + border-radius: 0; + box-shadow: 0 0 0 1px $_wm_border_backdrop, + 0 2px 6px 2px transparentize(black, 0.3), + 0 0 0 20px transparent; //transparent control workaround -- #3670 + + &:backdrop { box-shadow: 0 0 0 1px $_wm_border_backdrop, + 0 2px 6px 2px transparentize(black, 0.6), + 0 0 0 20px transparent; // #3670 + } + } + + .popup & { box-shadow: none; } + + // server-side decorations as used by mutter + // just doing borders, wm draws actual shadows + .ssd & { box-shadow: 0 0 0 1px $_wm_border; } + .ssd &:backdrop { box-shadow: 0 0 0 1px $_wm_border_backdrop; } + + .csd.popup & { + border-radius: $menu_radius; + box-shadow: 0 1px 5px transparentize(black, 0.8), + 0 0 0 1px transparentize($_wm_border, 0.1); + } + + tooltip.csd & { + border-radius: 5px; + box-shadow: 0 3px 4px transparentize(black, 0.3); //none; + } + + messagedialog.csd & { + border-radius: $window_radius; + box-shadow: 0 1px 5px transparentize(black, 0.8), + 0 0 0 1px transparentize($_wm_border, 0.1); + } + + .solid-csd & { + margin: 0; + padding: 4px; + background-color: $borders_color; + border: solid 1px $borders_color; + border-radius: 0; + box-shadow: inset 0 0 0 3px $headerbar_color, inset 0 1px $top_hilight, 0 3px 5px transparentize(black, 0.3); + + &:backdrop { box-shadow: inset 0 0 0 3px $backdrop_bg_color, inset 0 1px $top_hilight, 0 3px 5px transparentize(black, 0.3); } + } +} + +// Window Close button +button.titlebutton { + @extend %button_basic; + + //&:not(:hover):not(:active):not(:checked):not(:disabled) {@extend %button_basic_flat;} + + //@include _button_text_shadow; + + &:not(.appmenu) { + //border-radius: 9999px; + padding: $_hb_btn_pad; + margin: 0 2px; + min-width: 0; + min-height: 0; + @include button(normal, $titlebar_active_bg, white); + text-shadow: 0 0 2px #303030; + -gtk-icon-shadow: 0 0 2px #303030; + &:hover {@include button(hover, $titlebar_active_bg, white);} + &:active {@include button(active, $titlebar_active_bg, white);} + &:backdrop { + @include button(normal, $titlebar_backdrop_bg, white); + background-image: none; + text-shadow: 0 0 2px #303030; + -gtk-icon-shadow: 0 0 2px #303030; + &:hover {@include button(hover, $titlebar_active_bg, white);} + &:active {@include button(active, $titlebar_active_bg, white);} + } + } + &.close { + //background-color: $error_color; color: white; + + padding-right: 12px; + padding-left: 12px; + &:not(:backdrop) { + $close_button_bg: desaturate(darken($error_color,15%),15%); + @include button(normal, $close_button_bg, white, none, radial-gradient(circle at bottom, rgba(255, 255, 0, 0.5), rgba(255, 255, 0, 0))); + &:hover {@include button(hover, $close_button_bg);} + &:active {@include button(active, $close_button_bg);} + } + } + .selection-mode & { + @extend %selection_mode_button_flat; + + @extend %nobg_selected_items; + } + + &:backdrop { -gtk-icon-shadow: none; } +} + +.selection-mode headerbar button.titlebutton, +.selection-mode .titlebar button.titlebutton, +headerbar.selection-mode button.titlebutton, +.titlebar.selection-mode button.titlebutton { + @include _button_text_shadow(white, $suggested_bg_color); + + &:backdrop { -gtk-icon-shadow: none; } +} + +// catch all extend :) +//here used to be %selected_items {...} + + + +.monospace { font-family: monospace; } + + +/********************** + * Touch Copy & Paste * + *********************/ +//touch selection handlebars for the Popover.osd above + +@import '../common/cursor-handle.scss'; + +.context-menu { font: initial; } // Decouple the font of context menus from their entry/textview + +// shortcut window keys +.keycap { + min-width: 20px; + min-height: 25px; + margin-top: 2px; + padding-bottom: 3px; + padding-left: 6px; + padding-right: 6px; + + color: $fg_color; + background-color: $base_color; + border: 1px solid; + border-color: if($variant == 'light', mix($borders_color, $bg_color, 50%), $borders_color); + border-radius: 5px; + box-shadow: if($variant == 'light', inset 0 -3px mix($base_color, $bg_color, 20%), inset 0 -3px mix($borders_color, $base_color, 60%)); + font-size: smaller; + + &:backdrop { + background-color: $backdrop_base_color; + color: $backdrop_fg_color; + transition: $backdrop_transition; + } +} + +:not(decoration):not(window):drop(active):focus, +:not(decoration):not(window):drop(active) { // FIXME needs to be done widget by widget, this wildcard should really die + border-color: $drop_target_color; + box-shadow: inset 0 0 0 1px $drop_target_color; + caret-color: $drop_target_color; +} + +stackswitcher button.text-button { min-width: 100px; } // FIXME aggregate with buttons + +stackswitcher button.circular, +stackswitcher button.text-button.circular { // FIXME aggregate with buttons + min-width: 32px; + min-height: 32px; + padding: 0; +} + +/************* + * App Icons * + *************/ +/* Outline for low res icons */ +.lowres-icon { + -gtk-icon-shadow: 0 -1px rgba(0,0,0,0.05), + 1px 0 rgba(0,0,0,0.1), + 0 1px rgba(0,0,0,0.3), + -1px 0 rgba(0,0,0,0.1); +} + +/* Dropshadow for large icons */ +.icon-dropshadow { + -gtk-icon-shadow: 0 1px 12px rgba(0,0,0,0.05), + 0 -1px rgba(0,0,0,0.05), + 1px 0 rgba(0,0,0,0.1), + 0 1px rgba(0,0,0,0.3), + -1px 0 rgba(0,0,0,0.1); +} + +/********* + * Emoji * + ********/ + +popover.emoji-picker { + padding-left: 0; + padding-right: 0; + + entry.search { margin: 3px 5px 5px 5px; } +} + +button.emoji-section { + border-color: transparent; + border-width: 3px; + border-style: none none solid; + border-radius: 0; + + margin: 2px 4px 2px 4px; + padding: 3px 0 0; + min-width: 32px; + min-height: 28px; + + /* reset props inherited from the button style */ + background: none; + box-shadow: none; + text-shadow: none; + + outline-offset: -5px; + + &:first-child { margin-left: 7px; } + &:last-child { margin-right: 7px; } + + &:backdrop:not(:checked) { border-color: transparent; } + &:hover { border-color: if($variant == 'light', $borders_color, transparentize($fg_color, .9)); } + &:checked { border-color: $selected_bg_color; } + + label { + padding: 0; + + opacity: 0.55; + } + + &:hover label { opacity: 0.775; } + &:checked label { opacity: 1; } +} + +popover.emoji-picker .emoji { + font-size: x-large; + padding: 6px; + + :hover { + background: $selected_bg_color; + border-radius: 6px; + } +} + +popover.emoji-completion arrow { + border: none; + background: none; +} + +popover.emoji-completion contents row box { + padding: 2px 10px; +} + +popover.emoji-completion .emoji:hover { + background: $popover_hover_color; +} + +@import '../common/undershoot.scss'; diff --git a/source/gtk3/_drawing.scss b/source/gtk3/_drawing.scss new file mode 100644 index 0000000..7076851 --- /dev/null +++ b/source/gtk3/_drawing.scss @@ -0,0 +1,157 @@ +// Drawing mixins + +// generic drawing of more complex things + +//to allow some common mixins to know whether they've been called for a gtk3 or gtk4 widget, because there are some things that are different. +$gtk: 3; + + +@function _widget_edge($c:$borders_edge) { +// outer highlight "used" on most widgets + @if $c == none { @return none; } + @else { @return 0 1px $c; } +} + +@mixin _shadows($list...) { +// +// Helper mixin to stack up to box-shadows; +// + $shadows: null; + + @each $shadow in $list { + @if $shadow!=none { $shadows: $shadows, $shadow; } + } + + box-shadow: $shadows; +} + +// entries +@function entry_focus_border($fc:$selected_bg_color) { + //@if $variant == 'light' { @return $fc; } + //@else { @return if($fc==$selected_bg_color, $selected_borders_color, darken($fc, 35%)); } + @return $fc; +} + +@function entry_focus_shadow($fc:$selected_bg_color) { @return inset 0 0 0 1px $fc; } + +@mixin entry($t, $fc:$selected_bg_color, $edge: none) { +// +// Entries drawing function +// +// $t: entry type +// $fc: focus color +// $edge: set to none to not draw the bottom edge or specify a color to not +// use the default one +// +// possible $t values: +// normal, focus, insensitive, backdrop, backdrop-insensitive, osd, osd-focus, osd-backdrop; +// + $_entry_shadow: 0 1px 2px transparentize($shadow_hard_color, 0.6); + $_blank_edge: if($edge == none, none, 0 1px transparentize($edge, 1)); + $_entry_edge: if($edge == none, none, _widget_edge($edge)); + $_hilight_color: _button_hilight_color($bg_color); + + @if $t==normal { + color: $text_color; + border-color: mix($text_color,$base_color);//$borders_color; + background-color: $base_color; + @include _shadows(entry_focus_shadow(transparentize($fc, 1)),inset $_entry_shadow, 0 1px $_hilight_color, $_entry_edge); + // for the transition to work the number of shadows in different states needs to match, hence the transparent shadow here. + } + @if $t==focus { + @include _shadows(entry_focus_shadow($fc), inset $_entry_shadow, 0 1px $_hilight_color, $_entry_edge); + border-color: entry_focus_border($fc); + } + @if $t==insensitive { + color: $insensitive_fg_color; + border-color: mix($insensitive_fg_color, $insensitive_bg_color, 50%); + background-color: $insensitive_bg_color; + box-shadow: $_entry_edge; + } + @if $t==backdrop { + color: $backdrop_text_color; + border-color: $backdrop_borders_color; + background-color: $backdrop_base_color; + box-shadow: $_blank_edge; + } + @if $t==backdrop-insensitive { + color: $backdrop_insensitive_color; + border-color: mix($backdrop_insensitive_color, $insensitive_bg_color, 50%); + background-color: $insensitive_bg_color; + box-shadow: $_blank_edge; + } + @if $t==osd { + color: $osd_text_color; + border-color: $osd_borders_color; + background-color: transparentize(opacify($osd_borders_color, 1), 0.5); + background-clip: padding-box; + @include _shadows($_entry_shadow);; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + } + @if $t==osd-focus { + color: $osd_text_color; + border-color: $selected_bg_color; + background-color: transparentize(opacify($osd_borders_color, 1), 0.5); + background-clip: padding-box; + @include _shadows(entry_focus_shadow($fc), $_entry_shadow); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + } + @if $t==osd-insensitive { + color: $osd_insensitive_fg_color; + border-color: $osd_borders_color; + background-color: $osd_insensitive_bg_color; + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + } + @if $t==osd-backdrop { + color: $osd_text_color; + border-color: $osd_borders_color; + background-color: transparentize(opacify($osd_borders_color, 1), 0.5); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + } +} + +// buttons + + + +@import "../common/buttons.scss"; + + +@mixin headerbar_fill($c:$headerbar_color, $hc:$top_hilight, $ov: none) { +// +// headerbar fill +// +// $c: base color +// $hc: top highlight color +// $ov: a background layer for background shorthand (hence no commas!) +// + $gradient: linear-gradient(to top, darken($c, 2%), lighten($c, 1%)); + + @if $variant == 'dark' { $gradient: linear-gradient(to top, lighten($c, 4%), lighten($c, 6%)); } + + @if $ov != none { background: $c $ov, $gradient; } + @else { background: $c $gradient; } + + box-shadow: inset 0 1px $hc; // top highlight +} + + +@import '../common/overshoot.scss'; + + +/*************************** + * Check and Radio buttons * + ***************************/ + +@import "../common/checkradios.scss"; + + + diff --git a/source/gtk3/assets.svg b/source/gtk3/assets.svg new file mode 100644 index 0000000..7177e37 --- /dev/null +++ b/source/gtk3/assets.svg @@ -0,0 +1,2134 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> + +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" + xmlns:svg="http://www.w3.org/2000/svg" + xmlns="http://www.w3.org/2000/svg" + xmlns:xlink="http://www.w3.org/1999/xlink" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + width="1000" + height="1052.3622" + id="svg9892" + version="1.1" + inkscape:version="0.92.4 (unknown)" + sodipodi:docname="assets.svg" + viewBox="0 0 1000 1052.3622"> + <defs + id="defs9894"> + <linearGradient + id="linearGradient1265"> + <stop + id="stop1257" + offset="0" + style="stop-color:#ffffff;stop-opacity:1" /> + <stop + id="stop1263" + offset="1" + style="stop-color:#f3f3f2;stop-opacity:1" /> + </linearGradient> + <linearGradient + id="linearGradient1415"> + <stop + id="stop1407" + offset="0" + style="stop-color:#2c3133;stop-opacity:1" /> + <stop + style="stop-color:#373738;stop-opacity:1" + offset="0.2" + id="stop1409" /> + <stop + style="stop-color:#302f30;stop-opacity:1" + offset="1" + id="stop1411" /> + <stop + id="stop1413" + offset="1" + style="stop-color:#25292b;stop-opacity:1" /> + </linearGradient> + <linearGradient + inkscape:collect="always" + id="linearGradient5840"> + <stop + style="stop-color:#2a2e30;stop-opacity:1;" + offset="0" + id="stop5842" /> + <stop + style="stop-color:#2a2e30;stop-opacity:0;" + offset="1" + id="stop5844" /> + </linearGradient> + <linearGradient + id="dark-normal"> + <stop + style="stop-color:#323737;stop-opacity:1" + offset="0" + id="stop5208" /> + <stop + id="stop5210" + offset="0.2" + style="stop-color:#323737;stop-opacity:1" /> + <stop + style="stop-color:#2a2f2f;stop-opacity:1" + offset="1" + id="stop5212" /> + </linearGradient> + <linearGradient + id="light-normal"> + <stop + style="stop-color:#f4f4f4;stop-opacity:1" + offset="0" + id="stop4604" /> + <stop + id="stop4610" + offset="0.2" + style="stop-color:#f4f4f4;stop-opacity:1" /> + <stop + style="stop-color:#e8e8e7;stop-opacity:1" + offset="1" + id="stop4608" /> + </linearGradient> + <linearGradient + id="killme"> + <stop + id="stop5583-0-92-8-0-7-6" + offset="0" + style="stop-color:#ffffff;stop-opacity:1" /> + <stop + style="stop-color:#ededed;stop-opacity:1;" + offset="0.40000001" + id="stop5585-4-7-2-7-9-9" /> + <stop + id="stop5587-6-7-2-0-3-1" + offset="1" + style="stop-color:#d3d3d3;stop-opacity:1;" /> + </linearGradient> + <linearGradient + inkscape:collect="always" + xlink:href="#dark-normal" + id="linearGradient4838-7-9" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(3.0317573,0,0,1.0053174,-102.66338,-0.82153381)" + x1="95.213127" + y1="167.30688" + x2="95.213127" + y2="186.8056" /> + <linearGradient + inkscape:collect="always" + xlink:href="#hover-2" + id="linearGradient7117-1-2-4" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(3.025641,0,0,1,-102.29487,0)" + x1="95.453751" + y1="-12.24312" + x2="95.453751" + y2="6.2584834" /> + <linearGradient + inkscape:collect="always" + xlink:href="#hover-2" + id="linearGradient7117-1-3-7" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(3.025641,0,0,1,-102.29487,0)" + x1="95.453751" + y1="-12.24312" + x2="95.453751" + y2="6.2584834" /> + <linearGradient + inkscape:collect="always" + xlink:href="#hover-2" + id="linearGradient7117-1-5-5" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(3.025641,0,0,1,-102.29487,0)" + x1="95.453751" + y1="-12.241209" + x2="95.453751" + y2="6.2706885" /> + <linearGradient + inkscape:collect="always" + xlink:href="#hover-2" + id="linearGradient7117-1-6" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(3.025641,0,0,1,-102.29487,0)" + x1="95.453751" + y1="-12.24312" + x2="95.453751" + y2="6.2584834" /> + <linearGradient + inkscape:collect="always" + xlink:href="#hover-dark-2" + id="linearGradient7101-3-0" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(3.0317573,0,0,1.0053174,-102.66338,-0.82153381)" + x1="94.996544" + y1="167.37457" + x2="94.996544" + y2="185.89658" /> + <linearGradient + inkscape:collect="always" + xlink:href="#hover-dark-2" + id="linearGradient7101-3-0-6" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(3.0317573,0,0,1.0053174,-102.66338,-0.82153381)" + x1="94.996544" + y1="167.37457" + x2="94.996544" + y2="185.89658" /> + <linearGradient + inkscape:collect="always" + xlink:href="#hover-dark-2" + id="linearGradient7101-3-0-9" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(3.0317573,0,0,1.0053174,-102.66338,-0.82153381)" + x1="94.996544" + y1="167.37457" + x2="94.996544" + y2="185.89658" /> + <linearGradient + inkscape:collect="always" + xlink:href="#hover-dark-2" + id="linearGradient7101-3-0-4" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(3.0317573,0,0,1.0053174,-102.66338,-0.82153381)" + x1="94.996544" + y1="167.37457" + x2="94.996544" + y2="185.89658" /> + <linearGradient + inkscape:collect="always" + xlink:href="#hover-2" + id="linearGradient10617" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(-3.025641,0,0,-1,492.3252,-1.275635)" + x1="95.453751" + y1="-12.24312" + x2="95.453751" + y2="6.2584834" /> + <linearGradient + inkscape:collect="always" + xlink:href="#hover-dark-2" + id="linearGradient11093" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(3.0317573,0,0,1.0053174,-102.66338,-0.82153381)" + x1="97.192268" + y1="7.6430755" + x2="97.192268" + y2="-9.0183306" /> + <linearGradient + inkscape:collect="always" + xlink:href="#hover-2" + id="linearGradient12904" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(-3.025641,0,0,-1,492.3252,-1.275635)" + x1="95.453751" + y1="-12.24312" + x2="95.453751" + y2="6.2584834" /> + <linearGradient + inkscape:collect="always" + xlink:href="#hover-dark-2" + id="linearGradient12910" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(3.0317573,0,0,1.0053174,-102.66338,-0.82153381)" + x1="97.192268" + y1="7.3943977" + x2="97.192268" + y2="-9.0183306" /> + <linearGradient + id="hover-2"> + <stop + id="stop5846" + offset="0" + style="stop-color:#fefefe;stop-opacity:1" /> + <stop + style="stop-color:#fefefe;stop-opacity:1" + offset="0.2" + id="stop5848" /> + <stop + style="stop-color:#f2f2f1;stop-opacity:1" + offset="0.89999998" + id="stop5850" /> + <stop + id="stop5852" + offset="1" + style="stop-color:#f2f2f1;stop-opacity:1" /> + </linearGradient> + <linearGradient + id="normal-6"> + <stop + style="stop-color:#f4f4f4;stop-opacity:1" + offset="0" + id="stop5317" /> + <stop + id="stop5323" + offset="0.2" + style="stop-color:#f4f4f4;stop-opacity:1" /> + <stop + id="stop5319" + offset="0.89999998" + style="stop-color:#e8e8e7;stop-opacity:1" /> + <stop + style="stop-color:#e8e8e7;stop-opacity:1" + offset="1" + id="stop5321" /> + </linearGradient> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient1265" + id="linearGradient4664" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(3.0403456,0,0,1.0053174,-43.533507,4.178448)" + x1="94.883377" + y1="-15.968882" + x2="94.883377" + y2="2.869415" /> + <linearGradient + id="normal-dark-1"> + <stop + style="stop-color:#2c3133;stop-opacity:1" + offset="0" + id="stop10216" /> + <stop + id="stop10218" + offset="0.2" + style="stop-color:#2c3133;stop-opacity:1" /> + <stop + id="stop10220" + offset="0.89999998" + style="stop-color:#25292b;stop-opacity:1" /> + <stop + style="stop-color:#25292b;stop-opacity:1" + offset="1" + id="stop10222" /> + </linearGradient> + <linearGradient + id="hover-dark-2"> + <stop + style="stop-color:#33393b;stop-opacity:1" + offset="0" + id="stop10192" /> + <stop + id="stop10194" + offset="0.2" + style="stop-color:#33393b;stop-opacity:1" /> + <stop + id="stop10196" + offset="0.89999998" + style="stop-color:#2a2e30;stop-opacity:1" /> + <stop + style="stop-color:#2a2e30;stop-opacity:1" + offset="1" + id="stop10198" /> + </linearGradient> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient1415" + id="linearGradient5461" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(3.0317573,0,0,1.0053174,-102.66338,-0.82153381)" + x1="95.213127" + y1="161.96188" + x2="95.213127" + y2="188.91791" /> + <linearGradient + inkscape:collect="always" + xlink:href="#hover-dark-2" + id="linearGradient5469" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(3.0317573,0,0,1.0053174,-102.66338,-0.82153381)" + x1="95.213127" + y1="167.30688" + x2="95.213127" + y2="186.8056" /> + <linearGradient + inkscape:collect="always" + xlink:href="#hover-dark-2" + id="linearGradient5471" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(3.0317573,0,0,1.0053174,-102.66338,-0.82153381)" + x1="95.213127" + y1="167.30688" + x2="95.213127" + y2="186.8056" /> + <linearGradient + inkscape:collect="always" + xlink:href="#hover-dark-2" + id="linearGradient5473" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(3.0317573,0,0,1.0053174,-102.66338,-0.82153381)" + x1="95.213127" + y1="167.30688" + x2="95.213127" + y2="186.8056" /> + <linearGradient + inkscape:collect="always" + xlink:href="#hover-dark-2" + id="linearGradient5475" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(3.0317573,0,0,1.0053174,-102.66338,-0.82153381)" + x1="95.213127" + y1="167.30688" + x2="95.213127" + y2="186.8056" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient5840" + id="linearGradient5846" + x1="185.99971" + y1="2.765625" + x2="204.00029" + y2="2.765625" + gradientUnits="userSpaceOnUse" /> + <linearGradient + inkscape:collect="always" + xlink:href="#normal-6" + id="linearGradient4750-3" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(-3.0403456,0,0,-1.0053174,248.56407,7.1839351)" + x1="94.883377" + y1="2.9309492" + x2="94.883377" + y2="-16.527445" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient1415" + id="linearGradient5461-9" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(3.0326068,0,0,1.0060122,-287.74689,-168.31614)" + x1="95.213127" + y1="167.30688" + x2="95.213127" + y2="188.91791" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient1415" + id="linearGradient1463" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(3.0317573,0,0,1.0053174,-102.66338,-0.82153381)" + x1="98.387947" + y1="17.217171" + x2="98.387947" + y2="-11.143508" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient1415" + id="linearGradient1463-7" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(3.0317573,0,0,-1.0053174,-287.84852,12.183925)" + x1="98.387947" + y1="9.5081635" + x2="98.387947" + y2="-8.7696457" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient1415" + id="linearGradient1492" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(3.0317573,0,0,1.0053174,-102.66338,-0.82153381)" + x1="95.213127" + y1="162.21251" + x2="95.213127" + y2="191.11441" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient1415" + id="linearGradient1494" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(3.0317573,0,0,1.0053174,-102.66338,-0.82153381)" + x1="95.213127" + y1="158.8485" + x2="95.213127" + y2="188.91791" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient1415" + id="linearGradient1496" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(3.0317573,0,0,1.0053174,-102.66338,-0.82153381)" + x1="95.213127" + y1="162.08618" + x2="95.213127" + y2="188.91791" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient1415" + id="linearGradient1498" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(3.0317573,0,0,1.0053174,-102.66338,-0.82153381)" + x1="98.387947" + y1="17.217171" + x2="98.387947" + y2="-11.671033" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient1265" + id="linearGradient4664-3" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(3.0412002,0,0,1.005979,-228.60065,16.811138)" + x1="94.883377" + y1="-15.968882" + x2="94.883377" + y2="2.869415" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient1265" + id="linearGradient1299" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(3.0403456,0,0,1.0053174,-43.533507,4.178448)" + x1="79.260155" + y1="6.1634321" + x2="79.260155" + y2="-14.289345" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient1265" + id="linearGradient1299-1" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(3.0403456,0,0,-1.0053174,-228.71865,7.1839351)" + x1="79.260155" + y1="6.1634321" + x2="79.260155" + y2="-14.289345" /> + </defs> + <sodipodi:namedview + id="base" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageopacity="0.0" + inkscape:pageshadow="2" + inkscape:zoom="1" + inkscape:cx="229.85412" + inkscape:cy="999.10877" + inkscape:document-units="px" + inkscape:current-layer="layer3" + showgrid="false" + showborder="false" + inkscape:window-width="1920" + inkscape:window-height="1016" + inkscape:window-x="0" + inkscape:window-y="27" + inkscape:window-maximized="1" + inkscape:snap-nodes="false" + inkscape:snap-bbox="true" + inkscape:bbox-paths="true" + inkscape:snap-global="true" + showguides="false" + inkscape:guide-bbox="true" + inkscape:bbox-nodes="true" + inkscape:object-nodes="false"> + <inkscape:grid + type="xygrid" + id="grid10919" + empspacing="5" + visible="true" + enabled="true" + snapvisiblegridlinesonly="true" /> + <sodipodi:guide + orientation="1,0" + position="371.875,774.25" + id="guide8384" + inkscape:locked="false" /> + <sodipodi:guide + position="371.875,1080.75" + orientation="0,1" + id="guide4744" + inkscape:locked="false" /> + <sodipodi:guide + position="365.75,1061" + orientation="0,1" + id="guide4746" + inkscape:locked="false" /> + </sodipodi:namedview> + <metadata + id="metadata9897"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title /> + </cc:Work> + </rdf:RDF> + </metadata> + <g + inkscape:groupmode="layer" + id="layer3" + inkscape:label="superbackdrop" + style="display:inline"> + <rect + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#3f3e40;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99999994;marker:none;enable-background:accumulate" + id="rect18026" + width="392.87714" + height="470" + x="-7" + y="155.36218" + rx="0" + ry="0" /> + <path + transform="scale(1,-1)" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#eeeeec;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99999994;marker:none;enable-background:accumulate" + d="m -7,-155.36218 392.87714,0 0,440 -392.87714,0 z" + id="rect18028" /> + <rect + ry="0" + rx="0" + y="155.36218" + x="385" + height="470" + width="307" + id="rect8047" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#3465a4;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99999994;marker:none;enable-background:accumulate" /> + <rect + ry="0" + rx="0" + y="-284.63782" + x="385.87714" + height="440" + width="306.12286" + id="rect8047-5" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#3465a4;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99999994;marker:none;enable-background:accumulate" /> + </g> + <g + inkscape:label="assets" + inkscape:groupmode="layer" + id="layer1" + style="display:inline"> + <g + id="slider-horz-scale-has-marks-below" + transform="matrix(1.0002811,0,0,1.0006581,-0.05490768,-20.008041)" + inkscape:label="#g5515"> + <path + inkscape:connector-curvature="0" + id="path3497-8-3" + d="m 201.71751,-8.3360861 c -3.70998,-3.7184219 -9.72504,-3.7184169 -13.43502,0 -3.70999,3.718416 -3.70999,9.74716 0,13.46558 L 195,11.862285 201.71751,5.1294939 c 3.70999,-3.718417 3.70999,-9.747159 0,-13.46558 z" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1.00000012;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + <path + inkscape:connector-curvature="0" + id="path3497-8" + d="m 201.71751,-9.3362027 c -3.70998,-3.7184223 -9.72504,-3.7184173 -13.43502,0 -3.70999,3.718416 -3.70999,9.74715932 0,13.4655793 L 195,10.862168 201.71751,4.1293766 c 3.70999,-3.71841698 3.70999,-9.7471583 0,-13.4655793 z" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:url(#linearGradient4664);fill-opacity:1;fill-rule:nonzero;stroke:#c5c0ba;stroke-width:1.00000012;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + <g + id="g4740"> + <path + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.93591636;marker:none;enable-background:accumulate" + d="m 195,-11.625 c -2.30863,10e-7 -4.61312,0.859113 -6.375,2.625 -1.88818,1.8924693 -2.75978,4.4008102 -2.625,6.875 0.12078,-2.1382318 0.99306,-4.239352 2.625,-5.875 1.76188,-1.765887 4.06637,-2.624999 6.375,-2.625 2.30863,-10e-7 4.61312,0.859111 6.375,2.625 1.63194,1.6356505 2.50422,3.7367683 2.625,5.875 0.13081,-2.4697869 -0.7403,-4.9860195 -2.625,-6.875 -1.76188,-1.765889 -4.06637,-2.625001 -6.375,-2.625 z" + id="path4552" + inkscape:connector-curvature="0" /> + <path + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ededec;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99938705;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto" + d="m 186.0625,-3.65625 c -0.0184,0.1578753 -0.0524,0.3102699 -0.0625,0.46875 9.6e-4,0.021167 -0.001,0.041339 0,0.0625 0.113,2.14970912 0.98494,4.2624574 2.625,5.90625 L 195,9.1875 201.375,2.78125 c 1.64006,-1.6437912 2.512,-3.75654062 2.625,-5.90625 -0.001,-0.020511 0.001,-0.041996 0,-0.0625 -0.01,-0.155035 -0.0445,-0.3142975 -0.0625,-0.46875 -0.20963,1.9842189 -1.04419,3.9157419 -2.5625,5.4375 L 195,8.1875 188.625,1.78125 c -1.51831,-1.5217594 -2.35287,-3.453281 -2.5625,-5.4375 z" + id="path4720" + inkscape:connector-curvature="0" /> + </g> + </g> + <g + id="slider-horz-scale-has-marks-above" + transform="matrix(1.0002138,0,0,0.99956352,-0.04810496,-20.007174)" + inkscape:label="#g5522"> + <path + style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;baseline-shift:baseline;text-anchor:start;white-space:normal;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.00027823;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + d="m 224.99414,-15.636719 a 0.50018913,0.50018913 0 0 0 -0.34766,0.146485 L 217.92773,-8.75 c -3.90079,3.9140125 -3.90079,10.2734823 0,14.1875003 3.90079,3.914017 10.24375,3.914012 14.14454,0 3.90079,-3.914014 3.90079,-10.2734839 0,-14.1875003 l -6.71875,-6.740234 a 0.50018913,0.50018913 0 0 0 -0.35938,-0.146485 z m 0.006,1.207031 6.36328,6.3867192 c 3.51919,3.5311176 3.51919,9.2423231 0,12.7734381 -3.51918,3.531113 -9.20738,3.531117 -12.72656,0 -3.51919,-3.531119 -3.51919,-9.2423246 0,-12.7734381 L 225,-14.429688 Z" + id="path3497-00" + inkscape:connector-curvature="0" /> + <path + inkscape:connector-curvature="0" + id="path3497" + d="m 218.28249,4.0830772 c 3.70998,3.7225673 9.72504,3.7225638 13.43502,0 3.70999,-3.72256391 3.70999,-9.7580291 0,-13.4805964 L 225,-16.137818 l -6.71751,6.7402988 c -3.70999,3.7225638 -3.70999,9.75802901 0,13.4805964 z" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:url(#linearGradient4664);fill-opacity:1;fill-rule:nonzero;stroke:#c5c0ba;stroke-width:1.00058116;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate;font-variant-east_asian:normal;vector-effect:none" /> + <g + id="g4740-2" + style="display:inline" + transform="rotate(180,209.99273,-2.6314087)"> + <path + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.93591636;marker:none;enable-background:accumulate" + d="m 186,-3.125 c -0.14009,2.48003388 0.73219,5.009137 2.625,6.90625 L 195,10.1875 201.375,3.78125 c 1.89281,-1.8971113 2.76509,-4.42621625 2.625,-6.90625 -0.11682,2.14449281 -0.98843,4.26596 -2.625,5.90625 L 195,9.1875 188.625,2.78125 C 186.98843,1.1409586 186.11682,-0.9805068 186,-3.125 Z" + id="path4552-6-8" + inkscape:connector-curvature="0" /> + </g> + <path + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ededec;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99996773;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto" + d="m 224.98546,5.3621826 c 2.30863,-10e-7 4.61312,-0.859113 6.375,-2.625 1.88818,-1.8924693 2.75978,-4.4008102 2.625,-6.875 -0.12078,2.1382318 -0.99306,4.239352 -2.625,5.875 -1.76188,1.765887 -4.06637,2.624999 -6.375,2.625 -2.30863,1e-6 -4.61312,-0.859111 -6.375,-2.625 -1.63194,-1.6356505 -2.50422,-3.7367683 -2.625,-5.875 -0.13081,2.4697869 0.7403,4.9860195 2.625,6.875 1.76188,1.765889 4.06637,2.625001 6.375,2.625 z" + id="path4552-2-2" + inkscape:connector-curvature="0" /> + </g> + <g + id="slider-vert-scale-has-marks-above" + transform="matrix(1.0001414,0,0,1.0002705,-0.03409815,-20.012372)" + inkscape:label="#g5529"> + <path + inkscape:connector-curvature="0" + id="path3497-0-7-9" + d="m 261.70963,5.0926506 c 3.7205,-3.709984 3.7205,-9.725048 0,-13.435029 -3.72049,-3.7099796 -9.75259,-3.7099836 -13.47308,0 l -6.73655,6.717515 6.73655,6.717515 c 3.72049,3.70998 9.75259,3.709983 13.47308,-1e-6 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0.1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1.00000012;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> + <path + inkscape:connector-curvature="0" + id="path3497-0-7" + d="m 261.70963,4.0924971 c 3.7205,-3.70998424 3.7205,-9.7250478 0,-13.4350284 -3.72049,-3.7099807 -9.75259,-3.7099847 -13.47308,-2e-7 l -6.73655,6.7175144 6.73655,6.7175147 c 3.72049,3.7099806 9.75259,3.7099837 13.47308,-5e-7 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:url(#linearGradient4664);fill-opacity:1;fill-rule:nonzero;stroke:#c5c0ba;stroke-width:1.0002637;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;font-variant-east_asian:normal;opacity:1;vector-effect:none" /> + <g + id="g5028"> + <path + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ededec;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99965046;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto" + d="m 263.9375,-3.65625 c -0.20946,1.9781727 -1.042,3.89005249 -2.5625,5.40625 -3.53003,3.520064 -9.25122,3.5200613 -12.78125,0 l -5.40625,-5.375 -0.5,0.5 5.90625,5.875 c 3.53003,3.5200613 9.25122,3.520064 12.78125,0 1.63841,-1.6337777 2.50934,-3.73426266 2.625,-5.875 -10e-4,-0.020474 10e-4,-0.042033 0,-0.0625 -0.01,-0.1568009 -0.0447,-0.3125289 -0.0625,-0.46875 z" + id="path4906-3" + inkscape:connector-curvature="0" /> + <path + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.93591636;marker:none;enable-background:accumulate" + d="m 254.96875,-11.625 c -2.31201,-10e-7 -4.60901,0.863994 -6.375,2.625 l -6.40625,6.375 0.5,0.5 5.90625,-5.875 c 1.76599,-1.761006 4.06299,-2.625001 6.375,-2.625 2.31201,10e-7 4.64224,0.865965 6.40625,2.625 1.63893,1.6342942 2.50801,3.734773 2.625,5.875 0.13498,-2.4692679 -0.7341,-4.9894477 -2.625,-6.875 -1.76401,-1.759035 -4.09424,-2.624999 -6.40625,-2.625 z" + id="path4906-6" + inkscape:connector-curvature="0" /> + </g> + </g> + <g + id="slider-vert-scale-has-marks-below" + transform="matrix(1.0001414,0,0,1.0002705,-0.04233296,-20.012372)" + inkscape:label="#g5536"> + <path + inkscape:connector-curvature="0" + id="path3497-0-1" + d="m 278.29038,-8.3423784 c -3.7205,3.709985 -3.7205,9.725049 0,13.435029 3.72049,3.709981 9.75259,3.709984 13.47308,0 l 6.73655,-6.717514 -6.73655,-6.717515 c -3.72049,-3.7099796 -9.75259,-3.7099836 -13.47308,0 z" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1.00000012;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + <path + inkscape:connector-curvature="0" + id="path3497-0" + d="m 278.29038,-9.3425315 c -3.7205,3.7099842 -3.7205,9.72504797 0,13.4350286 3.72049,3.7099807 9.75259,3.7099842 13.47308,0 l 6.73655,-6.7175144 -6.73655,-6.7175145 c -3.72049,-3.7099802 -9.75259,-3.7099842 -13.47308,3e-7 z" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:url(#linearGradient4664);fill-opacity:1;fill-rule:nonzero;stroke:#c5c0ba;stroke-width:1.0002637;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate;font-variant-east_asian:normal;vector-effect:none" /> + <g + id="g5028-9" + style="display:inline" + transform="matrix(-1,0,0,1,540.0136,-0.02786437)"> + <path + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ededec;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99965046;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto" + d="m 263.9375,-3.65625 c -0.20946,1.9781727 -1.042,3.89005249 -2.5625,5.40625 -3.53003,3.520064 -9.25122,3.5200613 -12.78125,0 l -5.40625,-5.375 -0.5,0.5 5.90625,5.875 c 3.53003,3.5200613 9.25122,3.520064 12.78125,0 1.63841,-1.6337777 2.50934,-3.73426266 2.625,-5.875 -10e-4,-0.020474 10e-4,-0.042033 0,-0.0625 -0.01,-0.1568009 -0.0447,-0.3125289 -0.0625,-0.46875 z" + id="path4906-3-6" + inkscape:connector-curvature="0" /> + <path + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.93591636;marker:none;enable-background:accumulate" + d="m 254.96875,-11.625 c -2.31201,-10e-7 -4.60901,0.863994 -6.375,2.625 l -6.40625,6.375 0.5,0.5 5.90625,-5.875 c 1.76599,-1.761006 4.06299,-2.625001 6.375,-2.625 2.31201,10e-7 4.64224,0.865965 6.40625,2.625 1.63893,1.6342942 2.50801,3.734773 2.625,5.875 0.13498,-2.4692679 -0.7341,-4.9894477 -2.625,-6.875 -1.76401,-1.759035 -4.09424,-2.624999 -6.40625,-2.625 z" + id="path4906-6-6" + inkscape:connector-curvature="0" /> + </g> + </g> + <g + id="slider-horz-scale-has-marks-below-dark" + inkscape:label="#g5543" + transform="matrix(1.0002802,0,0,1.0006911,-0.05474109,-0.13221695)"> + <path + inkscape:connector-curvature="0" + id="path3497-8-2-6" + d="m 201.71752,171.66311 c -3.70998,-3.71842 -9.72505,-3.71842 -13.43503,0 -3.70999,3.71841 -3.70999,9.74716 0,13.46558 l 6.71751,6.73279 6.71752,-6.73279 c 3.70999,-3.71842 3.70999,-9.74716 0,-13.46558 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0.1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.99999988;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> + <path + inkscape:connector-curvature="0" + id="path3497-8-2" + d="m 201.71751,170.6638 c -3.70998,-3.71842 -9.72504,-3.71842 -13.43502,0 -3.70999,3.71841 -3.70999,9.74716 0,13.46558 l 6.71751,6.73279 6.71751,-6.73279 c 3.70999,-3.71842 3.70999,-9.74716 0,-13.46558 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:url(#linearGradient1492);fill-opacity:1;fill-rule:nonzero;stroke:#131314;stroke-width:0.99999994;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> + <g + transform="translate(0,180)" + id="g4740-3" + style="display:inline"> + <path + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0.05;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.00000012;marker:none;enable-background:accumulate" + d="m 195,-11.625 c -2.30863,10e-7 -4.61312,0.859113 -6.375,2.625 -1.88818,1.8924693 -2.75978,4.4008102 -2.625,6.875 0.12078,-2.1382318 0.99306,-4.239352 2.625,-5.875 1.76188,-1.765887 4.06637,-2.624999 6.375,-2.625 2.30863,-10e-7 4.61312,0.859111 6.375,2.625 1.63194,1.6356505 2.50422,3.7367683 2.625,5.875 0.13081,-2.4697869 -0.7403,-4.9860195 -2.625,-6.875 -1.76188,-1.765889 -4.06637,-2.625001 -6.375,-2.625 z" + id="path4552-1" + inkscape:connector-curvature="0" /> + <path + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:url(#linearGradient5846);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99937102;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto" + d="m 186.0625,-3.65625 c -0.0184,0.1578753 -0.0524,0.3102699 -0.0625,0.46875 9.6e-4,0.021167 -0.001,0.041339 0,0.0625 0.113,2.14970912 0.98494,4.2624574 2.625,5.90625 L 195,9.1875 201.375,2.78125 c 1.64006,-1.6437912 2.512,-3.75654062 2.625,-5.90625 -0.001,-0.020511 0.001,-0.041996 0,-0.0625 -0.01,-0.155035 -0.0445,-0.3142975 -0.0625,-0.46875 -0.20963,1.9842189 -1.04419,3.9157419 -2.5625,5.4375 L 195,8.1875 188.625,1.78125 c -1.51831,-1.5217594 -2.35287,-3.453281 -2.5625,-5.4375 z" + id="path4720-9" + inkscape:connector-curvature="0" /> + </g> + </g> + <g + id="slider-horz-scale-has-marks-above-dark" + transform="matrix(1.0002676,0,0,0.9996046,-0.0602161,0.06460326)" + inkscape:label="#g5550"> + <path + inkscape:connector-curvature="0" + id="path3497-3-3" + d="m 218.28249,185.08348 c 3.70998,3.72257 9.72504,3.72256 13.43502,0 3.70999,-3.72257 3.70999,-9.75803 0,-13.4806 L 225,164.86258 l -6.71751,6.7403 c -3.70999,3.72257 -3.70999,9.75803 0,13.4806 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0.2;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1.00027812;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> + <path + inkscape:connector-curvature="0" + id="path3497-3" + d="m 218.28249,184.08308 c 3.70998,3.72257 9.72504,3.72256 13.43502,0 3.70999,-3.72257 3.70999,-9.75803 0,-13.4806 L 225,163.86218 l -6.71751,6.7403 c -3.70999,3.72257 -3.70999,9.75803 0,13.4806 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:url(#linearGradient1494);fill-opacity:1;fill-rule:nonzero;stroke:#131314;stroke-width:1.00054956;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;font-variant-east_asian:normal;opacity:1;vector-effect:none" /> + <g + id="g4740-2-9" + style="display:inline" + transform="rotate(180,209.99273,87.36859)"> + <path + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0.05;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.00000012;marker:none;enable-background:accumulate" + d="m 186,-3.125 c -0.14009,2.48003388 0.73219,5.009137 2.625,6.90625 L 195,10.1875 201.375,3.78125 c 1.89281,-1.8971113 2.76509,-4.42621625 2.625,-6.90625 -0.11682,2.14449281 -0.98843,4.26596 -2.625,5.90625 L 195,9.1875 188.625,2.78125 C 186.98843,1.1409586 186.11682,-0.9805068 186,-3.125 Z" + id="path4552-6-8-0" + inkscape:connector-curvature="0" /> + </g> + <path + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#2a2e30;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99992029;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto" + d="m 224.98546,185.36218 c 2.30863,0 4.61312,-0.85911 6.375,-2.625 1.88818,-1.89247 2.75978,-4.40081 2.625,-6.875 -0.12078,2.13824 -0.99306,4.23936 -2.625,5.875 -1.76188,1.76589 -4.06637,2.625 -6.375,2.625 -2.30863,0 -4.61312,-0.85911 -6.375,-2.625 -1.63194,-1.63565 -2.50422,-3.73676 -2.625,-5.875 -0.13081,2.46979 0.7403,4.98602 2.625,6.875 1.76188,1.76589 4.06637,2.625 6.375,2.625 z" + id="path4552-2-2-8" + inkscape:connector-curvature="0" /> + </g> + <g + id="slider-vert-scale-has-marks-above-dark" + inkscape:label="#g5557" + transform="matrix(1.000141,0,0,1.0002924,-0.03393889,-0.06469591)"> + <path + inkscape:connector-curvature="0" + id="path3497-0-7-4-6" + d="m 261.70974,185.09221 c 3.72049,-3.71 3.72049,-9.72506 0,-13.43503 -3.7205,-3.70999 -9.7526,-3.70999 -13.47308,0 l -6.73655,6.7175 6.73655,6.71753 c 3.72048,3.70997 9.75258,3.70997 13.47308,0 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0.1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.99999988;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> + <path + inkscape:connector-curvature="0" + id="path3497-0-7-4" + d="m 261.70963,184.0925 c 3.7205,-3.70999 3.7205,-9.72505 0,-13.43503 -3.72049,-3.70998 -9.75259,-3.70998 -13.47308,0 l -6.73655,6.71751 6.73655,6.71752 c 3.72049,3.70998 9.75259,3.70998 13.47308,0 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:url(#linearGradient1496);fill-opacity:1;fill-rule:nonzero;stroke:#131314;stroke-width:1.00026881;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;font-variant-east_asian:normal;opacity:1;vector-effect:none" /> + <g + transform="translate(0,180)" + id="g5028-6" + style="display:inline"> + <path + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#2a2e30;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99963972;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto" + d="m 263.9375,-3.65625 c -0.20946,1.9781727 -1.042,3.89005249 -2.5625,5.40625 -3.53003,3.520064 -9.25122,3.5200613 -12.78125,0 l -5.40625,-5.375 -0.5,0.5 5.90625,5.875 c 3.53003,3.5200613 9.25122,3.520064 12.78125,0 1.63841,-1.6337777 2.50934,-3.73426266 2.625,-5.875 -10e-4,-0.020474 10e-4,-0.042033 0,-0.0625 -0.01,-0.1568009 -0.0447,-0.3125289 -0.0625,-0.46875 z" + id="path4906-3-9" + inkscape:connector-curvature="0" /> + <path + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0.05;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.00000012;marker:none;enable-background:accumulate" + d="m 254.96875,-11.625 c -2.31201,-10e-7 -4.60901,0.863994 -6.375,2.625 l -6.40625,6.375 0.5,0.5 5.90625,-5.875 c 1.76599,-1.761006 4.06299,-2.625001 6.375,-2.625 2.31201,10e-7 4.64224,0.865965 6.40625,2.625 1.63893,1.6342942 2.50801,3.734773 2.625,5.875 0.13498,-2.4692679 -0.7341,-4.9894477 -2.625,-6.875 -1.76401,-1.759035 -4.09424,-2.624999 -6.40625,-2.625 z" + id="path4906-6-5" + inkscape:connector-curvature="0" /> + </g> + </g> + <g + id="slider-vert-scale-has-marks-below-dark" + inkscape:label="#g5564" + transform="matrix(1.0001409,0,0,1.0002922,-0.04219538,-0.06466128)"> + <path + inkscape:connector-curvature="0" + id="path3497-0-9-4" + d="m 278.29047,171.65718 c -3.7205,3.70998 -3.7205,9.72505 0,13.43502 3.72049,3.70999 9.75259,3.70999 13.47308,0 l 6.73655,-6.71751 -6.73655,-6.71751 c -3.72049,-3.70999 -9.75259,-3.71 -13.47308,0 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0.1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.99999994;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> + <path + inkscape:connector-curvature="0" + id="path3497-0-9" + d="m 278.29038,170.65747 c -3.7205,3.70998 -3.7205,9.72505 0,13.43503 3.72049,3.70998 9.75259,3.70998 13.47308,0 l 6.73655,-6.71752 -6.73655,-6.71751 c -3.72049,-3.70998 -9.75259,-3.70999 -13.47308,0 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:url(#linearGradient5461);fill-opacity:1;fill-rule:nonzero;stroke:#131314;stroke-width:1.00026896;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;font-variant-east_asian:normal;opacity:1;vector-effect:none" /> + <g + id="g5028-9-6" + style="display:inline" + transform="matrix(-1,0,0,1,540.0136,179.97214)"> + <path + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#2a2e30;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99963987;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto" + d="m 263.9375,-3.65625 c -0.20946,1.9781727 -1.042,3.89005249 -2.5625,5.40625 -3.53003,3.520064 -9.25122,3.5200613 -12.78125,0 l -5.40625,-5.375 -0.5,0.5 5.90625,5.875 c 3.53003,3.5200613 9.25122,3.520064 12.78125,0 1.63841,-1.6337777 2.50934,-3.73426266 2.625,-5.875 -10e-4,-0.020474 10e-4,-0.042033 0,-0.0625 -0.01,-0.1568009 -0.0447,-0.3125289 -0.0625,-0.46875 z" + id="path4906-3-6-3" + inkscape:connector-curvature="0" /> + <path + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0.05;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.00000012;marker:none;enable-background:accumulate" + d="m 254.96875,-11.625 c -2.31201,-10e-7 -4.60901,0.863994 -6.375,2.625 l -6.40625,6.375 0.5,0.5 5.90625,-5.875 c 1.76599,-1.761006 4.06299,-2.625001 6.375,-2.625 2.31201,10e-7 4.64224,0.865965 6.40625,2.625 1.63893,1.6342942 2.50801,3.734773 2.625,5.875 0.13498,-2.4692679 -0.7341,-4.9894477 -2.625,-6.875 -1.76401,-1.759035 -4.09424,-2.624999 -6.40625,-2.625 z" + id="path4906-6-6-4" + inkscape:connector-curvature="0" /> + </g> + </g> + <g + transform="matrix(0.99998303,0,0,1.0006657,0.0033124,9.9919866)" + style="display:inline" + id="slider-horz-scale-has-marks-below-hover" + inkscape:label="#g5515-6"> + <path + inkscape:connector-curvature="0" + id="path3497-8-3-0" + d="m 201.71944,-8.349802 c -3.71103,-3.72087 -9.72778,-3.720865 -13.4388,0 -3.71103,3.720863 -3.71103,9.753574 0,13.474441 l 6.7194,6.737222 6.7194,-6.737222 c 3.71103,-3.720864 3.71103,-9.753573 0,-13.474441 z" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1.00046968;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + <path + inkscape:connector-curvature="0" + id="path3497-8-5" + d="m 201.71751,-9.3362027 c -3.70998,-3.7184223 -9.72504,-3.7184173 -13.43502,0 -3.70999,3.718416 -3.70999,9.74715932 0,13.4655793 L 195,10.862168 201.71751,4.1293766 c 3.70999,-3.71841698 3.70999,-9.7471583 0,-13.4655793 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#fefefe;fill-opacity:1;fill-rule:nonzero;stroke:#cec9c4;stroke-width:1.00014535;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;font-variant-east_asian:normal;opacity:1" /> + <g + id="g4740-1"> + <path + inkscape:connector-curvature="0" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.93591636;marker:none;enable-background:accumulate" + d="m 195,-11.625 c -2.30863,10e-7 -4.61312,0.859113 -6.375,2.625 -1.88818,1.8924693 -2.75978,4.4008102 -2.625,6.875 0.12078,-2.1382318 0.99306,-4.239352 2.625,-5.875 1.76188,-1.765887 4.06637,-2.624999 6.375,-2.625 2.30863,-10e-7 4.61312,0.859111 6.375,2.625 1.63194,1.6356505 2.50422,3.7367683 2.625,5.875 0.13081,-2.4697869 -0.7403,-4.9860195 -2.625,-6.875 -1.76188,-1.765889 -4.06637,-2.625001 -6.375,-2.625 z" + id="path4552-63" /> + <path + inkscape:connector-curvature="0" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99967592;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:0.4;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto" + d="m 186.0625,-3.65625 c -0.0184,0.1578753 -0.0524,0.3102699 -0.0625,0.46875 9.6e-4,0.021167 -0.001,0.041339 0,0.0625 0.113,2.14970912 0.98494,4.2624574 2.625,5.90625 L 195,9.1875 201.375,2.78125 c 1.64006,-1.6437912 2.512,-3.75654062 2.625,-5.90625 -0.001,-0.020511 0.001,-0.041996 0,-0.0625 -0.01,-0.155035 -0.0445,-0.3142975 -0.0625,-0.46875 -0.20963,1.9842189 -1.04419,3.9157419 -2.5625,5.4375 L 195,8.1875 188.625,1.78125 c -1.51831,-1.5217594 -2.35287,-3.453281 -2.5625,-5.4375 z" + id="path4720-2" /> + </g> + </g> + <g + style="display:inline" + id="slider-horz-scale-has-marks-above-hover" + transform="matrix(1,0,0,0.99944391,2.5596046e-6,9.991327)" + inkscape:label="#g5522-9"> + <path + style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;baseline-shift:baseline;text-anchor:start;white-space:normal;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.00027823;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + d="m 224.99414,-15.637108 a 0.50029607,0.50024899 0 0 0 -0.34774,0.146503 l -6.72018,6.74104 c -3.90163,3.914481 -3.90163,10.274713 0,14.189198 3.90162,3.914485 10.24594,3.914481 14.14756,0 3.90162,-3.914481 3.90162,-10.274713 0,-14.189198 l -6.72019,-6.74104 a 0.50029607,0.50024899 0 0 0 -0.35945,-0.146503 z m 0.006,1.207176 6.36464,6.387483 c 3.51994,3.53154 3.51994,9.243429 0,12.774966 -3.51994,3.531536 -9.20935,3.53154 -12.72928,0 -3.51995,-3.531541 -3.51995,-9.24343 0,-12.774966 L 225,-14.429932 Z" + id="path3497-00-3" + inkscape:connector-curvature="0" /> + <path + inkscape:connector-curvature="0" + id="path3497-9" + d="m 218.28249,4.0830772 c 3.70998,3.7225673 9.72504,3.7225638 13.43502,0 3.70999,-3.72256391 3.70999,-9.7580291 0,-13.4805964 L 225,-16.137818 l -6.71751,6.7402988 c -3.70999,3.7225638 -3.70999,9.75802901 0,13.4805964 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#fefefe;fill-opacity:1;fill-rule:nonzero;stroke:#cec9c4;stroke-width:1.00074799;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;font-variant-east_asian:normal;opacity:1" /> + <g + id="g4740-2-0" + style="display:inline" + transform="rotate(180,209.99273,-2.6314087)"> + <path + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.93591636;marker:none;enable-background:accumulate" + d="m 186,-3.125 c -0.14009,2.48003388 0.73219,5.009137 2.625,6.90625 L 195,10.1875 201.375,3.78125 c 1.89281,-1.8971113 2.76509,-4.42621625 2.625,-6.90625 -0.11682,2.14449281 -0.98843,4.26596 -2.625,5.90625 L 195,9.1875 188.625,2.78125 C 186.98843,1.1409586 186.11682,-0.9805068 186,-3.125 Z" + id="path4552-6-8-02" + inkscape:connector-curvature="0" /> + </g> + <path + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.00027828;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:0.4;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto" + d="m 224.98546,5.3621826 c 2.30863,-10e-7 4.61312,-0.859113 6.375,-2.625 1.88818,-1.8924693 2.75978,-4.4008102 2.625,-6.875 -0.12078,2.1382318 -0.99306,4.239352 -2.625,5.875 -1.76188,1.765887 -4.06637,2.624999 -6.375,2.625 -2.30863,1e-6 -4.61312,-0.859111 -6.375,-2.625 -1.63194,-1.6356505 -2.50422,-3.7367683 -2.625,-5.875 -0.13081,2.4697869 0.7403,4.9860195 2.625,6.875 1.76188,1.765889 4.06637,2.625001 6.375,2.625 z" + id="path4552-2-2-9" + inkscape:connector-curvature="0" /> + </g> + <g + transform="matrix(0.99998368,0,0,1.00077,0.00413326,9.9938017)" + style="display:inline" + id="slider-vert-scale-has-marks-above-hover" + inkscape:label="#g5529-3"> + <path + inkscape:connector-curvature="0" + id="path3497-0-7-9-1" + d="m 261.71257,5.081581 c 3.72102,-3.710988 3.72102,-9.727679 0,-13.438663 -3.72102,-3.710983 -9.75397,-3.710987 -13.47499,0 l -6.7375,6.719332 6.7375,6.719332 c 3.72102,3.710984 9.75397,3.710987 13.47499,-1e-6 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0.1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1.00020611;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> + <path + inkscape:connector-curvature="0" + id="path3497-0-7-6" + d="m 261.70963,4.0924971 c 3.7205,-3.70998424 3.7205,-9.7250478 0,-13.4350284 -3.72049,-3.7099807 -9.75259,-3.7099847 -13.47308,-2e-7 l -6.73655,6.7175144 6.73655,6.7175147 c 3.72049,3.7099806 9.75259,3.7099837 13.47308,-5e-7 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#fefefe;fill-opacity:1;fill-rule:nonzero;stroke:#cec9c4;stroke-width:1.0000929;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;font-variant-east_asian:normal;opacity:1" /> + <g + id="g5028-2"> + <path + inkscape:connector-curvature="0" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.9996235;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:0.4;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto" + d="m 263.9375,-3.65625 c -0.20946,1.9781727 -1.042,3.89005249 -2.5625,5.40625 -3.53003,3.520064 -9.25122,3.5200613 -12.78125,0 l -5.40625,-5.375 -0.5,0.5 5.90625,5.875 c 3.53003,3.5200613 9.25122,3.520064 12.78125,0 1.63841,-1.6337777 2.50934,-3.73426266 2.625,-5.875 -10e-4,-0.020474 10e-4,-0.042033 0,-0.0625 -0.01,-0.1568009 -0.0447,-0.3125289 -0.0625,-0.46875 z" + id="path4906-3-93" /> + <path + inkscape:connector-curvature="0" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.93591636;marker:none;enable-background:accumulate" + d="m 254.96875,-11.625 c -2.31201,-10e-7 -4.60901,0.863994 -6.375,2.625 l -6.40625,6.375 0.5,0.5 5.90625,-5.875 c 1.76599,-1.761006 4.06299,-2.625001 6.375,-2.625 2.31201,10e-7 4.64224,0.865965 6.40625,2.625 1.63893,1.6342942 2.50801,3.734773 2.625,5.875 0.13498,-2.4692679 -0.7341,-4.9894477 -2.625,-6.875 -1.76401,-1.759035 -4.09424,-2.624999 -6.40625,-2.625 z" + id="path4906-6-54" /> + </g> + </g> + <g + transform="matrix(0.99998368,0,0,1.00077,0.00468698,9.9938017)" + style="display:inline" + id="slider-vert-scale-has-marks-below-hover" + inkscape:label="#g5536-0"> + <path + inkscape:connector-curvature="0" + id="path3497-0-1-2" + d="m 278.28744,-8.357082 c -3.72103,3.710988 -3.72103,9.727679 0,13.438663 3.72102,3.710985 9.75397,3.710988 13.47498,0 l 6.73751,-6.719331 -6.73751,-6.719332 c -3.72101,-3.710983 -9.75396,-3.710987 -13.47498,0 z" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1.00020611;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + <path + inkscape:connector-curvature="0" + id="path3497-0-3" + d="m 278.29038,-9.3425315 c -3.7205,3.7099842 -3.7205,9.72504797 0,13.4350286 3.72049,3.7099807 9.75259,3.7099842 13.47308,0 l 6.73655,-6.7175144 -6.73655,-6.7175145 c -3.72049,-3.7099802 -9.75259,-3.7099842 -13.47308,3e-7 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#fefefe;fill-opacity:1;fill-rule:nonzero;stroke:#cec9c4;stroke-width:1.0000929;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;font-variant-east_asian:normal;opacity:1" /> + <g + id="g5028-9-66" + style="display:inline" + transform="matrix(-1,0,0,1,540.0136,-0.02786437)"> + <path + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.9996235;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:0.4;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto" + d="m 263.9375,-3.65625 c -0.20946,1.9781727 -1.042,3.89005249 -2.5625,5.40625 -3.53003,3.520064 -9.25122,3.5200613 -12.78125,0 l -5.40625,-5.375 -0.5,0.5 5.90625,5.875 c 3.53003,3.5200613 9.25122,3.520064 12.78125,0 1.63841,-1.6337777 2.50934,-3.73426266 2.625,-5.875 -10e-4,-0.020474 10e-4,-0.042033 0,-0.0625 -0.01,-0.1568009 -0.0447,-0.3125289 -0.0625,-0.46875 z" + id="path4906-3-6-8" + inkscape:connector-curvature="0" /> + <path + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.93591636;marker:none;enable-background:accumulate" + d="m 254.96875,-11.625 c -2.31201,-10e-7 -4.60901,0.863994 -6.375,2.625 l -6.40625,6.375 0.5,0.5 5.90625,-5.875 c 1.76599,-1.761006 4.06299,-2.625001 6.375,-2.625 2.31201,10e-7 4.64224,0.865965 6.40625,2.625 1.63893,1.6342942 2.50801,3.734773 2.625,5.875 0.13498,-2.4692679 -0.7341,-4.9894477 -2.625,-6.875 -1.76401,-1.759035 -4.09424,-2.624999 -6.40625,-2.625 z" + id="path4906-6-6-1" + inkscape:connector-curvature="0" /> + </g> + </g> + <g + transform="matrix(1.0002802,0,0,1.0006911,-0.05464236,129.99228)" + style="display:inline;font-variant-east_asian:normal;opacity:1;vector-effect:none;fill:#faf9f8;fill-opacity:1;stroke:#d1ccc8;stroke-width:0.99951454;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none" + id="slider-horz-scale-has-marks-below-backdrop-insensitive" + inkscape:label="#g5515-6-0-2-0-2"> + <path + inkscape:connector-curvature="0" + id="path3497-8-5-5-9-2-9-7" + d="m 201.71751,-8.3368901 c -3.70998,-3.7184299 -9.72504,-3.7184199 -13.43502,0 -3.70999,3.71841 -3.70999,9.74716 0,13.46558 L 195,11.86148 201.71751,5.1286899 c 3.70999,-3.71842 3.70999,-9.74716 0,-13.46558 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0;fill:#faf9f8;fill-opacity:1;fill-rule:nonzero;stroke:#d1ccc8;stroke-width:0.99951454;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;font-variant-east_asian:normal;vector-effect:none" /> + <path + inkscape:connector-curvature="0" + id="path3497-8-5-5-9-2-9" + d="m 201.71751,-9.3362027 c -3.70998,-3.7184223 -9.72504,-3.7184173 -13.43502,0 -3.70999,3.718416 -3.70999,9.74715932 0,13.4655793 L 195,10.862168 201.71751,4.1293766 c 3.70999,-3.71841698 3.70999,-9.7471583 0,-13.4655793 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#faf9f8;fill-opacity:1;fill-rule:nonzero;stroke:#d1ccc8;stroke-width:0.99951454;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;font-variant-east_asian:normal;vector-effect:none" /> + <g + id="g4740-1-5-6-8-2" + style="font-variant-east_asian:normal;vector-effect:none;fill:#faf9f8;fill-opacity:1;stroke:#d1ccc8;stroke-width:0.99951454;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none" /> + </g> + <g + style="display:inline" + id="slider-horz-scale-has-marks-above-backdrop-insensitive" + transform="matrix(1.0002676,0,0,0.99960478,-0.06021218,129.99342)" + inkscape:label="#g5522-9-5-3-0-5"> + <path + inkscape:connector-curvature="0" + id="path3497-9-4-8-8-9-7" + d="m 218.28249,5.0834806 c 3.70998,3.72256 9.72504,3.72256 13.43502,0 3.70999,-3.72257 3.70999,-9.75803 0,-13.4806 L 225,-15.13742 l -6.71751,6.7403006 c -3.70999,3.72256 -3.70999,9.75803 0,13.4806 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1.00027812;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> + <path + inkscape:connector-curvature="0" + id="path3497-9-4-8-8-9" + d="m 218.28249,4.0830772 c 3.70998,3.7225673 9.72504,3.7225638 13.43502,0 3.70999,-3.72256391 3.70999,-9.7580291 0,-13.4805964 L 225,-16.137818 l -6.71751,6.7402988 c -3.70999,3.7225638 -3.70999,9.75802901 0,13.4805964 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#faf9f8;fill-opacity:1;fill-rule:nonzero;stroke:#d1ccc8;stroke-width:1.00006378;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;font-variant-east_asian:normal;opacity:1;vector-effect:none" /> + </g> + <g + transform="matrix(1.000141,0,0,1.0002922,-0.03393584,129.98793)" + style="display:inline" + id="slider-vert-scale-has-marks-above-backdrop-insensitive" + inkscape:label="#g5529-3-5-9-3-7"> + <path + inkscape:connector-curvature="0" + id="path3497-0-7-6-5-0-0-3-6" + d="m 261.70963,5.0922061 c 3.7205,-3.70998 3.7205,-9.72505 0,-13.43503 -3.72049,-3.7099801 -9.75259,-3.7099801 -13.47308,0 l -6.73655,6.71752 6.73655,6.71751 c 3.72049,3.70998 9.75259,3.70998 13.47308,0 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.99999988;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> + <path + inkscape:connector-curvature="0" + id="path3497-0-7-6-5-0-0-3" + d="m 261.70963,4.0924971 c 3.7205,-3.70998424 3.7205,-9.7250478 0,-13.4350284 -3.72049,-3.7099807 -9.75259,-3.7099847 -13.47308,-2e-7 l -6.73655,6.7175144 6.73655,6.7175147 c 3.72049,3.7099806 9.75259,3.7099837 13.47308,-5e-7 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#faf9f8;fill-opacity:1;fill-rule:nonzero;stroke:#d1ccc8;stroke-width:0.99978336;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;font-variant-east_asian:normal;opacity:1;vector-effect:none" /> + </g> + <g + transform="matrix(1.000141,0,0,1.0002922,-0.04217992,129.98793)" + style="display:inline" + id="slider-vert-scale-has-marks-below-backdrop-insensitive" + inkscape:label="#g5536-0-7-4-3-7"> + <path + inkscape:connector-curvature="0" + id="path3497-0-3-4-7-7-2-9" + d="m 278.29038,-8.3428239 c -3.7205,3.70998 -3.7205,9.72505 0,13.43503 3.72049,3.70998 9.75259,3.70998 13.47308,0 l 6.73655,-6.71751 -6.73655,-6.71752 c -3.72049,-3.7099801 -9.75259,-3.7099801 -13.47308,0 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.99999988;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> + <path + inkscape:connector-curvature="0" + id="path3497-0-3-4-7-7-2" + d="m 278.29038,-9.3425315 c -3.7205,3.7099842 -3.7205,9.72504797 0,13.4350286 3.72049,3.7099807 9.75259,3.7099842 13.47308,0 l 6.73655,-6.7175144 -6.73655,-6.7175145 c -3.72049,-3.7099802 -9.75259,-3.7099842 -13.47308,3e-7 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#faf9f8;fill-opacity:1;fill-rule:nonzero;stroke:#d1ccc8;stroke-width:0.99978336;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;font-variant-east_asian:normal;opacity:1;vector-effect:none" /> + </g> + <g + transform="matrix(1.0002802,0,0,1.0006911,-0.05464064,29.867882)" + style="display:inline" + id="slider-horz-scale-has-marks-below-hover-dark" + inkscape:label="#g5543-1"> + <path + inkscape:connector-curvature="0" + id="path3497-8-2-0-5" + d="m 201.71752,171.6632 c -3.70999,-3.71842 -9.72505,-3.71842 -13.43503,0 -3.70999,3.71841 -3.70999,9.74716 0,13.46558 l 6.71751,6.73279 6.71752,-6.73279 c 3.70999,-3.71842 3.70999,-9.74716 0,-13.46558 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0.1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.99999988;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> + <path + inkscape:connector-curvature="0" + id="path3497-8-2-0" + d="m 201.71751,170.6638 c -3.70998,-3.71842 -9.72504,-3.71842 -13.43502,0 -3.70999,3.71841 -3.70999,9.74716 0,13.46558 l 6.71751,6.73279 6.71751,-6.73279 c 3.70999,-3.71842 3.70999,-9.74716 0,-13.46558 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:url(#linearGradient5475);fill-opacity:1;fill-rule:nonzero;stroke:#131314;stroke-width:0.99999994;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;font-variant-east_asian:normal;opacity:1" /> + <g + transform="translate(0,180)" + id="g4740-3-3" + style="display:inline"> + <path + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0.05;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.00000012;marker:none;enable-background:accumulate" + d="m 195,-11.625 c -2.30863,10e-7 -4.61312,0.859113 -6.375,2.625 -1.88818,1.8924693 -2.75978,4.4008102 -2.625,6.875 0.12078,-2.1382318 0.99306,-4.239352 2.625,-5.875 1.76188,-1.765887 4.06637,-2.624999 6.375,-2.625 2.30863,-10e-7 4.61312,0.859111 6.375,2.625 1.63194,1.6356505 2.50422,3.7367683 2.625,5.875 0.13081,-2.4697869 -0.7403,-4.9860195 -2.625,-6.875 -1.76188,-1.765889 -4.06637,-2.625001 -6.375,-2.625 z" + id="path4552-1-8" + inkscape:connector-curvature="0" /> + <path + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#353b3b;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.00000012;marker:none;enable-background:accumulate" + d="m 186,-3.125 c -0.14009,2.48003388 0.73219,5.009137 2.625,6.90625 L 195,10.1875 201.375,3.78125 c 1.89281,-1.8971113 2.76509,-4.42621625 2.625,-6.90625 -0.11682,2.14449281 -0.98843,4.26596 -2.625,5.90625 L 195,9.1875 188.625,2.78125 C 186.98843,1.1409586 186.11682,-0.9805068 186,-3.125 Z" + id="path4552-6-3-2" + inkscape:connector-curvature="0" /> + <path + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0.4;fill:#2c3133;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99951473;marker:none;enable-background:accumulate;clip-rule:nonzero;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto" + d="m 186.0625,-3.65625 c -0.0184,0.1578753 -0.0524,0.3102699 -0.0625,0.46875 9.6e-4,0.021167 -0.001,0.041339 0,0.0625 0.113,2.14970912 0.98494,4.2624574 2.625,5.90625 L 195,9.1875 201.375,2.78125 c 1.64006,-1.6437912 2.512,-3.75654062 2.625,-5.90625 -0.001,-0.020511 0.001,-0.041996 0,-0.0625 -0.01,-0.155035 -0.0445,-0.3142975 -0.0625,-0.46875 -0.20963,1.9842189 -1.04419,3.9157419 -2.5625,5.4375 L 195,8.1875 188.625,1.78125 c -1.51831,-1.5217594 -2.35287,-3.453281 -2.5625,-5.4375 z" + id="path4720-9-9" + inkscape:connector-curvature="0" /> + </g> + </g> + <g + style="display:inline" + id="slider-horz-scale-has-marks-above-hover-dark" + transform="matrix(1.0002676,0,0,0.99960459,-0.06021476,30.064604)" + inkscape:label="#g5550-2"> + <path + inkscape:connector-curvature="0" + id="path3497-3-5-4" + d="m 218.28287,185.08325 c 3.70999,3.72257 9.72505,3.72256 13.43502,0 3.70999,-3.72257 3.70999,-9.75803 0,-13.4806 l -6.71751,-6.74029 -6.71751,6.74029 c -3.70999,3.72257 -3.70999,9.75803 0,13.4806 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0.1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1.00027823;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> + <path + inkscape:connector-curvature="0" + id="path3497-3-5" + d="m 218.28249,184.08308 c 3.70998,3.72257 9.72504,3.72256 13.43502,0 3.70999,-3.72257 3.70999,-9.75803 0,-13.4806 L 225,163.86218 l -6.71751,6.7403 c -3.70999,3.72257 -3.70999,9.75803 0,13.4806 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:url(#linearGradient5473);fill-opacity:1;fill-rule:nonzero;stroke:#131314;stroke-width:1.00054957;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;font-variant-east_asian:normal;opacity:1" /> + <g + id="g4740-2-9-6" + style="display:inline" + transform="rotate(180,209.99273,87.36859)"> + <path + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#2a2f2f;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.00000012;marker:none;enable-background:accumulate" + d="m 195,-11.625 c -2.30863,10e-7 -4.61312,0.859113 -6.375,2.625 -1.88818,1.8924693 -2.75978,4.4008102 -2.625,6.875 0.12078,-2.1382318 0.99306,-4.239352 2.625,-5.875 1.76188,-1.765887 4.06637,-2.624999 6.375,-2.625 2.30863,-10e-7 4.61312,0.859111 6.375,2.625 1.63194,1.6356505 2.50422,3.7367683 2.625,5.875 0.13081,-2.4697869 -0.7403,-4.9860195 -2.625,-6.875 -1.76188,-1.765889 -4.06637,-2.625001 -6.375,-2.625 z" + id="path4552-2-29-7" + inkscape:connector-curvature="0" /> + <path + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0.05;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.00000012;marker:none;enable-background:accumulate" + d="m 186,-3.125 c -0.14009,2.48003388 0.73219,5.009137 2.625,6.90625 L 195,10.1875 201.375,3.78125 c 1.89281,-1.8971113 2.76509,-4.42621625 2.625,-6.90625 -0.11682,2.14449281 -0.98843,4.26596 -2.625,5.90625 L 195,9.1875 188.625,2.78125 C 186.98843,1.1409586 186.11682,-0.9805068 186,-3.125 Z" + id="path4552-6-8-0-8" + inkscape:connector-curvature="0" /> + </g> + <path + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0.4;fill:#2c3133;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.00006408;marker:none;enable-background:accumulate;clip-rule:nonzero;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto" + d="m 224.98546,185.36218 c 2.30863,0 4.61312,-0.85911 6.375,-2.625 1.88818,-1.89247 2.75978,-4.40081 2.625,-6.875 -0.12078,2.13824 -0.99306,4.23936 -2.625,5.875 -1.76188,1.76589 -4.06637,2.625 -6.375,2.625 -2.30863,0 -4.61312,-0.85911 -6.375,-2.625 -1.63194,-1.63565 -2.50422,-3.73676 -2.625,-5.875 -0.13081,2.46979 0.7403,4.98602 2.625,6.875 1.76188,1.76589 4.06637,2.625 6.375,2.625 z" + id="path4552-2-2-8-9" + inkscape:connector-curvature="0" /> + </g> + <g + transform="matrix(1.000141,0,0,1.0002924,-0.03393642,29.935304)" + style="display:inline" + id="slider-vert-scale-has-marks-above-hover-dark" + inkscape:label="#g5557-6"> + <path + inkscape:connector-curvature="0" + id="path3497-0-7-4-4-7" + d="m 261.70973,185.09221 c 3.7205,-3.71 3.7205,-9.72506 0,-13.43503 -3.72048,-3.70999 -9.75258,-3.70999 -13.47308,0 l -6.73655,6.7175 6.73655,6.71753 c 3.7205,3.70997 9.7526,3.70997 13.47308,0 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0.1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.99999988;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> + <path + inkscape:connector-curvature="0" + id="path3497-0-7-4-4" + d="m 261.70963,184.0925 c 3.7205,-3.70999 3.7205,-9.72505 0,-13.43503 -3.72049,-3.70998 -9.75259,-3.70998 -13.47308,0 l -6.73655,6.71751 6.73655,6.71752 c 3.72049,3.70998 9.75259,3.70998 13.47308,0 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:url(#linearGradient5471);fill-opacity:1;fill-rule:nonzero;stroke:#131314;stroke-width:1.00026881;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;font-variant-east_asian:normal;opacity:1" /> + <g + transform="translate(0,180)" + id="g5028-6-2" + style="display:inline"> + <path + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#2a2f2f;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.00000012;marker:none;enable-background:accumulate" + d="m 242.6875,-3.125 -0.5,0.5 6.40625,6.375 c 3.53003,3.5200613 9.25122,3.520064 12.78125,0 1.8909,-1.8855547 2.75998,-4.40573231 2.625,-6.875 -0.11699,2.14022713 -0.98607,4.2407037 -2.625,5.875 -3.53003,3.520064 -9.25122,3.5200613 -12.78125,0 z" + id="path4906-8-0" + inkscape:connector-curvature="0" /> + <path + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0.4;fill:#2c3133;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99978347;marker:none;enable-background:accumulate;clip-rule:nonzero;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto" + d="m 263.9375,-3.65625 c -0.20946,1.9781727 -1.042,3.89005249 -2.5625,5.40625 -3.53003,3.520064 -9.25122,3.5200613 -12.78125,0 l -5.40625,-5.375 -0.5,0.5 5.90625,5.875 c 3.53003,3.5200613 9.25122,3.520064 12.78125,0 1.63841,-1.6337777 2.50934,-3.73426266 2.625,-5.875 -10e-4,-0.020474 10e-4,-0.042033 0,-0.0625 -0.01,-0.1568009 -0.0447,-0.3125289 -0.0625,-0.46875 z" + id="path4906-3-9-2" + inkscape:connector-curvature="0" /> + <path + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0.05;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.00000012;marker:none;enable-background:accumulate" + d="m 254.96875,-11.625 c -2.31201,-10e-7 -4.60901,0.863994 -6.375,2.625 l -6.40625,6.375 0.5,0.5 5.90625,-5.875 c 1.76599,-1.761006 4.06299,-2.625001 6.375,-2.625 2.31201,10e-7 4.64224,0.865965 6.40625,2.625 1.63893,1.6342942 2.50801,3.734773 2.625,5.875 0.13498,-2.4692679 -0.7341,-4.9894477 -2.625,-6.875 -1.76401,-1.759035 -4.09424,-2.624999 -6.40625,-2.625 z" + id="path4906-6-5-4" + inkscape:connector-curvature="0" /> + </g> + </g> + <g + transform="matrix(1.0001409,0,0,1.0002922,-0.04219538,29.935339)" + style="display:inline" + id="slider-vert-scale-has-marks-below-hover-dark" + inkscape:label="#g5564-7"> + <path + inkscape:connector-curvature="0" + id="path3497-0-9-0-65" + d="m 278.29047,171.65717 c -3.7205,3.70998 -3.7205,9.72505 0,13.43503 3.72049,3.70998 9.75259,3.70998 13.47308,0 l 6.73655,-6.71752 -6.73655,-6.71751 c -3.72049,-3.70997 -9.75259,-3.70998 -13.47308,0 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0.1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.99999994;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> + <path + inkscape:connector-curvature="0" + id="path3497-0-9-0" + d="m 278.29038,170.65747 c -3.7205,3.70998 -3.7205,9.72505 0,13.43503 3.72049,3.70998 9.75259,3.70998 13.47308,0 l 6.73655,-6.71752 -6.73655,-6.71751 c -3.72049,-3.70998 -9.75259,-3.70999 -13.47308,0 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:url(#linearGradient5469);fill-opacity:1;fill-rule:nonzero;stroke:#131314;stroke-width:1.00026896;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;font-variant-east_asian:normal;opacity:1" /> + <g + id="g5028-9-6-2" + style="display:inline" + transform="matrix(-1,0,0,1,540.0136,179.97214)"> + <path + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#2a2f2f;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.00000012;marker:none;enable-background:accumulate" + d="m 242.6875,-3.125 -0.5,0.5 6.40625,6.375 c 3.53003,3.5200613 9.25122,3.520064 12.78125,0 1.8909,-1.8855547 2.75998,-4.40573231 2.625,-6.875 -0.11699,2.14022713 -0.98607,4.2407037 -2.625,5.875 -3.53003,3.520064 -9.25122,3.5200613 -12.78125,0 z" + id="path4906-0-3-4" + inkscape:connector-curvature="0" /> + <path + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0.4;fill:#2c3133;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99978362;marker:none;enable-background:accumulate;clip-rule:nonzero;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto" + d="m 263.9375,-3.65625 c -0.20946,1.9781727 -1.042,3.89005249 -2.5625,5.40625 -3.53003,3.520064 -9.25122,3.5200613 -12.78125,0 l -5.40625,-5.375 -0.5,0.5 5.90625,5.875 c 3.53003,3.5200613 9.25122,3.520064 12.78125,0 1.63841,-1.6337777 2.50934,-3.73426266 2.625,-5.875 -10e-4,-0.020474 10e-4,-0.042033 0,-0.0625 -0.01,-0.1568009 -0.0447,-0.3125289 -0.0625,-0.46875 z" + id="path4906-3-6-3-4" + inkscape:connector-curvature="0" /> + <path + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0.05;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.00000012;marker:none;enable-background:accumulate" + d="m 254.96875,-11.625 c -2.31201,-10e-7 -4.60901,0.863994 -6.375,2.625 l -6.40625,6.375 0.5,0.5 5.90625,-5.875 c 1.76599,-1.761006 4.06299,-2.625001 6.375,-2.625 2.31201,10e-7 4.64224,0.865965 6.40625,2.625 1.63893,1.6342942 2.50801,3.734773 2.625,5.875 0.13498,-2.4692679 -0.7341,-4.9894477 -2.625,-6.875 -1.76401,-1.759035 -4.09424,-2.624999 -6.40625,-2.625 z" + id="path4906-6-6-4-9" + inkscape:connector-curvature="0" /> + </g> + </g> + <g + transform="matrix(1.0002809,0,0,1.0006629,-0.0548708,99.991951)" + style="display:inline" + id="slider-horz-scale-has-marks-below-backdrop" + inkscape:label="#g5515-6-0-2-0-2-6"> + <path + inkscape:connector-curvature="0" + id="path3497-8-5-5-9-2-9-6" + d="m 201.71751,-9.3362027 c -3.70998,-3.7184223 -9.72504,-3.7184173 -13.43502,0 -3.70999,3.718416 -3.70999,9.74715932 0,13.4655793 L 195,10.862168 201.71751,4.1293766 c 3.70999,-3.71841698 3.70999,-9.7471583 0,-13.4655793 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#faf9f8;fill-opacity:1;fill-rule:nonzero;stroke:#d4cfca;stroke-width:0.99952827;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;font-variant-east_asian:normal;opacity:1;vector-effect:none" /> + <path + inkscape:connector-curvature="0" + id="path3497-8-5-5-9-2-9-6-1" + d="m 201.71751,-8.3362051 c -3.70998,-3.7184209 -9.72504,-3.7184209 -13.43502,0 -3.70999,3.718416 -3.70999,9.7471599 0,13.46558 L 195,11.862166 201.71751,5.1293749 c 3.70999,-3.718417 3.70999,-9.747159 0,-13.46558 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.99999988;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> + </g> + <g + style="display:inline" + id="slider-horz-scale-has-marks-above-backdrop" + transform="matrix(0.99999653,0,0,0.99957998,7.8428411e-4,99.993541)" + inkscape:label="#g5522-9-5-3-0-5-1"> + <path + inkscape:connector-curvature="0" + id="path3497-9-4-8-8-9-2" + d="m 218.28068,4.0858464 c 3.71097,3.72314 9.72765,3.7231365 13.43862,0 3.71098,-3.72313657 3.71098,-9.7595303 0,-13.4826702 l -6.71931,-6.7413352 -6.71931,6.7413352 c -3.71099,3.7231364 -3.71099,9.75953015 0,13.4826702 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#faf9f8;fill-opacity:1;fill-rule:nonzero;stroke:#d4cfca;stroke-width:1.00021174;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;font-variant-east_asian:normal;opacity:1;vector-effect:none" /> + <path + inkscape:connector-curvature="0" + id="path3497-9-4-8-8-9-2-0" + d="m 218.28249,5.083628 c 3.70998,3.72257 9.72504,3.72257 13.43502,0 3.70999,-3.72256 3.70999,-9.758027 0,-13.480595 L 225,-15.137265 l -6.71751,6.740298 c -3.70999,3.722564 -3.70999,9.758025 0,13.480595 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1.000278;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> + </g> + <g + transform="matrix(1.0001473,0,0,0.99999643,-0.03552362,99.990034)" + style="display:inline" + id="slider-vert-scale-has-marks-above-backdrop" + inkscape:label="#g5529-3-5-9-3-7-0"> + <path + inkscape:connector-curvature="0" + id="path3497-0-7-6-5-0-0-3-5-4" + d="m 261.70963,5.0925019 c 3.7205,-3.709984 3.7205,-9.725048 0,-13.435029 -3.72049,-3.7099789 -9.75259,-3.7099889 -13.47308,0 l -6.73655,6.717515 6.73655,6.717514 c 3.72049,3.709981 9.75259,3.709984 13.47308,0 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.99999988;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> + <path + inkscape:connector-curvature="0" + id="path3497-0-7-6-5-0-0-3-5" + d="m 261.70963,4.0924971 c 3.7205,-3.70998424 3.7205,-9.7250478 0,-13.4350284 -3.72049,-3.7099807 -9.75259,-3.7099847 -13.47308,-2e-7 l -6.73655,6.7175144 6.73655,6.7175147 c 3.72049,3.7099806 9.75259,3.7099837 13.47308,-5e-7 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#faf9f8;fill-opacity:1;fill-rule:nonzero;stroke:#d4cfca;stroke-width:0.99992807;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;font-variant-east_asian:normal;opacity:1;vector-effect:none" /> + </g> + <g + transform="matrix(1.0001474,0,0,1.0002882,-0.0439831,99.987922)" + style="display:inline" + id="slider-vert-scale-has-marks-below-backdrop" + inkscape:label="#g5536-0-7-4-3-7-2"> + <path + inkscape:connector-curvature="0" + id="path3497-0-3-4-7-7-2-0-5" + d="m 278.29038,-8.3428188 c -3.7205,3.709985 -3.7205,9.725048 0,13.435029 3.72049,3.709981 9.75259,3.709984 13.47308,0 l 6.73655,-6.717514 -6.73655,-6.717515 c -3.72049,-3.7099852 -9.75259,-3.7099852 -13.47308,0 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.99999988;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> + <path + inkscape:connector-curvature="0" + id="path3497-0-3-4-7-7-2-0" + d="m 278.29038,-9.3425315 c -3.7205,3.7099842 -3.7205,9.72504797 0,13.4350286 3.72049,3.7099807 9.75259,3.7099842 13.47308,0 l 6.73655,-6.7175144 -6.73655,-6.7175145 c -3.72049,-3.7099802 -9.75259,-3.7099842 -13.47308,3e-7 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#faf9f8;fill-opacity:1;fill-rule:nonzero;stroke:#d4cfca;stroke-width:0.99978218;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;font-variant-east_asian:normal;opacity:1;vector-effect:none" /> + </g> + <g + transform="matrix(1.0002804,0,0,1.000663,-0.0546868,69.99195)" + style="display:inline" + id="slider-horz-scale-has-marks-below-insensitive" + inkscape:label="#g5515-6-0-2-0-2-6-1"> + <path + inkscape:connector-curvature="0" + id="path3497-8-5-5-9-2-9-6-5-7" + d="m 201.71752,-8.3362062 c -3.70998,-3.7184218 -9.72505,-3.7184168 -13.43503,0 -3.70999,3.718416 -3.70999,9.74716 0,13.46558 L 195,11.862165 201.71752,5.1293738 c 3.70999,-3.718417 3.70999,-9.747159 0,-13.46558 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.99999994;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> + <path + inkscape:connector-curvature="0" + id="path3497-8-5-5-9-2-9-6-5" + d="m 201.71751,-9.3362027 c -3.70998,-3.7184223 -9.72504,-3.7184173 -13.43502,0 -3.70999,3.718416 -3.70999,9.74715932 0,13.4655793 L 195,10.862168 201.71751,4.1293766 c 3.70999,-3.71841698 3.70999,-9.7471583 0,-13.4655793 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#faf9f8;fill-opacity:1;fill-rule:nonzero;stroke:#d4cfca;stroke-width:0.99952848;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto" /> + </g> + <g + style="display:inline" + id="slider-horz-scale-has-marks-above-insensitive" + transform="matrix(1.0002678,0,0,0.99959816,-0.06024983,69.993323)" + inkscape:label="#g5522-9-5-3-0-5-1-0"> + <path + inkscape:connector-curvature="0" + id="path3497-9-4-8-8-9-2-7-8" + d="m 218.28249,5.0836351 c 3.70998,3.722567 9.72504,3.722563 13.43502,0 3.70999,-3.7225641 3.70999,-9.75803 0,-13.480597 L 225,-15.137261 l -6.71751,6.7402991 c -3.70999,3.722563 -3.70999,9.7580289 0,13.480597 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1.00027812;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> + <path + inkscape:connector-curvature="0" + id="path3497-9-4-8-8-9-2-7" + d="m 218.28249,4.0830772 c 3.70998,3.7225673 9.72504,3.7225638 13.43502,0 3.70999,-3.72256391 3.70999,-9.7580291 0,-13.4805964 L 225,-16.137818 l -6.71751,6.7402988 c -3.70999,3.7225638 -3.70999,9.75802901 0,13.4805964 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#faf9f8;fill-opacity:1;fill-rule:nonzero;stroke:#d4cfca;stroke-width:1.00006701;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;font-variant-east_asian:normal;vector-effect:none" /> + </g> + <g + transform="matrix(1.0001413,0,0,1.0002778,-0.03401324,69.987751)" + style="display:inline" + id="slider-vert-scale-has-marks-above-insensitive" + inkscape:label="#g5529-3-5-9-3-7-0-9"> + <path + inkscape:connector-curvature="0" + id="path3497-0-7-6-5-0-0-3-5-3-0" + d="m 261.70963,5.0925005 c 3.7205,-3.709984 3.7205,-9.725048 0,-13.435029 -3.72049,-3.7099805 -9.75259,-3.7099845 -13.47308,0 l -6.73655,6.717515 6.73655,6.717514 c 3.72049,3.709981 9.75259,3.709984 13.47308,0 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.99999994;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> + <path + inkscape:connector-curvature="0" + id="path3497-0-7-6-5-0-0-3-5-3" + d="m 261.70963,4.0924971 c 3.7205,-3.70998424 3.7205,-9.7250478 0,-13.4350284 -3.72049,-3.7099807 -9.75259,-3.7099847 -13.47308,-2e-7 l -6.73655,6.7175144 6.73655,6.7175147 c 3.72049,3.7099806 9.75259,3.7099837 13.47308,-5e-7 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#faf9f8;fill-opacity:1;fill-rule:nonzero;stroke:#d4cfca;stroke-width:0.99979043;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;font-variant-east_asian:normal;vector-effect:none" /> + </g> + <g + transform="matrix(1.0001413,0,0,1.0002778,-0.04226775,69.987751)" + style="display:inline" + id="slider-vert-scale-has-marks-below-insensitive" + inkscape:label="#g5536-0-7-4-3-7-2-8"> + <path + inkscape:connector-curvature="0" + id="path3497-0-3-4-7-7-2-0-8-6" + d="m 278.29038,-8.3425285 c -3.7205,3.709985 -3.7205,9.725048 0,13.435029 3.72049,3.709981 9.75259,3.709984 13.47308,0 l 6.73655,-6.717514 -6.73655,-6.717515 c -3.72049,-3.7099805 -9.75259,-3.7099845 -13.47308,0 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0;fill:#f1f1f1;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.99999994;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> + <path + inkscape:connector-curvature="0" + id="path3497-0-3-4-7-7-2-0-8" + d="m 278.29038,-9.3425315 c -3.7205,3.7099842 -3.7205,9.72504797 0,13.4350286 3.72049,3.7099807 9.75259,3.7099842 13.47308,0 l 6.73655,-6.7175144 -6.73655,-6.7175145 c -3.72049,-3.7099802 -9.75259,-3.7099842 -13.47308,3e-7 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#faf9f8;fill-opacity:1;fill-rule:nonzero;stroke:#d4cfca;stroke-width:0.99979043;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;font-variant-east_asian:normal;vector-effect:none" /> + </g> + <g + transform="matrix(1.0002802,0,0,1.0006911,-0.05464293,329.99228)" + style="display:inline" + id="slider-horz-scale-has-marks-below-backdrop-insensitive-dark" + inkscape:label="#g5515-6-0-2-0-2-66"> + <path + inkscape:connector-curvature="0" + id="path3497-8-5-5-9-2-9-8-7" + d="m 201.71751,-8.3368039 c -3.70998,-3.7184201 -9.72504,-3.7184201 -13.43502,0 -3.70999,3.71842 -3.70999,9.74716 0,13.46557 L 195,11.861566 201.71751,5.1287661 c 3.70999,-3.71841 3.70999,-9.74715 0,-13.46557 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.99999988;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> + <path + inkscape:connector-curvature="0" + id="path3497-8-5-5-9-2-9-8" + d="m 201.71751,-9.3362027 c -3.70998,-3.7184223 -9.72504,-3.7184173 -13.43502,0 -3.70999,3.718416 -3.70999,9.74715932 0,13.4655793 L 195,10.862168 201.71751,4.1293766 c 3.70999,-3.71841698 3.70999,-9.7471583 0,-13.4655793 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#383739;fill-opacity:1;fill-rule:nonzero;stroke:#282829;stroke-width:0.99999988;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto" /> + <g + id="g4740-1-5-6-8-2-4" /> + </g> + <g + style="display:inline" + id="slider-horz-scale-has-marks-above-backdrop-insensitive-dark" + transform="matrix(1.0002676,0,0,0.99960478,-0.06021352,329.99342)" + inkscape:label="#g5522-9-5-3-0-5-7"> + <path + inkscape:connector-curvature="0" + id="path3497-9-4-8-8-9-4-9" + d="m 218.28287,5.0832504 c 3.70998,3.72257 9.72505,3.72257 13.43502,0 3.70999,-3.72256 3.70999,-9.75802 0,-13.48059 l -6.71751,-6.7403104 -6.71751,6.7403104 c -3.70999,3.72256 -3.70999,9.75802 0,13.48059 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1.000278;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> + <path + inkscape:connector-curvature="0" + id="path3497-9-4-8-8-9-4" + d="m 218.28249,4.0830772 c 3.70998,3.7225673 9.72504,3.7225638 13.43502,0 3.70999,-3.72256391 3.70999,-9.7580291 0,-13.4805964 L 225,-16.137818 l -6.71751,6.7402988 c -3.70999,3.7225638 -3.70999,9.75802901 0,13.4805964 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#383739;fill-opacity:1;fill-rule:nonzero;stroke:#282829;stroke-width:1.00054941;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;font-variant-east_asian:normal;vector-effect:none" /> + </g> + <g + transform="matrix(1.000141,0,0,1.0002922,-0.03393652,329.98793)" + style="display:inline" + id="slider-vert-scale-has-marks-above-backdrop-insensitive-dark" + inkscape:label="#g5529-3-5-9-3-7-2"> + <path + inkscape:connector-curvature="0" + id="path3497-0-7-6-5-0-0-3-3-8" + d="m 261.70973,5.0922 c 3.7205,-3.70998 3.7205,-9.72504 0,-13.43503 -3.72048,-3.70998 -9.75259,-3.70999 -13.47308,0 l -6.73655,6.71752 6.73655,6.71751 c 3.72049,3.70998 9.7526,3.70999 13.47308,0 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.99999988;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> + <path + inkscape:connector-curvature="0" + id="path3497-0-7-6-5-0-0-3-3" + d="m 261.70963,4.0924971 c 3.7205,-3.70998424 3.7205,-9.7250478 0,-13.4350284 -3.72049,-3.7099807 -9.75259,-3.7099847 -13.47308,-2e-7 l -6.73655,6.7175144 6.73655,6.7175147 c 3.72049,3.7099806 9.75259,3.7099837 13.47308,-5e-7 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#383739;fill-opacity:1;fill-rule:nonzero;stroke:#282829;stroke-width:1.00026885;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;font-variant-east_asian:normal;vector-effect:none" /> + </g> + <g + transform="matrix(1.000141,0,0,1.0002922,-0.04218062,329.98793)" + style="display:inline" + id="slider-vert-scale-has-marks-below-backdrop-insensitive-dark" + inkscape:label="#g5536-0-7-4-3-7-0"> + <path + inkscape:connector-curvature="0" + id="path3497-0-3-4-7-7-2-5-3" + d="m 278.29046,-8.3428304 c -3.72049,3.70998 -3.72049,9.72505 0,13.43503 3.7205,3.70998 9.7526,3.70999 13.4731,0 l 6.73655,-6.71751 -6.73655,-6.71752 c -3.7205,-3.7099796 -9.7526,-3.7099896 -13.4731,0 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.99999988;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> + <path + inkscape:connector-curvature="0" + id="path3497-0-3-4-7-7-2-5" + d="m 278.29038,-9.3425315 c -3.7205,3.7099842 -3.7205,9.72504797 0,13.4350286 3.72049,3.7099807 9.75259,3.7099842 13.47308,0 l 6.73655,-6.7175144 -6.73655,-6.7175145 c -3.72049,-3.7099802 -9.75259,-3.7099842 -13.47308,3e-7 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#383739;fill-opacity:1;fill-rule:nonzero;stroke:#282829;stroke-width:1.00026885;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;font-variant-east_asian:normal;vector-effect:none" /> + </g> + <g + transform="matrix(1.0002802,0,0,1.0006911,-0.05474131,299.99228)" + style="display:inline" + id="slider-horz-scale-has-marks-below-backdrop-dark" + inkscape:label="#g5515-6-0-2-0-2-6-7"> + <path + inkscape:connector-curvature="0" + id="path3497-8-5-5-9-2-9-6-2-1" + d="m 201.71752,-8.3368036 c -3.70998,-3.7184204 -9.72505,-3.7184204 -13.43503,0 -3.70999,3.71842 -3.70999,9.74716 0,13.46557 L 195,11.861566 201.71752,5.1287664 c 3.70998,-3.71841 3.70998,-9.74715 0,-13.46557 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.99999988;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> + <path + inkscape:connector-curvature="0" + id="path3497-8-5-5-9-2-9-6-2" + d="m 201.71751,-9.3362027 c -3.70998,-3.7184223 -9.72504,-3.7184173 -13.43502,0 -3.70999,3.718416 -3.70999,9.74715932 0,13.4655793 L 195,10.862168 201.71751,4.1293766 c 3.70999,-3.71841698 3.70999,-9.7471583 0,-13.4655793 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#383739;fill-opacity:1;fill-rule:nonzero;stroke:#282829;stroke-width:0.99999988;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;font-variant-east_asian:normal;opacity:1;vector-effect:none" /> + <g + id="g4740-1-5-6-8-2-3-7" /> + </g> + <g + style="display:inline" + id="slider-horz-scale-has-marks-above-backdrop-dark" + transform="matrix(1.0002676,0,0,0.99960478,-0.06021352,299.99342)" + inkscape:label="#g5522-9-5-3-0-5-1-4"> + <path + inkscape:connector-curvature="0" + id="path3497-9-4-8-8-9-2-6-1" + d="m 218.28287,5.0832604 c 3.70998,3.72256 9.72505,3.72256 13.43502,0 3.70999,-3.72257 3.70999,-9.75803 0,-13.4806 l -6.71751,-6.7403104 -6.71751,6.7403104 c -3.70999,3.72256 -3.70999,9.75802 0,13.4806 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1.000278;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> + <path + inkscape:connector-curvature="0" + id="path3497-9-4-8-8-9-2-6" + d="m 218.28249,4.0830772 c 3.70998,3.7225673 9.72504,3.7225638 13.43502,0 3.70999,-3.72256391 3.70999,-9.7580291 0,-13.4805964 L 225,-16.137818 l -6.71751,6.7402988 c -3.70999,3.7225638 -3.70999,9.75802901 0,13.4805964 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#383739;fill-opacity:1;fill-rule:nonzero;stroke:#282829;stroke-width:1.00054941;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;font-variant-east_asian:normal;opacity:1;vector-effect:none" /> + </g> + <g + transform="matrix(1.000141,0,0,1.0002922,-0.03393652,299.98793)" + style="display:inline" + id="slider-vert-scale-has-marks-above-backdrop-dark" + inkscape:label="#g5529-3-5-9-3-7-0-7"> + <path + inkscape:connector-curvature="0" + id="path3497-0-7-6-5-0-0-3-5-30-7" + d="m 261.70973,5.0922 c 3.7205,-3.70999 3.7205,-9.72505 0,-13.43503 -3.72048,-3.70998 -9.75259,-3.70999 -13.47308,0 l -6.73655,6.71751 6.73655,6.71752 c 3.72049,3.70998 9.7526,3.70999 13.47308,0 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.99999988;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> + <path + inkscape:connector-curvature="0" + id="path3497-0-7-6-5-0-0-3-5-30" + d="m 261.70963,4.0924971 c 3.7205,-3.70998424 3.7205,-9.7250478 0,-13.4350284 -3.72049,-3.7099807 -9.75259,-3.7099847 -13.47308,-2e-7 l -6.73655,6.7175144 6.73655,6.7175147 c 3.72049,3.7099806 9.75259,3.7099837 13.47308,-5e-7 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#383739;fill-opacity:1;fill-rule:nonzero;stroke:#282829;stroke-width:1.00026885;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;font-variant-east_asian:normal;opacity:1;vector-effect:none" /> + </g> + <g + transform="matrix(1.000141,0,0,1.0002922,-0.04218062,299.98793)" + style="display:inline" + id="slider-vert-scale-has-marks-below-backdrop-dark" + inkscape:label="#g5536-0-7-4-3-7-2-0"> + <path + inkscape:connector-curvature="0" + id="path3497-0-3-4-7-7-2-0-87-1" + d="m 278.29046,-8.3428304 c -3.72049,3.70998 -3.72049,9.72504 0,13.43503 3.7205,3.70998 9.7526,3.70999 13.47309,0 l 6.73655,-6.71752 -6.73655,-6.71751 c -3.72049,-3.7099796 -9.75259,-3.7099896 -13.47309,0 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.99999988;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> + <path + inkscape:connector-curvature="0" + id="path3497-0-3-4-7-7-2-0-87" + d="m 278.29038,-9.3425315 c -3.7205,3.7099842 -3.7205,9.72504797 0,13.4350286 3.72049,3.7099807 9.75259,3.7099842 13.47308,0 l 6.73655,-6.7175144 -6.73655,-6.7175145 c -3.72049,-3.7099802 -9.75259,-3.7099842 -13.47308,3e-7 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#383739;fill-opacity:1;fill-rule:nonzero;stroke:#282829;stroke-width:1.00026885;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;font-variant-east_asian:normal;opacity:1;vector-effect:none" /> + </g> + <g + transform="matrix(1.0002802,0,0,1.0006911,-0.05464236,269.99228)" + style="display:inline" + id="slider-horz-scale-has-marks-below-insensitive-dark" + inkscape:label="#g5515-6-0-2-0-2-6-1-1"> + <path + inkscape:connector-curvature="0" + id="path3497-8-5-5-9-2-9-6-5-3-8" + d="m 201.71751,-8.3368039 c -3.70998,-3.7184201 -9.72504,-3.7184201 -13.43502,0 -3.70999,3.71841 -3.70999,9.74716 0,13.46557 L 195,11.861566 201.71751,5.1287661 c 3.70999,-3.71841 3.70999,-9.74715 0,-13.46557 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.99999988;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> + <path + inkscape:connector-curvature="0" + id="path3497-8-5-5-9-2-9-6-5-3" + d="m 201.71751,-9.3362027 c -3.70998,-3.7184223 -9.72504,-3.7184173 -13.43502,0 -3.70999,3.718416 -3.70999,9.74715932 0,13.4655793 L 195,10.862168 201.71751,4.1293766 c 3.70999,-3.71841698 3.70999,-9.7471583 0,-13.4655793 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#383739;fill-opacity:1;fill-rule:nonzero;stroke:#282829;stroke-width:0.99999988;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;font-variant-east_asian:normal;vector-effect:none" /> + <g + id="g4740-1-5-6-8-2-3-9-6" /> + </g> + <g + style="display:inline" + id="slider-horz-scale-has-marks-above-insensitive-dark" + transform="matrix(1.0002676,0,0,0.99960478,-0.06021218,269.99342)" + inkscape:label="#g5522-9-5-3-0-5-1-0-1"> + <path + inkscape:connector-curvature="0" + id="path3497-9-4-8-8-9-2-7-2-1" + d="m 218.28287,5.0832505 c 3.70998,3.72256 9.72504,3.72256 13.43502,0 3.70999,-3.72256 3.70999,-9.75804 0,-13.4806 l -6.71751,-6.7403005 -6.71751,6.7403005 c -3.70999,3.72256 -3.70999,9.75803 0,13.4806 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1.00027812;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> + <path + inkscape:connector-curvature="0" + id="path3497-9-4-8-8-9-2-7-2" + d="m 218.28249,4.0830772 c 3.70998,3.7225673 9.72504,3.7225638 13.43502,0 3.70999,-3.72256391 3.70999,-9.7580291 0,-13.4805964 L 225,-16.137818 l -6.71751,6.7402988 c -3.70999,3.7225638 -3.70999,9.75802901 0,13.4805964 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#383739;fill-opacity:1;fill-rule:nonzero;stroke:#282829;stroke-width:1.00054941;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;font-variant-east_asian:normal;vector-effect:none" /> + </g> + <g + transform="matrix(1.000141,0,0,1.0002922,-0.03393593,269.98793)" + style="display:inline" + id="slider-vert-scale-has-marks-above-insensitive-dark" + inkscape:label="#g5529-3-5-9-3-7-0-9-7"> + <path + inkscape:connector-curvature="0" + id="path3497-0-7-6-5-0-0-3-5-3-6-7" + d="m 261.70973,5.0922025 c 3.72051,-3.70999 3.72051,-9.72505 0,-13.43504 -3.72048,-3.7099705 -9.75258,-3.7099805 -13.47308,0 l -6.73655,6.71752 6.73655,6.71752 c 3.7205,3.70997 9.7526,3.70998 13.47308,0 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.99999988;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> + <path + inkscape:connector-curvature="0" + id="path3497-0-7-6-5-0-0-3-5-3-6" + d="m 261.70963,4.0924971 c 3.7205,-3.70998424 3.7205,-9.7250478 0,-13.4350284 -3.72049,-3.7099807 -9.75259,-3.7099847 -13.47308,-2e-7 l -6.73655,6.7175144 6.73655,6.7175147 c 3.72049,3.7099806 9.75259,3.7099837 13.47308,-5e-7 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#383739;fill-opacity:1;fill-rule:nonzero;stroke:#282829;stroke-width:1.00026885;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;font-variant-east_asian:normal;vector-effect:none" /> + </g> + <g + transform="matrix(1.000141,0,0,1.0002922,-0.04217992,269.98793)" + style="display:inline" + id="slider-vert-scale-has-marks-below-insensitive-dark" + inkscape:label="#g5536-0-7-4-3-7-2-8-0"> + <path + inkscape:connector-curvature="0" + id="path3497-0-3-4-7-7-2-0-8-5-0" + d="m 278.29046,-8.3428376 c -3.72049,3.70999 -3.72049,9.72505 0,13.43504 3.7205,3.70997 9.7526,3.70998 13.47309,0 l 6.73655,-6.71752 -6.73655,-6.71752 c -3.72049,-3.7099704 -9.75259,-3.7099804 -13.47309,0 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.99999988;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> + <path + inkscape:connector-curvature="0" + id="path3497-0-3-4-7-7-2-0-8-5" + d="m 278.29038,-9.3425315 c -3.7205,3.7099842 -3.7205,9.72504797 0,13.4350286 3.72049,3.7099807 9.75259,3.7099842 13.47308,0 l 6.73655,-6.7175144 -6.73655,-6.7175145 c -3.72049,-3.7099802 -9.75259,-3.7099842 -13.47308,3e-7 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#383739;fill-opacity:1;fill-rule:nonzero;stroke:#282829;stroke-width:1.00026885;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;font-variant-east_asian:normal;vector-effect:none" /> + </g> + <g + transform="matrix(0.99998303,0,0,1.0006657,0.00331234,39.991987)" + style="display:inline" + id="slider-horz-scale-has-marks-below-active" + inkscape:label="#g5515-6-7"> + <path + inkscape:connector-curvature="0" + id="path3497-8-3-0-7" + d="m 201.71944,-8.349802 c -3.71103,-3.72087 -9.72778,-3.720865 -13.4388,0 -3.71103,3.720863 -3.71103,9.753574 0,13.474441 l 6.7194,6.737222 6.7194,-6.737222 c 3.71103,-3.720864 3.71103,-9.753574 0,-13.474441 z" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1.00046968;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + <path + inkscape:connector-curvature="0" + id="path3497-8-5-8" + d="m 201.71751,-9.3362027 c -3.70998,-3.7184223 -9.72504,-3.7184173 -13.43502,0 -3.70999,3.718416 -3.70999,9.74715932 0,13.4655793 L 195,10.862168 201.71751,4.1293766 c 3.70999,-3.71841698 3.70999,-9.7471583 0,-13.4655793 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:url(#linearGradient7117-1-6);fill-opacity:1;fill-rule:nonzero;stroke:#3584e4;stroke-width:1.00125016;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> + <g + id="g4740-1-7"> + <path + inkscape:connector-curvature="0" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.93591636;marker:none;enable-background:accumulate" + d="m 195,-11.625 c -2.30863,10e-7 -4.61312,0.859113 -6.375,2.625 -1.88818,1.8924693 -2.75978,4.4008102 -2.625,6.875 0.12078,-2.1382318 0.99306,-4.239352 2.625,-5.875 1.76188,-1.765887 4.06637,-2.624999 6.375,-2.625 2.30863,-10e-7 4.61312,0.859111 6.375,2.625 1.63194,1.6356505 2.50422,3.7367683 2.625,5.875 0.13081,-2.4697869 -0.7403,-4.9860195 -2.625,-6.875 -1.76188,-1.765889 -4.06637,-2.625001 -6.375,-2.625 z" + id="path4552-63-8" /> + <path + inkscape:connector-curvature="0" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#cfcfcd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99967593;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto" + d="m 186,-3.125 c -0.14009,2.48003388 0.73219,5.009137 2.625,6.90625 L 195,10.1875 201.375,3.78125 c 1.89281,-1.8971113 2.76509,-4.42621625 2.625,-6.90625 -0.11682,2.14449281 -0.98843,4.26596 -2.625,5.90625 L 195,9.1875 188.625,2.78125 C 186.98843,1.1409586 186.11682,-0.9805068 186,-3.125 Z" + id="path4552-6-6-4" /> + <path + inkscape:connector-curvature="0" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.9996759;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:0.4;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto" + d="m 186.0625,-3.65625 c -0.0184,0.1578753 -0.0524,0.3102699 -0.0625,0.46875 9.6e-4,0.021167 -0.001,0.041339 0,0.0625 0.113,2.14970912 0.98494,4.2624574 2.625,5.90625 L 195,9.1875 201.375,2.78125 c 1.64006,-1.6437912 2.512,-3.75654062 2.625,-5.90625 -0.001,-0.020511 0.001,-0.041996 0,-0.0625 -0.01,-0.155035 -0.0445,-0.3142975 -0.0625,-0.46875 -0.20963,1.9842189 -1.04419,3.9157419 -2.5625,5.4375 L 195,8.1875 188.625,1.78125 c -1.51831,-1.5217594 -2.35287,-3.453281 -2.5625,-5.4375 z" + id="path4720-2-1" /> + </g> + </g> + <g + style="display:inline" + id="slider-horz-scale-has-marks-above-active" + transform="matrix(1,0,0,0.99944391,2.4701977e-6,39.991327)" + inkscape:label="#g5522-9-5"> + <path + style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;baseline-shift:baseline;text-anchor:start;white-space:normal;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.00027823;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + d="m 224.99414,-15.637108 a 0.50029607,0.50024899 0 0 0 -0.34774,0.146502 l -6.72018,6.7410411 c -3.90163,3.914481 -3.90163,10.274713 0,14.189198 3.90162,3.914485 10.24594,3.914481 14.14756,0 3.90162,-3.914481 3.90162,-10.274713 0,-14.189198 l -6.72019,-6.7410411 a 0.50029607,0.50024899 0 0 0 -0.35945,-0.146502 z m 0.006,1.207175 6.36464,6.3874831 c 3.51994,3.531541 3.51994,9.24343 0,12.774967 -3.51994,3.531536 -9.20935,3.53154 -12.72928,0 -3.51995,-3.531541 -3.51995,-9.24343 0,-12.774967 L 225,-14.429933 Z" + id="path3497-00-3-2" + inkscape:connector-curvature="0" /> + <path + inkscape:connector-curvature="0" + id="path3497-9-7" + d="m 218.28249,4.0830772 c 3.70998,3.7225673 9.72504,3.7225638 13.43502,0 3.70999,-3.72256391 3.70999,-9.7580291 0,-13.4805964 L 225,-16.137818 l -6.71751,6.7402988 c -3.70999,3.7225638 -3.70999,9.75802901 0,13.4805964 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:url(#linearGradient7117-1-5-5);fill-opacity:1;fill-rule:nonzero;stroke:#3584e4;stroke-width:1.00027812;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> + <g + id="g4740-2-0-6" + style="display:inline" + transform="rotate(180,209.99273,-2.6314087)"> + <path + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#cfcfcd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.00027829;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto" + d="m 195,-11.625 c -2.30863,10e-7 -4.61312,0.859113 -6.375,2.625 -1.88818,1.8924693 -2.75978,4.4008102 -2.625,6.875 0.12078,-2.1382318 0.99306,-4.239352 2.625,-5.875 1.76188,-1.765887 4.06637,-2.624999 6.375,-2.625 2.30863,-10e-7 4.61312,0.859111 6.375,2.625 1.63194,1.6356505 2.50422,3.7367683 2.625,5.875 0.13081,-2.4697869 -0.7403,-4.9860195 -2.625,-6.875 -1.76188,-1.765889 -4.06637,-2.625001 -6.375,-2.625 z" + id="path4552-2-8-2" + inkscape:connector-curvature="0" /> + <path + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.93591636;marker:none;enable-background:accumulate" + d="m 186,-3.125 c -0.14009,2.48003388 0.73219,5.009137 2.625,6.90625 L 195,10.1875 201.375,3.78125 c 1.89281,-1.8971113 2.76509,-4.42621625 2.625,-6.90625 -0.11682,2.14449281 -0.98843,4.26596 -2.625,5.90625 L 195,9.1875 188.625,2.78125 C 186.98843,1.1409586 186.11682,-0.9805068 186,-3.125 Z" + id="path4552-6-8-02-1" + inkscape:connector-curvature="0" /> + </g> + <path + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.00027826;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:0.4;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto" + d="m 224.98546,5.3621826 c 2.30863,-10e-7 4.61312,-0.859113 6.375,-2.625 1.88818,-1.8924693 2.75978,-4.4008102 2.625,-6.875 -0.12078,2.1382318 -0.99306,4.239352 -2.625,5.875 -1.76188,1.765887 -4.06637,2.624999 -6.375,2.625 -2.30863,1e-6 -4.61312,-0.859111 -6.375,-2.625 -1.63194,-1.6356505 -2.50422,-3.7367683 -2.625,-5.875 -0.13081,2.4697869 0.7403,4.9860195 2.625,6.875 1.76188,1.765889 4.06637,2.625001 6.375,2.625 z" + id="path4552-2-2-9-1" + inkscape:connector-curvature="0" /> + </g> + <g + transform="matrix(0.99998368,0,0,1.00077,0.00413325,39.993802)" + style="display:inline" + id="slider-vert-scale-has-marks-above-active" + inkscape:label="#g5529-3-1"> + <path + inkscape:connector-curvature="0" + id="path3497-0-7-9-1-9" + d="m 261.71257,5.0815807 c 3.72102,-3.710988 3.72102,-9.727679 0,-13.438663 -3.72102,-3.7109827 -9.75397,-3.7109867 -13.47499,0 l -6.7375,6.719332 6.7375,6.719332 c 3.72102,3.710984 9.75397,3.710987 13.47499,-1e-6 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0.1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1.00020611;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> + <path + inkscape:connector-curvature="0" + id="path3497-0-7-6-6" + d="m 261.70963,4.0924971 c 3.7205,-3.70998424 3.7205,-9.7250478 0,-13.4350284 -3.72049,-3.7099807 -9.75259,-3.7099847 -13.47308,-2e-7 l -6.73655,6.7175144 6.73655,6.7175147 c 3.72049,3.7099806 9.75259,3.7099837 13.47308,-5e-7 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:url(#linearGradient7117-1-3-7);fill-opacity:1;fill-rule:nonzero;stroke:#3584e4;stroke-width:0.99999994;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> + <g + id="g5028-2-8"> + <path + inkscape:connector-curvature="0" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#cfcfcd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99962351;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto" + d="m 242.6875,-3.125 -0.5,0.5 6.40625,6.375 c 3.53003,3.5200613 9.25122,3.520064 12.78125,0 1.8909,-1.8855547 2.75998,-4.40573231 2.625,-6.875 -0.11699,2.14022713 -0.98607,4.2407037 -2.625,5.875 -3.53003,3.520064 -9.25122,3.5200613 -12.78125,0 z" + id="path4906-2-3" /> + <path + inkscape:connector-curvature="0" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99962348;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:0.4;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto" + d="m 263.9375,-3.65625 c -0.20946,1.9781727 -1.042,3.89005249 -2.5625,5.40625 -3.53003,3.520064 -9.25122,3.5200613 -12.78125,0 l -5.40625,-5.375 -0.5,0.5 5.90625,5.875 c 3.53003,3.5200613 9.25122,3.520064 12.78125,0 1.63841,-1.6337777 2.50934,-3.73426266 2.625,-5.875 -10e-4,-0.020474 10e-4,-0.042033 0,-0.0625 -0.01,-0.1568009 -0.0447,-0.3125289 -0.0625,-0.46875 z" + id="path4906-3-93-8" /> + <path + inkscape:connector-curvature="0" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.93591636;marker:none;enable-background:accumulate" + d="m 254.96875,-11.625 c -2.31201,-10e-7 -4.60901,0.863994 -6.375,2.625 l -6.40625,6.375 0.5,0.5 5.90625,-5.875 c 1.76599,-1.761006 4.06299,-2.625001 6.375,-2.625 2.31201,10e-7 4.64224,0.865965 6.40625,2.625 1.63893,1.6342942 2.50801,3.734773 2.625,5.875 0.13498,-2.4692679 -0.7341,-4.9894477 -2.625,-6.875 -1.76401,-1.759035 -4.09424,-2.624999 -6.40625,-2.625 z" + id="path4906-6-54-5" /> + </g> + </g> + <g + transform="matrix(0.99998368,0,0,1.00077,0.00468698,39.993802)" + style="display:inline" + id="slider-vert-scale-has-marks-below-active" + inkscape:label="#g5536-0-2"> + <path + inkscape:connector-curvature="0" + id="path3497-0-1-2-9" + d="m 278.28744,-8.3570823 c -3.72103,3.710988 -3.72103,9.727679 0,13.438663 3.72102,3.710985 9.75397,3.710988 13.47498,0 l 6.73751,-6.719331 -6.73751,-6.719332 c -3.72101,-3.7109827 -9.75396,-3.7109867 -13.47498,0 z" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1.00020611;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + <path + inkscape:connector-curvature="0" + id="path3497-0-3-3" + d="m 278.29038,-9.3425315 c -3.7205,3.7099842 -3.7205,9.72504797 0,13.4350286 3.72049,3.7099807 9.75259,3.7099842 13.47308,0 l 6.73655,-6.7175144 -6.73655,-6.7175145 c -3.72049,-3.7099802 -9.75259,-3.7099842 -13.47308,3e-7 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:url(#linearGradient7117-1-2-4);fill-opacity:1;fill-rule:nonzero;stroke:#3584e4;stroke-width:0.99999994;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> + <g + id="g5028-9-66-6" + style="display:inline" + transform="matrix(-1,0,0,1,540.0136,-0.02786437)"> + <path + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#cfcfcd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99962351;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto" + d="m 242.6875,-3.125 -0.5,0.5 6.40625,6.375 c 3.53003,3.5200613 9.25122,3.520064 12.78125,0 1.8909,-1.8855547 2.75998,-4.40573231 2.625,-6.875 -0.11699,2.14022713 -0.98607,4.2407037 -2.625,5.875 -3.53003,3.520064 -9.25122,3.5200613 -12.78125,0 z" + id="path4906-0-0-7" + inkscape:connector-curvature="0" /> + <path + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99962348;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:0.4;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto" + d="m 263.9375,-3.65625 c -0.20946,1.9781727 -1.042,3.89005249 -2.5625,5.40625 -3.53003,3.520064 -9.25122,3.5200613 -12.78125,0 l -5.40625,-5.375 -0.5,0.5 5.90625,5.875 c 3.53003,3.5200613 9.25122,3.520064 12.78125,0 1.63841,-1.6337777 2.50934,-3.73426266 2.625,-5.875 -10e-4,-0.020474 10e-4,-0.042033 0,-0.0625 -0.01,-0.1568009 -0.0447,-0.3125289 -0.0625,-0.46875 z" + id="path4906-3-6-8-7" + inkscape:connector-curvature="0" /> + <path + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.93591636;marker:none;enable-background:accumulate" + d="m 254.96875,-11.625 c -2.31201,-10e-7 -4.60901,0.863994 -6.375,2.625 l -6.40625,6.375 0.5,0.5 5.90625,-5.875 c 1.76599,-1.761006 4.06299,-2.625001 6.375,-2.625 2.31201,10e-7 4.64224,0.865965 6.40625,2.625 1.63893,1.6342942 2.50801,3.734773 2.625,5.875 0.13498,-2.4692679 -0.7341,-4.9894477 -2.625,-6.875 -1.76401,-1.759035 -4.09424,-2.624999 -6.40625,-2.625 z" + id="path4906-6-6-1-9" + inkscape:connector-curvature="0" /> + </g> + </g> + <g + transform="matrix(1.0002802,0,0,1.0006911,-0.05464064,59.867882)" + style="display:inline" + id="slider-horz-scale-has-marks-below-active-dark" + inkscape:label="#g5543-1-3"> + <path + inkscape:connector-curvature="0" + id="path3497-8-2-0-3-9" + d="m 201.71752,171.6632 c -3.70999,-3.71842 -9.72505,-3.71842 -13.43503,0 -3.70999,3.71841 -3.70999,9.74716 0,13.46558 l 6.71751,6.73279 6.71752,-6.73279 c 3.70999,-3.71842 3.70999,-9.74716 0,-13.46558 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0.1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.99999988;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> + <path + inkscape:connector-curvature="0" + id="path3497-8-2-0-3" + d="m 201.71751,170.6638 c -3.70998,-3.71842 -9.72504,-3.71842 -13.43502,0 -3.70999,3.71841 -3.70999,9.74716 0,13.46558 l 6.71751,6.73279 6.71751,-6.73279 c 3.70999,-3.71842 3.70999,-9.74716 0,-13.46558 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:url(#linearGradient7101-3-0);fill-opacity:1;fill-rule:nonzero;stroke:#0b2a4f;stroke-width:0.99999994;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> + <g + transform="translate(0,180)" + id="g4740-3-3-5" + style="display:inline"> + <path + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0.05;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.00000012;marker:none;enable-background:accumulate" + d="m 195,-11.625 c -2.30863,10e-7 -4.61312,0.859113 -6.375,2.625 -1.88818,1.8924693 -2.75978,4.4008102 -2.625,6.875 0.12078,-2.1382318 0.99306,-4.239352 2.625,-5.875 1.76188,-1.765887 4.06637,-2.624999 6.375,-2.625 2.30863,-10e-7 4.61312,0.859111 6.375,2.625 1.63194,1.6356505 2.50422,3.7367683 2.625,5.875 0.13081,-2.4697869 -0.7403,-4.9860195 -2.625,-6.875 -1.76188,-1.765889 -4.06637,-2.625001 -6.375,-2.625 z" + id="path4552-1-8-7" + inkscape:connector-curvature="0" /> + <path + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#25292b;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99951473;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto" + d="m 186,-3.125 c -0.14009,2.48003388 0.73219,5.009137 2.625,6.90625 L 195,10.1875 201.375,3.78125 c 1.89281,-1.8971113 2.76509,-4.42621625 2.625,-6.90625 -0.11682,2.14449281 -0.98843,4.26596 -2.625,5.90625 L 195,9.1875 188.625,2.78125 C 186.98843,1.1409586 186.11682,-0.9805068 186,-3.125 Z" + id="path4552-6-3-2-6" + inkscape:connector-curvature="0" /> + <path + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0.4;fill:#2c3133;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99951473;marker:none;enable-background:accumulate;clip-rule:nonzero;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto" + d="m 186.0625,-3.65625 c -0.0184,0.1578753 -0.0524,0.3102699 -0.0625,0.46875 9.6e-4,0.021167 -0.001,0.041339 0,0.0625 0.113,2.14970912 0.98494,4.2624574 2.625,5.90625 L 195,9.1875 201.375,2.78125 c 1.64006,-1.6437912 2.512,-3.75654062 2.625,-5.90625 -0.001,-0.020511 0.001,-0.041996 0,-0.0625 -0.01,-0.155035 -0.0445,-0.3142975 -0.0625,-0.46875 -0.20963,1.9842189 -1.04419,3.9157419 -2.5625,5.4375 L 195,8.1875 188.625,1.78125 c -1.51831,-1.5217594 -2.35287,-3.453281 -2.5625,-5.4375 z" + id="path4720-9-9-2" + inkscape:connector-curvature="0" /> + </g> + </g> + <g + style="display:inline" + id="slider-horz-scale-has-marks-above-active-dark" + transform="matrix(1.0002676,0,0,0.99960459,-0.06021476,60.064604)" + inkscape:label="#g5550-2-6"> + <path + inkscape:connector-curvature="0" + id="path3497-3-5-7-4" + d="m 218.28287,185.08325 c 3.70999,3.72257 9.72505,3.72256 13.43502,0 3.70999,-3.72257 3.70999,-9.75803 0,-13.4806 l -6.71751,-6.74029 -6.71751,6.74029 c -3.70999,3.72257 -3.70999,9.75803 0,13.4806 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0.1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1.00027823;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> + <path + inkscape:connector-curvature="0" + id="path3497-3-5-7" + d="m 218.28249,184.08308 c 3.70998,3.72257 9.72504,3.72256 13.43502,0 3.70999,-3.72257 3.70999,-9.75803 0,-13.4806 L 225,163.86218 l -6.71751,6.7403 c -3.70999,3.72257 -3.70999,9.75803 0,13.4806 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:url(#linearGradient7101-3-0-6);fill-opacity:1;fill-rule:nonzero;stroke:#0b2a4f;stroke-width:1.00027823;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> + <g + id="g4740-2-9-6-9" + style="display:inline" + transform="rotate(180,209.99273,87.36859)"> + <path + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#25292b;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.00006408;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto" + d="m 195,-11.625 c -2.30863,10e-7 -4.61312,0.859113 -6.375,2.625 -1.88818,1.8924693 -2.75978,4.4008102 -2.625,6.875 0.12078,-2.1382318 0.99306,-4.239352 2.625,-5.875 1.76188,-1.765887 4.06637,-2.624999 6.375,-2.625 2.30863,-10e-7 4.61312,0.859111 6.375,2.625 1.63194,1.6356505 2.50422,3.7367683 2.625,5.875 0.13081,-2.4697869 -0.7403,-4.9860195 -2.625,-6.875 -1.76188,-1.765889 -4.06637,-2.625001 -6.375,-2.625 z" + id="path4552-2-29-7-3" + inkscape:connector-curvature="0" /> + <path + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0.05;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.00000012;marker:none;enable-background:accumulate" + d="m 186,-3.125 c -0.14009,2.48003388 0.73219,5.009137 2.625,6.90625 L 195,10.1875 201.375,3.78125 c 1.89281,-1.8971113 2.76509,-4.42621625 2.625,-6.90625 -0.11682,2.14449281 -0.98843,4.26596 -2.625,5.90625 L 195,9.1875 188.625,2.78125 C 186.98843,1.1409586 186.11682,-0.9805068 186,-3.125 Z" + id="path4552-6-8-0-8-9" + inkscape:connector-curvature="0" /> + </g> + <path + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0.4;fill:#2c3133;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.00006408;marker:none;enable-background:accumulate;clip-rule:nonzero;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto" + d="m 224.98546,185.36218 c 2.30863,0 4.61312,-0.85911 6.375,-2.625 1.88818,-1.89247 2.75978,-4.40081 2.625,-6.875 -0.12078,2.13824 -0.99306,4.23936 -2.625,5.875 -1.76188,1.76589 -4.06637,2.625 -6.375,2.625 -2.30863,0 -4.61312,-0.85911 -6.375,-2.625 -1.63194,-1.63565 -2.50422,-3.73676 -2.625,-5.875 -0.13081,2.46979 0.7403,4.98602 2.625,6.875 1.76188,1.76589 4.06637,2.625 6.375,2.625 z" + id="path4552-2-2-8-9-0" + inkscape:connector-curvature="0" /> + </g> + <g + transform="matrix(1.000141,0,0,1.0002924,-0.03393642,59.935304)" + style="display:inline" + id="slider-vert-scale-has-marks-above-active-dark" + inkscape:label="#g5557-6-9"> + <path + inkscape:connector-curvature="0" + id="path3497-0-7-4-4-6-2" + d="m 261.70973,185.09221 c 3.7205,-3.71 3.7205,-9.72506 0,-13.43503 -3.72048,-3.70999 -9.75258,-3.70999 -13.47308,0 l -6.73655,6.7175 6.73655,6.71753 c 3.7205,3.70997 9.7526,3.70997 13.47308,0 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0.1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.99999988;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> + <path + inkscape:connector-curvature="0" + id="path3497-0-7-4-4-6" + d="m 261.70963,184.0925 c 3.7205,-3.70999 3.7205,-9.72505 0,-13.43503 -3.72049,-3.70998 -9.75259,-3.70998 -13.47308,0 l -6.73655,6.71751 6.73655,6.71752 c 3.72049,3.70998 9.75259,3.70998 13.47308,0 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:url(#linearGradient7101-3-0-9);fill-opacity:1;fill-rule:nonzero;stroke:#0b2a4f;stroke-width:0.99999994;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> + <g + transform="translate(0,180)" + id="g5028-6-2-0" + style="display:inline"> + <path + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#25292b;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99978347;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto" + d="m 242.6875,-3.125 -0.5,0.5 6.40625,6.375 c 3.53003,3.5200613 9.25122,3.520064 12.78125,0 1.8909,-1.8855547 2.75998,-4.40573231 2.625,-6.875 -0.11699,2.14022713 -0.98607,4.2407037 -2.625,5.875 -3.53003,3.520064 -9.25122,3.5200613 -12.78125,0 z" + id="path4906-8-0-7" + inkscape:connector-curvature="0" /> + <path + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0.4;fill:#2c3133;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99978347;marker:none;enable-background:accumulate;clip-rule:nonzero;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto" + d="m 263.9375,-3.65625 c -0.20946,1.9781727 -1.042,3.89005249 -2.5625,5.40625 -3.53003,3.520064 -9.25122,3.5200613 -12.78125,0 l -5.40625,-5.375 -0.5,0.5 5.90625,5.875 c 3.53003,3.5200613 9.25122,3.520064 12.78125,0 1.63841,-1.6337777 2.50934,-3.73426266 2.625,-5.875 -10e-4,-0.020474 10e-4,-0.042033 0,-0.0625 -0.01,-0.1568009 -0.0447,-0.3125289 -0.0625,-0.46875 z" + id="path4906-3-9-2-7" + inkscape:connector-curvature="0" /> + <path + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0.05;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.00000012;marker:none;enable-background:accumulate" + d="m 254.96875,-11.625 c -2.31201,-10e-7 -4.60901,0.863994 -6.375,2.625 l -6.40625,6.375 0.5,0.5 5.90625,-5.875 c 1.76599,-1.761006 4.06299,-2.625001 6.375,-2.625 2.31201,10e-7 4.64224,0.865965 6.40625,2.625 1.63893,1.6342942 2.50801,3.734773 2.625,5.875 0.13498,-2.4692679 -0.7341,-4.9894477 -2.625,-6.875 -1.76401,-1.759035 -4.09424,-2.624999 -6.40625,-2.625 z" + id="path4906-6-5-4-7" + inkscape:connector-curvature="0" /> + </g> + </g> + <g + transform="matrix(1.0001409,0,0,1.0002922,-0.04217816,59.935339)" + style="display:inline" + id="slider-vert-scale-has-marks-below-active-dark" + inkscape:label="#g5564-7-7"> + <path + inkscape:connector-curvature="0" + id="path3497-0-9-0-6-9" + d="m 278.29048,171.65717 c -3.72051,3.70998 -3.72051,9.72505 0,13.43503 3.72048,3.70998 9.75259,3.70998 13.47308,0 l 6.73655,-6.71752 -6.73655,-6.71751 c -3.72049,-3.70997 -9.7526,-3.70998 -13.47308,0 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0.1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.99999994;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> + <path + inkscape:connector-curvature="0" + id="path3497-0-9-0-6" + d="m 278.29038,170.65747 c -3.7205,3.70998 -3.7205,9.72505 0,13.43503 3.72049,3.70998 9.75259,3.70998 13.47308,0 l 6.73655,-6.71752 -6.73655,-6.71751 c -3.72049,-3.70998 -9.75259,-3.70999 -13.47308,0 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:url(#linearGradient7101-3-0-4);fill-opacity:1;fill-rule:nonzero;stroke:#0b2a4f;stroke-width:0.99999994;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> + <g + id="g5028-9-6-2-0" + style="display:inline" + transform="matrix(-1,0,0,1,540.0136,179.97214)"> + <path + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#25292b;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99978362;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto" + d="m 242.6875,-3.125 -0.5,0.5 6.40625,6.375 c 3.53003,3.5200613 9.25122,3.520064 12.78125,0 1.8909,-1.8855547 2.75998,-4.40573231 2.625,-6.875 -0.11699,2.14022713 -0.98607,4.2407037 -2.625,5.875 -3.53003,3.520064 -9.25122,3.5200613 -12.78125,0 z" + id="path4906-0-3-4-4" + inkscape:connector-curvature="0" /> + <path + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0.4;fill:#2c3133;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99978362;marker:none;enable-background:accumulate;clip-rule:nonzero;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto" + d="m 263.9375,-3.65625 c -0.20946,1.9781727 -1.042,3.89005249 -2.5625,5.40625 -3.53003,3.520064 -9.25122,3.5200613 -12.78125,0 l -5.40625,-5.375 -0.5,0.5 5.90625,5.875 c 3.53003,3.5200613 9.25122,3.520064 12.78125,0 1.63841,-1.6337777 2.50934,-3.73426266 2.625,-5.875 -10e-4,-0.020474 10e-4,-0.042033 0,-0.0625 -0.01,-0.1568009 -0.0447,-0.3125289 -0.0625,-0.46875 z" + id="path4906-3-6-3-4-3" + inkscape:connector-curvature="0" /> + <path + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0.05;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.00000012;marker:none;enable-background:accumulate" + d="m 254.96875,-11.625 c -2.31201,-10e-7 -4.60901,0.863994 -6.375,2.625 l -6.40625,6.375 0.5,0.5 5.90625,-5.875 c 1.76599,-1.761006 4.06299,-2.625001 6.375,-2.625 2.31201,10e-7 4.64224,0.865965 6.40625,2.625 1.63893,1.6342942 2.50801,3.734773 2.625,5.875 0.13498,-2.4692679 -0.7341,-4.9894477 -2.625,-6.875 -1.76401,-1.759035 -4.09424,-2.624999 -6.40625,-2.625 z" + id="path4906-6-6-4-9-3" + inkscape:connector-curvature="0" /> + </g> + </g> + <g + inkscape:label="#g10801" + transform="matrix(1.9947791,0,0,1.9939719,354.38167,165.09433)" + id="sjhgfjsgf" /> + <g + id="text-select-end" + transform="rotate(180,270.01517,-10.637818)" + inkscape:label="#g5515"> + <path + sodipodi:nodetypes="ssscss" + inkscape:connector-curvature="0" + id="path10579" + d="m 201.71751,-9.3362027 c -3.70998,-3.7184223 -9.72504,-3.7184173 -13.43502,0 -3.70999,3.718416 -4.20188,13.4440732 3.62392,16.0288414 l 12.62392,4.1695293 -0.16117,-6.7327914 c -0.1257,-5.251176 1.05834,-9.7471583 -2.65165,-13.4655793 z" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:url(#linearGradient1299);fill-opacity:1;fill-rule:nonzero;stroke:#c5c0ba;stroke-width:1.00046968;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate;font-variant-east_asian:normal;vector-effect:none" /> + <g + id="g10581"> + <path + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ededec;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99985634;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto" + d="m 195,-10.500316 c -2.30863,10e-7 -4.61312,0.8591138 -6.375,2.6250022 -1.88818,1.8924693 -2.49461,4.3124219 -2.35983,6.7866117 0.12078,-2.1382318 0.72789,-4.1509637 2.35983,-5.7866117 1.76188,-1.7658876 4.06637,-2.6250004 6.375,-2.6250014 2.30863,-1e-6 4.61312,0.8591118 6.375,2.6250014 1.63194,1.6356505 2.50422,3.7367683 2.625,5.875 0.13081,-2.4697869 -0.7403,-4.9860195 -2.625,-6.875 -1.76188,-1.7658904 -4.06637,-2.6250032 -6.375,-2.6250022 z" + id="path10583" + inkscape:connector-curvature="0" + sodipodi:nodetypes="sscssscss" /> + <path + sodipodi:nodetypes="ccccccccc" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#f9f9f9;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.93591636;marker:none;enable-background:accumulate" + d="m 186.22098,-1.1362622 c 0.113,2.1497091 2.0766,6.5869279 6.51409,7.5414344 L 203.97227,9.7763966 204,-2.4178932 c -0.001,-0.020511 0.001,-0.041996 0,-0.0625 -0.01,-0.155035 -0.0445,-0.3142975 -0.0625,-0.46875 L 203.08839,8.715736 192.91183,5.7587256 c -5.47891,-1.2800965 -6.69085,-6.8949878 -6.69085,-6.8949878 z" + id="path10587" + inkscape:connector-curvature="0" /> + </g> + <rect + y="-12.637817" + x="185" + height="24" + width="20" + id="rect10589" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + inkscape:label="#g5515" + transform="rotate(180,270.01517,19.362182)" + id="text-select-end-active"> + <path + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:url(#linearGradient10617);fill-opacity:1;fill-rule:nonzero;stroke:#3584e4;stroke-width:0.99999994;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + d="m 201.71751,-9.3362027 c -3.70998,-3.7184223 -9.72504,-3.7184173 -13.43502,0 -3.70999,3.718416 -4.20188,13.4440732 3.62392,16.0288414 l 12.62392,4.1695293 -0.16117,-6.7327914 c -0.1257,-5.251176 1.05834,-9.7471583 -2.65165,-13.4655793 z" + id="path10593" + inkscape:connector-curvature="0" + sodipodi:nodetypes="ssscss" /> + <g + id="g10595"> + <path + inkscape:connector-curvature="0" + id="path10597" + d="m 195,-10.146756 c -2.30863,10e-7 -4.61312,0.8591115 -6.375,2.6249957 -1.88818,1.8924693 -2.75978,4.4008102 -2.625,6.875 0.12078,-2.1382318 0.99306,-4.239352 2.625,-5.875 1.76188,-1.7658857 4.06637,-2.6249962 6.375,-2.6249972 2.30863,-1e-6 4.61312,0.8591095 6.375,2.6249972 1.63194,1.6356505 2.50422,3.7367683 2.625,5.875 0.13081,-2.4697869 -0.7403,-4.9860195 -2.625,-6.875 -1.76188,-1.7658862 -4.06637,-2.6249967 -6.375,-2.6249957 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#f5f5f5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.93591636;marker:none;enable-background:accumulate" /> + </g> + <rect + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="rect10601" + width="20" + height="24" + x="185" + y="-12.637817" /> + </g> + <g + id="text-select-end-hover" + transform="rotate(180,270.01517,4.3621826)" + inkscape:label="#g5515"> + <path + sodipodi:nodetypes="ssscss" + inkscape:connector-curvature="0" + id="path10605" + d="m 201.71751,-9.3362027 c -3.70998,-3.7184223 -9.72504,-3.7184173 -13.43502,0 -3.70999,3.718416 -4.20188,13.4440732 3.62392,16.0288414 l 12.62392,4.1695293 -0.16117,-6.7327914 c -0.1257,-5.251176 1.05834,-9.7471583 -2.65165,-13.4655793 z" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#fefefe;fill-opacity:1;fill-rule:nonzero;stroke:#cec9c4;stroke-width:0.99999994;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + <g + id="g10607" /> + <rect + y="-12.637817" + x="185" + height="24" + width="20" + id="rect10613" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + inkscape:label="#g5515" + transform="rotate(180,270.01517,89.362185)" + id="text-select-end-dark"> + <path + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:url(#linearGradient1463);fill-opacity:1;fill-rule:nonzero;stroke:#131314;stroke-width:1.00048554;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate;font-variant-east_asian:normal;vector-effect:none" + d="m 201.71751,-9.3362027 c -3.70998,-3.7184223 -9.72504,-3.7184173 -13.43502,0 -3.70999,3.718416 -4.20188,13.4440732 3.62392,16.0288414 l 12.62392,4.1695293 -0.16117,-6.7327914 c -0.1257,-5.251176 1.05834,-9.7471583 -2.65165,-13.4655793 z" + id="path10686" + inkscape:connector-curvature="0" + sodipodi:nodetypes="ssscss" /> + <g + id="g10688"> + <path + sodipodi:nodetypes="sscssscss" + inkscape:connector-curvature="0" + id="path10692" + d="m 195,-10.500316 c -2.30863,10e-7 -4.61312,0.8591138 -6.375,2.6250022 -1.88818,1.8924693 -2.49461,4.3124219 -2.35983,6.7866117 0.12078,-2.1382318 0.72789,-4.1509637 2.35983,-5.7866117 1.76188,-1.7658876 4.06637,-2.6250004 6.375,-2.6250014 2.30863,-1e-6 4.61312,0.8591118 6.375,2.6250014 1.63194,1.6356505 2.50422,3.7367683 2.625,5.875 0.13081,-2.4697869 -0.7403,-4.9860195 -2.625,-6.875 -1.76188,-1.7658904 -4.06637,-2.6250032 -6.375,-2.6250022 z" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#2f3434;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.00000012;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + <path + inkscape:connector-curvature="0" + id="path10694" + d="m 186.22098,-1.1362622 c 0.113,2.1497091 2.0766,6.5869279 6.51409,7.5414344 L 203.97227,9.7763966 204,-2.4178932 c -0.001,-0.020511 0.001,-0.041996 0,-0.0625 -0.01,-0.155035 -0.0445,-0.3142975 -0.0625,-0.46875 L 203.08839,8.715736 192.91183,5.7587256 c -5.47891,-1.2800965 -6.69085,-6.8949878 -6.69085,-6.8949878 z" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.05;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.00000012;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + sodipodi:nodetypes="ccccccccc" /> + </g> + <rect + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="rect10696" + width="20" + height="24" + x="185" + y="-12.637817" /> + </g> + <g + id="text-select-end-active-dark" + transform="rotate(180,270.01517,119.36218)" + inkscape:label="#g5515"> + <path + sodipodi:nodetypes="ssscss" + inkscape:connector-curvature="0" + id="path10700" + d="m 201.71751,-9.3362027 c -3.70998,-3.7184223 -9.72504,-3.7184173 -13.43502,0 -3.70999,3.718416 -4.20188,13.4440732 3.62392,16.0288414 l 12.62392,4.1695293 -0.16117,-6.7327914 c -0.1257,-5.251176 1.05834,-9.7471583 -2.65165,-13.4655793 z" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:url(#linearGradient11093);fill-opacity:1;fill-rule:nonzero;stroke:#0b2a4f;stroke-width:1;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + <g + id="g10702"> + <path + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.4;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#2c3133;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.00000014;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate;filter-blend-mode:normal;filter-gaussianBlur-deviation:0" + d="m 195,-10.677087 c -2.30863,1e-6 -4.61312,0.8591124 -6.375,2.6249966 -1.88818,1.8924693 -2.75978,4.4008102 -2.625,6.875 0.12078,-2.1382318 0.99306,-4.239352 2.625,-5.875 1.76188,-1.7658857 4.06637,-2.6249962 6.375,-2.6249972 2.30863,-10e-7 4.61312,0.8591095 6.375,2.6249972 1.63194,1.6356505 2.50422,3.7367683 2.625,5.875 0.13081,-2.4697869 -0.7403,-4.9860195 -2.625,-6.875 -1.76188,-1.7658862 -4.06637,-2.6249976 -6.375,-2.6249966 z" + id="path10704" + inkscape:connector-curvature="0" /> + </g> + <rect + y="-12.637817" + x="185" + height="24" + width="20" + id="rect10708" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + <path + inkscape:connector-curvature="0" + id="path10694-2" + d="m 186.22101,-1.136263 c 0.113,2.14971 2.0766,6.58693 6.51409,7.54144 L 203.9723,9.776397 204,-2.417893 c -0.001,-0.0205 0.001,-0.042 0,-0.0625 -0.01,-0.15503 -0.0445,-0.3143 -0.0625,-0.46875 l -0.84911,11.66488 -10.17656,-2.95701 c -5.47891,-1.2801 -6.69085,-6.89499 -6.69085,-6.89499 z" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.05;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.00000012;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + sodipodi:nodetypes="ccccccccc" /> + </g> + <g + inkscape:label="#g5515" + transform="rotate(180,270.01517,104.36218)" + id="text-select-end-hover-dark"> + <path + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:url(#linearGradient4838-7-9);fill-opacity:1;fill-rule:nonzero;stroke:#080909;stroke-width:1.00048557;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate;font-variant-east_asian:normal" + d="m 201.71751,-9.3362027 c -3.70998,-3.7184223 -9.72504,-3.7184173 -13.43502,0 -3.70999,3.718416 -4.20188,13.4440732 3.62392,16.0288414 l 12.62392,4.1695293 -0.16117,-6.7327914 c -0.1257,-5.251176 1.05834,-9.7471583 -2.65165,-13.4655793 z" + id="path10712" + inkscape:connector-curvature="0" + sodipodi:nodetypes="ssscss" /> + <g + id="g10714" /> + <rect + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="rect10720" + width="20" + height="24" + x="185" + y="-12.637817" /> + <path + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#323737;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.00000012;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + d="m 195,-10.784583 c -2.30863,0 -4.61312,0.8591104 -6.375,2.6250004 -1.88818,1.89247 -2.49461,4.31242 -2.35983,6.78661 0.12078,-2.13823 0.72789,-4.15096 2.35983,-5.78661 1.76188,-1.76589 4.06637,-2.625 6.375,-2.625 2.30863,0 4.61312,0.85911 6.375,2.625 1.63194,1.63565 2.50422,3.73677 2.625,5.875 0.13081,-2.46979 -0.7403,-4.98602 -2.625,-6.875 -1.76188,-1.76589 -4.06637,-2.6250004 -6.375,-2.6250004 z" + id="path10956" + inkscape:connector-curvature="0" + sodipodi:nodetypes="sscssscss" /> + <path + inkscape:connector-curvature="0" + id="path10694-1" + d="m 186.22101,-1.136263 c 0.113,2.14971 2.0766,6.58693 6.51409,7.54144 L 203.9723,9.776397 204,-2.417893 c -0.001,-0.0205 0.001,-0.042 0,-0.0625 -0.01,-0.15503 -0.0445,-0.3143 -0.0625,-0.46875 l -0.84911,11.66488 -10.17656,-2.95701 c -5.47891,-1.2801 -6.69085,-6.89499 -6.69085,-6.89499 z" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.05;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.00000012;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + sodipodi:nodetypes="ccccccccc" /> + </g> + <g + inkscape:label="#g5515" + transform="matrix(1,0,0,-1,122,-21.275635)" + id="text-select-start"> + <path + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:url(#linearGradient1299);fill-opacity:1;fill-rule:nonzero;stroke:#c5c0ba;stroke-width:1.0004697;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate;font-variant-east_asian:normal;vector-effect:none" + d="m 201.71751,-9.3362027 c -3.70998,-3.7184223 -9.72504,-3.7184173 -13.43502,0 -3.70999,3.718416 -4.20188,13.4440732 3.62392,16.0288414 l 12.62392,4.1695293 -0.16117,-6.7327914 c -0.1257,-5.251176 1.05834,-9.7471583 -2.65165,-13.4655793 z" + id="path12828" + inkscape:connector-curvature="0" + sodipodi:nodetypes="ssscss" /> + <g + id="g12830"> + <path + sodipodi:nodetypes="sscssscss" + inkscape:connector-curvature="0" + id="path12834" + d="m 195,-10.500316 c -2.30863,10e-7 -4.61312,0.8591138 -6.375,2.6250022 -1.88818,1.8924693 -2.49461,4.3124219 -2.35983,6.7866117 0.12078,-2.1382318 0.72789,-4.1509637 2.35983,-5.7866117 1.76188,-1.7658876 4.06637,-2.6250004 6.375,-2.6250014 2.30863,-1e-6 4.61312,0.8591118 6.375,2.6250014 1.63194,1.6356505 2.50422,3.7367683 2.625,5.875 0.13081,-2.4697869 -0.7403,-4.9860195 -2.625,-6.875 -1.76188,-1.7658904 -4.06637,-2.6250032 -6.375,-2.6250022 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ededec;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99985634;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto" /> + <path + inkscape:connector-curvature="0" + id="path12836" + d="m 186.22098,-1.1362622 c 0.113,2.1497091 2.0766,6.5869279 6.51409,7.5414344 L 203.97227,9.7763966 204,-2.4178932 c -0.001,-0.020511 0.001,-0.041996 0,-0.0625 -0.01,-0.155035 -0.0445,-0.3142975 -0.0625,-0.46875 L 203.08839,8.715736 192.91183,5.7587256 c -5.47891,-1.2800965 -6.69085,-6.8949878 -6.69085,-6.8949878 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#f9f9f9;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.93591636;marker:none;enable-background:accumulate" + sodipodi:nodetypes="ccccccccc" /> + </g> + <rect + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="rect12838" + width="20" + height="24" + x="185" + y="-12.637817" /> + </g> + <g + id="text-select-start-active" + transform="matrix(1,0,0,-1,122,38.724365)" + inkscape:label="#g5515"> + <path + sodipodi:nodetypes="ssscss" + inkscape:connector-curvature="0" + id="path12842" + d="m 201.71751,-9.3362027 c -3.70998,-3.7184223 -9.72504,-3.7184173 -13.43502,0 -3.70999,3.718416 -4.20188,13.4440732 3.62392,16.0288414 l 12.62392,4.1695293 -0.16117,-6.7327914 c -0.1257,-5.251176 1.05834,-9.7471583 -2.65165,-13.4655793 z" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:url(#linearGradient12904);fill-opacity:1;fill-rule:nonzero;stroke:#3584e4;stroke-width:0.99999994;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + <g + id="g12844"> + <path + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#f5f5f5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.93591636;marker:none;enable-background:accumulate" + d="m 195,-10.146756 c -2.30863,10e-7 -4.61312,0.8591115 -6.375,2.6249957 -1.88818,1.8924693 -2.75978,4.4008102 -2.625,6.875 0.12078,-2.1382318 0.99306,-4.239352 2.625,-5.875 1.76188,-1.7658857 4.06637,-2.6249962 6.375,-2.6249972 2.30863,-1e-6 4.61312,0.8591095 6.375,2.6249972 1.63194,1.6356505 2.50422,3.7367683 2.625,5.875 0.13081,-2.4697869 -0.7403,-4.9860195 -2.625,-6.875 -1.76188,-1.7658862 -4.06637,-2.6249967 -6.375,-2.6249957 z" + id="path12846" + inkscape:connector-curvature="0" /> + </g> + <rect + y="-12.637817" + x="185" + height="24" + width="20" + id="rect12850" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + inkscape:label="#g5515" + transform="matrix(1,0,0,-1,122,8.7243652)" + id="text-select-start-hover"> + <path + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#fefefe;fill-opacity:1;fill-rule:nonzero;stroke:#cec9c4;stroke-width:0.99999994;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + d="m 201.71751,-9.3362027 c -3.70998,-3.7184223 -9.72504,-3.7184173 -13.43502,0 -3.70999,3.718416 -4.20188,13.4440732 3.62392,16.0288414 l 12.62392,4.1695293 -0.16117,-6.7327914 c -0.1257,-5.251176 1.05834,-9.7471583 -2.65165,-13.4655793 z" + id="path12854" + inkscape:connector-curvature="0" + sodipodi:nodetypes="ssscss" /> + <g + id="g12856" /> + <rect + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="rect12862" + width="20" + height="24" + x="185" + y="-12.637817" /> + </g> + <g + id="text-select-start-dark" + transform="matrix(1,0,0,-1,122,178.72437)" + inkscape:label="#g5515"> + <path + sodipodi:nodetypes="ssscss" + inkscape:connector-curvature="0" + id="path12866" + d="m 201.71751,-9.3362027 c -3.70998,-3.7184223 -9.72504,-3.7184173 -13.43502,0 -3.70999,3.718416 -4.20188,13.4440732 3.62392,16.0288414 l 12.62392,4.1695293 -0.16117,-6.7327914 c -0.1257,-5.251176 1.05834,-9.7471583 -2.65165,-13.4655793 z" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:url(#linearGradient1498);fill-opacity:1;fill-rule:nonzero;stroke:#131314;stroke-width:1.00048557;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate;font-variant-east_asian:normal;vector-effect:none" /> + <g + id="g12868"> + <path + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#2f3434;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.00000012;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + d="m 195,-10.500316 c -2.30863,10e-7 -4.61312,0.8591138 -6.375,2.6250022 -1.88818,1.8924693 -2.49461,4.3124219 -2.35983,6.7866117 0.12078,-2.1382318 0.72789,-4.1509637 2.35983,-5.7866117 1.76188,-1.7658876 4.06637,-2.6250004 6.375,-2.6250014 2.30863,-1e-6 4.61312,0.8591118 6.375,2.6250014 1.63194,1.6356505 2.50422,3.7367683 2.625,5.875 0.13081,-2.4697869 -0.7403,-4.9860195 -2.625,-6.875 -1.76188,-1.7658904 -4.06637,-2.6250032 -6.375,-2.6250022 z" + id="path12872" + inkscape:connector-curvature="0" + sodipodi:nodetypes="sscssscss" /> + <path + sodipodi:nodetypes="ccccccccc" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.05;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.00000012;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + d="m 186.22098,-1.1362622 c 0.113,2.1497091 2.0766,6.5869279 6.51409,7.5414344 L 203.97227,9.7763966 204,-2.4178932 c -0.001,-0.020511 0.001,-0.041996 0,-0.0625 -0.01,-0.155035 -0.0445,-0.3142975 -0.0625,-0.46875 L 203.08839,8.715736 192.91183,5.7587256 c -5.47891,-1.2800965 -6.69085,-6.8949878 -6.69085,-6.8949878 z" + id="path12874" + inkscape:connector-curvature="0" /> + </g> + <rect + y="-12.637817" + x="185" + height="24" + width="20" + id="rect12876" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + </g> + <g + inkscape:label="#g5515" + transform="matrix(1,0,0,-1,122,238.72437)" + id="text-select-start-active-dark"> + <path + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:url(#linearGradient12910);fill-opacity:1;fill-rule:nonzero;stroke:#0b2a4f;stroke-width:1;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + d="m 201.71751,-9.3362027 c -3.70998,-3.7184223 -9.72504,-3.7184173 -13.43502,0 -3.70999,3.718416 -4.20188,13.4440732 3.62392,16.0288414 l 12.62392,4.1695293 -0.16117,-6.7327914 c -0.1257,-5.251176 1.05834,-9.7471583 -2.65165,-13.4655793 z" + id="path12880" + inkscape:connector-curvature="0" + sodipodi:nodetypes="ssscss" /> + <g + id="g12882"> + <path + inkscape:connector-curvature="0" + id="path12884" + d="m 195,-10.677087 c -2.30863,1e-6 -4.61312,0.8591124 -6.375,2.6249966 -1.88818,1.8924693 -2.75978,4.4008102 -2.625,6.875 0.12078,-2.1382318 0.99306,-4.239352 2.625,-5.875 1.76188,-1.7658857 4.06637,-2.6249962 6.375,-2.6249972 2.30863,-10e-7 4.61312,0.8591095 6.375,2.6249972 1.63194,1.6356505 2.50422,3.7367683 2.625,5.875 0.13081,-2.4697869 -0.7403,-4.9860195 -2.625,-6.875 -1.76188,-1.7658862 -4.06637,-2.6249976 -6.375,-2.6249966 z" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.4;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#2c3133;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.00000014;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate;filter-blend-mode:normal;filter-gaussianBlur-deviation:0" /> + </g> + <rect + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="rect12886" + width="20" + height="24" + x="185" + y="-12.637817" /> + <path + sodipodi:nodetypes="ccccccccc" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.05;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.00000012;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + d="m 186.22101,-1.136263 c 0.113,2.14971 2.0766,6.58693 6.51409,7.54144 L 203.9723,9.776397 204,-2.417893 c -0.001,-0.0205 0.001,-0.042 0,-0.0625 -0.01,-0.15503 -0.0445,-0.3143 -0.0625,-0.46875 l -0.84911,11.66488 -10.17656,-2.95701 c -5.47891,-1.2801 -6.69085,-6.89499 -6.69085,-6.89499 z" + id="path12888" + inkscape:connector-curvature="0" /> + </g> + <g + id="text-select-start-hover-dark" + transform="matrix(1,0,0,-1,122,208.72437)" + inkscape:label="#g5515"> + <path + sodipodi:nodetypes="ssscss" + inkscape:connector-curvature="0" + id="path12892" + d="m 201.71751,-9.3362027 c -3.70998,-3.7184223 -9.72504,-3.7184173 -13.43502,0 -3.70999,3.718416 -4.20188,13.4440732 3.62392,16.0288414 l 12.62392,4.1695293 -0.16117,-6.7327914 c -0.1257,-5.251176 1.05834,-9.7471583 -2.65165,-13.4655793 z" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:url(#linearGradient4838-7-9);fill-opacity:1;fill-rule:nonzero;stroke:#131314;stroke-width:1.00048557;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate;font-variant-east_asian:normal" /> + <g + id="g12894" /> + <rect + y="-12.637817" + x="185" + height="24" + width="20" + id="rect12896" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + <path + sodipodi:nodetypes="sscssscss" + inkscape:connector-curvature="0" + id="path12898" + d="m 195,-10.784583 c -2.30863,0 -4.61312,0.8591104 -6.375,2.6250004 -1.88818,1.89247 -2.49461,4.31242 -2.35983,6.78661 0.12078,-2.13823 0.72789,-4.15096 2.35983,-5.78661 1.76188,-1.76589 4.06637,-2.625 6.375,-2.625 2.30863,0 4.61312,0.85911 6.375,2.625 1.63194,1.63565 2.50422,3.73677 2.625,5.875 0.13081,-2.46979 -0.7403,-4.98602 -2.625,-6.875 -1.76188,-1.76589 -4.06637,-2.6250004 -6.375,-2.6250004 z" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#323737;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.00000012;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + <path + sodipodi:nodetypes="ccccccccc" + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.05;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.00000012;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + d="m 186.22101,-1.136263 c 0.113,2.14971 2.0766,6.58693 6.51409,7.54144 L 203.9723,9.776397 204,-2.417893 c -0.001,-0.0205 0.001,-0.042 0,-0.0625 -0.01,-0.15503 -0.0445,-0.3143 -0.0625,-0.46875 l -0.84911,11.66488 -10.17656,-2.95701 c -5.47891,-1.2801 -6.69085,-6.89499 -6.69085,-6.89499 z" + id="path12900" + inkscape:connector-curvature="0" /> + </g> + </g> +</svg> diff --git a/source/gtk3/assets.txt b/source/gtk3/assets.txt new file mode 100644 index 0000000..4b27b15 --- /dev/null +++ b/source/gtk3/assets.txt @@ -0,0 +1,60 @@ +text-select-end +text-select-end-hover +text-select-end-active +text-select-start +text-select-start-hover +text-select-start-active +text-select-end-dark +text-select-end-hover-dark +text-select-end-active-dark +text-select-start-dark +text-select-start-hover-dark +text-select-start-active-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-horz-scale-has-marks-below-backdrop +slider-horz-scale-has-marks-below-backdrop-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-vert-scale-has-marks-below-backdrop +slider-vert-scale-has-marks-below-backdrop-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-horz-scale-has-marks-above-backdrop +slider-horz-scale-has-marks-above-backdrop-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 +slider-vert-scale-has-marks-above-backdrop +slider-vert-scale-has-marks-above-backdrop-insensitive +slider-horz-scale-has-marks-below-dark +slider-horz-scale-has-marks-below-hover-dark +slider-horz-scale-has-marks-below-active-dark +slider-horz-scale-has-marks-below-insensitive-dark +slider-horz-scale-has-marks-below-backdrop-dark +slider-horz-scale-has-marks-below-backdrop-insensitive-dark +slider-vert-scale-has-marks-below-dark +slider-vert-scale-has-marks-below-hover-dark +slider-vert-scale-has-marks-below-active-dark +slider-vert-scale-has-marks-below-insensitive-dark +slider-vert-scale-has-marks-below-backdrop-dark +slider-vert-scale-has-marks-below-backdrop-insensitive-dark +slider-horz-scale-has-marks-above-dark +slider-horz-scale-has-marks-above-hover-dark +slider-horz-scale-has-marks-above-active-dark +slider-horz-scale-has-marks-above-insensitive-dark +slider-horz-scale-has-marks-above-backdrop-dark +slider-horz-scale-has-marks-above-backdrop-insensitive-dark +slider-vert-scale-has-marks-above-dark +slider-vert-scale-has-marks-above-hover-dark +slider-vert-scale-has-marks-above-active-dark +slider-vert-scale-has-marks-above-insensitive-dark +slider-vert-scale-has-marks-above-backdrop-dark +slider-vert-scale-has-marks-above-backdrop-insensitive-dark diff --git a/source/gtk3/assets/bullet-symbolic.svg b/source/gtk3/assets/bullet-symbolic.svg new file mode 100644 index 0000000..acf880a --- /dev/null +++ b/source/gtk3/assets/bullet-symbolic.svg @@ -0,0 +1,155 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> + +<svg + xmlns:osb="http://www.openswatchbook.org/uri/2009/osb" + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" + xmlns:svg="http://www.w3.org/2000/svg" + xmlns="http://www.w3.org/2000/svg" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + sodipodi:docname="bullet-symbolic.svg" + inkscape:export-filename="/home/sam/dev/RESOURCES/gnome-icon-theme-symbolic/src/gnome-stencils.png" + inkscape:export-xdpi="90" + inkscape:export-ydpi="90" + height="14" + id="svg7384" + version="1.1" + inkscape:version="0.92.4 5da689c313, 2019-01-14" + width="14"> + <metadata + id="metadata90"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title>Gnome Symbolic Icon Theme</dc:title> + </cc:Work> + </rdf:RDF> + </metadata> + <sodipodi:namedview + inkscape:bbox-nodes="true" + inkscape:bbox-paths="true" + bordercolor="#666666" + borderopacity="1" + inkscape:current-layer="layer9" + inkscape:cx="6.1684486" + inkscape:cy="5.9327595" + gridtolerance="10" + inkscape:guide-bbox="true" + guidetolerance="10" + id="namedview88" + inkscape:object-nodes="true" + inkscape:object-paths="false" + objecttolerance="10" + pagecolor="#3a3b39" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + showborder="true" + showgrid="true" + showguides="true" + inkscape:snap-bbox="true" + inkscape:snap-bbox-midpoints="false" + inkscape:snap-global="true" + inkscape:snap-grids="true" + inkscape:snap-nodes="false" + inkscape:snap-others="false" + inkscape:snap-to-guides="true" + inkscape:window-height="1376" + inkscape:window-maximized="1" + inkscape:window-width="3440" + inkscape:window-x="0" + inkscape:window-y="639" + inkscape:zoom="62.240778" + inkscape:showpageshadow="false"> + <inkscape:grid + dotted="false" + empspacing="2" + enabled="true" + id="grid4866" + originx="-139.99995" + originy="120" + snapvisiblegridlinesonly="true" + spacingx="1" + spacingy="1" + type="xygrid" + visible="true" /> + </sodipodi:namedview> + <title + id="title9167">Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + + + diff --git a/source/gtk3/assets/bullet-symbolic.symbolic.png b/source/gtk3/assets/bullet-symbolic.symbolic.png new file mode 100644 index 0000000..8e6925a Binary files /dev/null and b/source/gtk3/assets/bullet-symbolic.symbolic.png differ diff --git a/source/gtk3/assets/check-symbolic.svg b/source/gtk3/assets/check-symbolic.svg new file mode 100644 index 0000000..b04b5ad --- /dev/null +++ b/source/gtk3/assets/check-symbolic.svg @@ -0,0 +1,154 @@ + + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + + + diff --git a/source/gtk3/assets/check-symbolic.symbolic.png b/source/gtk3/assets/check-symbolic.symbolic.png new file mode 100644 index 0000000..14bd626 Binary files /dev/null and b/source/gtk3/assets/check-symbolic.symbolic.png differ diff --git a/source/gtk3/assets/dash-symbolic.svg b/source/gtk3/assets/dash-symbolic.svg new file mode 100644 index 0000000..7886d54 --- /dev/null +++ b/source/gtk3/assets/dash-symbolic.svg @@ -0,0 +1,153 @@ + + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + + + diff --git a/source/gtk3/assets/dash-symbolic.symbolic.png b/source/gtk3/assets/dash-symbolic.symbolic.png new file mode 100644 index 0000000..c20d4ba Binary files /dev/null and b/source/gtk3/assets/dash-symbolic.symbolic.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-above-active-dark.png b/source/gtk3/assets/slider-horz-scale-has-marks-above-active-dark.png new file mode 100644 index 0000000..c02396e Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-above-active-dark.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-above-active-dark@2.png b/source/gtk3/assets/slider-horz-scale-has-marks-above-active-dark@2.png new file mode 100644 index 0000000..2ff6efe Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-above-active-dark@2.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-above-active.png b/source/gtk3/assets/slider-horz-scale-has-marks-above-active.png new file mode 100644 index 0000000..53729ec Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-above-active.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-above-active@2.png b/source/gtk3/assets/slider-horz-scale-has-marks-above-active@2.png new file mode 100644 index 0000000..d73ff53 Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-above-active@2.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-above-backdrop-dark.png b/source/gtk3/assets/slider-horz-scale-has-marks-above-backdrop-dark.png new file mode 100644 index 0000000..d15a78c Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-above-backdrop-dark.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-above-backdrop-dark@2.png b/source/gtk3/assets/slider-horz-scale-has-marks-above-backdrop-dark@2.png new file mode 100644 index 0000000..268167a Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-above-backdrop-dark@2.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark.png b/source/gtk3/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark.png new file mode 100644 index 0000000..d15a78c Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark@2.png b/source/gtk3/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark@2.png new file mode 100644 index 0000000..268167a Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark@2.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-above-backdrop-insensitive.png b/source/gtk3/assets/slider-horz-scale-has-marks-above-backdrop-insensitive.png new file mode 100644 index 0000000..921509f Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-above-backdrop-insensitive.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-above-backdrop-insensitive@2.png b/source/gtk3/assets/slider-horz-scale-has-marks-above-backdrop-insensitive@2.png new file mode 100644 index 0000000..d157e60 Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-above-backdrop-insensitive@2.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-above-backdrop.png b/source/gtk3/assets/slider-horz-scale-has-marks-above-backdrop.png new file mode 100644 index 0000000..52aa71d Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-above-backdrop.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-above-backdrop@2.png b/source/gtk3/assets/slider-horz-scale-has-marks-above-backdrop@2.png new file mode 100644 index 0000000..100b0c3 Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-above-backdrop@2.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-above-dark.png b/source/gtk3/assets/slider-horz-scale-has-marks-above-dark.png new file mode 100644 index 0000000..74d848d Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-above-dark.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-above-dark@2.png b/source/gtk3/assets/slider-horz-scale-has-marks-above-dark@2.png new file mode 100644 index 0000000..01e0e53 Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-above-dark@2.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-above-hover-dark.png b/source/gtk3/assets/slider-horz-scale-has-marks-above-hover-dark.png new file mode 100644 index 0000000..070f181 Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-above-hover-dark.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-above-hover-dark@2.png b/source/gtk3/assets/slider-horz-scale-has-marks-above-hover-dark@2.png new file mode 100644 index 0000000..d0b0441 Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-above-hover-dark@2.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-above-hover.png b/source/gtk3/assets/slider-horz-scale-has-marks-above-hover.png new file mode 100644 index 0000000..f989dc6 Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-above-hover.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-above-hover@2.png b/source/gtk3/assets/slider-horz-scale-has-marks-above-hover@2.png new file mode 100644 index 0000000..e1bec6f Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-above-hover@2.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-above-insensitive-dark.png b/source/gtk3/assets/slider-horz-scale-has-marks-above-insensitive-dark.png new file mode 100644 index 0000000..d15a78c Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-above-insensitive-dark.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png b/source/gtk3/assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png new file mode 100644 index 0000000..268167a Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-above-insensitive.png b/source/gtk3/assets/slider-horz-scale-has-marks-above-insensitive.png new file mode 100644 index 0000000..21c55c3 Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-above-insensitive.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-above-insensitive@2.png b/source/gtk3/assets/slider-horz-scale-has-marks-above-insensitive@2.png new file mode 100644 index 0000000..611ed7e Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-above-insensitive@2.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-above.png b/source/gtk3/assets/slider-horz-scale-has-marks-above.png new file mode 100644 index 0000000..de5300d Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-above.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-above@2.png b/source/gtk3/assets/slider-horz-scale-has-marks-above@2.png new file mode 100644 index 0000000..456f291 Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-above@2.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-below-active-dark.png b/source/gtk3/assets/slider-horz-scale-has-marks-below-active-dark.png new file mode 100644 index 0000000..b6b677b Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-below-active-dark.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-below-active-dark@2.png b/source/gtk3/assets/slider-horz-scale-has-marks-below-active-dark@2.png new file mode 100644 index 0000000..9f5528d Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-below-active-dark@2.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-below-active.png b/source/gtk3/assets/slider-horz-scale-has-marks-below-active.png new file mode 100644 index 0000000..4e86277 Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-below-active.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-below-active@2.png b/source/gtk3/assets/slider-horz-scale-has-marks-below-active@2.png new file mode 100644 index 0000000..de34cd2 Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-below-active@2.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-below-backdrop-dark.png b/source/gtk3/assets/slider-horz-scale-has-marks-below-backdrop-dark.png new file mode 100644 index 0000000..4fe4dfa Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-below-backdrop-dark.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-below-backdrop-dark@2.png b/source/gtk3/assets/slider-horz-scale-has-marks-below-backdrop-dark@2.png new file mode 100644 index 0000000..074c0d6 Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-below-backdrop-dark@2.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark.png b/source/gtk3/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark.png new file mode 100644 index 0000000..4fe4dfa Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark@2.png b/source/gtk3/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark@2.png new file mode 100644 index 0000000..074c0d6 Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark@2.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-below-backdrop-insensitive.png b/source/gtk3/assets/slider-horz-scale-has-marks-below-backdrop-insensitive.png new file mode 100644 index 0000000..4c69d36 Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-below-backdrop-insensitive.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-below-backdrop-insensitive@2.png b/source/gtk3/assets/slider-horz-scale-has-marks-below-backdrop-insensitive@2.png new file mode 100644 index 0000000..6cef847 Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-below-backdrop-insensitive@2.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-below-backdrop.png b/source/gtk3/assets/slider-horz-scale-has-marks-below-backdrop.png new file mode 100644 index 0000000..eabce2c Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-below-backdrop.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-below-backdrop@2.png b/source/gtk3/assets/slider-horz-scale-has-marks-below-backdrop@2.png new file mode 100644 index 0000000..1a68555 Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-below-backdrop@2.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-below-dark.png b/source/gtk3/assets/slider-horz-scale-has-marks-below-dark.png new file mode 100644 index 0000000..194f018 Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-below-dark.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-below-dark@2.png b/source/gtk3/assets/slider-horz-scale-has-marks-below-dark@2.png new file mode 100644 index 0000000..bb3ea01 Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-below-dark@2.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-below-hover-dark.png b/source/gtk3/assets/slider-horz-scale-has-marks-below-hover-dark.png new file mode 100644 index 0000000..554a2c5 Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-below-hover-dark.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-below-hover-dark@2.png b/source/gtk3/assets/slider-horz-scale-has-marks-below-hover-dark@2.png new file mode 100644 index 0000000..fb4389a Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-below-hover-dark@2.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-below-hover.png b/source/gtk3/assets/slider-horz-scale-has-marks-below-hover.png new file mode 100644 index 0000000..0c7657f Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-below-hover.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-below-hover@2.png b/source/gtk3/assets/slider-horz-scale-has-marks-below-hover@2.png new file mode 100644 index 0000000..7995532 Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-below-hover@2.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-below-insensitive-dark.png b/source/gtk3/assets/slider-horz-scale-has-marks-below-insensitive-dark.png new file mode 100644 index 0000000..4fe4dfa Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-below-insensitive-dark.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png b/source/gtk3/assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png new file mode 100644 index 0000000..074c0d6 Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-below-insensitive.png b/source/gtk3/assets/slider-horz-scale-has-marks-below-insensitive.png new file mode 100644 index 0000000..eabce2c Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-below-insensitive.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-below-insensitive@2.png b/source/gtk3/assets/slider-horz-scale-has-marks-below-insensitive@2.png new file mode 100644 index 0000000..1a68555 Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-below-insensitive@2.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-below.png b/source/gtk3/assets/slider-horz-scale-has-marks-below.png new file mode 100644 index 0000000..bdee580 Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-below.png differ diff --git a/source/gtk3/assets/slider-horz-scale-has-marks-below@2.png b/source/gtk3/assets/slider-horz-scale-has-marks-below@2.png new file mode 100644 index 0000000..5eaf319 Binary files /dev/null and b/source/gtk3/assets/slider-horz-scale-has-marks-below@2.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-above-active-dark.png b/source/gtk3/assets/slider-vert-scale-has-marks-above-active-dark.png new file mode 100644 index 0000000..b23980e Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-above-active-dark.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-above-active-dark@2.png b/source/gtk3/assets/slider-vert-scale-has-marks-above-active-dark@2.png new file mode 100644 index 0000000..65e0b5b Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-above-active-dark@2.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-above-active.png b/source/gtk3/assets/slider-vert-scale-has-marks-above-active.png new file mode 100644 index 0000000..c0e6d91 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-above-active.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-above-active@2.png b/source/gtk3/assets/slider-vert-scale-has-marks-above-active@2.png new file mode 100644 index 0000000..d4ae2b0 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-above-active@2.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-above-backdrop-dark.png b/source/gtk3/assets/slider-vert-scale-has-marks-above-backdrop-dark.png new file mode 100644 index 0000000..3c87524 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-above-backdrop-dark.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-above-backdrop-dark@2.png b/source/gtk3/assets/slider-vert-scale-has-marks-above-backdrop-dark@2.png new file mode 100644 index 0000000..b424d09 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-above-backdrop-dark@2.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark.png b/source/gtk3/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark.png new file mode 100644 index 0000000..3c87524 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark@2.png b/source/gtk3/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark@2.png new file mode 100644 index 0000000..b424d09 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark@2.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-above-backdrop-insensitive.png b/source/gtk3/assets/slider-vert-scale-has-marks-above-backdrop-insensitive.png new file mode 100644 index 0000000..043cbfc Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-above-backdrop-insensitive.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-above-backdrop-insensitive@2.png b/source/gtk3/assets/slider-vert-scale-has-marks-above-backdrop-insensitive@2.png new file mode 100644 index 0000000..1d39dc4 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-above-backdrop-insensitive@2.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-above-backdrop.png b/source/gtk3/assets/slider-vert-scale-has-marks-above-backdrop.png new file mode 100644 index 0000000..cb33a8a Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-above-backdrop.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-above-backdrop@2.png b/source/gtk3/assets/slider-vert-scale-has-marks-above-backdrop@2.png new file mode 100644 index 0000000..65f43d8 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-above-backdrop@2.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-above-dark.png b/source/gtk3/assets/slider-vert-scale-has-marks-above-dark.png new file mode 100644 index 0000000..e13ef9f Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-above-dark.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-above-dark@2.png b/source/gtk3/assets/slider-vert-scale-has-marks-above-dark@2.png new file mode 100644 index 0000000..6478902 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-above-dark@2.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-above-hover-dark.png b/source/gtk3/assets/slider-vert-scale-has-marks-above-hover-dark.png new file mode 100644 index 0000000..0f0a1dc Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-above-hover-dark.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-above-hover-dark@2.png b/source/gtk3/assets/slider-vert-scale-has-marks-above-hover-dark@2.png new file mode 100644 index 0000000..818d99f Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-above-hover-dark@2.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-above-hover.png b/source/gtk3/assets/slider-vert-scale-has-marks-above-hover.png new file mode 100644 index 0000000..d7ce409 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-above-hover.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-above-hover@2.png b/source/gtk3/assets/slider-vert-scale-has-marks-above-hover@2.png new file mode 100644 index 0000000..42eb655 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-above-hover@2.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-above-insensitive-dark.png b/source/gtk3/assets/slider-vert-scale-has-marks-above-insensitive-dark.png new file mode 100644 index 0000000..3c87524 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-above-insensitive-dark.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png b/source/gtk3/assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png new file mode 100644 index 0000000..b424d09 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-above-insensitive.png b/source/gtk3/assets/slider-vert-scale-has-marks-above-insensitive.png new file mode 100644 index 0000000..253f354 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-above-insensitive.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-above-insensitive@2.png b/source/gtk3/assets/slider-vert-scale-has-marks-above-insensitive@2.png new file mode 100644 index 0000000..0ad203e Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-above-insensitive@2.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-above.png b/source/gtk3/assets/slider-vert-scale-has-marks-above.png new file mode 100644 index 0000000..a367f6c Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-above.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-above@2.png b/source/gtk3/assets/slider-vert-scale-has-marks-above@2.png new file mode 100644 index 0000000..b0c6af5 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-above@2.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-below-active-dark.png b/source/gtk3/assets/slider-vert-scale-has-marks-below-active-dark.png new file mode 100644 index 0000000..99fcf80 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-below-active-dark.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-below-active-dark@2.png b/source/gtk3/assets/slider-vert-scale-has-marks-below-active-dark@2.png new file mode 100644 index 0000000..8a4b17f Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-below-active-dark@2.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-below-active.png b/source/gtk3/assets/slider-vert-scale-has-marks-below-active.png new file mode 100644 index 0000000..73f9625 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-below-active.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-below-active@2.png b/source/gtk3/assets/slider-vert-scale-has-marks-below-active@2.png new file mode 100644 index 0000000..3730223 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-below-active@2.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-below-backdrop-dark.png b/source/gtk3/assets/slider-vert-scale-has-marks-below-backdrop-dark.png new file mode 100644 index 0000000..9bb3990 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-below-backdrop-dark.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-below-backdrop-dark@2.png b/source/gtk3/assets/slider-vert-scale-has-marks-below-backdrop-dark@2.png new file mode 100644 index 0000000..a5d8987 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-below-backdrop-dark@2.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark.png b/source/gtk3/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark.png new file mode 100644 index 0000000..9bb3990 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark@2.png b/source/gtk3/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark@2.png new file mode 100644 index 0000000..a5d8987 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark@2.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-below-backdrop-insensitive.png b/source/gtk3/assets/slider-vert-scale-has-marks-below-backdrop-insensitive.png new file mode 100644 index 0000000..1f4fcbd Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-below-backdrop-insensitive.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-below-backdrop-insensitive@2.png b/source/gtk3/assets/slider-vert-scale-has-marks-below-backdrop-insensitive@2.png new file mode 100644 index 0000000..7e7d4e3 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-below-backdrop-insensitive@2.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-below-backdrop.png b/source/gtk3/assets/slider-vert-scale-has-marks-below-backdrop.png new file mode 100644 index 0000000..bc0a391 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-below-backdrop.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-below-backdrop@2.png b/source/gtk3/assets/slider-vert-scale-has-marks-below-backdrop@2.png new file mode 100644 index 0000000..d114a49 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-below-backdrop@2.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-below-dark.png b/source/gtk3/assets/slider-vert-scale-has-marks-below-dark.png new file mode 100644 index 0000000..3e27d1d Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-below-dark.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-below-dark@2.png b/source/gtk3/assets/slider-vert-scale-has-marks-below-dark@2.png new file mode 100644 index 0000000..e875feb Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-below-dark@2.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-below-hover-dark.png b/source/gtk3/assets/slider-vert-scale-has-marks-below-hover-dark.png new file mode 100644 index 0000000..5e09e4f Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-below-hover-dark.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-below-hover-dark@2.png b/source/gtk3/assets/slider-vert-scale-has-marks-below-hover-dark@2.png new file mode 100644 index 0000000..00491aa Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-below-hover-dark@2.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-below-hover.png b/source/gtk3/assets/slider-vert-scale-has-marks-below-hover.png new file mode 100644 index 0000000..692a8e9 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-below-hover.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-below-hover@2.png b/source/gtk3/assets/slider-vert-scale-has-marks-below-hover@2.png new file mode 100644 index 0000000..25ce994 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-below-hover@2.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-below-insensitive-dark.png b/source/gtk3/assets/slider-vert-scale-has-marks-below-insensitive-dark.png new file mode 100644 index 0000000..9bb3990 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-below-insensitive-dark.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png b/source/gtk3/assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png new file mode 100644 index 0000000..a5d8987 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-below-insensitive.png b/source/gtk3/assets/slider-vert-scale-has-marks-below-insensitive.png new file mode 100644 index 0000000..bc0a391 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-below-insensitive.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-below-insensitive@2.png b/source/gtk3/assets/slider-vert-scale-has-marks-below-insensitive@2.png new file mode 100644 index 0000000..9befc69 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-below-insensitive@2.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-below.png b/source/gtk3/assets/slider-vert-scale-has-marks-below.png new file mode 100644 index 0000000..c8141d9 Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-below.png differ diff --git a/source/gtk3/assets/slider-vert-scale-has-marks-below@2.png b/source/gtk3/assets/slider-vert-scale-has-marks-below@2.png new file mode 100644 index 0000000..7dce35e Binary files /dev/null and b/source/gtk3/assets/slider-vert-scale-has-marks-below@2.png differ diff --git a/source/gtk3/assets/text-select-end-active-dark.png b/source/gtk3/assets/text-select-end-active-dark.png new file mode 100644 index 0000000..7bfab5c Binary files /dev/null and b/source/gtk3/assets/text-select-end-active-dark.png differ diff --git a/source/gtk3/assets/text-select-end-active-dark@2.png b/source/gtk3/assets/text-select-end-active-dark@2.png new file mode 100644 index 0000000..0a827e4 Binary files /dev/null and b/source/gtk3/assets/text-select-end-active-dark@2.png differ diff --git a/source/gtk3/assets/text-select-end-active.png b/source/gtk3/assets/text-select-end-active.png new file mode 100644 index 0000000..3b954a8 Binary files /dev/null and b/source/gtk3/assets/text-select-end-active.png differ diff --git a/source/gtk3/assets/text-select-end-active@2.png b/source/gtk3/assets/text-select-end-active@2.png new file mode 100644 index 0000000..d405276 Binary files /dev/null and b/source/gtk3/assets/text-select-end-active@2.png differ diff --git a/source/gtk3/assets/text-select-end-dark.png b/source/gtk3/assets/text-select-end-dark.png new file mode 100644 index 0000000..e2a49e1 Binary files /dev/null and b/source/gtk3/assets/text-select-end-dark.png differ diff --git a/source/gtk3/assets/text-select-end-dark@2.png b/source/gtk3/assets/text-select-end-dark@2.png new file mode 100644 index 0000000..20e6f04 Binary files /dev/null and b/source/gtk3/assets/text-select-end-dark@2.png differ diff --git a/source/gtk3/assets/text-select-end-hover-dark.png b/source/gtk3/assets/text-select-end-hover-dark.png new file mode 100644 index 0000000..d8565f3 Binary files /dev/null and b/source/gtk3/assets/text-select-end-hover-dark.png differ diff --git a/source/gtk3/assets/text-select-end-hover-dark@2.png b/source/gtk3/assets/text-select-end-hover-dark@2.png new file mode 100644 index 0000000..552cc81 Binary files /dev/null and b/source/gtk3/assets/text-select-end-hover-dark@2.png differ diff --git a/source/gtk3/assets/text-select-end-hover.png b/source/gtk3/assets/text-select-end-hover.png new file mode 100644 index 0000000..98f2c96 Binary files /dev/null and b/source/gtk3/assets/text-select-end-hover.png differ diff --git a/source/gtk3/assets/text-select-end-hover@2.png b/source/gtk3/assets/text-select-end-hover@2.png new file mode 100644 index 0000000..951b6ef Binary files /dev/null and b/source/gtk3/assets/text-select-end-hover@2.png differ diff --git a/source/gtk3/assets/text-select-end.png b/source/gtk3/assets/text-select-end.png new file mode 100644 index 0000000..f1dfb6b Binary files /dev/null and b/source/gtk3/assets/text-select-end.png differ diff --git a/source/gtk3/assets/text-select-end@2.png b/source/gtk3/assets/text-select-end@2.png new file mode 100644 index 0000000..0f01173 Binary files /dev/null and b/source/gtk3/assets/text-select-end@2.png differ diff --git a/source/gtk3/assets/text-select-start-active-dark.png b/source/gtk3/assets/text-select-start-active-dark.png new file mode 100644 index 0000000..b4fb025 Binary files /dev/null and b/source/gtk3/assets/text-select-start-active-dark.png differ diff --git a/source/gtk3/assets/text-select-start-active-dark@2.png b/source/gtk3/assets/text-select-start-active-dark@2.png new file mode 100644 index 0000000..99e495e Binary files /dev/null and b/source/gtk3/assets/text-select-start-active-dark@2.png differ diff --git a/source/gtk3/assets/text-select-start-active.png b/source/gtk3/assets/text-select-start-active.png new file mode 100644 index 0000000..654c770 Binary files /dev/null and b/source/gtk3/assets/text-select-start-active.png differ diff --git a/source/gtk3/assets/text-select-start-active@2.png b/source/gtk3/assets/text-select-start-active@2.png new file mode 100644 index 0000000..86f9e16 Binary files /dev/null and b/source/gtk3/assets/text-select-start-active@2.png differ diff --git a/source/gtk3/assets/text-select-start-dark.png b/source/gtk3/assets/text-select-start-dark.png new file mode 100644 index 0000000..51fb98a Binary files /dev/null and b/source/gtk3/assets/text-select-start-dark.png differ diff --git a/source/gtk3/assets/text-select-start-dark@2.png b/source/gtk3/assets/text-select-start-dark@2.png new file mode 100644 index 0000000..ec6ceca Binary files /dev/null and b/source/gtk3/assets/text-select-start-dark@2.png differ diff --git a/source/gtk3/assets/text-select-start-hover-dark.png b/source/gtk3/assets/text-select-start-hover-dark.png new file mode 100644 index 0000000..4f56c37 Binary files /dev/null and b/source/gtk3/assets/text-select-start-hover-dark.png differ diff --git a/source/gtk3/assets/text-select-start-hover-dark@2.png b/source/gtk3/assets/text-select-start-hover-dark@2.png new file mode 100644 index 0000000..3e5fecc Binary files /dev/null and b/source/gtk3/assets/text-select-start-hover-dark@2.png differ diff --git a/source/gtk3/assets/text-select-start-hover.png b/source/gtk3/assets/text-select-start-hover.png new file mode 100644 index 0000000..0fc7e6d Binary files /dev/null and b/source/gtk3/assets/text-select-start-hover.png differ diff --git a/source/gtk3/assets/text-select-start-hover@2.png b/source/gtk3/assets/text-select-start-hover@2.png new file mode 100644 index 0000000..11fdf08 Binary files /dev/null and b/source/gtk3/assets/text-select-start-hover@2.png differ diff --git a/source/gtk3/assets/text-select-start.png b/source/gtk3/assets/text-select-start.png new file mode 100644 index 0000000..71a74d0 Binary files /dev/null and b/source/gtk3/assets/text-select-start.png differ diff --git a/source/gtk3/assets/text-select-start@2.png b/source/gtk3/assets/text-select-start@2.png new file mode 100644 index 0000000..3a831f6 Binary files /dev/null and b/source/gtk3/assets/text-select-start@2.png differ diff --git a/source/gtk3/gtk-contained-dark.css b/source/gtk3/gtk-contained-dark.css new file mode 100644 index 0000000..32b7fb9 --- /dev/null +++ b/source/gtk3/gtk-contained-dark.css @@ -0,0 +1,2037 @@ +/*************************** Check and Radio buttons * */ +* { padding: 0; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #cc0000; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-color: alpha(currentColor,0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; -gtk-outline-radius: 3px; -gtk-secondary-caret-color: #15539e; } + +/*************** Base States * */ +.background { color: #eeeeec; background-color: #353535; } + +.background:backdrop { color: #919190; background-color: #353535; text-shadow: none; -gtk-icon-shadow: none; } + +/* These wildcard seems unavoidable, need to investigate. Wildcards are bad and troublesome, use them with care, or better, just don't. Everytime a wildcard is used a kitten dies, painfully. */ +*:disabled { -gtk-icon-effect: dim; } + +.gtkstyle-fallback { color: #eeeeec; background-color: #353535; } + +.gtkstyle-fallback:hover { color: #eeeeec; background-color: #4e4e4e; } + +.gtkstyle-fallback:active { color: #eeeeec; background-color: #1b1b1b; } + +.gtkstyle-fallback:disabled { color: #919190; background-color: #323232; } + +.gtkstyle-fallback:selected { color: #ffffff; background-color: #15539e; } + +.view, iconview, .view text, iconview text, textview text { color: white; background-color: #2d2d2d; } + +.view:backdrop, iconview:backdrop, .view text:backdrop, iconview text:backdrop, textview text:backdrop { color: #d6d6d6; background-color: #303030; } + +.view:backdrop:disabled, iconview:backdrop:disabled, .view text:backdrop:disabled, iconview text:backdrop:disabled, textview text:backdrop:disabled { color: #5b5b5b; } + +.view:disabled, iconview:disabled, .view text:disabled, iconview text:disabled, textview text:disabled { color: #919190; background-color: #323232; } + +.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus, .view text:selected, iconview text:selected, textview text:selected { border-radius: 3px; } + +textview border { background-color: #313131; } + +.rubberband, rubberband, .content-view rubberband, .content-view .rubberband, treeview.view rubberband, flowbox rubberband { border: 1px solid #0f3b71; background-color: rgba(15, 59, 113, 0.2); } + +flowbox flowboxchild { padding: 3px; } + +flowbox flowboxchild:selected { outline-offset: -2px; } + +.content-view .tile { margin: 2px; background-color: black; border-radius: 0; padding: 0; } + +.content-view .tile:backdrop { background-color: #232323; } + +.content-view .tile:active, .content-view .tile:selected { background-color: #15539e; } + +.content-view .tile:disabled { background-color: #323232; } + +label { caret-color: currentColor; } + +label selection { background-color: #15539e; color: #ffffff; } + +label:disabled { color: #919190; } + +button label:disabled { color: inherit; } + +label:disabled:backdrop { color: #5b5b5b; } + +button label:disabled:backdrop { color: inherit; } + +label.error { color: #cc0000; } + +label.error:disabled { color: rgba(204, 0, 0, 0.5); } + +label.error:disabled:backdrop { color: rgba(204, 0, 0, 0.4); } + +.dim-label, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, label.separator { opacity: 0.55; text-shadow: none; } + +assistant .sidebar { background-color: #2d2d2d; border-top: 1px solid #1b1b1b; } + +assistant .sidebar:backdrop { background-color: #303030; border-color: #202020; } + +assistant.csd .sidebar { border-top-style: none; } + +assistant .sidebar label { padding: 6px 12px; } + +assistant .sidebar label.highlight { background-color: #5a5a59; } + +.osd .scale-popup, .app-notification, .app-notification.frame, .csd popover.background.osd, popover.background.osd, .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .osd { color: #eeeeec; border: none; background-color: rgba(38, 38, 38, 0.9); background-clip: padding-box; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } + +.osd .scale-popup:backdrop, .app-notification:backdrop, popover.background.osd:backdrop, popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, .osd:backdrop { text-shadow: none; -gtk-icon-shadow: none; } + +/********************* Spinner Animation * */ +@keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } + +spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } + +spinner:backdrop { color: #919190; } + +spinner:checked { opacity: 1; animation: spin 1s linear infinite; } + +spinner:checked:disabled { opacity: 0.5; } + +/********************** General Typography * */ +.large-title { font-weight: 300; font-size: 24pt; } + +.title-1 { font-weight: 800; font-size: 20pt; } + +.title-2 { font-weight: 800; font-size: 15pt; } + +.title-3 { font-weight: 700; font-size: 15pt; } + +.title-4 { font-weight: 700; font-size: 13pt; } + +.heading { font-weight: 700; font-size: 11pt; } + +.body { font-weight: 400; font-size: 11pt; } + +.caption-heading { font-weight: 700; font-size: 9pt; } + +.caption { font-weight: 400; font-size: 9pt; } + +/**************** Text Entries * */ +spinbutton:not(.vertical), entry { min-height: 32px; padding-left: 8px; padding-right: 8px; border: 1px solid; border-radius: 5px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: white; border-color: #1b1b1b; background-color: #2d2d2d; box-shadow: inset 0 0 0 1px rgba(21, 83, 158, 0); } + +spinbutton:not(.vertical) image.left, entry image.left { margin-right: 6px; } + +spinbutton:not(.vertical) image.right, entry image.right { margin-left: 6px; } + +spinbutton.flat:not(.vertical), entry.flat:focus, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; border-color: transparent; border-radius: 0; } + +spinbutton:focus:not(.vertical), entry:focus { box-shadow: inset 0 0 0 1px #15539e; border-color: #030c17; } + +spinbutton:disabled:not(.vertical), entry:disabled { color: #919190; border-color: #1b1b1b; background-color: #323232; box-shadow: none; } + +spinbutton:backdrop:not(.vertical), entry:backdrop { color: #d6d6d6; border-color: #202020; background-color: #303030; box-shadow: none; transition: 200ms ease-out; } + +spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #5b5b5b; border-color: #202020; background-color: #323232; box-shadow: none; } + +spinbutton.error:not(.vertical), entry.error { color: #cc0000; border-color: #1a0000; } + +spinbutton.error:focus:not(.vertical), entry.error:focus { box-shadow: inset 0 0 0 1px #cc0000; border-color: #1a0000; } + +spinbutton.error:not(.vertical) selection, entry.error selection { background-color: #cc0000; } + +spinbutton.warning:not(.vertical), entry.warning { color: #f57900; border-color: #432100; } + +spinbutton.warning:focus:not(.vertical), entry.warning:focus { box-shadow: inset 0 0 0 1px #f57900; border-color: #432100; } + +spinbutton.warning:not(.vertical) selection, entry.warning selection { background-color: #f57900; } + +spinbutton:not(.vertical) image, entry image { color: #c7c7c6; } + +spinbutton:not(.vertical) image:hover, entry image:hover { color: #eeeeec; } + +spinbutton:not(.vertical) image:active, entry image:active { color: #15539e; } + +spinbutton:not(.vertical) image:backdrop, entry image:backdrop { color: #7e7e7d; } + +spinbutton:drop(active):not(.vertical), entry:drop(active):focus, entry:drop(active) { border-color: #4e9a06; box-shadow: inset 0 0 0 1px #4e9a06; } + +.osd spinbutton:not(.vertical), .osd entry { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } + +.osd spinbutton:focus:not(.vertical), .osd entry:focus { color: white; border-color: #15539e; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: inset 0 0 0 1px #15539e; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } + +.osd spinbutton:backdrop:not(.vertical), .osd entry:backdrop { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + +.osd spinbutton:disabled:not(.vertical), .osd entry:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(58, 58, 57, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + +spinbutton:not(.vertical) progress, entry progress { margin: 2px -6px; background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: #15539e; border-style: solid; box-shadow: none; } + +spinbutton:not(.vertical) progress:backdrop, entry progress:backdrop { background-color: transparent; } + +.linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + entry, .linked:not(.vertical) > entry:focus + button, .linked:not(.vertical) > entry:focus + combobox > box > button.combo, .linked:not(.vertical) > entry:focus + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus + entry { border-left-color: #030c17; } + +.linked:not(.vertical) > spinbutton.error:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton.error:focus:not(.vertical) + button, .linked:not(.vertical) > spinbutton.error:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton.error:focus:not(.vertical) + entry, .linked:not(.vertical) > entry.error:focus + button, .linked:not(.vertical) > entry.error:focus + combobox > box > button.combo, .linked:not(.vertical) > entry.error:focus + spinbutton:not(.vertical), .linked:not(.vertical) > entry.error:focus + entry { border-left-color: #1a0000; } + +.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + entry { border-left-color: #4e9a06; } + +.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { border-top-color: #282828; } + +.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { border-top-color: #2b2b2b; } + +.linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { border-top-color: #282828; } + +.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > entry + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > entry + entry:focus:not(:only-child) { border-top-color: #030c17; } + +.linked.vertical > spinbutton:not(.vertical) + spinbutton.error:focus:not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry.error:focus:not(:only-child), .linked.vertical > entry + spinbutton.error:focus:not(:only-child):not(.vertical), .linked.vertical > entry + entry.error:focus:not(:only-child) { border-top-color: #1a0000; } + +.linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > entry + entry:drop(active):not(:only-child) { border-top-color: #4e9a06; } + +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus:not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + button, .linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #030c17; } + +.linked.vertical > spinbutton.error:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton.error:focus:not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton.error:focus:not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton.error:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry.error:focus:not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry.error:focus:not(:only-child) + entry, .linked.vertical > entry.error:focus:not(:only-child) + button, .linked.vertical > entry.error:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #1a0000; } + +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:drop(active):not(:only-child) + entry, .linked.vertical > entry:drop(active):not(:only-child) + button, .linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-top-color: #4e9a06; } + +spinbutton.error:not(.vertical), entry.error { color: #cc0000; } + +treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { background-color: #2d2d2d; transition-property: color, background; } + +treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: #2d2d2d; } + +treeview entry.flat:focus, treeview entry:focus { border-color: #15539e; } + +.entry-tag { padding: 5px; margin-top: 2px; margin-bottom: 2px; border-style: none; color: #2d2d2d; background-color: #8e8e8d; } + +:dir(ltr) .entry-tag { margin-left: 8px; margin-right: -5px; } + +:dir(rtl) .entry-tag { margin-left: -5px; margin-right: 8px; } + +.entry-tag:hover { background-color: #a7a7a7; } + +:backdrop .entry-tag { color: #303030; background-color: #606060; } + +.entry-tag.button { background-color: transparent; color: rgba(45, 45, 45, 0.7); } + +:not(:backdrop) .entry-tag.button:hover { border: 1px solid #8e8e8d; color: #2d2d2d; } + +:not(:backdrop) .entry-tag.button:active { background-color: #8e8e8d; color: rgba(45, 45, 45, 0.7); } + +/*********** Buttons * */ +@keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#1f76e1), to(transparent)); } + to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#15539e), to(transparent)); } } + +button.titlebutton, notebook > header > tabs > arrow, button { min-height: 24px; min-width: 16px; padding: 4px 9px; border: 1px solid; border-radius: 5px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; border-bottom-color: #070707; background-image: linear-gradient(to top, #323232 2px, #353535); text-shadow: 0 -1px rgba(0, 0, 0, 0.834353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.834353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); } + +button.titlebutton, button.sidebar-button, notebook > header > tabs > arrow, notebook > header > tabs > arrow.flat, button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; transition: none; } + +button.titlebutton:hover, button.sidebar-button:hover, notebook > header > tabs > arrow:hover, button.flat:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; } + +button.titlebutton:hover:active, button.sidebar-button:hover:active, notebook > header > tabs > arrow:hover:active, button.flat:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +notebook > header > tabs > arrow:hover, button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; border-bottom-color: #070707; background-image: linear-gradient(to top, #323232, #373737 1px); text-shadow: 0 -1px rgba(0, 0, 0, 0.786353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.786353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); -gtk-icon-effect: highlight; } + +notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, button:active, button:checked { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; background-image: image(#1e1e1e); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; transition-duration: 50ms; } + +notebook > header > tabs > arrow:backdrop, button.flat:backdrop, button:backdrop { color: #919190; border-color: #202020; background-image: image(#353535); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); transition: 200ms ease-out; -gtk-icon-effect: none; } + +notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.flat:backdrop:active, button.flat:backdrop:checked, button:backdrop:active, button:backdrop:checked { color: #919190; border-color: #202020; background-image: image(#2a2a2a); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +notebook > header > tabs > arrow:backdrop:disabled, button.flat:backdrop:disabled, button:backdrop:disabled { color: #5b5b5b; border-color: #202020; background-image: image(#323232); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button.flat:backdrop:disabled:active, button.flat:backdrop:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { color: #5b5b5b; border-color: #202020; background-image: image(#2a2a2a); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +button.titlebutton:backdrop, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, button.titlebutton:disabled, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } + +notebook > header > tabs > arrow:disabled, button:disabled { color: #919190; border-color: #1b1b1b; background-image: image(#323232); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, button:disabled:active, button:disabled:checked { color: #919190; border-color: #1b1b1b; background-image: image(#252525); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +notebook > header > tabs > arrow.image-button, button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; } + +notebook > header > tabs > arrow.text-button, button.text-button { padding-left: 16px; padding-right: 16px; } + +notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button { padding-left: 8px; padding-right: 8px; } + +notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; } + +combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), button:drop(active) { color: #4e9a06; border-color: #4e9a06; box-shadow: inset 0 0 0 1px #4e9a06; } + +row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #ffffff; border-color: transparent; } + +row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #919190; } + +button.osd { min-width: 26px; min-height: 32px; color: #eeeeec; border-radius: 5px; color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); border: none; box-shadow: none; } + +button.osd.image-button { min-width: 34px; } + +button.osd:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(68, 68, 68, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); border: none; box-shadow: none; } + +button.osd:active, button.osd:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); border: none; box-shadow: none; } + +button.osd:disabled:backdrop, button.osd:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; border: none; } + +button.osd:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.9)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; border: none; } + +.app-notification button, .app-notification.frame button, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, .osd button { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } + +.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd button:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(68, 68, 68, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } + +.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } + +.app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled:backdrop, .osd button:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + +.app-notification button:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .osd button:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.9)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + +.app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } + +.app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd button.flat:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(68, 68, 68, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } + +.app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-image: none; border-color: transparent; box-shadow: none; } + +.app-notification button.flat:backdrop, popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, .osd button.flat:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } + +.app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd button.flat:active, .osd button.flat:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } + +button.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #0f3b71; border-bottom-color: #092444; background-image: linear-gradient(to top, #155099 2px, #15539e); text-shadow: 0 -1px rgba(0, 0, 0, 0.719216); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.719216); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); } + +button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #15539e; } + +button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #0f3b71; border-bottom-color: #092444; background-image: linear-gradient(to top, #155099, #1655a2 1px); text-shadow: 0 -1px rgba(0, 0, 0, 0.671216); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.671216); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); } + +button.suggested-action:active, button.suggested-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #0f3b71; background-image: image(#103e75); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } + +button.suggested-action:backdrop, button.suggested-action.flat:backdrop { color: #d0ddec; border-color: #0f3b71; background-image: image(#15539e); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked { color: #d0dae5; border-color: #0f3b71; background-image: image(#16447c); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled { color: #5b5b5b; border-color: #202020; background-image: image(#323232); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked { color: #6885aa; border-color: #0f3b71; background-image: image(#16447c); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(21, 83, 158, 0.8); } + +button.suggested-action:disabled { color: #919190; border-color: #1b1b1b; background-image: image(#323232); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +button.suggested-action:disabled:active, button.suggested-action:disabled:checked { color: #a1b2c7; border-color: #0f3b71; background-image: image(#143f73); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +.osd button.suggested-action { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(21, 83, 158, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } + +.osd button.suggested-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(21, 83, 158, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } + +.osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(#15539e); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } + +.osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + +.osd button.suggested-action:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(21, 83, 158, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + +button.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #851015; border-bottom-color: #570b0e; background-image: linear-gradient(to top, #ae151c 2px, #b2161d); text-shadow: 0 -1px rgba(0, 0, 0, 0.686275); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.686275); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); } + +button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #b2161d; } + +button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #851015; border-bottom-color: #570b0e; background-image: linear-gradient(to top, #ae151c, #b7161d 1px); text-shadow: 0 -1px rgba(0, 0, 0, 0.638275); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.638275); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); } + +button.destructive-action:active, button.destructive-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #851015; background-image: image(#8a1116); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } + +button.destructive-action:backdrop, button.destructive-action.flat:backdrop { color: #f0d0d2; border-color: #851015; background-image: image(#b2161d); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked { color: #e8d0d2; border-color: #851015; background-image: image(#8c161c); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { color: #5b5b5b; border-color: #202020; background-image: image(#323232); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked { color: #b5686b; border-color: #851015; background-image: image(#8c161c); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(178, 22, 29, 0.8); } + +button.destructive-action:disabled { color: #919190; border-color: #1b1b1b; background-image: image(#323232); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +button.destructive-action:disabled:active, button.destructive-action:disabled:checked { color: #cea1a3; border-color: #851015; background-image: image(#84151a); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +.osd button.destructive-action { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(178, 22, 29, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } + +.osd button.destructive-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(178, 22, 29, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } + +.osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(#b2161d); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } + +.osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + +.osd button.destructive-action:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(178, 22, 29, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + +.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; padding-top: 3px; padding-bottom: 3px; } + +.stack-switcher > button.text-button { padding-left: 10px; padding-right: 10px; } + +.stack-switcher > button.image-button { padding-left: 2px; padding-right: 2px; } + +.stack-switcher > button.needs-attention: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.font separator, button.file separator { background-color: transparent; } + +button.font > box > box > label { font-weight: bold; } + +.primary-toolbar button { -gtk-icon-shadow: none; } + +button.circular { border-radius: 9999px; -gtk-outline-radius: 9999px; padding: 4px; /* circles instead of ellipses */ background-origin: padding-box, border-box; background-clip: padding-box, border-box; } + +button.circular label { padding: 0; } + +button.circular:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; border-bottom-color: #070707; background-image: linear-gradient(to top, #323232 2px, #353535), linear-gradient(to top, #070707 25%, #1b1b1b 50%); text-shadow: 0 -1px rgba(0, 0, 0, 0.834353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.834353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); border-color: transparent; } + +button.circular:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; border-bottom-color: #070707; background-image: linear-gradient(to top, #323232, #373737 1px), linear-gradient(to top, #070707 25%, #1b1b1b 50%); text-shadow: 0 -1px rgba(0, 0, 0, 0.786353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.786353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); border-color: transparent; } + +stacksidebar 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(#1f76e1), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.834353)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; } + +stacksidebar row.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; } + +stacksidebar 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; } + +.inline-toolbar toolbutton > button { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; border-bottom-color: #070707; background-image: linear-gradient(to top, #323232 2px, #353535); text-shadow: 0 -1px rgba(0, 0, 0, 0.834353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.834353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); } + +.inline-toolbar toolbutton > button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; border-bottom-color: #070707; background-image: linear-gradient(to top, #323232, #373737 1px); text-shadow: 0 -1px rgba(0, 0, 0, 0.786353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.786353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); } + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; background-image: image(#1e1e1e); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } + +.inline-toolbar toolbutton > button:disabled { color: #919190; border-color: #1b1b1b; background-image: image(#323232); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { color: #919190; border-color: #1b1b1b; background-image: image(#252525); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +.inline-toolbar toolbutton > button:backdrop { color: #919190; border-color: #202020; background-image: image(#353535); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +.inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { color: #919190; border-color: #202020; background-image: image(#2a2a2a); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +.inline-toolbar toolbutton > button:backdrop:disabled { color: #5b5b5b; border-color: #202020; background-image: image(#323232); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +.inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { color: #5b5b5b; border-color: #202020; background-image: image(#2a2a2a); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +.linked:not(.vertical) > combobox > box > button.combo, filechooser .path-bar.linked > button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .inline-toolbar button, .linked > button, toolbar.inline-toolbar toolbutton > button.flat { border-right-style: none; border-radius: 0; -gtk-outline-radius: 0; } + +.linked:not(.vertical) > combobox:first-child > box > button.combo, combobox.linked button:nth-child(2):dir(rtl), filechooser .path-bar.linked > button:dir(rtl):last-child, filechooser .path-bar.linked > button:dir(ltr):first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat { border-top-left-radius: 5px; border-bottom-left-radius: 5px; -gtk-outline-top-left-radius: 5px; -gtk-outline-bottom-left-radius: 5px; } + +.linked:not(.vertical) > combobox:last-child > box > button.combo, combobox.linked button:nth-child(2):dir(ltr), filechooser .path-bar.linked > button:dir(rtl):first-child, filechooser .path-bar.linked > button:dir(ltr):last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat { border-right-style: solid; border-top-right-radius: 5px; border-bottom-right-radius: 5px; -gtk-outline-top-right-radius: 5px; -gtk-outline-bottom-right-radius: 5px; } + +.linked:not(.vertical) > combobox:only-child > box > button.combo, filechooser .path-bar.linked > button:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat { border-style: solid; border-radius: 5px; -gtk-outline-radius: 5px; } + +.linked.vertical > combobox > box > button.combo, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button { border-style: solid solid none solid; border-radius: 0; -gtk-outline-radius: 0; } + +.linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child { border-top-left-radius: 5px; border-top-right-radius: 5px; -gtk-outline-top-left-radius: 5px; -gtk-outline-top-right-radius: 5px; } + +.linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child { border-bottom-style: solid; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -gtk-outline-bottom-left-radius: 5px; -gtk-outline-bottom-right-radius: 5px; } + +.linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child { border-style: solid; border-radius: 5px; -gtk-outline-radius: 5px; } + +.scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop, .scale-popup button:hover, calendar.button, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, list row button.image-button:not(.flat), modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover, modelbutton.flat, .menuitem.button.flat { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } + +/* menu buttons */ +modelbutton.flat, .menuitem.button.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 5px; outline-offset: -2px; } + +modelbutton.flat:hover, .menuitem.button.flat:hover { background-color: #424242; } + +modelbutton.flat arrow { background: none; } + +modelbutton.flat arrow:hover { background: none; } + +modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + +modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +button.color { padding: 4px; } + +button.color colorswatch:only-child, button.color colorswatch:only-child overlay { border-radius: 0; } + +/* list buttons */ +/* tone down as per new designs, see issue #1473, #1748 */ +list row button.image-button:not(.flat) { border: 1px solid rgba(27, 27, 27, 0.5); } + +list row button.image-button:not(.flat):hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; border-bottom-color: #070707; background-image: linear-gradient(to top, #323232, #373737 1px); text-shadow: 0 -1px rgba(0, 0, 0, 0.786353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.786353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); } + +list row button.image-button:not(.flat):active, list row button.image-button:not(.flat):checked { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; background-image: image(#1e1e1e); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } + +/********* Links * */ +button:link > label, button:visited > label, button:link, button:visited, *:link { color: #3584e4; } + +button:link > label:visited, button:visited > label:visited, button:visited, *:link:visited { color: #1b6acb; } + +*:selected button:link > label:visited, *:selected button:visited > label:visited, *:selected button:visited, *:selected *:link:visited { color: #a4c4ea; } + +button:link > label:hover, button:visited > label:hover, button:hover:link, button:hover:visited, *:link:hover { color: #629fea; } + +*:selected button:link > label:hover, *:selected button:visited > label:hover, *:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { color: #eff5fd; } + +button:link > label:active, button:visited > label:active, button:active:link, button:active:visited, *:link:active { color: #3584e4; } + +*:selected button:link > label:active, *:selected button:visited > label:active, *:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { color: #d7e6fa; } + +button:link > label:disabled, button:visited > label:disabled, button:disabled:link, button:disabled:visited, *:link:disabled, *:link:disabled:backdrop { color: rgba(141, 141, 141, 0.8); } + +button:link > label:backdrop, button:visited > label:backdrop, button:backdrop:link, button:backdrop:visited, *:link:backdrop:backdrop:hover, *:link:backdrop:backdrop:hover:selected, *:link:backdrop { color: rgba(53, 132, 228, 0.9); } + +.selection-mode .titlebar:not(headerbar) .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:link > label:selected, button:visited > label:selected, button:selected:link, button:selected:visited, *:selected button:link > label, *:selected button:visited > label, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { color: #d7e6fa; } + +button:link, button:visited { text-shadow: none; } + +button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked { text-shadow: none; } + +button:link > label, button:visited > label { text-decoration-line: underline; } + +/***************** GtkSpinButton * */ +spinbutton { font-feature-settings: "tnum"; } + +spinbutton:not(.vertical) { padding: 0; } + +.osd spinbutton:not(.vertical) entry, spinbutton:not(.vertical) entry { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; } + +spinbutton:not(.vertical) entry:backdrop:disabled { background-color: transparent; } + +spinbutton:not(.vertical) button { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color: #dbdbd9; background-image: none; border-style: none none none solid; border-color: rgba(27, 27, 27, 0.3); border-radius: 0; box-shadow: none; } + +spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; } + +spinbutton:not(.vertical) button:hover { color: #eeeeec; background-color: rgba(238, 238, 236, 0.05); } + +spinbutton:not(.vertical) button:disabled { color: rgba(145, 145, 144, 0.3); background-color: transparent; } + +spinbutton:not(.vertical) button:active { background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } + +spinbutton:not(.vertical) button:backdrop { color: #878786; background-color: transparent; border-color: rgba(32, 32, 32, 0.3); transition: 200ms ease-out; } + +spinbutton:not(.vertical) button:backdrop:disabled { color: rgba(91, 91, 91, 0.3); background-color: transparent; background-image: none; border-style: none none none solid; } + +spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { border-style: none solid none none; } + +spinbutton:not(.vertical) button:dir(ltr):last-child { border-radius: 0 5px 5px 0; } + +spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 5px 0 0 5px; } + +.osd spinbutton:not(.vertical) button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #eeeeec; border-style: none none none solid; border-color: rgba(0, 0, 0, 0.4); border-radius: 0; box-shadow: none; -gtk-icon-shadow: 0 1px black; } + +.osd spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; } + +.osd spinbutton:not(.vertical) button:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #eeeeec; border-color: rgba(0, 0, 0, 0.5); background-color: rgba(238, 238, 236, 0.1); -gtk-icon-shadow: 0 1px black; box-shadow: none; } + +.osd spinbutton:not(.vertical) button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #eeeeec; border-color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; } + +.osd spinbutton:not(.vertical) button:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #8a8a89; border-color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; } + +.osd spinbutton:not(.vertical) button:dir(ltr):last-child { border-radius: 0 5px 5px 0; } + +.osd spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 5px 0 0 5px; } + +spinbutton.vertical:disabled { color: #919190; } + +spinbutton.vertical:backdrop:disabled { color: #5b5b5b; } + +spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; } + +spinbutton.vertical entry { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; } + +spinbutton.vertical button { min-height: 32px; min-width: 32px; padding: 0; } + +spinbutton.vertical button.up { border-radius: 5px 5px 0 0; border-style: solid solid none solid; } + +spinbutton.vertical button.down { border-radius: 0 0 5px 5px; border-style: none solid solid solid; } + +.osd spinbutton.vertical button:first-child { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } + +.osd spinbutton.vertical button:first-child:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(68, 68, 68, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } + +.osd spinbutton.vertical button:first-child:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } + +.osd spinbutton.vertical button:first-child:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + +.osd spinbutton.vertical button:first-child:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.9)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + +treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; } + +treeview spinbutton:not(.vertical) entry { min-height: 0; padding: 1px 2px; } + +/************** ComboBoxes * */ +combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } + +combobox:drop(active) { box-shadow: none; } + +/************ Toolbars * */ +searchbar > revealer > box, .location-bar, .inline-toolbar, toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #353535; } + +toolbar { padding: 4px 3px 3px 4px; } + +.osd toolbar { background-color: transparent; } + +toolbar.osd { padding: 13px; border: none; border-radius: 5px; background-color: rgba(38, 38, 38, 0.9); } + +toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { border-radius: 0; } + +toolbar.horizontal separator { margin: 0 7px 1px 6px; } + +toolbar.vertical separator { margin: 6px 1px 7px 0; } + +toolbar:not(.inline-toolbar):not(.osd) > *:not(.toggle):not(.popup) > * { margin-right: 1px; margin-bottom: 1px; } + +.inline-toolbar { padding: 3px; border-width: 0 1px 1px; border-radius: 0 0 5px 5px; } + +searchbar > revealer > box, .location-bar { border-width: 0 0 1px; padding: 3px; } + +searchbar > revealer > box { margin: -6px; padding: 6px; } + +.inline-toolbar, searchbar > revealer > box, .location-bar { border-style: solid; border-color: #1b1b1b; background-color: #2d2d2d; } + +.inline-toolbar:backdrop, searchbar > revealer > box:backdrop, .location-bar:backdrop { border-color: #202020; background-color: #2e2e2e; box-shadow: none; transition: 200ms ease-out; } + +/*************** Header bars * */ +.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 46px; border-width: 0 0 1px; border-style: solid; border-color: #070707; border-radius: 0; background: #1b1b1b linear-gradient(to top, #262626, #2b2b2b); box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); /* Darken switchbuttons for headerbars. issue #1588 */ /* hide the close button separator */ } + +.titlebar:backdrop:not(headerbar), headerbar:backdrop { border-color: #202020; background-color: #353535; background-image: none; box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); transition: 200ms ease-out; } + +.titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; } + +.titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } + +.titlebar:not(headerbar) stackswitcher button:checked, .titlebar:not(headerbar) button.toggle:checked, headerbar stackswitcher button:checked, headerbar button.toggle:checked { background: image(#1e1e1e); border-color: #141414; border-top-color: #070707; } + +.titlebar:not(headerbar) stackswitcher button:checked:backdrop, .titlebar:not(headerbar) button.toggle:checked:backdrop, headerbar stackswitcher button:checked:backdrop, headerbar button.toggle:checked:backdrop { color: #919190; border-color: #202020; background-image: image(#2a2a2a); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +.selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode headerbar, headerbar.selection-mode { color: #ffffff; border-color: #030c17; text-shadow: 0 -1px rgba(0, 0, 0, 0.5); background: #15539e linear-gradient(to top, #185cb0, #1961b9); box-shadow: inset 0 1px rgba(29, 88, 161, 0.535); } + +.selection-mode .titlebar:backdrop:not(headerbar), .selection-mode.titlebar:backdrop:not(headerbar), .selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { background-color: #15539e; background-image: none; box-shadow: inset 0 1px rgba(32, 91, 162, 0.442); } + +.selection-mode .titlebar:backdrop:not(headerbar) label, .selection-mode.titlebar:backdrop:not(headerbar) label, .selection-mode headerbar:backdrop label, headerbar.selection-mode:backdrop label { text-shadow: none; color: #ffffff; } + +.selection-mode .titlebar:not(headerbar) button, .selection-mode.titlebar:not(headerbar) button, .selection-mode headerbar button, headerbar.selection-mode button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #0f3b71; border-bottom-color: #092444; background-image: linear-gradient(to top, #155099 2px, #15539e); text-shadow: 0 -1px rgba(0, 0, 0, 0.719216); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.719216); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); } + +.selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } + +.selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #0f3b71; border-bottom-color: #092444; background-image: linear-gradient(to top, #155099, #1655a2 1px); text-shadow: 0 -1px rgba(0, 0, 0, 0.671216); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.671216); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); } + +.selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode headerbar button:active, .selection-mode headerbar button:checked, .selection-mode headerbar button.toggle:checked, .selection-mode headerbar button.toggle:active, headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.selection-mode button.toggle:checked, headerbar.selection-mode button.toggle:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #0f3b71; background-image: image(#103e75); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } + +.selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button.flat:backdrop, .selection-mode headerbar button:backdrop, headerbar.selection-mode button.flat:backdrop, headerbar.selection-mode button:backdrop { color: #d0ddec; border-color: #0f3b71; background-image: image(#15539e); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); -gtk-icon-effect: none; border-color: #030c17; } + +.selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar button.flat:backdrop:active, .selection-mode headerbar button.flat:backdrop:checked, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode button.flat:backdrop:active, headerbar.selection-mode button.flat:backdrop:checked, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked { color: #d0dae5; border-color: #0f3b71; background-image: image(#16447c); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #030c17; } + +.selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar button.flat:backdrop:disabled, .selection-mode headerbar button:backdrop:disabled, headerbar.selection-mode button.flat:backdrop:disabled, headerbar.selection-mode button:backdrop:disabled { color: #6a8bb5; border-color: #0f3b71; background-image: image(#194d8d); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #030c17; } + +.selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode headerbar button:backdrop:disabled:active, .selection-mode headerbar button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked { color: #6885aa; border-color: #0f3b71; background-image: image(#16447c); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #030c17; } + +.selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode .titlebar:not(headerbar) button.flat:backdrop, .selection-mode .titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode headerbar button.flat:backdrop, .selection-mode headerbar button.flat:disabled, .selection-mode headerbar button.flat:backdrop:disabled, headerbar.selection-mode button.flat:backdrop, headerbar.selection-mode button.flat:disabled, headerbar.selection-mode button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } + +.selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled, .selection-mode headerbar button:disabled, headerbar.selection-mode button:disabled { color: #8ca6c6; border-color: #0f3b71; background-image: image(#194d8d); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +.selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar) button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, .selection-mode headerbar button:disabled:active, .selection-mode headerbar button:disabled:checked, headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked { color: #a1b2c7; border-color: #0f3b71; background-image: image(#143f73); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +.selection-mode .titlebar:not(headerbar) button.suggested-action, .selection-mode.titlebar:not(headerbar) button.suggested-action, .selection-mode headerbar button.suggested-action, headerbar.selection-mode button.suggested-action { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; border-bottom-color: #070707; background-image: linear-gradient(to top, #323232 2px, #353535); text-shadow: 0 -1px rgba(0, 0, 0, 0.834353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.834353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); border-color: #030c17; } + +.selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode headerbar button.suggested-action:hover, headerbar.selection-mode button.suggested-action:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; border-bottom-color: #070707; background-image: linear-gradient(to top, #323232, #373737 1px); text-shadow: 0 -1px rgba(0, 0, 0, 0.786353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.786353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); border-color: #030c17; } + +.selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode headerbar button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; background-image: image(#1e1e1e); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; border-color: #030c17; } + +.selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled { color: #919190; border-color: #1b1b1b; background-image: image(#323232); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #030c17; } + +.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop { color: #919190; border-color: #202020; background-image: image(#353535); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #030c17; } + +.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled { color: #5b5b5b; border-color: #202020; background-image: image(#323232); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #030c17; } + +.selection-mode .titlebar:not(headerbar) .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu, .selection-mode headerbar .selection-menu:backdrop, .selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu:backdrop, headerbar.selection-mode .selection-menu { border-color: rgba(21, 83, 158, 0); background-color: rgba(21, 83, 158, 0); background-image: none; box-shadow: none; min-height: 20px; padding: 6px 10px; } + +.selection-mode .titlebar:not(headerbar) .selection-menu arrow, .selection-mode.titlebar:not(headerbar) .selection-menu arrow, .selection-mode headerbar .selection-menu:backdrop arrow, .selection-mode headerbar .selection-menu arrow, headerbar.selection-mode .selection-menu:backdrop arrow, headerbar.selection-mode .selection-menu arrow { -GtkArrow-arrow-scaling: 1; } + +.selection-mode .titlebar:not(headerbar) .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, .selection-mode headerbar .selection-menu:backdrop .arrow, .selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu:backdrop .arrow, headerbar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); color: rgba(255, 255, 255, 0.5); -gtk-icon-shadow: none; } + +.tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; } + +.default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 4px; } + +.default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { min-height: 26px; min-width: 26px; margin: 0; padding: 0; } + +.titlebar:not(headerbar) separator.titlebutton, headerbar separator.titlebutton { opacity: 0; } + +.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; } + +headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button { margin-top: 6px; margin-bottom: 6px; } + +headerbar switch { margin-top: 10px; margin-bottom: 10px; } + +headerbar.titlebar headerbar:not(.titlebar) { background: none; box-shadow: none; } + +.background .titlebar:backdrop, .background .titlebar { border-top-left-radius: 8px; border-top-right-radius: 8px; } + +.background.tiled .titlebar:backdrop, .background.tiled .titlebar, .background.tiled-top .titlebar:backdrop, .background.tiled-top .titlebar, .background.tiled-right .titlebar:backdrop, .background.tiled-right .titlebar, .background.tiled-bottom .titlebar:backdrop, .background.tiled-bottom .titlebar, .background.tiled-left .titlebar:backdrop, .background.tiled-left .titlebar, .background.maximized .titlebar:backdrop, .background.maximized .titlebar, .background.solid-csd .titlebar:backdrop, .background.solid-csd .titlebar { border-top-left-radius: 0; border-top-right-radius: 0; } + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { border-top-left-radius: 7px; } + +window headerbar:last-child:backdrop, window headerbar:last-child { border-top-right-radius: 7px; } + +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: 7px; border-top-right-radius: 7px; } + +window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled headerbar:backdrop, window.tiled headerbar:backdrop:first-child, window.tiled headerbar:backdrop:last-child, window.tiled headerbar:backdrop: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-top headerbar:backdrop, window.tiled-top headerbar:backdrop:first-child, window.tiled-top headerbar:backdrop:last-child, window.tiled-top headerbar:backdrop: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-right headerbar:backdrop, window.tiled-right headerbar:backdrop:first-child, window.tiled-right headerbar:backdrop:last-child, window.tiled-right headerbar:backdrop: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-bottom headerbar:backdrop, window.tiled-bottom headerbar:backdrop:first-child, window.tiled-bottom headerbar:backdrop:last-child, window.tiled-bottom headerbar:backdrop: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.tiled-left headerbar:backdrop, window.tiled-left headerbar:backdrop:first-child, window.tiled-left headerbar:backdrop:last-child, window.tiled-left headerbar:backdrop:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.maximized headerbar:backdrop, window.maximized headerbar:backdrop:first-child, window.maximized headerbar:backdrop:last-child, window.maximized headerbar:backdrop:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.fullscreen headerbar:backdrop, window.fullscreen headerbar:backdrop:first-child, window.fullscreen headerbar:backdrop:last-child, window.fullscreen headerbar:backdrop:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child, window.solid-csd headerbar:backdrop, window.solid-csd headerbar:backdrop:first-child, window.solid-csd headerbar:backdrop:last-child, window.solid-csd headerbar:backdrop:only-child { border-top-left-radius: 0; border-top-right-radius: 0; } + +window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; box-shadow: none; } + +.titlebar:not(headerbar) separator { background-color: #1b1b1b; } + +window.devel headerbar.titlebar:not(.selection-mode) { background: #353535 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(21, 83, 158, 0.1)), linear-gradient(to top, #232323 3px, #282828); } + +window.devel headerbar.titlebar:not(.selection-mode):backdrop { background: #353535 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#353535); /* background-color would flash */ } + +/************ Pathbars * */ +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { padding-left: 4px; padding-right: 4px; } + +.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: 8px; } + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { padding-left: 8px; } + +.path-bar button image { padding-left: 4px; padding-right: 4px; } + +.path-bar button.slider-button { padding-left: 0; padding-right: 0; } + +/************** Tree Views * */ +treeview.view { border-left-color: #8e8e8d; border-top-color: #353535; } + +* { -GtkTreeView-horizontal-separator: 4; -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; } + +treeview.view:selected:focus, treeview.view:selected { border-radius: 0; } + +treeview.view:selected:backdrop, treeview.view:selected { border-left-color: #8aa9ce; border-top-color: rgba(238, 238, 236, 0.1); } + +treeview.view:disabled { color: #919190; } + +treeview.view:disabled:selected { color: #7398c5; } + +treeview.view:disabled:selected:backdrop { color: #4f7aaf; } + +treeview.view:disabled:backdrop { color: #5b5b5b; } + +treeview.view.separator { min-height: 2px; color: #353535; } + +treeview.view.separator:backdrop { color: rgba(53, 53, 53, 0.1); } + +treeview.view:backdrop { border-left-color: #636362; border-top: #353535; } + +treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #030c17; } + +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: silver; } + +treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + +treeview.view.expander:hover { color: white; } + +treeview.view.expander:selected { color: #b9cbe2; } + +treeview.view.expander:selected:hover { color: #ffffff; } + +treeview.view.expander:selected:backdrop { color: #9cafc5; } + +treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +treeview.view.expander:backdrop { color: #747473; } + +treeview.view.progressbar { background-color: #15539e; background-image: image(#15539e); box-shadow: none; } + +treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); background-image: image(#2d2d2d); } + +treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { background-color: #303030; } + +treeview.view.progressbar:backdrop { border-color: #303030; background-image: none; box-shadow: none; } + +treeview.view.trough { background-color: rgba(238, 238, 236, 0.1); } + +treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: #0f3b71; } + +treeview.view header button { color: #8e8e8d; background-color: #2d2d2d; font-weight: bold; text-shadow: none; box-shadow: none; } + +treeview.view header button:hover { color: #bebebd; box-shadow: none; transition: none; } + +treeview.view header button:active { color: #eeeeec; transition: none; } + +treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: #2d2d2d; background-image: none; background-color: #15539e; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px #2d2d2d; text-shadow: none; transition: none; } + +treeview.view acceleditor > label { background-color: #15539e; } + +treeview.view header button, treeview.view header button:hover, treeview.view header button:active { padding: 0 6px; background-image: none; border-style: none solid solid none; border-color: #545453; border-radius: 0; text-shadow: none; } + +treeview.view header button:disabled { border-color: #353535; background-image: none; } + +treeview.view header button:backdrop { color: #636362; border-color: #353535; border-style: none solid solid none; background-image: none; background-color: #303030; } + +treeview.view header button:backdrop:disabled { border-color: #353535; background-image: none; } + +treeview.view header button:last-child { border-right-style: none; } + +/********* Menus * */ +menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } + +menubar:backdrop, .menubar:backdrop { background-color: #353535; } + +menubar > menuitem, .menubar > menuitem { min-height: 16px; padding: 4px 8px; } + +menubar > menuitem menu:dir(rtl), menubar > menuitem menu:dir(ltr), .menubar > menuitem menu:dir(rtl), .menubar > menuitem menu:dir(ltr) { border-radius: 0; padding: 0; } + +menubar > menuitem:hover, .menubar > menuitem:hover { box-shadow: inset 0 -3px #15539e; color: #3584e4; } + +menubar > menuitem:disabled, .menubar > menuitem:disabled { color: #919190; box-shadow: none; } + +menubar .csd.popup decoration, .menubar .csd.popup decoration { border-radius: 0; } + +.background.popup { background-color: transparent; } + +menu, .menu, .context-menu { margin: 4px; padding: 4px 0px; background-color: #2f2f2f; border: 1px solid #1b1b1b; } + +.csd menu, .csd .menu, .csd .context-menu { border: none; border-radius: 5px; } + +menu:backdrop, .menu:backdrop, .context-menu:backdrop { background-color: #313131; } + +menu menuitem, .menu menuitem, .context-menu menuitem { min-height: 16px; min-width: 40px; padding: 4px 6px; text-shadow: none; } + +menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { color: #ffffff; background-color: #15539e; } + +menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: #919190; } + +menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { color: #5b5b5b; } + +menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { color: #919190; background-color: transparent; } + +menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; min-width: 16px; } + +menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 10px; } + +menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 10px; } + +menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { color: inherit; } + +menu > arrow, .menu > arrow, .context-menu > arrow { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; min-height: 16px; min-width: 16px; padding: 4px; background-color: #2f2f2f; border-radius: 0; } + +menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -4px; border-bottom: 1px solid #404040; border-top-right-radius: 5px; border-top-left-radius: 5px; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + +menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-top: 8px; margin-bottom: -12px; border-top: 1px solid #404040; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-color: #404040; } + +menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { background-color: #313131; } + +menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { color: transparent; background-color: transparent; border-color: transparent; } + +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: 7px; } + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { margin-left: 7px; } + +/*************** Popovers * */ +popover.background { padding: 2px; background-color: #353535; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } + +.csd popover.background, popover.background { border: 1px solid #1b1b1b; border-radius: 9px; } + +.csd popover.background { background-clip: padding-box; border-color: rgba(0, 0, 0, 0.75); } + +popover.background:backdrop { background-color: #353535; box-shadow: none; } + +popover.background > list, popover.background > .view, popover.background > iconview, popover.background > toolbar { border-style: none; background-color: transparent; } + +.csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier { border: 1px solid rgba(255, 255, 255, 0.1); } + +popover.background separator { margin: 3px; } + +popover.background list separator { margin: 0px; } + +/************* Notebooks * */ +notebook > header { padding: 1px; border-color: #1b1b1b; border-width: 1px; background-color: #282828; } + +notebook > header:backdrop { border-color: #202020; background-color: #2e2e2e; } + +notebook > header tabs { margin: -1px; } + +notebook > header.top { border-bottom-style: solid; } + +notebook > header.top > tabs { margin-bottom: -2px; } + +notebook > header.top > tabs > tab:hover { box-shadow: inset 0 -4px #1b1b1b; } + +notebook > header.top > tabs > tab:backdrop { box-shadow: none; } + +notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -4px #15539e; } + +notebook > header.bottom { border-top-style: solid; } + +notebook > header.bottom > tabs { margin-top: -2px; } + +notebook > header.bottom > tabs > tab:hover { box-shadow: inset 0 4px #1b1b1b; } + +notebook > header.bottom > tabs > tab:backdrop { box-shadow: none; } + +notebook > header.bottom > tabs > tab:checked { box-shadow: inset 0 4px #15539e; } + +notebook > header.left { border-right-style: solid; } + +notebook > header.left > tabs { margin-right: -2px; } + +notebook > header.left > tabs > tab:hover { box-shadow: inset -4px 0 #1b1b1b; } + +notebook > header.left > tabs > tab:backdrop { box-shadow: none; } + +notebook > header.left > tabs > tab:checked { box-shadow: inset -4px 0 #15539e; } + +notebook > header.right { border-left-style: solid; } + +notebook > header.right > tabs { margin-left: -2px; } + +notebook > header.right > tabs > tab:hover { box-shadow: inset 4px 0 #1b1b1b; } + +notebook > header.right > tabs > tab:backdrop { box-shadow: none; } + +notebook > header.right > tabs > tab:checked { box-shadow: inset 4px 0 #15539e; } + +notebook > header.top > tabs > arrow { border-top-style: none; } + +notebook > header.bottom > tabs > arrow { border-bottom-style: none; } + +notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { margin-left: -5px; margin-right: -5px; padding-left: 4px; padding-right: 4px; } + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +notebook > header.left > tabs > arrow { border-left-style: none; } + +notebook > header.right > tabs > arrow { border-right-style: none; } + +notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; } + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; } + +notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: none; } + +notebook > header > tabs > arrow:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } + +notebook > header tab { min-height: 30px; min-width: 30px; padding: 3px 12px; outline-offset: -5px; color: #eeeeec; font-weight: normal; border-width: 1px; border-color: transparent; } + +notebook > header tab:hover { color: #eeeeec; background-color: #2b2b2b; } + +notebook > header tab.reorderable-page:hover { border-color: rgba(27, 27, 27, 0.3); background-color: rgba(53, 53, 53, 0.2); } + +notebook > header tab:backdrop { color: #6c6c6c; } + +notebook > header tab.reorderable-page:backdrop { border-color: transparent; background-color: transparent; } + +notebook > header tab:checked { color: #eeeeec; } + +notebook > header tab.reorderable-page:checked { border-color: rgba(27, 27, 27, 0.5); background-color: rgba(53, 53, 53, 0.5); } + +notebook > header tab.reorderable-page:checked:hover { background-color: rgba(53, 53, 53, 0.7); } + +notebook > header tab:backdrop:checked { color: #919190; } + +notebook > header tab.reorderable-page:backdrop:checked { border-color: #202020; background-color: #353535; } + +notebook > header tab button.flat { padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px; min-height: 20px; } + +notebook > header tab button.flat:hover { color: currentColor; } + +notebook > header tab button.flat, notebook > header tab button.flat:backdrop { color: alpha(currentColor,0.3); } + +notebook > header tab button.flat:last-child { margin-left: 4px; margin-right: -4px; } + +notebook > header tab button.flat:first-child { margin-left: -4px; margin-right: 4px; } + +notebook > header.top tabs, notebook > header.bottom tabs { padding-left: 4px; padding-right: 4px; } + +notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) { margin-left: 3px; margin-right: 3px; } + +notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { margin-left: -1px; } + +notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { margin-right: -1px; } + +notebook > header.top tabs tab, notebook > header.bottom tabs tab { margin-left: 4px; margin-right: 4px; } + +notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { border-style: none solid; } + +notebook > header.left tabs, notebook > header.right tabs { padding-top: 4px; padding-bottom: 4px; } + +notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) { margin-top: 3px; margin-bottom: 3px; } + +notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { margin-top: -1px; } + +notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { margin-bottom: -1px; } + +notebook > header.left tabs tab, notebook > header.right tabs tab { margin-top: 4px; margin-bottom: 4px; } + +notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { border-style: solid none; } + +notebook > header.top tab { padding-bottom: 4px; } + +notebook > header.bottom tab { padding-top: 4px; } + +notebook > stack:not(:only-child) { background-color: #2d2d2d; } + +notebook > stack:not(:only-child):backdrop { background-color: #303030; } + +/************** Scrollbars * */ +scrollbar { background-color: #313131; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +* { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; } + +scrollbar.top { border-bottom: 1px solid #1b1b1b; } + +scrollbar.bottom { border-top: 1px solid #1b1b1b; } + +scrollbar.left { border-right: 1px solid #1b1b1b; } + +scrollbar.right { border-left: 1px solid #1b1b1b; } + +scrollbar:backdrop { background-color: #2d2d2d; border-color: #202020; transition: 200ms ease-out; } + +scrollbar slider { min-width: 8px; min-height: 8px; margin: -1px; border: 4px solid transparent; border-radius: 10px; background-clip: padding-box; background-color: #a4a4a3; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +scrollbar slider:hover { background-color: #c9c9c7; } + +scrollbar slider:hover:active { background-color: #1b6acb; } + +scrollbar slider:backdrop { background-color: #5a5a59; } + +scrollbar slider:disabled { background-color: transparent; } + +scrollbar.fine-tune slider { transition: none; min-width: 6px; min-height: 6px; } + +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) { border-color: transparent; opacity: 0.4; background-color: transparent; } + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { margin: 0; min-width: 3px; min-height: 3px; background-color: #eeeeec; border: 1px solid black; } + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 5px; min-height: 5px; background-color: #eeeeec; background-clip: padding-box; border-radius: 100%; border: 1px solid black; -gtk-icon-source: none; } + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { margin: 0 2px; min-width: 40px; } + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button { margin: 1px 2px; min-width: 5px; } + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { margin: 2px 0; min-height: 40px; } + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button { margin: 2px 1px; min-height: 5px; } + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { opacity: 0.8; } + +scrollbar.horizontal slider { min-width: 40px; } + +scrollbar.vertical slider { min-height: 40px; } + +scrollbar button { padding: 0; min-width: 12px; min-height: 12px; border-style: none; border-radius: 0; transition-property: min-height, min-width, color; border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #a4a4a3; } + +scrollbar button:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #c9c9c7; } + +scrollbar button:active, scrollbar button:checked { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #1b6acb; } + +scrollbar button:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(164, 164, 163, 0.2); } + +scrollbar button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #5a5a59; } + +scrollbar button:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(90, 90, 89, 0.2); } + +scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +scrollbar.vertical button.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + +scrollbar.horizontal button.down { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + +treeview ~ scrollbar.vertical { border-top: 1px solid #1b1b1b; margin-top: -1px; } + +/********** Switch * */ +switch { outline-offset: -4px; border: 1px solid #1b1b1b; border-radius: 14px; color: #eeeeec; background-color: #282828; text-shadow: 0 1px rgba(0, 0, 0, 0.1); /* only show i / o for the accessible theme */ } + +switch:checked { color: #ffffff; border-color: #030c17; background-color: #1b6acb; text-shadow: 0 1px rgba(3, 12, 23, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); } + +switch:disabled { color: #919190; border-color: #1b1b1b; background-color: #323232; text-shadow: none; } + +switch:backdrop { color: #919190; border-color: #202020; background-color: #2e2e2e; text-shadow: none; transition: 200ms ease-out; } + +switch:backdrop:checked { border-color: #030c17; background-color: #1b6acb; } + +switch:backdrop:disabled { color: #5b5b5b; border-color: #202020; background-color: #323232; } + +switch slider { margin: -1px; min-width: 24px; min-height: 24px; border: 1px solid; border-radius: 50%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-outline-radius: 20px; color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #111111; text-shadow: 0 -1px rgba(0, 0, 0, 0.786353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.786353); background-image: linear-gradient(to bottom, #3c3c3c 20%, #353535 90%); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); } + +switch image { color: transparent; } + +switch:hover slider { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #111111; background-image: linear-gradient(to bottom, #444444 20%, #3a3a3a 90%); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); } + +switch:checked > slider { border: 1px solid #030c17; } + +switch:disabled slider { color: #919190; border-color: #1b1b1b; background-image: image(#323232); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +switch:backdrop slider { transition: 200ms ease-out; color: #919190; border-color: #202020; background-image: image(#353535); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +switch:backdrop:checked > slider { border-color: #030c17; } + +switch:backdrop:disabled slider { color: #5b5b5b; border-color: #202020; background-image: image(#323232); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +/************************* Check and Radio items * */ +.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view:not(list) check { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #1b6acb; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } + +.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view:not(list) check:hover { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #1b6acb; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } + +.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view:not(list) check:active { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #1b6acb; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } + +.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view:not(list) check:backdrop { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #737373; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } + +.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view:not(list) check:checked { margin: 4px; min-width: 32px; min-height: 32px; color: #eeeeec; background-color: #1b6acb; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } + +.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view:not(list) check:checked:hover { margin: 4px; min-width: 32px; min-height: 32px; color: #eeeeec; background-color: #1b6acb; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } + +.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view:not(list) check:checked:active { margin: 4px; min-width: 32px; min-height: 32px; color: #eeeeec; background-color: #1b6acb; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } + +.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view:not(list) check:backdrop:checked { margin: 4px; min-width: 32px; min-height: 32px; color: rgba(238, 238, 236, 0.8); background-color: #737373; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } + +checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; } + +checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { margin-left: 4px; } + +checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { margin-right: 4px; } + +check, radio { margin: 0 4px; min-height: 14px; min-width: 14px; border: 1px solid; -gtk-icon-source: none; } + +check:only-child, radio:only-child { margin: 0; } + +popover check.left:dir(rtl), popover radio.left:dir(rtl) { margin-left: 0; margin-right: 12px; } + +popover check.right:dir(ltr), popover radio.right:dir(ltr) { margin-left: 12px; margin-right: 0; } + +check, radio { background-clip: padding-box; background-image: linear-gradient(to bottom, #424242 20%, #353535 90%); border-color: #070707; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #eeeeec; } + +check:hover, radio:hover { background-image: linear-gradient(to bottom, #4c4c4c 10%, #3f3f3f 90%); } + +check:active, radio:active { box-shadow: inset 0 1px 1px 0px black; } + +check:disabled, radio:disabled { box-shadow: none; color: rgba(238, 238, 236, 0.7); } + +check:backdrop, radio:backdrop { background-image: image(#353535); box-shadow: none; color: #eeeeec; } + +check:backdrop:disabled, radio:backdrop:disabled { box-shadow: none; color: rgba(238, 238, 236, 0.7); } + +check:checked, radio:checked { background-clip: border-box; background-image: linear-gradient(to bottom, #1f76e1 20%, #1b6acb 90%); border-color: #1b6acb; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; } + +check:checked:hover, radio:checked:hover { background-image: linear-gradient(to bottom, #3181e3 10%, #1e74dd 90%); } + +check:checked:active, radio:checked:active { box-shadow: inset 0 1px 1px 0px black; } + +check:checked:disabled, radio:checked:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } + +check:checked:backdrop, radio:checked:backdrop { background-image: image(#1b6acb); box-shadow: none; color: #ffffff; } + +check:checked:backdrop:disabled, radio:checked:backdrop:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } + +check:indeterminate, radio:indeterminate { background-clip: border-box; background-image: linear-gradient(to bottom, #1f76e1 20%, #1b6acb 90%); border-color: #1b6acb; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; } + +check:indeterminate:hover, radio:indeterminate:hover { background-image: linear-gradient(to bottom, #3181e3 10%, #1e74dd 90%); } + +check:indeterminate:active, radio:indeterminate:active { box-shadow: inset 0 1px 1px 0px black; } + +check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } + +check:indeterminate:backdrop, radio:indeterminate:backdrop { background-image: image(#1b6acb); box-shadow: none; color: #ffffff; } + +check:indeterminate:backdrop:disabled, radio:indeterminate:backdrop:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } + +check:backdrop, radio:backdrop { transition: 200ms ease-out; } + +.osd check, .osd radio { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } + +.osd check:hover, .osd radio:hover { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } + +.osd check:active, .osd radio:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } + +.osd check:backdrop, .osd radio:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.9)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + +.osd check:disabled, .osd radio:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + +menu menuitem check, menu menuitem radio { margin: 0; } + +menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked, menu menuitem check:checked:hover, menu menuitem check:checked:disabled, menu menuitem check:indeterminate, menu menuitem check:indeterminate:hover, menu menuitem check:indeterminate:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem radio:checked, menu menuitem radio:checked:hover, menu menuitem radio:checked:disabled, menu menuitem radio:indeterminate, menu menuitem radio:indeterminate:hover, menu menuitem radio:indeterminate:disabled { min-height: 14px; min-width: 14px; background-image: none; background-color: transparent; box-shadow: none; -gtk-icon-shadow: none; color: inherit; border-color: currentColor; } + +check { border-radius: 3px; } + +check:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/check-symbolic.svg")), -gtk-recolor(url("assets/check-symbolic.symbolic.png"))); } + +check:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); } + +treeview.view radio:selected:focus, treeview.view radio:selected, radio { border-radius: 100%; } + +treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/bullet-symbolic.svg")), -gtk-recolor(url("assets/bullet-symbolic.symbolic.png"))); } + +treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); } + +radio:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: scale(0); } + +check:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); } + +radio:active, check:active { -gtk-icon-transform: scale(0, 1); } + +radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop), check:checked:not(:backdrop), check:indeterminate:not(:backdrop) { -gtk-icon-transform: unset; transition: 400ms; } + +menu menuitem radio:checked:not(:backdrop), menu menuitem radio:indeterminate:not(:backdrop), menu menuitem check:checked:not(:backdrop), menu menuitem check:indeterminate:not(:backdrop) { transition: none; } + +treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: #ffffff; } + +/************ GtkScale * */ +progressbar trough, scale fill, scale trough { border: 1px solid #1b1b1b; border-radius: 3px; background-color: #282828; } + +progressbar trough:disabled, scale fill:disabled, scale trough:disabled { background-color: #323232; } + +progressbar trough:backdrop, scale fill:backdrop, scale trough:backdrop { background-color: #2e2e2e; border-color: #202020; transition: 200ms ease-out; } + +progressbar trough:backdrop:disabled, scale fill:backdrop:disabled, scale trough:backdrop:disabled { background-color: #323232; } + +row:selected progressbar trough, progressbar row:selected trough, row:selected scale fill, scale row:selected fill, row:selected scale trough, scale row:selected trough { border-color: #030c17; } + +.osd progressbar trough, progressbar .osd trough, .osd scale fill, scale .osd fill, .osd scale trough, scale .osd trough { border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); } + +.osd progressbar trough:disabled, progressbar .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd scale trough:disabled, scale .osd trough:disabled { background-color: rgba(58, 58, 57, 0.5); } + +progressbar progress, scale highlight { border: 1px solid #030c17; border-radius: 3px; background-color: #15539e; } + +progressbar progress:disabled, scale highlight:disabled { background-color: transparent; border-color: transparent; } + +progressbar progress:backdrop, scale highlight:backdrop { border-color: #030c17; } + +progressbar progress:backdrop:disabled, scale highlight:backdrop:disabled { background-color: transparent; border-color: transparent; } + +row:selected progressbar progress, progressbar row:selected progress, row:selected scale highlight, scale row:selected highlight { border-color: #030c17; } + +.osd progressbar progress, progressbar .osd progress, .osd scale highlight, scale .osd highlight { border-color: rgba(0, 0, 0, 0.7); } + +.osd progressbar progress:disabled, progressbar .osd progress:disabled, .osd scale highlight:disabled, scale .osd highlight:disabled { border-color: transparent; } + +scale { min-height: 10px; min-width: 10px; padding: 12px; } + +scale fill, scale highlight { margin: -1px; } + +scale slider { min-height: 18px; min-width: 18px; margin: -9px; } + +scale.fine-tune.horizontal { padding-top: 9px; padding-bottom: 9px; min-height: 16px; } + +scale.fine-tune.vertical { padding-left: 9px; padding-right: 9px; min-width: 16px; } + +scale.fine-tune slider { margin: -6px; } + +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: 5px; } + +scale fill:backdrop, scale fill { background-color: #1b1b1b; } + +scale fill:disabled:backdrop, scale fill:disabled { border-color: transparent; background-color: transparent; } + +.osd scale fill { background-color: rgba(91, 91, 90, 0.775); } + +.osd scale fill:disabled:backdrop, .osd scale fill:disabled { border-color: transparent; background-color: transparent; } + +scale slider { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #070707; text-shadow: 0 -1px rgba(0, 0, 0, 0.834353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.834353); background-image: linear-gradient(to bottom, #2d2d2d 20%, #262626 90%); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); border: 1px solid black; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; } + +scale slider:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #070707; background-image: linear-gradient(to bottom, #353535 20%, #2b2b2b 90%); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); } + +scale slider:active { border-color: #030c17; } + +scale slider:disabled { color: #919190; border-color: #1b1b1b; background-image: image(#323232); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +scale slider:backdrop { transition: 200ms ease-out; color: #919190; border-color: #202020; background-image: image(#353535); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +scale slider:backdrop:disabled { color: #5b5b5b; border-color: #202020; background-image: image(#323232); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +row:selected scale slider:disabled, row:selected scale slider { border-color: #030c17; } + +.osd scale slider { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); border-color: rgba(0, 0, 0, 0.7); background-color: #262626; } + +.osd scale slider:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(68, 68, 68, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); background-color: #262626; } + +.osd scale slider:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); background-color: #262626; } + +.osd scale slider:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-color: #262626; } + +.osd scale slider:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.9)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-color: #262626; } + +.osd scale slider:backdrop:disabled { background-color: #262626; } + +scale marks, scale value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; } + +scale.horizontal marks.top { margin-bottom: 6px; margin-top: -12px; } + +scale.horizontal.fine-tune marks.top { margin-bottom: 6px; margin-top: -9px; } + +scale.horizontal marks.bottom { margin-top: 6px; margin-bottom: -12px; } + +scale.horizontal.fine-tune marks.bottom { margin-top: 6px; margin-bottom: -9px; } + +scale.vertical marks.top { margin-right: 6px; margin-left: -12px; } + +scale.vertical.fine-tune marks.top { margin-right: 6px; margin-left: -9px; } + +scale.vertical marks.bottom { margin-left: 6px; margin-right: -12px; } + +scale.vertical.fine-tune marks.bottom { margin-left: 6px; margin-right: -9px; } + +scale.horizontal indicator { min-height: 6px; min-width: 1px; } + +scale.horizontal.fine-tune indicator { min-height: 3px; } + +scale.vertical indicator { min-height: 1px; min-width: 6px; } + +scale.vertical.fine-tune indicator { min-width: 3px; } + +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-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png")); min-height: 26px; min-width: 22px; 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-dark.png"), url("assets/slider-horz-scale-has-marks-above-hover-dark@2.png")); min-height: 26px; min-width: 22px; 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-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@2.png")); min-height: 26px; min-width: 22px; 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-dark.png"), url("assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png")); min-height: 26px; min-width: 22px; 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:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-dark.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-dark@2.png")); min-height: 26px; min-width: 22px; 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:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark@2.png")); min-height: 26px; min-width: 22px; 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-dark.png"), url("assets/slider-horz-scale-has-marks-below-dark@2.png")); min-height: 26px; min-width: 22px; 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-dark.png"), url("assets/slider-horz-scale-has-marks-below-hover-dark@2.png")); min-height: 26px; min-width: 22px; 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-dark.png"), url("assets/slider-horz-scale-has-marks-below-active-dark@2.png")); min-height: 26px; min-width: 22px; 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-dark.png"), url("assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png")); min-height: 26px; min-width: 22px; 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:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-dark.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-dark@2.png")); min-height: 26px; min-width: 22px; 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:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark@2.png")); min-height: 26px; min-width: 22px; 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-dark.png"), url("assets/slider-vert-scale-has-marks-above-dark@2.png")); min-height: 22px; 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-dark.png"), url("assets/slider-vert-scale-has-marks-above-hover-dark@2.png")); min-height: 22px; 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-dark.png"), url("assets/slider-vert-scale-has-marks-above-active-dark@2.png")); min-height: 22px; 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-dark.png"), url("assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png")); min-height: 22px; 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:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-dark.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-dark@2.png")); min-height: 22px; 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:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark@2.png")); min-height: 22px; 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-dark.png"), url("assets/slider-vert-scale-has-marks-below-dark@2.png")); min-height: 22px; 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-dark.png"), url("assets/slider-vert-scale-has-marks-below-hover-dark@2.png")); min-height: 22px; 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-dark.png"), url("assets/slider-vert-scale-has-marks-below-active-dark@2.png")); min-height: 22px; 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-dark.png"), url("assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png")); min-height: 22px; 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:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-dark.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-dark@2.png")); min-height: 22px; 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:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark@2.png")); min-height: 22px; 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.color { min-height: 0; min-width: 0; } + +scale.color trough { background-image: image(#1b1b1b); background-repeat: no-repeat; } + +scale.color.horizontal { padding: 0 0 15px 0; } + +scale.color.horizontal trough { padding-bottom: 4px; background-position: 0 -3px; border-top-left-radius: 0; border-top-right-radius: 0; } + +scale.color.horizontal slider:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):backdrop, scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal slider:dir(ltr):backdrop:disabled, scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl):hover, scale.color.horizontal slider:dir(rtl):backdrop, scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal slider:dir(rtl):backdrop:disabled, scale.color.horizontal slider:dir(rtl) { margin-bottom: -15px; margin-top: 6px; } + +scale.color.vertical:dir(ltr) { padding: 0 0 0 15px; } + +scale.color.vertical:dir(ltr) trough { padding-left: 4px; background-position: 3px 0; border-bottom-right-radius: 0; border-top-right-radius: 0; } + +scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; } + +scale.color.vertical:dir(rtl) { padding: 0 15px 0 0; } + +scale.color.vertical:dir(rtl) trough { padding-right: 4px; background-position: -3px 0; border-bottom-left-radius: 0; border-top-left-radius: 0; } + +scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; } + +scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) { padding: 0 0 12px 0; } + +scale.color.fine-tune.horizontal:dir(ltr) trough, scale.color.fine-tune.horizontal:dir(rtl) trough { padding-bottom: 7px; background-position: 0 -6px; } + +scale.color.fine-tune.horizontal:dir(ltr) slider, scale.color.fine-tune.horizontal:dir(rtl) slider { margin-bottom: -15px; margin-top: 6px; } + +scale.color.fine-tune.vertical:dir(ltr) { padding: 0 0 0 12px; } + +scale.color.fine-tune.vertical:dir(ltr) trough { padding-left: 7px; background-position: 6px 0; } + +scale.color.fine-tune.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; } + +scale.color.fine-tune.vertical:dir(rtl) { padding: 0 12px 0 0; } + +scale.color.fine-tune.vertical:dir(rtl) trough { padding-right: 7px; background-position: -6px 0; } + +scale.color.fine-tune.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; } + +/***************** Progress bars * */ +progressbar { font-size: smaller; color: rgba(238, 238, 236, 0.4); font-feature-settings: "tnum"; } + +progressbar.horizontal trough, progressbar.horizontal progress { min-height: 2px; } + +progressbar.vertical trough, progressbar.vertical progress { min-width: 2px; } + +progressbar.horizontal progress { margin: 0 -1px; } + +progressbar.vertical progress { margin: -1px 0; } + +progressbar:backdrop { box-shadow: none; transition: 200ms ease-out; } + +progressbar progress { border-radius: 1.5px; } + +progressbar progress.left { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } + +progressbar progress.right { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } + +progressbar progress.top { border-top-right-radius: 2px; border-top-left-radius: 2px; } + +progressbar progress.bottom { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } + +progressbar.osd { min-width: 3px; min-height: 3px; background-color: transparent; } + +progressbar.osd trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; } + +progressbar.osd progress { border-style: none; border-radius: 0; } + +progressbar trough.empty progress { all: unset; } + +/************* Level Bar * */ +levelbar.horizontal block { min-height: 1px; } + +levelbar.horizontal.discrete block { margin: 0 1px; min-width: 32px; } + +levelbar.vertical block { min-width: 1px; } + +levelbar.vertical.discrete block { margin: 1px 0; min-height: 32px; } + +levelbar:backdrop { transition: 200ms ease-out; } + +levelbar trough { border: 1px solid; padding: 2px; border-radius: 3px; color: white; border-color: #1b1b1b; background-color: #2d2d2d; box-shadow: inset 0 0 0 1px rgba(21, 83, 158, 0); } + +levelbar trough:backdrop { color: #d6d6d6; border-color: #202020; background-color: #303030; box-shadow: none; } + +levelbar block { border: 1px solid; border-radius: 1px; } + +levelbar block.low { border-color: #f57900; background-color: #f57900; } + +levelbar block.low:backdrop { border-color: #f57900; } + +levelbar block.high, levelbar block:not(.empty) { border-color: #15539e; background-color: #15539e; } + +levelbar block.high:backdrop, levelbar block:not(.empty):backdrop { border-color: #15539e; } + +levelbar block.full { border-color: #26ab62; background-color: #26ab62; } + +levelbar block.full:backdrop { border-color: #26ab62; } + +levelbar block.empty { background-color: transparent; border-color: rgba(238, 238, 236, 0.1); } + +levelbar block.empty:backdrop { border-color: rgba(145, 145, 144, 0.15); } + +/**************** Print dialog * */ +printdialog paper { color: #eeeeec; border: 1px solid #1b1b1b; background: white; padding: 0; } + +printdialog paper:backdrop { color: #919190; border-color: #202020; } + +printdialog .dialog-action-box { margin: 12px; } + +/********** Frames * */ +frame > border, .frame { box-shadow: none; margin: 0; padding: 0; border-radius: 0; border: 1px solid #1b1b1b; } + +frame > border.flat, .frame.flat { border-style: none; } + +frame > border:backdrop, .frame:backdrop { border-color: #202020; } + +actionbar > revealer > box { padding: 6px; border-top: 1px solid #1b1b1b; } + +actionbar > revealer > box:backdrop { border-color: #202020; } + +scrolledwindow viewport.frame { border-style: none; } + +scrolledwindow overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#020202), to(rgba(2, 2, 2, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow overshoot.top:backdrop { background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#202020), to(rgba(32, 32, 32, 0))); background-size: 100% 5%; 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.5, to(#020202), to(rgba(2, 2, 2, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow overshoot.bottom:backdrop { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#202020), to(rgba(32, 32, 32, 0))); background-size: 100% 5%; 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.5, to(#020202), to(rgba(2, 2, 2, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow overshoot.left:backdrop { background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#202020), to(rgba(32, 32, 32, 0))); background-size: 5% 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.5, to(#020202), to(rgba(2, 2, 2, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow overshoot.right:backdrop { background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#202020), to(rgba(32, 32, 32, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #1b1b1b 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #313131; } + +scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } + +scrolledwindow junction:backdrop { border-image-source: linear-gradient(to bottom, #202020 1px, transparent 1px); background-color: #2d2d2d; transition: 200ms ease-out; } + +separator { background: rgba(0, 0, 0, 0.1); min-width: 1px; min-height: 1px; } + +/********* Lists * */ +list { color: white; background-color: #2d2d2d; border-color: #1b1b1b; } + +list:backdrop { color: #d6d6d6; background-color: #303030; border-color: #202020; } + +list row { padding: 2px; } + +row { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +row:hover { transition: none; } + +row:backdrop { transition: 200ms ease-out; } + +row.activatable.has-open-popup, row.activatable:hover { background-color: rgba(238, 238, 236, 0.05); } + +row.activatable:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } + +row.activatable:backdrop:hover { background-color: transparent; } + +row.activatable:selected:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } + +row.activatable.has-open-popup:selected, row.activatable:selected:hover { background-color: #2b62a6; } + +row.activatable:selected:backdrop { background-color: #15539e; } + +/********************* App Notifications * */ +.app-notification, .app-notification.frame { padding: 10px; border-radius: 0 0 5px 5px; background-color: rgba(38, 38, 38, 0.9); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; } + +.app-notification:backdrop, .app-notification.frame:backdrop { background-image: none; transition: 200ms ease-out; } + +.app-notification border, .app-notification.frame border { border: none; } + +/************* Expanders * */ +expander title > arrow { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +expander title > arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + +expander title > arrow:hover { color: white; } + +expander title > arrow:disabled { color: #919190; } + +expander title > arrow:disabled:backdrop { color: #5b5b5b; } + +expander title > arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +/************ Calendar * */ +calendar { color: white; border: 1px solid #1b1b1b; } + +calendar:selected { border-radius: 3px; } + +calendar.header { border-bottom-color: rgba(0, 0, 0, 0.1); } + +calendar.header:backdrop { border-bottom-color: rgba(0, 0, 0, 0.1); } + +calendar.button { color: rgba(238, 238, 236, 0.45); } + +calendar.button:hover { color: #eeeeec; } + +calendar.button:backdrop { color: rgba(145, 145, 144, 0.45); } + +calendar.button:disabled { color: rgba(145, 145, 144, 0.45); } + +calendar.highlight { color: #919190; } + +calendar.highlight:backdrop { color: #5b5b5b; } + +calendar:backdrop { color: #d6d6d6; border-color: #202020; } + +calendar:indeterminate { color: alpha(currentColor,0.1); } + +/*********** Dialogs * */ +messagedialog .titlebar { min-height: 20px; background-image: none; background-color: #353535; border-style: none; border-top-left-radius: 7px; border-top-right-radius: 7px; } + +messagedialog.csd.background { border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; } + +messagedialog.csd .dialog-action-area button { padding: 10px 14px; border-right-style: none; border-bottom-style: none; border-radius: 0; -gtk-outline-radius: 0; } + +messagedialog.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 7px; -gtk-outline-bottom-left-radius: 7px; } + +messagedialog.csd .dialog-action-area button:last-child { border-bottom-right-radius: 7px; -gtk-outline-bottom-right-radius: 7px; } + +filechooser .dialog-action-box { border-top: 1px solid #1b1b1b; } + +filechooser .dialog-action-box:backdrop { border-top-color: #202020; } + +filechooser #pathbarbox { border-bottom: 1px solid #353535; } + +filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; } + +/*********** Sidebar * */ +.sidebar { border-style: none; background-color: #313131; } + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar.left:not(separator) { border-right: 1px solid #1b1b1b; border-left-style: none; } + +stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar.right:not(separator) { border-left: 1px solid #1b1b1b; border-right-style: none; } + +.sidebar:backdrop { background-color: #323232; border-color: #202020; transition: 200ms ease-out; } + +.sidebar list { background-color: transparent; } + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; } + +stacksidebar row { padding: 10px 4px; } + +stacksidebar row > label { padding-left: 6px; padding-right: 6px; } + +stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } + +separator.sidebar { background-color: #1b1b1b; } + +separator.sidebar:backdrop { background-color: #202020; } + +separator.sidebar.selection-mode, .selection-mode separator.sidebar { background-color: #092444; } + +/**************** File chooser * */ +row image.sidebar-icon { opacity: 0.7; } + +placessidebar > viewport.frame { border-style: none; } + +placessidebar row { min-height: 36px; padding: 0px; } + +placessidebar row > revealer { padding: 0 14px; } + +placessidebar row:selected { color: #ffffff; } + +placessidebar row:disabled { color: #919190; } + +placessidebar row:backdrop { color: #919190; } + +placessidebar row:backdrop:selected { color: #d6d6d6; } + +placessidebar row:backdrop:disabled { color: #5b5b5b; } + +placessidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; } + +placessidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; } + +placessidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; } + +placessidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } + +button.sidebar-button { min-height: 26px; min-width: 26px; margin-top: 3px; margin-bottom: 3px; padding: 0; border-radius: 100%; -gtk-outline-radius: 100%; } + +button.sidebar-button:not(:hover):not(:active) > image, button.sidebar-button:backdrop > image { opacity: 0.7; } + +placessidebar row:selected:active { box-shadow: none; } + +placessidebar row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#4e9a06); background-clip: content-box; } + +placessidebar row.sidebar-new-bookmark-row { color: #15539e; } + +placessidebar row:drop(active):not(:disabled) { color: #4e9a06; box-shadow: inset 0 1px #4e9a06, inset 0 -1px #4e9a06; } + +placessidebar row:drop(active):not(:disabled):selected { color: #ffffff; background-color: #4e9a06; } + +placesview .server-list-button > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -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 row.activatable:hover { background-color: transparent; } + +placesview > actionbar > revealer > box > label { padding-left: 8px; padding-right: 8px; } + +/********* Paned * */ +paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(#1b1b1b); background-size: 1px 1px; } + +paned > separator:selected { background-image: image(#15539e); } + +paned > separator:backdrop { background-image: image(#202020); } + +paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #353535; background-image: image(#1b1b1b), image(#1b1b1b); background-size: 1px 1px, 1px 1px; } + +paned > separator.wide:backdrop { background-color: #353535; background-image: image(#202020), image(#202020); } + +paned.horizontal > separator { background-repeat: repeat-y; } + +paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; } + +paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; } + +paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; } + +paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; } + +paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; } + +/************** GtkInfoBar * */ +infobar { border-style: none; } + +infobar.action:hover > revealer > box { background-color: #3e3b37; border-bottom: 1px solid #282828; } + +infobar.info, infobar.question, infobar.warning, infobar.error { text-shadow: none; } + +infobar.info:backdrop > revealer > box, infobar.info > revealer > box, infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box, infobar.error > revealer > box { background-color: #44403b; border-bottom: 1px solid #282828; } + +infobar.info:backdrop > revealer > box label, infobar.info:backdrop > revealer > box, infobar.info > revealer > box label, infobar.info > revealer > box, infobar.question:backdrop > revealer > box label, infobar.question:backdrop > revealer > box, infobar.question > revealer > box label, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box label, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box label, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box label, infobar.error:backdrop > revealer > box, infobar.error > revealer > box label, infobar.error > revealer > box { color: #eeeeec; } + +infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop { text-shadow: none; } + +infobar.info button, infobar.question button, infobar.warning button, infobar.error button { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; border-bottom-color: #070707; background-image: linear-gradient(to top, #323232 2px, #353535); text-shadow: 0 -1px rgba(0, 0, 0, 0.834353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.834353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); } + +infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; border-bottom-color: #070707; background-image: linear-gradient(to top, #323232, #373737 1px); text-shadow: 0 -1px rgba(0, 0, 0, 0.786353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.786353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); } + +infobar.info button:active, infobar.info button:checked, infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked, infobar.error button:active, infobar.error button:checked { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; background-image: image(#1e1e1e); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } + +infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { color: #919190; border-color: #1b1b1b; background-image: image(#323232); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop { color: #919190; border-color: #202020; background-image: image(#353535); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #1b1b1b; } + +infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled { color: #5b5b5b; border-color: #202020; background-image: image(#323232); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #1b1b1b; } + +infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info button label, infobar.info button, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.question button label, infobar.question button, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.warning button label, infobar.warning button, infobar.error button:backdrop label, infobar.error button:backdrop, infobar.error button label, infobar.error button { color: #eeeeec; } + +infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { background-color: #1b1b1b; } + +infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link { color: #3584e4; } + +/************ Tooltips * */ +tooltip { padding: 4px; /* not working */ border-radius: 5px; box-shadow: none; text-shadow: 0 1px black; } + +tooltip.background { background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); } + +tooltip decoration { background-color: transparent; } + +tooltip * { padding: 4px; background-color: transparent; color: white; } + +/***************** Color Chooser * */ +colorswatch:drop(active), colorswatch { border-style: none; } + +colorswatch.top { border-top-left-radius: 5.5px; border-top-right-radius: 5.5px; } + +colorswatch.top overlay { border-top-left-radius: 5px; border-top-right-radius: 5px; } + +colorswatch.bottom { border-bottom-left-radius: 5.5px; border-bottom-right-radius: 5.5px; } + +colorswatch.bottom overlay { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } + +colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 5.5px; border-bottom-left-radius: 5.5px; } + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } + +colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 5.5px; border-bottom-right-radius: 5.5px; } + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } + +colorswatch.dark { outline-color: rgba(255, 255, 255, 0.6); } + +colorswatch.dark overlay { color: white; } + +colorswatch.dark overlay:hover { border-color: #1b1b1b; } + +colorswatch.dark overlay:backdrop { color: rgba(255, 255, 255, 0.5); } + +colorswatch.light { outline-color: rgba(0, 0, 0, 0.6); } + +colorswatch.light overlay { color: black; } + +colorswatch.light overlay:hover { border-color: #1b1b1b; } + +colorswatch.light overlay:backdrop { color: rgba(0, 0, 0, 0.5); } + +colorswatch:drop(active) { box-shadow: none; } + +colorswatch.light:drop(active) overlay { border-color: #4e9a06; box-shadow: inset 0 0 0 2px #1b1b1b, inset 0 0 0 1px #4e9a06; } + +colorswatch.dark:drop(active) overlay { border-color: #4e9a06; box-shadow: inset 0 0 0 2px #1b1b1b, inset 0 0 0 1px #4e9a06; } + +colorswatch overlay { border: 1px solid #1b1b1b; } + +colorswatch overlay:hover { box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.2); } + +colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { border-color: #1b1b1b; box-shadow: none; } + +colorswatch#add-color-button { border-radius: 5px 5px 0 0; } + +colorswatch#add-color-button:only-child { border-radius: 5px; } + +colorswatch#add-color-button overlay { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; border-bottom-color: #070707; background-image: linear-gradient(to top, #323232 2px, #353535); text-shadow: 0 -1px rgba(0, 0, 0, 0.834353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.834353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); } + +colorswatch#add-color-button overlay:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; border-bottom-color: #070707; background-image: linear-gradient(to top, #323232, #373737 1px); text-shadow: 0 -1px rgba(0, 0, 0, 0.786353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.786353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); } + +colorswatch#add-color-button overlay:backdrop { color: #919190; border-color: #202020; background-image: image(#353535); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +colorswatch:disabled { opacity: 0.5; } + +colorswatch:disabled overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; } + +row:selected colorswatch { box-shadow: 0 0 0 2px #ffffff; } + +colorswatch#editor-color-sample { border-radius: 4px; } + +colorswatch#editor-color-sample overlay { border-radius: 4.5px; } + +colorchooser .popover.osd { border-radius: 5px; } + +/******** Misc * */ +.content-view { background-color: #232323; } + +.content-view:hover { -gtk-icon-effect: highlight; } + +.content-view:backdrop { background-color: #232323; } + +.osd .scale-popup button.flat { border-style: none; border-radius: 5px; } + +.scale-popup button:hover { background-color: rgba(238, 238, 236, 0.1); border-radius: 5px; } + +/********************** Window Decorations * */ +decoration { border-radius: 8px 8px 0 0; border-width: 0px; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.75); margin: 10px; } + +decoration:backdrop { box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.75); transition: 200ms ease-out; } + +.maximized decoration, .fullscreen decoration { border-radius: 0; box-shadow: none; } + +.tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { border-radius: 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; } + +.tiled decoration:backdrop, .tiled-top decoration:backdrop, .tiled-right decoration:backdrop, .tiled-bottom decoration:backdrop, .tiled-left decoration:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; } + +.popup decoration { box-shadow: none; } + +.ssd decoration { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75); } + +.ssd decoration:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75); } + +.csd.popup decoration { border-radius: 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); } + +tooltip.csd decoration { border-radius: 5px; box-shadow: none; } + +messagedialog.csd decoration { border-radius: 8px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); } + +.solid-csd decoration { margin: 0; padding: 4px; background-color: #1b1b1b; border: solid 1px #1b1b1b; border-radius: 0; box-shadow: inset 0 0 0 3px #2d2d2d, inset 0 1px rgba(238, 238, 236, 0.07); } + +.solid-csd decoration:backdrop { box-shadow: inset 0 0 0 3px #353535, inset 0 1px rgba(238, 238, 236, 0.07); } + +button.titlebutton { text-shadow: 0 -1px rgba(0, 0, 0, 0.834353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.834353); } + +button.titlebutton:not(.appmenu) { border-radius: 9999px; padding: 6px; margin: 0 2px; min-width: 0; min-height: 0; } + +button.titlebutton:backdrop { -gtk-icon-shadow: none; } + +.selection-mode headerbar button.titlebutton, .selection-mode .titlebar button.titlebutton, headerbar.selection-mode button.titlebutton, .titlebar.selection-mode button.titlebutton { text-shadow: 0 -1px rgba(0, 0, 0, 0.719216); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.719216); } + +.selection-mode headerbar button.titlebutton:backdrop, .selection-mode .titlebar button.titlebutton:backdrop, headerbar.selection-mode button.titlebutton:backdrop, .titlebar.selection-mode button.titlebutton:backdrop { -gtk-icon-shadow: none; } + +.view:selected:focus, .view:selected, .view text:selected:focus, textview text:selected:focus, .view text:selected, textview text:selected, .view text selection:focus, .view text selection, textview text selection:focus, textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, .view text selection, iconview text selection, flowbox flowboxchild:selected, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { background-color: #15539e; } + +label:selected, .selection-mode button.titlebutton, .view:selected:focus, .view:selected, .view text:selected:focus, textview text:selected:focus, .view text:selected, textview text:selected, .view text selection:focus, .view text selection, textview text selection:focus, textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, .view text selection, iconview text selection, flowbox flowboxchild:selected, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { color: #ffffff; } + +label:disabled selection, label:disabled:selected, .selection-mode button.titlebutton:disabled, .view:disabled:selected, textview text:disabled:selected:focus, .view text:disabled:selected, textview text:disabled:selected, .view text selection:disabled, textview text selection:disabled:focus, textview text selection:disabled, iconview:disabled:selected:focus, iconview:disabled:selected, iconview text selection:disabled:focus, iconview text selection:disabled, flowbox flowboxchild:disabled:selected, entry selection:disabled, modelbutton.flat:disabled:selected, .menuitem.button.flat:disabled:selected, spinbutton:not(.vertical) selection:disabled, treeview.view:disabled:selected, row:disabled:selected, calendar:disabled:selected { color: #8aa9ce; } + +label:backdrop selection, label:backdrop:selected, .selection-mode button.titlebutton:backdrop, .view:backdrop:selected, textview text:backdrop:selected:focus, .view text:backdrop:selected, textview text:backdrop:selected, .view text selection:backdrop, textview text selection:backdrop:focus, textview text selection:backdrop, iconview:backdrop:selected:focus, iconview:backdrop:selected, iconview text selection:backdrop:focus, iconview text selection:backdrop, flowbox flowboxchild:backdrop:selected, entry selection:backdrop, modelbutton.flat:backdrop:selected, .menuitem.button.flat:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, treeview.view:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected { color: #d6d6d6; } + +label:backdrop selection:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, .view text:backdrop:disabled:selected, textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, textview text selection:backdrop:disabled, iconview:backdrop:disabled:selected, iconview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, entry selection:backdrop:disabled, modelbutton.flat:backdrop:disabled:selected, .menuitem.button.flat:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled, row:backdrop:disabled:selected, calendar:backdrop:disabled:selected { color: #4f7aaf; } + +.monospace { font-family: monospace; } + +/********************** Touch Copy & Paste * */ +cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; } + +cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-dark.png"), url("assets/text-select-start-dark@2.png")); padding-left: 10px; } + +cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-dark.png"), url("assets/text-select-end-dark@2.png")); padding-right: 10px; } + +cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png")); } + +cursor-handle.top:hover:dir(ltr), cursor-handle.bottom:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-hover-dark.png"), url("assets/text-select-start-hover-dark@2.png")); padding-left: 10px; } + +cursor-handle.bottom:hover:dir(ltr), cursor-handle.top:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-hover-dark.png"), url("assets/text-select-end-hover-dark@2.png")); padding-right: 10px; } + +cursor-handle.insertion-cursor:hover:dir(ltr), cursor-handle.insertion-cursor:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover-dark.png"), url("assets/slider-horz-scale-has-marks-above-hover-dark@2.png")); } + +cursor-handle.top:active:dir(ltr), cursor-handle.bottom:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-active-dark.png"), url("assets/text-select-start-active-dark@2.png")); padding-left: 10px; } + +cursor-handle.bottom:active:dir(ltr), cursor-handle.top:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-active-dark.png"), url("assets/text-select-end-active-dark@2.png")); padding-right: 10px; } + +cursor-handle.insertion-cursor:active:dir(ltr), cursor-handle.insertion-cursor:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@2.png")); } + +.context-menu { font: initial; } + +.keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #eeeeec; background-color: #2d2d2d; border: 1px solid; border-color: #1b1b1b; border-radius: 5px; box-shadow: inset 0 -3px #222222; font-size: smaller; } + +.keycap:backdrop { background-color: #303030; color: #919190; transition: 200ms ease-out; } + +:not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #4e9a06; box-shadow: inset 0 0 0 1px #4e9a06; caret-color: #4e9a06; } + +stackswitcher button.text-button { min-width: 100px; } + +stackswitcher button.circular, stackswitcher button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; } + +/************* App Icons * */ +/* Outline for low res icons */ +.lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } + +/* Dropshadow for large icons */ +.icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } + +/********* Emoji * */ +popover.emoji-picker { padding-left: 0; padding-right: 0; } + +popover.emoji-picker entry.search { margin: 3px 5px 5px 5px; } + +button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; margin: 2px 4px 2px 4px; padding: 3px 0 0; min-width: 32px; min-height: 28px; /* reset props inherited from the button style */ background: none; box-shadow: none; text-shadow: none; outline-offset: -5px; } + +button.emoji-section:first-child { margin-left: 7px; } + +button.emoji-section:last-child { margin-right: 7px; } + +button.emoji-section:backdrop:not(:checked) { border-color: transparent; } + +button.emoji-section:hover { border-color: rgba(238, 238, 236, 0.1); } + +button.emoji-section:checked { border-color: #15539e; } + +button.emoji-section label { padding: 0; opacity: 0.55; } + +button.emoji-section:hover label { opacity: 0.775; } + +button.emoji-section:checked label { opacity: 1; } + +popover.emoji-picker .emoji { font-size: x-large; padding: 6px; } + +popover.emoji-picker .emoji :hover { background: #15539e; border-radius: 6px; } + +popover.emoji-completion arrow { border: none; background: none; } + +popover.emoji-completion contents row box { padding: 2px 10px; } + +popover.emoji-completion .emoji:hover { background: #424242; } + +/* GTK NAMED COLORS ---------------- use responsibly! */ +/* +widget text/foreground color */ +@define-color theme_fg_color #eeeeec; +/* +text color for entries, views and content in general */ +@define-color theme_text_color white; +/* +widget base background color */ +@define-color theme_bg_color #353535; +/* +text widgets and the like base background color */ +@define-color theme_base_color #2d2d2d; +/* +base background color of selections */ +@define-color theme_selected_bg_color #15539e; +/* +text/foreground color of selections */ +@define-color theme_selected_fg_color #ffffff; +/* +base background color of insensitive widgets */ +@define-color insensitive_bg_color #323232; +/* +text foreground color of insensitive widgets */ +@define-color insensitive_fg_color #919190; +/* +insensitive text widgets and the like base background color */ +@define-color insensitive_base_color #2d2d2d; +/* +widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #919190; +/* +text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color white; +/* +widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #353535; +/* +text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #303030; +/* +base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #15539e; +/* +text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #ffffff; +/* +insensitive color on backdrop windows*/ +@define-color unfocused_insensitive_color #5b5b5b; +/* +widgets main borders color */ +@define-color borders #1b1b1b; +/* +widgets main borders color on backdrop windows */ +@define-color unfocused_borders #202020; +/* +these are pretty self explicative */ +@define-color warning_color #f57900; +@define-color error_color #cc0000; +@define-color success_color #26ab62; +/* +these colors are exported for the window manager and shouldn't be used in applications, +read if you used those and something break with a version upgrade you're on your own... */ +@define-color wm_title shade(#eeeeec, 1.8); +@define-color wm_unfocused_title #919190; +@define-color wm_highlight rgba(0, 0, 0, 0); +@define-color wm_borders_edge rgba(238, 238, 236, 0.07); +@define-color wm_bg_a shade(#353535, 1.2); +@define-color wm_bg_b #353535; +@define-color wm_shadow alpha(black, 0.35); +@define-color wm_border alpha(black, 0.18); +@define-color wm_button_hover_color_a shade(#353535, 1.3); +@define-color wm_button_hover_color_b #353535; +@define-color wm_button_active_color_a shade(#353535, 0.85); +@define-color wm_button_active_color_b shade(#353535, 0.89); +@define-color wm_button_active_color_c shade(#353535, 0.9); +/* content view background such as thumbnails view in Photos or Boxes */ +@define-color content_view_bg #2d2d2d; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #1e1e1e; diff --git a/source/gtk3/gtk-contained-dark.scss b/source/gtk3/gtk-contained-dark.scss new file mode 100644 index 0000000..6e57539 --- /dev/null +++ b/source/gtk3/gtk-contained-dark.scss @@ -0,0 +1,6 @@ +$variant: 'dark'; + +@import 'colors'; +@import 'drawing'; +@import 'common'; +@import 'colors-public'; diff --git a/source/gtk3/gtk-contained.css b/source/gtk3/gtk-contained.css new file mode 100644 index 0000000..729b1fc --- /dev/null +++ b/source/gtk3/gtk-contained.css @@ -0,0 +1,2053 @@ +/*************************** Check and Radio buttons * */ +* { padding: 0; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #cc0000; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-color: alpha(currentColor,0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; -gtk-outline-radius: 3px; -gtk-secondary-caret-color: #3584e4; } + +/*************** Base States * */ +.background { color: #2e3436; background-color: #f6f5f4; } + +.background:backdrop { color: #929595; background-color: #f6f5f4; text-shadow: none; -gtk-icon-shadow: none; } + +/* These wildcard seems unavoidable, need to investigate. Wildcards are bad and troublesome, use them with care, or better, just don't. Everytime a wildcard is used a kitten dies, painfully. */ +*:disabled { -gtk-icon-effect: dim; } + +.gtkstyle-fallback { color: #2e3436; background-color: #f6f5f4; } + +.gtkstyle-fallback:hover { color: #2e3436; background-color: white; } + +.gtkstyle-fallback:active { color: #2e3436; background-color: #dfdcd8; } + +.gtkstyle-fallback:disabled { color: #929595; background-color: #faf9f8; } + +.gtkstyle-fallback:selected { color: #ffffff; background-color: #3584e4; } + +.view, iconview, .view text, iconview text, textview text { color: black; background-color: #ffffff; } + +.view:backdrop, iconview:backdrop, .view text:backdrop, iconview text:backdrop, textview text:backdrop { color: #323232; background-color: #fcfcfc; } + +.view:backdrop:disabled, iconview:backdrop:disabled, .view text:backdrop:disabled, iconview text:backdrop:disabled, textview text:backdrop:disabled { color: #d4cfca; } + +.view:disabled, iconview:disabled, .view text:disabled, iconview text:disabled, textview text:disabled { color: #929595; background-color: #faf9f8; } + +.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus, .view text:selected, iconview text:selected, textview text:selected { border-radius: 3px; } + +textview border { background-color: #fbfafa; } + +.rubberband, rubberband, .content-view rubberband, .content-view .rubberband, treeview.view rubberband, flowbox rubberband { border: 1px solid #1b6acb; background-color: rgba(27, 106, 203, 0.2); } + +flowbox flowboxchild { padding: 3px; } + +flowbox flowboxchild:selected { outline-offset: -2px; } + +.content-view .tile { margin: 2px; background-color: transparent; border-radius: 0; padding: 0; } + +.content-view .tile:backdrop { background-color: transparent; } + +.content-view .tile:active, .content-view .tile:selected { background-color: transparent; } + +.content-view .tile:disabled { background-color: transparent; } + +label { caret-color: currentColor; } + +label selection { background-color: #3584e4; color: #ffffff; } + +label:disabled { color: #929595; } + +button label:disabled { color: inherit; } + +label:disabled:backdrop { color: #d4cfca; } + +button label:disabled:backdrop { color: inherit; } + +label.error { color: #cc0000; } + +label.error:disabled { color: rgba(204, 0, 0, 0.5); } + +label.error:disabled:backdrop { color: rgba(204, 0, 0, 0.4); } + +.dim-label, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, label.separator { opacity: 0.55; text-shadow: none; } + +assistant .sidebar { background-color: #ffffff; border-top: 1px solid #cdc7c2; } + +assistant .sidebar:backdrop { background-color: #fcfcfc; border-color: #d5d0cc; } + +assistant.csd .sidebar { border-top-style: none; } + +assistant .sidebar label { padding: 6px 12px; } + +assistant .sidebar label.highlight { background-color: #cecece; } + +.osd .scale-popup, .app-notification, .app-notification.frame, .csd popover.background.osd, popover.background.osd, .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .osd { color: #eeeeec; border: none; background-color: rgba(53, 53, 53, 0.9); background-clip: padding-box; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } + +.osd .scale-popup:backdrop, .app-notification:backdrop, popover.background.osd:backdrop, popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, .osd:backdrop { text-shadow: none; -gtk-icon-shadow: none; } + +/********************* Spinner Animation * */ +@keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } + +spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } + +spinner:backdrop { color: #929595; } + +spinner:checked { opacity: 1; animation: spin 1s linear infinite; } + +spinner:checked:disabled { opacity: 0.5; } + +/********************** General Typography * */ +.large-title { font-weight: 300; font-size: 24pt; } + +.title-1 { font-weight: 800; font-size: 20pt; } + +.title-2 { font-weight: 800; font-size: 15pt; } + +.title-3 { font-weight: 700; font-size: 15pt; } + +.title-4 { font-weight: 700; font-size: 13pt; } + +.heading { font-weight: 700; font-size: 11pt; } + +.body { font-weight: 400; font-size: 11pt; } + +.caption-heading { font-weight: 700; font-size: 9pt; } + +.caption { font-weight: 400; font-size: 9pt; } + +/**************** Text Entries * */ +spinbutton:not(.vertical), entry { min-height: 32px; padding-left: 8px; padding-right: 8px; border: 1px solid; border-radius: 5px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: black; border-color: #cdc7c2; background-color: #ffffff; box-shadow: inset 0 0 0 1px rgba(53, 132, 228, 0); } + +spinbutton:not(.vertical) image.left, entry image.left { margin-right: 6px; } + +spinbutton:not(.vertical) image.right, entry image.right { margin-left: 6px; } + +spinbutton.flat:not(.vertical), entry.flat:focus, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; border-color: transparent; border-radius: 0; } + +spinbutton:focus:not(.vertical), entry:focus { box-shadow: inset 0 0 0 1px #3584e4; border-color: #3584e4; } + +spinbutton:disabled:not(.vertical), entry:disabled { color: #929595; border-color: #cdc7c2; background-color: #faf9f8; box-shadow: none; } + +spinbutton:backdrop:not(.vertical), entry:backdrop { color: #323232; border-color: #d5d0cc; background-color: #fcfcfc; box-shadow: none; transition: 200ms ease-out; } + +spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #d4cfca; border-color: #d5d0cc; background-color: #faf9f8; box-shadow: none; } + +spinbutton.error:not(.vertical), entry.error { color: #cc0000; border-color: #cc0000; } + +spinbutton.error:focus:not(.vertical), entry.error:focus { box-shadow: inset 0 0 0 1px #cc0000; border-color: #cc0000; } + +spinbutton.error:not(.vertical) selection, entry.error selection { background-color: #cc0000; } + +spinbutton.warning:not(.vertical), entry.warning { color: #f57900; border-color: #f57900; } + +spinbutton.warning:focus:not(.vertical), entry.warning:focus { box-shadow: inset 0 0 0 1px #f57900; border-color: #f57900; } + +spinbutton.warning:not(.vertical) selection, entry.warning selection { background-color: #f57900; } + +spinbutton:not(.vertical) image, entry image { color: #585d5e; } + +spinbutton:not(.vertical) image:hover, entry image:hover { color: #2e3436; } + +spinbutton:not(.vertical) image:active, entry image:active { color: #3584e4; } + +spinbutton:not(.vertical) image:backdrop, entry image:backdrop { color: #a7aaaa; } + +spinbutton:drop(active):not(.vertical), entry:drop(active):focus, entry:drop(active) { border-color: #4e9a06; box-shadow: inset 0 0 0 1px #4e9a06; } + +.osd spinbutton:not(.vertical), .osd entry { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } + +.osd spinbutton:focus:not(.vertical), .osd entry:focus { color: white; border-color: #3584e4; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: inset 0 0 0 1px #3584e4; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } + +.osd spinbutton:backdrop:not(.vertical), .osd entry:backdrop { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + +.osd spinbutton:disabled:not(.vertical), .osd entry:disabled { color: #919190; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(71, 71, 71, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + +spinbutton:not(.vertical) progress, entry progress { margin: 2px -6px; background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: #3584e4; border-style: solid; box-shadow: none; } + +spinbutton:not(.vertical) progress:backdrop, entry progress:backdrop { background-color: transparent; } + +.linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + entry, .linked:not(.vertical) > entry:focus + button, .linked:not(.vertical) > entry:focus + combobox > box > button.combo, .linked:not(.vertical) > entry:focus + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus + entry { border-left-color: #3584e4; } + +.linked:not(.vertical) > spinbutton.error:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton.error:focus:not(.vertical) + button, .linked:not(.vertical) > spinbutton.error:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton.error:focus:not(.vertical) + entry, .linked:not(.vertical) > entry.error:focus + button, .linked:not(.vertical) > entry.error:focus + combobox > box > button.combo, .linked:not(.vertical) > entry.error:focus + spinbutton:not(.vertical), .linked:not(.vertical) > entry.error:focus + entry { border-left-color: #cc0000; } + +.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + entry { border-left-color: #4e9a06; } + +.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { border-top-color: #f0eeed; } + +.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { border-top-color: #f1efee; } + +.linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { border-top-color: #f0eeed; } + +.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > entry + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > entry + entry:focus:not(:only-child) { border-top-color: #3584e4; } + +.linked.vertical > spinbutton:not(.vertical) + spinbutton.error:focus:not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry.error:focus:not(:only-child), .linked.vertical > entry + spinbutton.error:focus:not(:only-child):not(.vertical), .linked.vertical > entry + entry.error:focus:not(:only-child) { border-top-color: #cc0000; } + +.linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > entry + entry:drop(active):not(:only-child) { border-top-color: #4e9a06; } + +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus:not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + button, .linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #3584e4; } + +.linked.vertical > spinbutton.error:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton.error:focus:not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton.error:focus:not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton.error:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry.error:focus:not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry.error:focus:not(:only-child) + entry, .linked.vertical > entry.error:focus:not(:only-child) + button, .linked.vertical > entry.error:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #cc0000; } + +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:drop(active):not(:only-child) + entry, .linked.vertical > entry:drop(active):not(:only-child) + button, .linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-top-color: #4e9a06; } + +spinbutton.error:not(.vertical), entry.error { color: #cc0000; } + +treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { background-color: #ffffff; transition-property: color, background; } + +treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: #ffffff; } + +treeview entry.flat:focus, treeview entry:focus { border-color: #3584e4; } + +.entry-tag { padding: 5px; margin-top: 2px; margin-bottom: 2px; border-style: none; color: #ffffff; background-color: #3584e4; } + +:dir(ltr) .entry-tag { margin-left: 8px; margin-right: -5px; } + +:dir(rtl) .entry-tag { margin-left: -5px; margin-right: 8px; } + +.entry-tag:hover { background-color: #629fea; } + +:backdrop .entry-tag { color: #fcfcfc; background-color: #3584e4; } + +.entry-tag.button { background-color: transparent; color: rgba(255, 255, 255, 0.7); } + +:not(:backdrop) .entry-tag.button:hover { border: 1px solid #3584e4; color: #ffffff; } + +:not(:backdrop) .entry-tag.button:active { background-color: #3584e4; color: rgba(255, 255, 255, 0.7); } + +/*********** Buttons * */ +@keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#3584e4), to(transparent)); } + to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3584e4), to(transparent)); } } + +button.titlebutton, notebook > header > tabs > arrow, button { min-height: 24px; min-width: 16px; padding: 4px 9px; border: 1px solid; border-radius: 5px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; border-bottom-color: #bfb8b1; background-image: linear-gradient(to top, #edebe9 2px, #f6f5f4); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); } + +button.titlebutton, button.sidebar-button, notebook > header > tabs > arrow, notebook > header > tabs > arrow.flat, button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; transition: none; } + +button.titlebutton:hover, button.sidebar-button:hover, notebook > header > tabs > arrow:hover, button.flat:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; } + +button.titlebutton:hover:active, button.sidebar-button:hover:active, notebook > header > tabs > arrow:hover:active, button.flat:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +notebook > header > tabs > arrow:hover, button:hover { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; border-bottom-color: #bfb8b1; background-image: linear-gradient(to top, #f6f5f4, #f8f8f7 1px); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); -gtk-icon-effect: highlight; } + +notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, button:active, button:checked { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; background-image: image(#d6d1cd); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; transition-duration: 50ms; } + +notebook > header > tabs > arrow:backdrop, button.flat:backdrop, button:backdrop { color: #929595; border-color: #d5d0cc; background-image: image(#f6f5f4); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); transition: 200ms ease-out; -gtk-icon-effect: none; } + +notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.flat:backdrop:active, button.flat:backdrop:checked, button:backdrop:active, button:backdrop:checked { color: #929595; border-color: #d5d0cc; background-image: image(#e4e4e0); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +notebook > header > tabs > arrow:backdrop:disabled, button.flat:backdrop:disabled, button:backdrop:disabled { color: #d4cfca; border-color: #d5d0cc; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button.flat:backdrop:disabled:active, button.flat:backdrop:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { color: #d4cfca; border-color: #d5d0cc; background-image: image(#e4e4e0); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +button.titlebutton:backdrop, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, button.titlebutton:disabled, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } + +notebook > header > tabs > arrow:disabled, button:disabled { color: #929595; border-color: #cdc7c2; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, button:disabled:active, button:disabled:checked { color: #929595; border-color: #cdc7c2; background-image: image(#e4e4e0); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +notebook > header > tabs > arrow.image-button, button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; } + +notebook > header > tabs > arrow.text-button, button.text-button { padding-left: 16px; padding-right: 16px; } + +notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button { padding-left: 8px; padding-right: 8px; } + +notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; } + +combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), button:drop(active) { color: #4e9a06; border-color: #4e9a06; box-shadow: inset 0 0 0 1px #4e9a06; } + +row:selected button { border-color: #185fb4; } + +row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #ffffff; border-color: transparent; } + +row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #fcfcfc; } + +button.osd { min-width: 26px; min-height: 32px; color: #eeeeec; border-radius: 5px; color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); border: none; box-shadow: none; } + +button.osd.image-button { min-width: 34px; } + +button.osd:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(83, 83, 83, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); border: none; box-shadow: none; } + +button.osd:active, button.osd:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); border: none; box-shadow: none; } + +button.osd:disabled:backdrop, button.osd:disabled { color: #919190; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(71, 71, 71, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; border: none; } + +button.osd:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.9)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; border: none; } + +.app-notification button, .app-notification.frame button, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, .osd button { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } + +.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd button:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(83, 83, 83, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } + +.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } + +.app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled:backdrop, .osd button:disabled { color: #919190; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(71, 71, 71, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + +.app-notification button:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .osd button:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.9)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + +.app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } + +.app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd button.flat:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(83, 83, 83, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } + +.app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled { color: #919190; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(71, 71, 71, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-image: none; border-color: transparent; box-shadow: none; } + +.app-notification button.flat:backdrop, popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, .osd button.flat:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } + +.app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd button.flat:active, .osd button.flat:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } + +button.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #1b6acb; border-bottom-color: #15539e; background-image: linear-gradient(to top, #2379e2 2px, #3584e4); text-shadow: 0 -1px rgba(0, 0, 0, 0.559216); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.559216); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); } + +button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #3584e4; } + +button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #1b6acb; border-bottom-color: #15539e; background-image: linear-gradient(to top, #3584e4, #3987e5 1px); text-shadow: 0 -1px rgba(0, 0, 0, 0.511216); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.511216); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); } + +button.suggested-action:active, button.suggested-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #1b6acb; background-image: image(#1961b9); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } + +button.suggested-action:backdrop, button.suggested-action.flat:backdrop { color: #d7e6fa; border-color: #3584e4; background-image: image(#3584e4); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked { color: #d5e6f9; border-color: #2f80e3; background-image: image(#2f80e3); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled { color: #d4cfca; border-color: #d5d0cc; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked { color: #78aced; border-color: #2f80e3; background-image: image(#2f80e3); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(53, 132, 228, 0.8); } + +button.suggested-action:disabled { color: #929595; border-color: #cdc7c2; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +button.suggested-action:disabled:active, button.suggested-action:disabled:checked { color: #acccf4; border-color: #1b6acb; background-image: image(#2f80e3); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +.osd button.suggested-action { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 132, 228, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } + +.osd button.suggested-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 132, 228, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } + +.osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(#3584e4); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } + +.osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { color: #919190; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(71, 71, 71, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + +.osd button.suggested-action:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 132, 228, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + +button.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #b2161d; border-bottom-color: #851015; background-image: linear-gradient(to top, #ce1921 2px, #e01b24); text-shadow: 0 -1px rgba(0, 0, 0, 0.606275); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.606275); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); } + +button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #e01b24; } + +button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #b2161d; border-bottom-color: #851015; background-image: linear-gradient(to top, #e01b24, #e41c26 1px); text-shadow: 0 -1px rgba(0, 0, 0, 0.558275); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.558275); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); } + +button.destructive-action:active, button.destructive-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #b2161d; background-image: image(#a0131a); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } + +button.destructive-action:backdrop, button.destructive-action.flat:backdrop { color: #f9d1d3; border-color: #e01b24; background-image: image(#e01b24); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked { color: #f8d2d4; border-color: #dc1d27; background-image: image(#dc1d27); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { color: #d4cfca; border-color: #d5d0cc; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked { color: #e86c72; border-color: #dc1d27; background-image: image(#dc1d27); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(224, 27, 36, 0.8); } + +button.destructive-action:disabled { color: #929595; border-color: #cdc7c2; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +button.destructive-action:disabled:active, button.destructive-action:disabled:checked { color: #f1a5a8; border-color: #b2161d; background-image: image(#dc1d27); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +.osd button.destructive-action { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(224, 27, 36, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } + +.osd button.destructive-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(224, 27, 36, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } + +.osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(#e01b24); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } + +.osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { color: #919190; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(71, 71, 71, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + +.osd button.destructive-action:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(224, 27, 36, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + +.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; padding-top: 3px; padding-bottom: 3px; } + +.stack-switcher > button.text-button { padding-left: 10px; padding-right: 10px; } + +.stack-switcher > button.image-button { padding-left: 2px; padding-right: 2px; } + +.stack-switcher > button.needs-attention: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.font separator, button.file separator { background-color: transparent; } + +button.font > box > box > label { font-weight: bold; } + +.primary-toolbar button { -gtk-icon-shadow: none; } + +button.circular { border-radius: 9999px; -gtk-outline-radius: 9999px; padding: 4px; /* circles instead of ellipses */ background-origin: padding-box, border-box; background-clip: padding-box, border-box; } + +button.circular label { padding: 0; } + +button.circular:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; border-bottom-color: #bfb8b1; background-image: linear-gradient(to top, #edebe9 2px, #f6f5f4), linear-gradient(to top, #bfb8b1 25%, #cdc7c2 50%); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); border-color: transparent; } + +button.circular:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; border-bottom-color: #bfb8b1; background-image: linear-gradient(to top, #f6f5f4, #f8f8f7 1px), linear-gradient(to top, #bfb8b1 25%, #cdc7c2 50%); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); border-color: transparent; } + +stacksidebar 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(#3584e4), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.769231)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; } + +stacksidebar row.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; } + +stacksidebar 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; } + +.inline-toolbar toolbutton > button { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; border-bottom-color: #bfb8b1; background-image: linear-gradient(to top, #edebe9 2px, #f6f5f4); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); } + +.inline-toolbar toolbutton > button:hover { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; border-bottom-color: #bfb8b1; background-image: linear-gradient(to top, #f6f5f4, #f8f8f7 1px); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); } + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; background-image: image(#d6d1cd); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } + +.inline-toolbar toolbutton > button:disabled { color: #929595; border-color: #cdc7c2; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { color: #929595; border-color: #cdc7c2; background-image: image(#e4e4e0); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +.inline-toolbar toolbutton > button:backdrop { color: #929595; border-color: #d5d0cc; background-image: image(#f6f5f4); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +.inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { color: #929595; border-color: #d5d0cc; background-image: image(#e4e4e0); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +.inline-toolbar toolbutton > button:backdrop:disabled { color: #d4cfca; border-color: #d5d0cc; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +.inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { color: #d4cfca; border-color: #d5d0cc; background-image: image(#e4e4e0); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +.linked:not(.vertical) > combobox > box > button.combo, filechooser .path-bar.linked > button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .inline-toolbar button, .linked > button, toolbar.inline-toolbar toolbutton > button.flat { border-right-style: none; border-radius: 0; -gtk-outline-radius: 0; } + +.linked:not(.vertical) > combobox:first-child > box > button.combo, combobox.linked button:nth-child(2):dir(rtl), filechooser .path-bar.linked > button:dir(rtl):last-child, filechooser .path-bar.linked > button:dir(ltr):first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat { border-top-left-radius: 5px; border-bottom-left-radius: 5px; -gtk-outline-top-left-radius: 5px; -gtk-outline-bottom-left-radius: 5px; } + +.linked:not(.vertical) > combobox:last-child > box > button.combo, combobox.linked button:nth-child(2):dir(ltr), filechooser .path-bar.linked > button:dir(rtl):first-child, filechooser .path-bar.linked > button:dir(ltr):last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat { border-right-style: solid; border-top-right-radius: 5px; border-bottom-right-radius: 5px; -gtk-outline-top-right-radius: 5px; -gtk-outline-bottom-right-radius: 5px; } + +.linked:not(.vertical) > combobox:only-child > box > button.combo, filechooser .path-bar.linked > button:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat { border-style: solid; border-radius: 5px; -gtk-outline-radius: 5px; } + +.linked.vertical > combobox > box > button.combo, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button { border-style: solid solid none solid; border-radius: 0; -gtk-outline-radius: 0; } + +.linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child { border-top-left-radius: 5px; border-top-right-radius: 5px; -gtk-outline-top-left-radius: 5px; -gtk-outline-top-right-radius: 5px; } + +.linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child { border-bottom-style: solid; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -gtk-outline-bottom-left-radius: 5px; -gtk-outline-bottom-right-radius: 5px; } + +.linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child { border-style: solid; border-radius: 5px; -gtk-outline-radius: 5px; } + +.scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop, .scale-popup button:hover, calendar.button, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, list row button.image-button:not(.flat), modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover, modelbutton.flat, .menuitem.button.flat { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } + +/* menu buttons */ +modelbutton.flat, .menuitem.button.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 5px; outline-offset: -2px; } + +modelbutton.flat:hover, .menuitem.button.flat:hover { background-color: white; } + +modelbutton.flat arrow { background: none; } + +modelbutton.flat arrow:hover { background: none; } + +modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + +modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +button.color { padding: 4px; } + +button.color colorswatch:only-child { box-shadow: 0 1px rgba(255, 255, 255, 0.769231); } + +button.color colorswatch:only-child, button.color colorswatch:only-child overlay { border-radius: 0; } + +.osd button.color colorswatch:only-child { box-shadow: none; } + +.osd button.color:disabled colorswatch:only-child, .osd button.color:backdrop colorswatch:only-child, .osd button.color:active colorswatch:only-child, .osd button.color:checked colorswatch:only-child, button.color:disabled colorswatch:only-child, button.color:backdrop colorswatch:only-child, button.color:active colorswatch:only-child, button.color:checked colorswatch:only-child { box-shadow: none; } + +/* list buttons */ +/* tone down as per new designs, see issue #1473, #1748 */ +list row button.image-button:not(.flat) { border: 1px solid rgba(205, 199, 194, 0.5); } + +list row button.image-button:not(.flat):hover { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; border-bottom-color: #bfb8b1; background-image: linear-gradient(to top, #f6f5f4, #f8f8f7 1px); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); } + +list row button.image-button:not(.flat):active, list row button.image-button:not(.flat):checked { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; background-image: image(#d6d1cd); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } + +/********* Links * */ +button:link > label, button:visited > label, button:link, button:visited, *:link { color: #1b6acb; } + +button:link > label:visited, button:visited > label:visited, button:visited, *:link:visited { color: #15539e; } + +*:selected button:link > label:visited, *:selected button:visited > label:visited, *:selected button:visited, *:selected *:link:visited { color: #a1bad8; } + +button:link > label:hover, button:visited > label:hover, button:hover:link, button:hover:visited, *:link:hover { color: #3584e4; } + +*:selected button:link > label:hover, *:selected button:visited > label:hover, *:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { color: #ebf3fc; } + +button:link > label:active, button:visited > label:active, button:active:link, button:active:visited, *:link:active { color: #1b6acb; } + +*:selected button:link > label:active, *:selected button:visited > label:active, *:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { color: #d1e1f5; } + +button:link > label:disabled, button:visited > label:disabled, button:disabled:link, button:disabled:visited, *:link:disabled, *:link:disabled:backdrop { color: rgba(115, 115, 115, 0.8); } + +button:link > label:backdrop, button:visited > label:backdrop, button:backdrop:link, button:backdrop:visited, *:link:backdrop:backdrop:hover, *:link:backdrop:backdrop:hover:selected, *:link:backdrop { color: rgba(27, 106, 203, 0.9); } + +.selection-mode .titlebar:not(headerbar) .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:link > label:selected, button:visited > label:selected, button:selected:link, button:selected:visited, *:selected button:link > label, *:selected button:visited > label, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { color: #d1e1f5; } + +button:link, button:visited { text-shadow: none; } + +button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked { text-shadow: none; } + +button:link > label, button:visited > label { text-decoration-line: underline; } + +/***************** GtkSpinButton * */ +spinbutton { font-feature-settings: "tnum"; } + +spinbutton:not(.vertical) { padding: 0; } + +.osd spinbutton:not(.vertical) entry, spinbutton:not(.vertical) entry { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; } + +spinbutton:not(.vertical) entry:backdrop:disabled { background-color: transparent; } + +spinbutton:not(.vertical) button { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color: #43484a; background-image: none; border-style: none none none solid; border-color: rgba(205, 199, 194, 0.3); border-radius: 0; box-shadow: none; } + +spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; } + +spinbutton:not(.vertical) button:hover { color: #2e3436; background-color: rgba(46, 52, 54, 0.05); } + +spinbutton:not(.vertical) button:disabled { color: rgba(146, 149, 149, 0.3); background-color: transparent; } + +spinbutton:not(.vertical) button:active { background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } + +spinbutton:not(.vertical) button:backdrop { color: #9d9f9f; background-color: transparent; border-color: rgba(213, 208, 204, 0.3); transition: 200ms ease-out; } + +spinbutton:not(.vertical) button:backdrop:disabled { color: rgba(212, 207, 202, 0.3); background-color: transparent; background-image: none; border-style: none none none solid; } + +spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { border-style: none solid none none; } + +spinbutton:not(.vertical) button:dir(ltr):last-child { border-radius: 0 5px 5px 0; } + +spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 5px 0 0 5px; } + +.osd spinbutton:not(.vertical) button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #eeeeec; border-style: none none none solid; border-color: rgba(0, 0, 0, 0.4); border-radius: 0; box-shadow: none; -gtk-icon-shadow: 0 1px black; } + +.osd spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; } + +.osd spinbutton:not(.vertical) button:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #eeeeec; border-color: rgba(0, 0, 0, 0.5); background-color: rgba(238, 238, 236, 0.1); -gtk-icon-shadow: 0 1px black; box-shadow: none; } + +.osd spinbutton:not(.vertical) button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #eeeeec; border-color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; } + +.osd spinbutton:not(.vertical) button:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #919190; border-color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; } + +.osd spinbutton:not(.vertical) button:dir(ltr):last-child { border-radius: 0 5px 5px 0; } + +.osd spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 5px 0 0 5px; } + +spinbutton.vertical:disabled { color: #929595; } + +spinbutton.vertical:backdrop:disabled { color: #d4cfca; } + +spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; } + +spinbutton.vertical entry { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; } + +spinbutton.vertical button { min-height: 32px; min-width: 32px; padding: 0; } + +spinbutton.vertical button.up { border-radius: 5px 5px 0 0; border-style: solid solid none solid; } + +spinbutton.vertical button.down { border-radius: 0 0 5px 5px; border-style: none solid solid solid; } + +.osd spinbutton.vertical button:first-child { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } + +.osd spinbutton.vertical button:first-child:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(83, 83, 83, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } + +.osd spinbutton.vertical button:first-child:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } + +.osd spinbutton.vertical button:first-child:disabled { color: #919190; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(71, 71, 71, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + +.osd spinbutton.vertical button:first-child:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.9)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + +treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; } + +treeview spinbutton:not(.vertical) entry { min-height: 0; padding: 1px 2px; } + +/************** ComboBoxes * */ +combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } + +combobox:drop(active) { box-shadow: none; } + +/************ Toolbars * */ +searchbar > revealer > box, .location-bar, .inline-toolbar, toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #f6f5f4; } + +toolbar { padding: 4px 3px 3px 4px; } + +.osd toolbar { background-color: transparent; } + +toolbar.osd { padding: 13px; border: none; border-radius: 5px; background-color: rgba(53, 53, 53, 0.9); } + +toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { border-radius: 0; } + +toolbar.horizontal separator { margin: 0 7px 1px 6px; } + +toolbar.vertical separator { margin: 6px 1px 7px 0; } + +toolbar:not(.inline-toolbar):not(.osd) > *:not(.toggle):not(.popup) > * { margin-right: 1px; margin-bottom: 1px; } + +.inline-toolbar { padding: 3px; border-width: 0 1px 1px; border-radius: 0 0 5px 5px; } + +searchbar > revealer > box, .location-bar { border-width: 0 0 1px; padding: 3px; } + +searchbar > revealer > box { margin: -6px; padding: 6px; } + +.inline-toolbar, searchbar > revealer > box, .location-bar { border-style: solid; border-color: #cdc7c2; background-color: #eae7e5; } + +.inline-toolbar:backdrop, searchbar > revealer > box:backdrop, .location-bar:backdrop { border-color: #d5d0cc; background-color: #eae8e6; box-shadow: none; transition: 200ms ease-out; } + +/*************** Header bars * */ +.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 46px; border-width: 0 0 1px; border-style: solid; border-color: #bfb8b1; border-radius: 0; background: #dfdcd8 linear-gradient(to top, #dad6d2, #e1dedb); box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); /* Darken switchbuttons for headerbars. issue #1588 */ /* hide the close button separator */ } + +.titlebar:backdrop:not(headerbar), headerbar:backdrop { border-color: #d5d0cc; background-color: #f6f5f4; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); transition: 200ms ease-out; } + +.titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; } + +.titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } + +.titlebar:not(headerbar) stackswitcher button:checked, .titlebar:not(headerbar) button.toggle:checked, headerbar stackswitcher button:checked, headerbar button.toggle:checked { background: image(#cfcac4); border-color: #c6bfb9; border-top-color: #bab3ab; } + +.titlebar:not(headerbar) stackswitcher button:checked:backdrop, .titlebar:not(headerbar) button.toggle:checked:backdrop, headerbar stackswitcher button:checked:backdrop, headerbar button.toggle:checked:backdrop { color: #929595; border-color: #d5d0cc; background-image: image(#e4e4e0); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +.selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode headerbar, headerbar.selection-mode { color: #ffffff; border-color: #185fb4; text-shadow: 0 -1px rgba(0, 0, 0, 0.5); background: #3584e4 linear-gradient(to top, #2c7fe3, #3987e5); box-shadow: inset 0 1px rgba(134, 181, 239, 0.9); } + +.selection-mode .titlebar:backdrop:not(headerbar), .selection-mode.titlebar:backdrop:not(headerbar), .selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { background-color: #3584e4; background-image: none; box-shadow: inset 0 1px rgba(154, 194, 242, 0.88); } + +.selection-mode .titlebar:backdrop:not(headerbar) label, .selection-mode.titlebar:backdrop:not(headerbar) label, .selection-mode headerbar:backdrop label, headerbar.selection-mode:backdrop label { text-shadow: none; color: #ffffff; } + +.selection-mode .titlebar:not(headerbar) button, .selection-mode.titlebar:not(headerbar) button, .selection-mode headerbar button, headerbar.selection-mode button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #1b6acb; border-bottom-color: #15539e; background-image: linear-gradient(to top, #2379e2 2px, #3584e4); text-shadow: 0 -1px rgba(0, 0, 0, 0.559216); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.559216); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); } + +.selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } + +.selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #1b6acb; border-bottom-color: #15539e; background-image: linear-gradient(to top, #3584e4, #3987e5 1px); text-shadow: 0 -1px rgba(0, 0, 0, 0.511216); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.511216); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); } + +.selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode headerbar button:active, .selection-mode headerbar button:checked, .selection-mode headerbar button.toggle:checked, .selection-mode headerbar button.toggle:active, headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.selection-mode button.toggle:checked, headerbar.selection-mode button.toggle:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #1b6acb; background-image: image(#1961b9); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } + +.selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button.flat:backdrop, .selection-mode headerbar button:backdrop, headerbar.selection-mode button.flat:backdrop, headerbar.selection-mode button:backdrop { color: #d7e6fa; border-color: #3584e4; background-image: image(#3584e4); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); -gtk-icon-effect: none; border-color: #185fb4; } + +.selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar button.flat:backdrop:active, .selection-mode headerbar button.flat:backdrop:checked, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode button.flat:backdrop:active, headerbar.selection-mode button.flat:backdrop:checked, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked { color: #d5e6f9; border-color: #2f80e3; background-image: image(#2f80e3); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #185fb4; } + +.selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar button.flat:backdrop:disabled, .selection-mode headerbar button:backdrop:disabled, headerbar.selection-mode button.flat:backdrop:disabled, headerbar.selection-mode button:backdrop:disabled { color: #8fbbf0; border-color: #5396e8; background-image: image(#5396e8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #185fb4; } + +.selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode headerbar button:backdrop:disabled:active, .selection-mode headerbar button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked { color: #78aced; border-color: #2f80e3; background-image: image(#2f80e3); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #185fb4; } + +.selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode .titlebar:not(headerbar) button.flat:backdrop, .selection-mode .titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode headerbar button.flat:backdrop, .selection-mode headerbar button.flat:disabled, .selection-mode headerbar button.flat:backdrop:disabled, headerbar.selection-mode button.flat:backdrop, headerbar.selection-mode button.flat:disabled, headerbar.selection-mode button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } + +.selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled, .selection-mode headerbar button:disabled, headerbar.selection-mode button:disabled { color: #a9cbf4; border-color: #1b6acb; background-image: image(#5396e8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +.selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar) button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, .selection-mode headerbar button:disabled:active, .selection-mode headerbar button:disabled:checked, headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked { color: #acccf4; border-color: #1b6acb; background-image: image(#2f80e3); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +.selection-mode .titlebar:not(headerbar) button.suggested-action, .selection-mode.titlebar:not(headerbar) button.suggested-action, .selection-mode headerbar button.suggested-action, headerbar.selection-mode button.suggested-action { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; border-bottom-color: #bfb8b1; background-image: linear-gradient(to top, #edebe9 2px, #f6f5f4); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); border-color: #185fb4; } + +.selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode headerbar button.suggested-action:hover, headerbar.selection-mode button.suggested-action:hover { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; border-bottom-color: #bfb8b1; background-image: linear-gradient(to top, #f6f5f4, #f8f8f7 1px); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); border-color: #185fb4; } + +.selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode headerbar button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; background-image: image(#d6d1cd); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; border-color: #185fb4; } + +.selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled { color: #929595; border-color: #cdc7c2; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #185fb4; } + +.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop { color: #929595; border-color: #d5d0cc; background-image: image(#f6f5f4); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #185fb4; } + +.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled { color: #d4cfca; border-color: #d5d0cc; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #185fb4; } + +.selection-mode .titlebar:not(headerbar) .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu, .selection-mode headerbar .selection-menu:backdrop, .selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu:backdrop, headerbar.selection-mode .selection-menu { border-color: rgba(53, 132, 228, 0); background-color: rgba(53, 132, 228, 0); background-image: none; box-shadow: none; min-height: 20px; padding: 6px 10px; } + +.selection-mode .titlebar:not(headerbar) .selection-menu arrow, .selection-mode.titlebar:not(headerbar) .selection-menu arrow, .selection-mode headerbar .selection-menu:backdrop arrow, .selection-mode headerbar .selection-menu arrow, headerbar.selection-mode .selection-menu:backdrop arrow, headerbar.selection-mode .selection-menu arrow { -GtkArrow-arrow-scaling: 1; } + +.selection-mode .titlebar:not(headerbar) .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, .selection-mode headerbar .selection-menu:backdrop .arrow, .selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu:backdrop .arrow, headerbar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); color: rgba(255, 255, 255, 0.5); -gtk-icon-shadow: none; } + +.tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; } + +.default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 4px; } + +.default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { min-height: 26px; min-width: 26px; margin: 0; padding: 0; } + +.titlebar:not(headerbar) separator.titlebutton, headerbar separator.titlebutton { opacity: 0; } + +.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; } + +headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button { margin-top: 6px; margin-bottom: 6px; } + +headerbar switch { margin-top: 10px; margin-bottom: 10px; } + +headerbar.titlebar headerbar:not(.titlebar) { background: none; box-shadow: none; } + +.background .titlebar:backdrop, .background .titlebar { border-top-left-radius: 8px; border-top-right-radius: 8px; } + +.background.tiled .titlebar:backdrop, .background.tiled .titlebar, .background.tiled-top .titlebar:backdrop, .background.tiled-top .titlebar, .background.tiled-right .titlebar:backdrop, .background.tiled-right .titlebar, .background.tiled-bottom .titlebar:backdrop, .background.tiled-bottom .titlebar, .background.tiled-left .titlebar:backdrop, .background.tiled-left .titlebar, .background.maximized .titlebar:backdrop, .background.maximized .titlebar, .background.solid-csd .titlebar:backdrop, .background.solid-csd .titlebar { border-top-left-radius: 0; border-top-right-radius: 0; } + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { border-top-left-radius: 7px; } + +window headerbar:last-child:backdrop, window headerbar:last-child { border-top-right-radius: 7px; } + +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: 7px; border-top-right-radius: 7px; } + +window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled headerbar:backdrop, window.tiled headerbar:backdrop:first-child, window.tiled headerbar:backdrop:last-child, window.tiled headerbar:backdrop: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-top headerbar:backdrop, window.tiled-top headerbar:backdrop:first-child, window.tiled-top headerbar:backdrop:last-child, window.tiled-top headerbar:backdrop: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-right headerbar:backdrop, window.tiled-right headerbar:backdrop:first-child, window.tiled-right headerbar:backdrop:last-child, window.tiled-right headerbar:backdrop: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-bottom headerbar:backdrop, window.tiled-bottom headerbar:backdrop:first-child, window.tiled-bottom headerbar:backdrop:last-child, window.tiled-bottom headerbar:backdrop: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.tiled-left headerbar:backdrop, window.tiled-left headerbar:backdrop:first-child, window.tiled-left headerbar:backdrop:last-child, window.tiled-left headerbar:backdrop:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.maximized headerbar:backdrop, window.maximized headerbar:backdrop:first-child, window.maximized headerbar:backdrop:last-child, window.maximized headerbar:backdrop:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.fullscreen headerbar:backdrop, window.fullscreen headerbar:backdrop:first-child, window.fullscreen headerbar:backdrop:last-child, window.fullscreen headerbar:backdrop:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child, window.solid-csd headerbar:backdrop, window.solid-csd headerbar:backdrop:first-child, window.solid-csd headerbar:backdrop:last-child, window.solid-csd headerbar:backdrop:only-child { border-top-left-radius: 0; border-top-right-radius: 0; } + +window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; box-shadow: none; } + +.titlebar:not(headerbar) separator { background-color: #cdc7c2; } + +window.devel headerbar.titlebar:not(.selection-mode) { background: #f6f5f4 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(53, 132, 228, 0.2)), linear-gradient(to top, #d8d4d0, #dfdcd8 3px, #edebe9); } + +window.devel headerbar.titlebar:not(.selection-mode):backdrop { background: #f6f5f4 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#f6f5f4); /* background-color would flash */ } + +/************ Pathbars * */ +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { padding-left: 4px; padding-right: 4px; } + +.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: 8px; } + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { padding-left: 8px; } + +.path-bar button image { padding-left: 4px; padding-right: 4px; } + +.path-bar button.slider-button { padding-left: 0; padding-right: 0; } + +/************** Tree Views * */ +treeview.view { border-left-color: #979a9b; border-top-color: #f6f5f4; } + +* { -GtkTreeView-horizontal-separator: 4; -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; } + +treeview.view:selected:focus, treeview.view:selected { border-radius: 0; } + +treeview.view:selected:backdrop, treeview.view:selected { border-left-color: #9ac2f2; border-top-color: rgba(46, 52, 54, 0.1); } + +treeview.view:disabled { color: #929595; } + +treeview.view:disabled:selected { color: #86b5ef; } + +treeview.view:disabled:selected:backdrop { color: #71a8eb; } + +treeview.view:disabled:backdrop { color: #d4cfca; } + +treeview.view.separator { min-height: 2px; color: #f6f5f4; } + +treeview.view.separator:backdrop { color: rgba(246, 245, 244, 0.1); } + +treeview.view:backdrop { border-left-color: #c4c5c5; border-top: #f6f5f4; } + +treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #185fb4; } + +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: #4d4d4d; } + +treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + +treeview.view.expander:hover { color: black; } + +treeview.view.expander:selected { color: #c2daf7; } + +treeview.view.expander:selected:hover { color: #ffffff; } + +treeview.view.expander:selected:backdrop { color: #c1d8f5; } + +treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +treeview.view.expander:backdrop { color: #b2b4b4; } + +treeview.view.progressbar { color: #ffffff; background-color: #3584e4; background-image: image(#3584e4); box-shadow: none; } + +treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { color: #3584e4; background-image: image(#ffffff); } + +treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { color: #3584e4; background-color: #fcfcfc; } + +treeview.view.progressbar:backdrop { color: #fcfcfc; background-image: none; box-shadow: none; } + +treeview.view.trough { background-color: rgba(46, 52, 54, 0.1); } + +treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: rgba(255, 255, 255, 0.3); } + +treeview.view header button { color: #979a9b; background-color: #ffffff; font-weight: bold; text-shadow: none; box-shadow: none; } + +treeview.view header button:hover { color: #636769; box-shadow: none; transition: none; } + +treeview.view header button:active { color: #2e3436; transition: none; } + +treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: #ffffff; background-image: none; background-color: #3584e4; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px #ffffff; text-shadow: none; transition: none; } + +treeview.view acceleditor > label { background-color: #3584e4; } + +treeview.view header button, treeview.view header button:hover, treeview.view header button:active { padding: 0 6px; background-image: none; border-style: none solid solid none; border-color: #d7d2ce; border-radius: 0; text-shadow: none; } + +treeview.view header button:disabled { border-color: #f6f5f4; background-image: none; } + +treeview.view header button:backdrop { color: #c4c5c5; border-color: #f6f5f4; border-style: none solid solid none; background-image: none; background-color: #fcfcfc; } + +treeview.view header button:backdrop:disabled { border-color: #f6f5f4; background-image: none; } + +treeview.view header button:last-child { border-right-style: none; } + +/********* Menus * */ +menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } + +menubar:backdrop, .menubar:backdrop { background-color: #f6f5f4; } + +menubar > menuitem, .menubar > menuitem { min-height: 16px; padding: 4px 8px; } + +menubar > menuitem menu:dir(rtl), menubar > menuitem menu:dir(ltr), .menubar > menuitem menu:dir(rtl), .menubar > menuitem menu:dir(ltr) { border-radius: 0; padding: 0; } + +menubar > menuitem:hover, .menubar > menuitem:hover { box-shadow: inset 0 -3px #3584e4; color: #1b6acb; } + +menubar > menuitem:disabled, .menubar > menuitem:disabled { color: #929595; box-shadow: none; } + +menubar .csd.popup decoration, .menubar .csd.popup decoration { border-radius: 0; } + +.background.popup { background-color: transparent; } + +menu, .menu, .context-menu { margin: 4px; padding: 4px 0px; background-color: #ffffff; border: 1px solid #cdc7c2; } + +.csd menu, .csd .menu, .csd .context-menu { border: none; border-radius: 5px; } + +menu:backdrop, .menu:backdrop, .context-menu:backdrop { background-color: #fcfcfc; } + +menu menuitem, .menu menuitem, .context-menu menuitem { min-height: 16px; min-width: 40px; padding: 4px 6px; text-shadow: none; } + +menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { color: #ffffff; background-color: #3584e4; } + +menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: #929595; } + +menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { color: #d4cfca; } + +menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { color: #929595; background-color: transparent; } + +menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; min-width: 16px; } + +menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 10px; } + +menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 10px; } + +menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { color: inherit; } + +menu > arrow, .menu > arrow, .context-menu > arrow { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; min-height: 16px; min-width: 16px; padding: 4px; background-color: #ffffff; border-radius: 0; } + +menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -4px; border-bottom: 1px solid #eaebeb; border-top-right-radius: 5px; border-top-left-radius: 5px; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + +menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-top: 8px; margin-bottom: -12px; border-top: 1px solid #eaebeb; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-color: #eaebeb; } + +menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { background-color: #fcfcfc; } + +menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { color: transparent; background-color: transparent; border-color: transparent; } + +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: 7px; } + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { margin-left: 7px; } + +/*************** Popovers * */ +popover.background { padding: 2px; background-color: #f6f5f4; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } + +.csd popover.background, popover.background { border: 1px solid #cdc7c2; border-radius: 9px; } + +.csd popover.background { background-clip: padding-box; border-color: rgba(0, 0, 0, 0.23); } + +popover.background:backdrop { background-color: #f6f5f4; box-shadow: none; } + +popover.background > list, popover.background > .view, popover.background > iconview, popover.background > toolbar { border-style: none; background-color: transparent; } + +.csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier { border: 1px solid rgba(255, 255, 255, 0.1); } + +popover.background separator { margin: 3px; } + +popover.background list separator { margin: 0px; } + +/************* Notebooks * */ +notebook > header { padding: 1px; border-color: #cdc7c2; border-width: 1px; background-color: #e1dedb; } + +notebook > header:backdrop { border-color: #d5d0cc; background-color: #eae8e6; } + +notebook > header tabs { margin: -1px; } + +notebook > header.top { border-bottom-style: solid; } + +notebook > header.top > tabs { margin-bottom: -2px; } + +notebook > header.top > tabs > tab:hover { box-shadow: inset 0 -4px #cdc7c2; } + +notebook > header.top > tabs > tab:backdrop { box-shadow: none; } + +notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -4px #3584e4; } + +notebook > header.bottom { border-top-style: solid; } + +notebook > header.bottom > tabs { margin-top: -2px; } + +notebook > header.bottom > tabs > tab:hover { box-shadow: inset 0 4px #cdc7c2; } + +notebook > header.bottom > tabs > tab:backdrop { box-shadow: none; } + +notebook > header.bottom > tabs > tab:checked { box-shadow: inset 0 4px #3584e4; } + +notebook > header.left { border-right-style: solid; } + +notebook > header.left > tabs { margin-right: -2px; } + +notebook > header.left > tabs > tab:hover { box-shadow: inset -4px 0 #cdc7c2; } + +notebook > header.left > tabs > tab:backdrop { box-shadow: none; } + +notebook > header.left > tabs > tab:checked { box-shadow: inset -4px 0 #3584e4; } + +notebook > header.right { border-left-style: solid; } + +notebook > header.right > tabs { margin-left: -2px; } + +notebook > header.right > tabs > tab:hover { box-shadow: inset 4px 0 #cdc7c2; } + +notebook > header.right > tabs > tab:backdrop { box-shadow: none; } + +notebook > header.right > tabs > tab:checked { box-shadow: inset 4px 0 #3584e4; } + +notebook > header.top > tabs > arrow { border-top-style: none; } + +notebook > header.bottom > tabs > arrow { border-bottom-style: none; } + +notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { margin-left: -5px; margin-right: -5px; padding-left: 4px; padding-right: 4px; } + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +notebook > header.left > tabs > arrow { border-left-style: none; } + +notebook > header.right > tabs > arrow { border-right-style: none; } + +notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; } + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; } + +notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: none; } + +notebook > header > tabs > arrow:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } + +notebook > header tab { min-height: 30px; min-width: 30px; padding: 3px 12px; outline-offset: -5px; color: #2e3436; font-weight: normal; border-width: 1px; border-color: transparent; } + +notebook > header tab:hover { color: #2e3436; background-color: #edebe9; } + +notebook > header tab.reorderable-page:hover { border-color: rgba(205, 199, 194, 0.3); background-color: rgba(246, 245, 244, 0.2); } + +notebook > header tab:backdrop { color: #babbbb; } + +notebook > header tab.reorderable-page:backdrop { border-color: transparent; background-color: transparent; } + +notebook > header tab:checked { color: #2e3436; } + +notebook > header tab.reorderable-page:checked { border-color: rgba(205, 199, 194, 0.5); background-color: rgba(246, 245, 244, 0.5); } + +notebook > header tab.reorderable-page:checked:hover { background-color: rgba(246, 245, 244, 0.7); } + +notebook > header tab:backdrop:checked { color: #929595; } + +notebook > header tab.reorderable-page:backdrop:checked { border-color: #d5d0cc; background-color: #f6f5f4; } + +notebook > header tab button.flat { padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px; min-height: 20px; } + +notebook > header tab button.flat:hover { color: currentColor; } + +notebook > header tab button.flat, notebook > header tab button.flat:backdrop { color: alpha(currentColor,0.3); } + +notebook > header tab button.flat:last-child { margin-left: 4px; margin-right: -4px; } + +notebook > header tab button.flat:first-child { margin-left: -4px; margin-right: 4px; } + +notebook > header.top tabs, notebook > header.bottom tabs { padding-left: 4px; padding-right: 4px; } + +notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) { margin-left: 3px; margin-right: 3px; } + +notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { margin-left: -1px; } + +notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { margin-right: -1px; } + +notebook > header.top tabs tab, notebook > header.bottom tabs tab { margin-left: 4px; margin-right: 4px; } + +notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { border-style: none solid; } + +notebook > header.left tabs, notebook > header.right tabs { padding-top: 4px; padding-bottom: 4px; } + +notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) { margin-top: 3px; margin-bottom: 3px; } + +notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { margin-top: -1px; } + +notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { margin-bottom: -1px; } + +notebook > header.left tabs tab, notebook > header.right tabs tab { margin-top: 4px; margin-bottom: 4px; } + +notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { border-style: solid none; } + +notebook > header.top tab { padding-bottom: 4px; } + +notebook > header.bottom tab { padding-top: 4px; } + +notebook > stack:not(:only-child) { background-color: #ffffff; } + +notebook > stack:not(:only-child):backdrop { background-color: #fcfcfc; } + +/************** Scrollbars * */ +scrollbar { background-color: #cecece; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +* { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; } + +scrollbar.top { border-bottom: 1px solid #cdc7c2; } + +scrollbar.bottom { border-top: 1px solid #cdc7c2; } + +scrollbar.left { border-right: 1px solid #cdc7c2; } + +scrollbar.right { border-left: 1px solid #cdc7c2; } + +scrollbar:backdrop { background-color: #efedec; border-color: #d5d0cc; transition: 200ms ease-out; } + +scrollbar slider { min-width: 8px; min-height: 8px; margin: -1px; border: 4px solid transparent; border-radius: 10px; background-clip: padding-box; background-color: #7e8182; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +scrollbar slider:hover { background-color: #565b5c; } + +scrollbar slider:hover:active { background-color: #1b6acb; } + +scrollbar slider:backdrop { background-color: #cecfce; } + +scrollbar slider:disabled { background-color: transparent; } + +scrollbar.fine-tune slider { transition: none; min-width: 6px; min-height: 6px; } + +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) { border-color: transparent; opacity: 0.4; background-color: transparent; } + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { margin: 0; min-width: 3px; min-height: 3px; background-color: #2e3436; border: 1px solid white; } + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 5px; min-height: 5px; background-color: #2e3436; background-clip: padding-box; border-radius: 100%; border: 1px solid white; -gtk-icon-source: none; } + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { margin: 0 2px; min-width: 40px; } + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button { margin: 1px 2px; min-width: 5px; } + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { margin: 2px 0; min-height: 40px; } + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button { margin: 2px 1px; min-height: 5px; } + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { opacity: 0.8; } + +scrollbar.horizontal slider { min-width: 40px; } + +scrollbar.vertical slider { min-height: 40px; } + +scrollbar button { padding: 0; min-width: 12px; min-height: 12px; border-style: none; border-radius: 0; transition-property: min-height, min-width, color; border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #7e8182; } + +scrollbar button:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #565b5c; } + +scrollbar button:active, scrollbar button:checked { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #1b6acb; } + +scrollbar button:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(126, 129, 130, 0.2); } + +scrollbar button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #cecfce; } + +scrollbar button:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(206, 207, 206, 0.2); } + +scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +scrollbar.vertical button.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + +scrollbar.horizontal button.down { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + +treeview ~ scrollbar.vertical { border-top: 1px solid #cdc7c2; margin-top: -1px; } + +/********** Switch * */ +switch { outline-offset: -4px; border: 1px solid #cdc7c2; border-radius: 14px; color: #2e3436; background-color: #e1dedb; text-shadow: 0 1px rgba(0, 0, 0, 0.1); /* only show i / o for the accessible theme */ } + +switch:checked { color: #ffffff; border-color: #15539e; background-color: #3584e4; text-shadow: 0 1px rgba(24, 95, 180, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); } + +switch:disabled { color: #929595; border-color: #cdc7c2; background-color: #faf9f8; text-shadow: none; } + +switch:backdrop { color: #929595; border-color: #d5d0cc; background-color: #eae8e6; text-shadow: none; transition: 200ms ease-out; } + +switch:backdrop:checked { color: #f6f5f4; border-color: #15539e; background-color: #3584e4; } + +switch:backdrop:disabled { color: #d4cfca; border-color: #d5d0cc; background-color: #faf9f8; } + +switch slider { margin: -1px; min-width: 24px; min-height: 24px; border: 1px solid; border-radius: 50%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-outline-radius: 20px; color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #bfb8b1; text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); background-image: linear-gradient(to bottom, white 20%, #f6f5f4 90%); box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); } + +switch image { color: transparent; } + +switch:hover slider { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #bfb8b1; background-image: linear-gradient(to bottom, white 10%, white 90%); box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); } + +switch:checked > slider { border: 1px solid #15539e; } + +switch:disabled slider { color: #929595; border-color: #cdc7c2; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +switch:backdrop slider { transition: 200ms ease-out; color: #929595; border-color: #d5d0cc; background-image: image(#f6f5f4); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +switch:backdrop:checked > slider { border-color: #15539e; } + +switch:backdrop:disabled slider { color: #d4cfca; border-color: #d5d0cc; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +row:selected switch { box-shadow: none; border-color: #15539e; } + +row:selected switch:backdrop { border-color: #15539e; } + +row:selected switch > slider:checked, row:selected switch > slider { border-color: #15539e; } + +/************************* Check and Radio items * */ +.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view:not(list) check { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #3584e4; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } + +.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view:not(list) check:hover { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #3584e4; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } + +.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view:not(list) check:active { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #3584e4; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } + +.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view:not(list) check:backdrop { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #8d8d8d; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } + +.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view:not(list) check:checked { margin: 4px; min-width: 32px; min-height: 32px; color: #eeeeec; background-color: #3584e4; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } + +.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view:not(list) check:checked:hover { margin: 4px; min-width: 32px; min-height: 32px; color: #eeeeec; background-color: #3584e4; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } + +.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view:not(list) check:checked:active { margin: 4px; min-width: 32px; min-height: 32px; color: #eeeeec; background-color: #3584e4; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } + +.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view:not(list) check:backdrop:checked { margin: 4px; min-width: 32px; min-height: 32px; color: rgba(238, 238, 236, 0.8); background-color: #8d8d8d; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } + +checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; } + +checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { margin-left: 4px; } + +checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { margin-right: 4px; } + +check, radio { margin: 0 4px; min-height: 14px; min-width: 14px; border: 1px solid; -gtk-icon-source: none; } + +check:only-child, radio:only-child { margin: 0; } + +popover check.left:dir(rtl), popover radio.left:dir(rtl) { margin-left: 0; margin-right: 12px; } + +popover check.right:dir(ltr), popover radio.right:dir(ltr) { margin-left: 12px; margin-right: 0; } + +check, radio { background-clip: padding-box; background-image: linear-gradient(to bottom, white 20%, white 90%); border-color: #bfb8b1; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #2e3436; } + +check:hover, radio:hover { background-image: image(#f2f2f2); } + +check:active, radio:active { box-shadow: inset 0 1px 1px 0px rgba(0, 0, 0, 0.2); } + +check:disabled, radio:disabled { box-shadow: none; color: rgba(46, 52, 54, 0.7); } + +check:backdrop, radio:backdrop { background-image: image(white); box-shadow: none; color: #2e3436; } + +check:backdrop:disabled, radio:backdrop:disabled { box-shadow: none; color: rgba(46, 52, 54, 0.7); } + +check:checked, radio:checked { background-clip: border-box; background-image: linear-gradient(to bottom, #4b92e7 20%, #3584e4 90%); border-color: #3584e4; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; } + +check:checked:hover, radio:checked:hover { background-image: linear-gradient(to bottom, #5d9de9 10%, #478fe6 90%); } + +check:checked:active, radio:checked:active { box-shadow: inset 0 1px 1px 0px rgba(0, 0, 0, 0.2); } + +check:checked:disabled, radio:checked:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } + +check:checked:backdrop, radio:checked:backdrop { background-image: image(#3584e4); box-shadow: none; color: #ffffff; } + +check:checked:backdrop:disabled, radio:checked:backdrop:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } + +check:indeterminate, radio:indeterminate { background-clip: border-box; background-image: linear-gradient(to bottom, #4b92e7 20%, #3584e4 90%); border-color: #3584e4; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; } + +check:indeterminate:hover, radio:indeterminate:hover { background-image: linear-gradient(to bottom, #5d9de9 10%, #478fe6 90%); } + +check:indeterminate:active, radio:indeterminate:active { box-shadow: inset 0 1px 1px 0px rgba(0, 0, 0, 0.2); } + +check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } + +check:indeterminate:backdrop, radio:indeterminate:backdrop { background-image: image(#3584e4); box-shadow: none; color: #ffffff; } + +check:indeterminate:backdrop:disabled, radio:indeterminate:backdrop:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } + +check:backdrop, radio:backdrop { transition: 200ms ease-out; } + +row:selected check, row:selected radio { border-color: #15539e; } + +.osd check, .osd radio { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } + +.osd check:hover, .osd radio:hover { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } + +.osd check:active, .osd radio:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } + +.osd check:backdrop, .osd radio:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.9)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + +.osd check:disabled, .osd radio:disabled { color: #919190; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(71, 71, 71, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + +menu menuitem check, menu menuitem radio { margin: 0; } + +menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked, menu menuitem check:checked:hover, menu menuitem check:checked:disabled, menu menuitem check:indeterminate, menu menuitem check:indeterminate:hover, menu menuitem check:indeterminate:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem radio:checked, menu menuitem radio:checked:hover, menu menuitem radio:checked:disabled, menu menuitem radio:indeterminate, menu menuitem radio:indeterminate:hover, menu menuitem radio:indeterminate:disabled { min-height: 14px; min-width: 14px; background-image: none; background-color: transparent; box-shadow: none; -gtk-icon-shadow: none; color: inherit; border-color: currentColor; } + +check { border-radius: 3px; } + +check:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/check-symbolic.svg")), -gtk-recolor(url("assets/check-symbolic.symbolic.png"))); } + +check:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); } + +treeview.view radio:selected:focus, treeview.view radio:selected, radio { border-radius: 100%; } + +treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/bullet-symbolic.svg")), -gtk-recolor(url("assets/bullet-symbolic.symbolic.png"))); } + +treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); } + +radio:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: scale(0); } + +check:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); } + +radio:active, check:active { -gtk-icon-transform: scale(0, 1); } + +radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop), check:checked:not(:backdrop), check:indeterminate:not(:backdrop) { -gtk-icon-transform: unset; transition: 400ms; } + +menu menuitem radio:checked:not(:backdrop), menu menuitem radio:indeterminate:not(:backdrop), menu menuitem check:checked:not(:backdrop), menu menuitem check:indeterminate:not(:backdrop) { transition: none; } + +treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: #ffffff; border-color: #185fb4; } + +/************ GtkScale * */ +progressbar trough, scale fill, scale trough { border: 1px solid #cdc7c2; border-radius: 3px; background-color: #e1dedb; } + +progressbar trough:disabled, scale fill:disabled, scale trough:disabled { background-color: #faf9f8; } + +progressbar trough:backdrop, scale fill:backdrop, scale trough:backdrop { background-color: #eae8e6; border-color: #d5d0cc; transition: 200ms ease-out; } + +progressbar trough:backdrop:disabled, scale fill:backdrop:disabled, scale trough:backdrop:disabled { background-color: #faf9f8; } + +row:selected progressbar trough, progressbar row:selected trough, row:selected scale fill, scale row:selected fill, row:selected scale trough, scale row:selected trough { border-color: #185fb4; } + +.osd progressbar trough, progressbar .osd trough, .osd scale fill, scale .osd fill, .osd scale trough, scale .osd trough { border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); } + +.osd progressbar trough:disabled, progressbar .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd scale trough:disabled, scale .osd trough:disabled { background-color: rgba(71, 71, 71, 0.5); } + +progressbar progress, scale highlight { border: 1px solid #185fb4; border-radius: 3px; background-color: #3584e4; } + +progressbar progress:disabled, scale highlight:disabled { background-color: transparent; border-color: transparent; } + +progressbar progress:backdrop, scale highlight:backdrop { border-color: #3584e4; } + +progressbar progress:backdrop:disabled, scale highlight:backdrop:disabled { background-color: transparent; border-color: transparent; } + +row:selected progressbar progress, progressbar row:selected progress, row:selected scale highlight, scale row:selected highlight { border-color: #185fb4; } + +.osd progressbar progress, progressbar .osd progress, .osd scale highlight, scale .osd highlight { border-color: rgba(0, 0, 0, 0.7); } + +.osd progressbar progress:disabled, progressbar .osd progress:disabled, .osd scale highlight:disabled, scale .osd highlight:disabled { border-color: transparent; } + +scale { min-height: 10px; min-width: 10px; padding: 12px; } + +scale fill, scale highlight { margin: -1px; } + +scale slider { min-height: 18px; min-width: 18px; margin: -9px; } + +scale.fine-tune.horizontal { padding-top: 9px; padding-bottom: 9px; min-height: 16px; } + +scale.fine-tune.vertical { padding-left: 9px; padding-right: 9px; min-width: 16px; } + +scale.fine-tune slider { margin: -6px; } + +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: 5px; } + +scale fill:backdrop, scale fill { background-color: #cdc7c2; } + +scale fill:disabled:backdrop, scale fill:disabled { border-color: transparent; background-color: transparent; } + +.osd scale fill { background-color: rgba(91, 91, 90, 0.775); } + +.osd scale fill:disabled:backdrop, .osd scale fill:disabled { border-color: transparent; background-color: transparent; } + +scale slider { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #bfb8b1; text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); background-image: linear-gradient(to bottom, white 20%, #f6f5f4 90%); box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); border: 1px solid #b8b0a8; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; } + +scale slider:hover { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #bfb8b1; background-image: linear-gradient(to bottom, white 10%, white 90%); box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); } + +scale slider:active { border-color: #185fb4; } + +scale slider:disabled { color: #929595; border-color: #cdc7c2; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +scale slider:backdrop { transition: 200ms ease-out; color: #929595; border-color: #d5d0cc; background-image: image(#f6f5f4); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +scale slider:backdrop:disabled { color: #d4cfca; border-color: #d5d0cc; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +row:selected scale slider:disabled, row:selected scale slider { border-color: #185fb4; } + +.osd scale slider { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); border-color: rgba(0, 0, 0, 0.7); background-color: #353535; } + +.osd scale slider:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(83, 83, 83, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); background-color: #353535; } + +.osd scale slider:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); background-color: #353535; } + +.osd scale slider:disabled { color: #919190; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(71, 71, 71, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-color: #353535; } + +.osd scale slider:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.9)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-color: #353535; } + +.osd scale slider:backdrop:disabled { background-color: #353535; } + +scale marks, scale value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; } + +scale.horizontal marks.top { margin-bottom: 6px; margin-top: -12px; } + +scale.horizontal.fine-tune marks.top { margin-bottom: 6px; margin-top: -9px; } + +scale.horizontal marks.bottom { margin-top: 6px; margin-bottom: -12px; } + +scale.horizontal.fine-tune marks.bottom { margin-top: 6px; margin-bottom: -9px; } + +scale.vertical marks.top { margin-right: 6px; margin-left: -12px; } + +scale.vertical.fine-tune marks.top { margin-right: 6px; margin-left: -9px; } + +scale.vertical marks.bottom { margin-left: 6px; margin-right: -12px; } + +scale.vertical.fine-tune marks.bottom { margin-left: 6px; margin-right: -9px; } + +scale.horizontal indicator { min-height: 6px; min-width: 1px; } + +scale.horizontal.fine-tune indicator { min-height: 3px; } + +scale.vertical indicator { min-height: 1px; min-width: 6px; } + +scale.vertical.fine-tune indicator { min-width: 3px; } + +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: 22px; 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: 22px; 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: 22px; 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: 22px; 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:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop.png"), url("assets/slider-horz-scale-has-marks-above-backdrop@2.png")); min-height: 26px; min-width: 22px; 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:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive@2.png")); min-height: 26px; min-width: 22px; 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: 22px; 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: 22px; 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: 22px; 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: 22px; 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:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop.png"), url("assets/slider-horz-scale-has-marks-below-backdrop@2.png")); min-height: 26px; min-width: 22px; 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:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive@2.png")); min-height: 26px; min-width: 22px; 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: 22px; 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: 22px; 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: 22px; 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: 22px; 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:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop.png"), url("assets/slider-vert-scale-has-marks-above-backdrop@2.png")); min-height: 22px; 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:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive@2.png")); min-height: 22px; 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: 22px; 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: 22px; 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: 22px; 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: 22px; 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:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop.png"), url("assets/slider-vert-scale-has-marks-below-backdrop@2.png")); min-height: 22px; 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:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive@2.png")); min-height: 22px; 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.color { min-height: 0; min-width: 0; } + +scale.color trough { background-image: image(#cdc7c2); background-repeat: no-repeat; } + +scale.color.horizontal { padding: 0 0 15px 0; } + +scale.color.horizontal trough { padding-bottom: 4px; background-position: 0 -3px; border-top-left-radius: 0; border-top-right-radius: 0; } + +scale.color.horizontal slider:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):backdrop, scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal slider:dir(ltr):backdrop:disabled, scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl):hover, scale.color.horizontal slider:dir(rtl):backdrop, scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal slider:dir(rtl):backdrop:disabled, scale.color.horizontal slider:dir(rtl) { margin-bottom: -15px; margin-top: 6px; } + +scale.color.vertical:dir(ltr) { padding: 0 0 0 15px; } + +scale.color.vertical:dir(ltr) trough { padding-left: 4px; background-position: 3px 0; border-bottom-right-radius: 0; border-top-right-radius: 0; } + +scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; } + +scale.color.vertical:dir(rtl) { padding: 0 15px 0 0; } + +scale.color.vertical:dir(rtl) trough { padding-right: 4px; background-position: -3px 0; border-bottom-left-radius: 0; border-top-left-radius: 0; } + +scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; } + +scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) { padding: 0 0 12px 0; } + +scale.color.fine-tune.horizontal:dir(ltr) trough, scale.color.fine-tune.horizontal:dir(rtl) trough { padding-bottom: 7px; background-position: 0 -6px; } + +scale.color.fine-tune.horizontal:dir(ltr) slider, scale.color.fine-tune.horizontal:dir(rtl) slider { margin-bottom: -15px; margin-top: 6px; } + +scale.color.fine-tune.vertical:dir(ltr) { padding: 0 0 0 12px; } + +scale.color.fine-tune.vertical:dir(ltr) trough { padding-left: 7px; background-position: 6px 0; } + +scale.color.fine-tune.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; } + +scale.color.fine-tune.vertical:dir(rtl) { padding: 0 12px 0 0; } + +scale.color.fine-tune.vertical:dir(rtl) trough { padding-right: 7px; background-position: -6px 0; } + +scale.color.fine-tune.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; } + +/***************** Progress bars * */ +progressbar { font-size: smaller; color: rgba(46, 52, 54, 0.4); font-feature-settings: "tnum"; } + +progressbar.horizontal trough, progressbar.horizontal progress { min-height: 2px; } + +progressbar.vertical trough, progressbar.vertical progress { min-width: 2px; } + +progressbar.horizontal progress { margin: 0 -1px; } + +progressbar.vertical progress { margin: -1px 0; } + +progressbar:backdrop { box-shadow: none; transition: 200ms ease-out; } + +progressbar progress { border-radius: 1.5px; } + +progressbar progress.left { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } + +progressbar progress.right { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } + +progressbar progress.top { border-top-right-radius: 2px; border-top-left-radius: 2px; } + +progressbar progress.bottom { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } + +progressbar.osd { min-width: 3px; min-height: 3px; background-color: transparent; } + +progressbar.osd trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; } + +progressbar.osd progress { border-style: none; border-radius: 0; } + +progressbar trough.empty progress { all: unset; } + +/************* Level Bar * */ +levelbar.horizontal block { min-height: 1px; } + +levelbar.horizontal.discrete block { margin: 0 1px; min-width: 32px; } + +levelbar.vertical block { min-width: 1px; } + +levelbar.vertical.discrete block { margin: 1px 0; min-height: 32px; } + +levelbar:backdrop { transition: 200ms ease-out; } + +levelbar trough { border: 1px solid; padding: 2px; border-radius: 3px; color: black; border-color: #cdc7c2; background-color: #ffffff; box-shadow: inset 0 0 0 1px rgba(53, 132, 228, 0); } + +levelbar trough:backdrop { color: #323232; border-color: #d5d0cc; background-color: #fcfcfc; box-shadow: none; } + +levelbar block { border: 1px solid; border-radius: 1px; } + +levelbar block.low { border-color: #8f4700; background-color: #f57900; } + +levelbar block.low:backdrop { border-color: #f57900; } + +levelbar block.high, levelbar block:not(.empty) { border-color: #15539e; background-color: #3584e4; } + +levelbar block.high:backdrop, levelbar block:not(.empty):backdrop { border-color: #3584e4; } + +levelbar block.full { border-color: #1d814a; background-color: #33d17a; } + +levelbar block.full:backdrop { border-color: #33d17a; } + +levelbar block.empty { background-color: transparent; border-color: rgba(46, 52, 54, 0.2); } + +levelbar block.empty:backdrop { border-color: rgba(146, 149, 149, 0.15); } + +/**************** Print dialog * */ +printdialog paper { color: #2e3436; border: 1px solid #cdc7c2; background: white; padding: 0; } + +printdialog paper:backdrop { color: #929595; border-color: #d5d0cc; } + +printdialog .dialog-action-box { margin: 12px; } + +/********** Frames * */ +frame > border, .frame { box-shadow: none; margin: 0; padding: 0; border-radius: 0; border: 1px solid #cdc7c2; } + +frame > border.flat, .frame.flat { border-style: none; } + +frame > border:backdrop, .frame:backdrop { border-color: #d5d0cc; } + +actionbar > revealer > box { padding: 6px; border-top: 1px solid #cdc7c2; } + +actionbar > revealer > box:backdrop { border-color: #d5d0cc; } + +scrolledwindow viewport.frame { border-style: none; } + +scrolledwindow overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#b6aea5), to(rgba(182, 174, 165, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow overshoot.top:backdrop { background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#d5d0cc), to(rgba(213, 208, 204, 0))); background-size: 100% 5%; 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.5, to(#b6aea5), to(rgba(182, 174, 165, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow overshoot.bottom:backdrop { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#d5d0cc), to(rgba(213, 208, 204, 0))); background-size: 100% 5%; 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.5, to(#b6aea5), to(rgba(182, 174, 165, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow overshoot.left:backdrop { background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#d5d0cc), to(rgba(213, 208, 204, 0))); background-size: 5% 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.5, to(#b6aea5), to(rgba(182, 174, 165, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow overshoot.right:backdrop { background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#d5d0cc), to(rgba(213, 208, 204, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #cdc7c2 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #cecece; } + +scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } + +scrolledwindow junction:backdrop { border-image-source: linear-gradient(to bottom, #d5d0cc 1px, transparent 1px); background-color: #efedec; transition: 200ms ease-out; } + +separator { background: rgba(0, 0, 0, 0.1); min-width: 1px; min-height: 1px; } + +/********* Lists * */ +list { color: black; background-color: #ffffff; border-color: #cdc7c2; } + +list:backdrop { color: #323232; background-color: #fcfcfc; border-color: #d5d0cc; } + +list row { padding: 2px; } + +row { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +row:hover { transition: none; } + +row:backdrop { transition: 200ms ease-out; } + +row.activatable.has-open-popup, row.activatable:hover { background-color: rgba(46, 52, 54, 0.05); } + +row.activatable:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } + +row.activatable:backdrop:hover { background-color: transparent; } + +row.activatable:selected:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } + +row.activatable.has-open-popup:selected, row.activatable:selected:hover { background-color: #347cd3; } + +row.activatable:selected:backdrop { background-color: #3584e4; } + +/********************* App Notifications * */ +.app-notification, .app-notification.frame { padding: 10px; border-radius: 0 0 5px 5px; background-color: rgba(53, 53, 53, 0.9); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; } + +.app-notification:backdrop, .app-notification.frame:backdrop { background-image: none; transition: 200ms ease-out; } + +.app-notification border, .app-notification.frame border { border: none; } + +/************* Expanders * */ +expander title > arrow { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +expander title > arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + +expander title > arrow:hover { color: #748489; } + +expander title > arrow:disabled { color: #929595; } + +expander title > arrow:disabled:backdrop { color: #d4cfca; } + +expander title > arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +/************ Calendar * */ +calendar { color: black; border: 1px solid #cdc7c2; } + +calendar:selected { border-radius: 3px; } + +calendar.header { border-bottom-color: rgba(0, 0, 0, 0.1); } + +calendar.header:backdrop { border-bottom-color: rgba(0, 0, 0, 0.1); } + +calendar.button { color: rgba(46, 52, 54, 0.45); } + +calendar.button:hover { color: #2e3436; } + +calendar.button:backdrop { color: rgba(146, 149, 149, 0.45); } + +calendar.button:disabled { color: rgba(146, 149, 149, 0.45); } + +calendar.highlight { color: #929595; } + +calendar.highlight:backdrop { color: #d4cfca; } + +calendar:backdrop { color: #323232; border-color: #d5d0cc; } + +calendar:indeterminate { color: alpha(currentColor,0.1); } + +/*********** Dialogs * */ +messagedialog .titlebar { min-height: 20px; background-image: none; background-color: #f6f5f4; border-style: none; border-top-left-radius: 7px; border-top-right-radius: 7px; } + +messagedialog.csd.background { border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; } + +messagedialog.csd .dialog-action-area button { padding: 10px 14px; border-right-style: none; border-bottom-style: none; border-radius: 0; -gtk-outline-radius: 0; } + +messagedialog.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 7px; -gtk-outline-bottom-left-radius: 7px; } + +messagedialog.csd .dialog-action-area button:last-child { border-bottom-right-radius: 7px; -gtk-outline-bottom-right-radius: 7px; } + +filechooser .dialog-action-box { border-top: 1px solid #cdc7c2; } + +filechooser .dialog-action-box:backdrop { border-top-color: #d5d0cc; } + +filechooser #pathbarbox { border-bottom: 1px solid #f6f5f4; } + +filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; } + +/*********** Sidebar * */ +.sidebar { border-style: none; background-color: #fbfafa; } + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar.left:not(separator) { border-right: 1px solid #cdc7c2; border-left-style: none; } + +stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar.right:not(separator) { border-left: 1px solid #cdc7c2; border-right-style: none; } + +.sidebar:backdrop { background-color: #f9f9f8; border-color: #d5d0cc; transition: 200ms ease-out; } + +.sidebar list { background-color: transparent; } + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; } + +stacksidebar row { padding: 10px 4px; } + +stacksidebar row > label { padding-left: 6px; padding-right: 6px; } + +stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } + +separator.sidebar { background-color: #cdc7c2; } + +separator.sidebar:backdrop { background-color: #d5d0cc; } + +separator.sidebar.selection-mode, .selection-mode separator.sidebar { background-color: #15539e; } + +/**************** File chooser * */ +row image.sidebar-icon { opacity: 0.7; } + +placessidebar > viewport.frame { border-style: none; } + +placessidebar row { min-height: 36px; padding: 0px; } + +placessidebar row > revealer { padding: 0 14px; } + +placessidebar row:selected { color: #ffffff; } + +placessidebar row:disabled { color: #929595; } + +placessidebar row:backdrop { color: #929595; } + +placessidebar row:backdrop:selected { color: #fcfcfc; } + +placessidebar row:backdrop:disabled { color: #d4cfca; } + +placessidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; } + +placessidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; } + +placessidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; } + +placessidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } + +button.sidebar-button { min-height: 26px; min-width: 26px; margin-top: 3px; margin-bottom: 3px; padding: 0; border-radius: 100%; -gtk-outline-radius: 100%; } + +button.sidebar-button:not(:hover):not(:active) > image, button.sidebar-button:backdrop > image { opacity: 0.7; } + +placessidebar row:selected:active { box-shadow: none; } + +placessidebar row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#4e9a06); background-clip: content-box; } + +placessidebar row.sidebar-new-bookmark-row { color: #3584e4; } + +placessidebar row:drop(active):not(:disabled) { color: #4e9a06; box-shadow: inset 0 1px #4e9a06, inset 0 -1px #4e9a06; } + +placessidebar row:drop(active):not(:disabled):selected { color: #ffffff; background-color: #4e9a06; } + +placesview .server-list-button > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -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 row.activatable:hover { background-color: transparent; } + +placesview > actionbar > revealer > box > label { padding-left: 8px; padding-right: 8px; } + +/********* Paned * */ +paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(#cdc7c2); background-size: 1px 1px; } + +paned > separator:selected { background-image: image(#3584e4); } + +paned > separator:backdrop { background-image: image(#d5d0cc); } + +paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #f6f5f4; background-image: image(#cdc7c2), image(#cdc7c2); background-size: 1px 1px, 1px 1px; } + +paned > separator.wide:backdrop { background-color: #f6f5f4; background-image: image(#d5d0cc), image(#d5d0cc); } + +paned.horizontal > separator { background-repeat: repeat-y; } + +paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; } + +paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; } + +paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; } + +paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; } + +paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; } + +/************** GtkInfoBar * */ +infobar { border-style: none; } + +infobar.action:hover > revealer > box { background-color: #f4ebe1; border-bottom: 1px solid #d8d4d0; } + +infobar.info, infobar.question, infobar.warning, infobar.error { text-shadow: none; } + +infobar.info:backdrop > revealer > box, infobar.info > revealer > box, infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box, infobar.error > revealer > box { background-color: #f1e6d9; border-bottom: 1px solid #d8d4d0; } + +infobar.info:backdrop > revealer > box label, infobar.info:backdrop > revealer > box, infobar.info > revealer > box label, infobar.info > revealer > box, infobar.question:backdrop > revealer > box label, infobar.question:backdrop > revealer > box, infobar.question > revealer > box label, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box label, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box label, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box label, infobar.error:backdrop > revealer > box, infobar.error > revealer > box label, infobar.error > revealer > box { color: #2e3436; } + +infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop { text-shadow: none; } + +infobar.info button, infobar.question button, infobar.warning button, infobar.error button { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; border-bottom-color: #bfb8b1; background-image: linear-gradient(to top, #edebe9 2px, #f6f5f4); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); } + +infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; border-bottom-color: #bfb8b1; background-image: linear-gradient(to top, #f6f5f4, #f8f8f7 1px); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); } + +infobar.info button:active, infobar.info button:checked, infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked, infobar.error button:active, infobar.error button:checked { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; background-image: image(#d6d1cd); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } + +infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { color: #929595; border-color: #cdc7c2; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop { color: #929595; border-color: #d5d0cc; background-image: image(#f6f5f4); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #dfdcd8; } + +infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled { color: #d4cfca; border-color: #d5d0cc; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #dfdcd8; } + +infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info button label, infobar.info button, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.question button label, infobar.question button, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.warning button label, infobar.warning button, infobar.error button:backdrop label, infobar.error button:backdrop, infobar.error button label, infobar.error button { color: #2e3436; } + +infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { background-color: #dfdcd8; } + +infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link { color: #1b6acb; } + +/************ Tooltips * */ +tooltip { padding: 4px; /* not working */ border-radius: 5px; box-shadow: none; text-shadow: 0 1px black; } + +tooltip.background { background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); } + +tooltip decoration { background-color: transparent; } + +tooltip * { padding: 4px; background-color: transparent; color: white; } + +/***************** Color Chooser * */ +colorswatch:drop(active), colorswatch { border-style: none; } + +colorswatch.top { border-top-left-radius: 5.5px; border-top-right-radius: 5.5px; } + +colorswatch.top overlay { border-top-left-radius: 5px; border-top-right-radius: 5px; } + +colorswatch.bottom { border-bottom-left-radius: 5.5px; border-bottom-right-radius: 5.5px; } + +colorswatch.bottom overlay { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } + +colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 5.5px; border-bottom-left-radius: 5.5px; } + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } + +colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 5.5px; border-bottom-right-radius: 5.5px; } + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } + +colorswatch.dark { outline-color: rgba(255, 255, 255, 0.6); } + +colorswatch.dark overlay { color: white; } + +colorswatch.dark overlay:hover { border-color: rgba(0, 0, 0, 0.8); } + +colorswatch.dark overlay:backdrop { color: rgba(255, 255, 255, 0.5); } + +colorswatch.light { outline-color: rgba(0, 0, 0, 0.6); } + +colorswatch.light overlay { color: black; } + +colorswatch.light overlay:hover { border-color: rgba(0, 0, 0, 0.5); } + +colorswatch.light overlay:backdrop { color: rgba(0, 0, 0, 0.5); } + +colorswatch:drop(active) { box-shadow: none; } + +colorswatch.light:drop(active) overlay { border-color: #4e9a06; box-shadow: inset 0 0 0 2px #3d7805, inset 0 0 0 1px #4e9a06; } + +colorswatch.dark:drop(active) overlay { border-color: #4e9a06; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.3), inset 0 0 0 1px #4e9a06; } + +colorswatch overlay { border: 1px solid rgba(0, 0, 0, 0.3); } + +colorswatch overlay:hover { box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.2); } + +colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { border-color: rgba(0, 0, 0, 0.3); box-shadow: none; } + +colorswatch#add-color-button { border-radius: 5px 5px 0 0; } + +colorswatch#add-color-button:only-child { border-radius: 5px; } + +colorswatch#add-color-button overlay { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; border-bottom-color: #bfb8b1; background-image: linear-gradient(to top, #edebe9 2px, #f6f5f4); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); } + +colorswatch#add-color-button overlay:hover { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; border-bottom-color: #bfb8b1; background-image: linear-gradient(to top, #f6f5f4, #f8f8f7 1px); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); } + +colorswatch#add-color-button overlay:backdrop { color: #929595; border-color: #d5d0cc; background-image: image(#f6f5f4); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +colorswatch:disabled { opacity: 0.5; } + +colorswatch:disabled overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; } + +row:selected colorswatch { box-shadow: 0 0 0 2px #ffffff; } + +colorswatch#editor-color-sample { border-radius: 4px; } + +colorswatch#editor-color-sample overlay { border-radius: 4.5px; } + +colorchooser .popover.osd { border-radius: 5px; } + +/******** Misc * */ +.content-view { background-color: #e6e3e0; } + +.content-view:hover { -gtk-icon-effect: highlight; } + +.content-view:backdrop { background-color: #e6e3e0; } + +.osd .scale-popup button.flat { border-style: none; border-radius: 5px; } + +.scale-popup button:hover { background-color: rgba(46, 52, 54, 0.1); border-radius: 5px; } + +/********************** Window Decorations * */ +decoration { border-radius: 8px 8px 0 0; border-width: 0px; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.23); margin: 10px; } + +decoration:backdrop { box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.18); transition: 200ms ease-out; } + +.maximized decoration, .fullscreen decoration { border-radius: 0; box-shadow: none; } + +.tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { border-radius: 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18), 0 0 0 20px transparent; } + +.tiled decoration:backdrop, .tiled-top decoration:backdrop, .tiled-right decoration:backdrop, .tiled-bottom decoration:backdrop, .tiled-left decoration:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18), 0 0 0 20px transparent; } + +.popup decoration { box-shadow: none; } + +.ssd decoration { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.23); } + +.ssd decoration:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18); } + +.csd.popup decoration { border-radius: 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } + +tooltip.csd decoration { border-radius: 5px; box-shadow: none; } + +messagedialog.csd decoration { border-radius: 8px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } + +.solid-csd decoration { margin: 0; padding: 4px; background-color: #cdc7c2; border: solid 1px #cdc7c2; border-radius: 0; box-shadow: inset 0 0 0 3px white, inset 0 1px rgba(255, 255, 255, 0.8); } + +.solid-csd decoration:backdrop { box-shadow: inset 0 0 0 3px #f6f5f4, inset 0 1px rgba(255, 255, 255, 0.8); } + +button.titlebutton { text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); } + +button.titlebutton:not(.appmenu) { border-radius: 9999px; padding: 6px; margin: 0 2px; min-width: 0; min-height: 0; } + +button.titlebutton:backdrop { -gtk-icon-shadow: none; } + +.selection-mode headerbar button.titlebutton, .selection-mode .titlebar button.titlebutton, headerbar.selection-mode button.titlebutton, .titlebar.selection-mode button.titlebutton { text-shadow: 0 -1px rgba(0, 0, 0, 0.559216); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.559216); } + +.selection-mode headerbar button.titlebutton:backdrop, .selection-mode .titlebar button.titlebutton:backdrop, headerbar.selection-mode button.titlebutton:backdrop, .titlebar.selection-mode button.titlebutton:backdrop { -gtk-icon-shadow: none; } + +.view:selected:focus, .view:selected, .view text:selected:focus, textview text:selected:focus, .view text:selected, textview text:selected, .view text selection:focus, .view text selection, textview text selection:focus, textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, .view text selection, iconview text selection, flowbox flowboxchild:selected, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { background-color: #3584e4; } + +label:selected, .selection-mode button.titlebutton, .view:selected:focus, .view:selected, .view text:selected:focus, textview text:selected:focus, .view text:selected, textview text:selected, .view text selection:focus, .view text selection, textview text selection:focus, textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, .view text selection, iconview text selection, flowbox flowboxchild:selected, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { color: #ffffff; } + +label:disabled selection, label:disabled:selected, .selection-mode button.titlebutton:disabled, .view:disabled:selected, textview text:disabled:selected:focus, .view text:disabled:selected, textview text:disabled:selected, .view text selection:disabled, textview text selection:disabled:focus, textview text selection:disabled, iconview:disabled:selected:focus, iconview:disabled:selected, iconview text selection:disabled:focus, iconview text selection:disabled, flowbox flowboxchild:disabled:selected, entry selection:disabled, modelbutton.flat:disabled:selected, .menuitem.button.flat:disabled:selected, spinbutton:not(.vertical) selection:disabled, treeview.view:disabled:selected, row:disabled:selected, calendar:disabled:selected { color: #9ac2f2; } + +label:backdrop selection, label:backdrop:selected, .selection-mode button.titlebutton:backdrop, .view:backdrop:selected, textview text:backdrop:selected:focus, .view text:backdrop:selected, textview text:backdrop:selected, .view text selection:backdrop, textview text selection:backdrop:focus, textview text selection:backdrop, iconview:backdrop:selected:focus, iconview:backdrop:selected, iconview text selection:backdrop:focus, iconview text selection:backdrop, flowbox flowboxchild:backdrop:selected, entry selection:backdrop, modelbutton.flat:backdrop:selected, .menuitem.button.flat:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, treeview.view:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected { color: #fcfcfc; } + +label:backdrop selection:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, .view text:backdrop:disabled:selected, textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, textview text selection:backdrop:disabled, iconview:backdrop:disabled:selected, iconview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, entry selection:backdrop:disabled, modelbutton.flat:backdrop:disabled:selected, .menuitem.button.flat:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled, row:backdrop:disabled:selected, calendar:backdrop:disabled:selected { color: #71a8eb; } + +.monospace { font-family: monospace; } + +/********************** Touch Copy & Paste * */ +cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; } + +cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start.png"), url("assets/text-select-start@2.png")); padding-left: 10px; } + +cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end.png"), url("assets/text-select-end@2.png")); padding-right: 10px; } + +cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); } + +cursor-handle.top:hover:dir(ltr), cursor-handle.bottom:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-hover.png"), url("assets/text-select-start-hover@2.png")); padding-left: 10px; } + +cursor-handle.bottom:hover:dir(ltr), cursor-handle.top:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-hover.png"), url("assets/text-select-end-hover@2.png")); padding-right: 10px; } + +cursor-handle.insertion-cursor:hover:dir(ltr), cursor-handle.insertion-cursor:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); } + +cursor-handle.top:active:dir(ltr), cursor-handle.bottom:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-active.png"), url("assets/text-select-start-active@2.png")); padding-left: 10px; } + +cursor-handle.bottom:active:dir(ltr), cursor-handle.top:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-active.png"), url("assets/text-select-end-active@2.png")); padding-right: 10px; } + +cursor-handle.insertion-cursor:active:dir(ltr), cursor-handle.insertion-cursor:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); } + +.context-menu { font: initial; } + +.keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #2e3436; background-color: #ffffff; border: 1px solid; border-color: #e1dedb; border-radius: 5px; box-shadow: inset 0 -3px #f8f7f6; font-size: smaller; } + +.keycap:backdrop { background-color: #fcfcfc; color: #929595; transition: 200ms ease-out; } + +:not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #4e9a06; box-shadow: inset 0 0 0 1px #4e9a06; caret-color: #4e9a06; } + +stackswitcher button.text-button { min-width: 100px; } + +stackswitcher button.circular, stackswitcher button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; } + +/************* App Icons * */ +/* Outline for low res icons */ +.lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } + +/* Dropshadow for large icons */ +.icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } + +/********* Emoji * */ +popover.emoji-picker { padding-left: 0; padding-right: 0; } + +popover.emoji-picker entry.search { margin: 3px 5px 5px 5px; } + +button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; margin: 2px 4px 2px 4px; padding: 3px 0 0; min-width: 32px; min-height: 28px; /* reset props inherited from the button style */ background: none; box-shadow: none; text-shadow: none; outline-offset: -5px; } + +button.emoji-section:first-child { margin-left: 7px; } + +button.emoji-section:last-child { margin-right: 7px; } + +button.emoji-section:backdrop:not(:checked) { border-color: transparent; } + +button.emoji-section:hover { border-color: #cdc7c2; } + +button.emoji-section:checked { border-color: #3584e4; } + +button.emoji-section label { padding: 0; opacity: 0.55; } + +button.emoji-section:hover label { opacity: 0.775; } + +button.emoji-section:checked label { opacity: 1; } + +popover.emoji-picker .emoji { font-size: x-large; padding: 6px; } + +popover.emoji-picker .emoji :hover { background: #3584e4; border-radius: 6px; } + +popover.emoji-completion arrow { border: none; background: none; } + +popover.emoji-completion contents row box { padding: 2px 10px; } + +popover.emoji-completion .emoji:hover { background: white; } + +/* GTK NAMED COLORS ---------------- use responsibly! */ +/* +widget text/foreground color */ +@define-color theme_fg_color #2e3436; +/* +text color for entries, views and content in general */ +@define-color theme_text_color black; +/* +widget base background color */ +@define-color theme_bg_color #f6f5f4; +/* +text widgets and the like base background color */ +@define-color theme_base_color #ffffff; +/* +base background color of selections */ +@define-color theme_selected_bg_color #3584e4; +/* +text/foreground color of selections */ +@define-color theme_selected_fg_color #ffffff; +/* +base background color of insensitive widgets */ +@define-color insensitive_bg_color #faf9f8; +/* +text foreground color of insensitive widgets */ +@define-color insensitive_fg_color #929595; +/* +insensitive text widgets and the like base background color */ +@define-color insensitive_base_color #ffffff; +/* +widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #929595; +/* +text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color black; +/* +widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #f6f5f4; +/* +text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #fcfcfc; +/* +base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #3584e4; +/* +text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #ffffff; +/* +insensitive color on backdrop windows*/ +@define-color unfocused_insensitive_color #d4cfca; +/* +widgets main borders color */ +@define-color borders #cdc7c2; +/* +widgets main borders color on backdrop windows */ +@define-color unfocused_borders #d5d0cc; +/* +these are pretty self explicative */ +@define-color warning_color #f57900; +@define-color error_color #cc0000; +@define-color success_color #33d17a; +/* +these colors are exported for the window manager and shouldn't be used in applications, +read if you used those and something break with a version upgrade you're on your own... */ +@define-color wm_title shade(#2e3436, 1.8); +@define-color wm_unfocused_title #929595; +@define-color wm_highlight rgba(255, 255, 255, 0.8); +@define-color wm_borders_edge rgba(255, 255, 255, 0.8); +@define-color wm_bg_a shade(#f6f5f4, 1.2); +@define-color wm_bg_b #f6f5f4; +@define-color wm_shadow alpha(black, 0.35); +@define-color wm_border alpha(black, 0.18); +@define-color wm_button_hover_color_a shade(#f6f5f4, 1.3); +@define-color wm_button_hover_color_b #f6f5f4; +@define-color wm_button_active_color_a shade(#f6f5f4, 0.85); +@define-color wm_button_active_color_b shade(#f6f5f4, 0.89); +@define-color wm_button_active_color_c shade(#f6f5f4, 0.9); +/* content view background such as thumbnails view in Photos or Boxes */ +@define-color content_view_bg #ffffff; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #ffffff; diff --git a/source/gtk3/gtk-contained.scss b/source/gtk3/gtk-contained.scss new file mode 100644 index 0000000..ee5e202 --- /dev/null +++ b/source/gtk3/gtk-contained.scss @@ -0,0 +1,12 @@ +// General guidelines: +// - very unlikely you want to edit something else than _common.scss +// - keep the number of defined colors to a minimum, use the color blending functions if +// you need a subtle shade +// - if you need to inverse a color function use the @if directive to match for dark $variant + +$variant: 'light'; + +@import 'colors'; +@import 'drawing'; +@import 'common'; +@import 'colors-public'; diff --git a/source/gtk3/gtk-dark.css b/source/gtk3/gtk-dark.css new file mode 100644 index 0000000..c22854d --- /dev/null +++ b/source/gtk3/gtk-dark.css @@ -0,0 +1 @@ +@import url("resource:///org/gtk/libgtk/theme/Adwaita/gtk-contained-dark.css"); diff --git a/source/gtk3/gtk-new.css b/source/gtk3/gtk-new.css new file mode 100644 index 0000000..4d30b6a --- /dev/null +++ b/source/gtk3/gtk-new.css @@ -0,0 +1,1841 @@ +/*Usually an automatic fg color on these backgrounds should check this value!*/ +/*************************** Check and Radio buttons * */ +/*************************** Check and Radio buttons * */ +calendar:selected, row:selected, treeview.view:selected:focus, treeview.view:selected, modelbutton.flat:selected, .menuitem.button.flat:selected, spinbutton:not(.vertical) selection, entry selection, flowbox flowboxchild:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, textview text selection, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus, .view text:selected, iconview text:selected, textview text:selected { background-color: #9dccff; } + +.selection-mode button.titlebutton, label:selected, calendar:selected, row:selected, treeview.view:selected:focus, treeview.view:selected, modelbutton.flat:selected, .menuitem.button.flat:selected, spinbutton:not(.vertical) selection, entry selection, flowbox flowboxchild:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, textview text selection, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus, .view text:selected, iconview text:selected, textview text:selected { color: #000000; } + +label:disabled selection, .selection-mode button.titlebutton:disabled, label:disabled:selected, calendar:disabled:selected, row:disabled:selected, treeview.view:disabled:selected, modelbutton.flat:disabled:selected, .menuitem.button.flat:disabled:selected, spinbutton:not(.vertical) selection:disabled, entry selection:disabled, flowbox flowboxchild:disabled:selected, .view text selection:disabled, iconview text selection:disabled, textview text selection:disabled:focus, textview text selection:disabled, .view:disabled:selected, iconview:disabled:selected, .view text:disabled:selected, iconview text:disabled:selected, textview text:disabled:selected { color: #4f6680; } + +label:backdrop selection, .selection-mode button.titlebutton:backdrop, label:backdrop:selected, calendar:backdrop:selected, row:backdrop:selected, treeview.view:backdrop:selected, modelbutton.flat:backdrop:selected, .menuitem.button.flat:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, entry selection:backdrop, flowbox flowboxchild:backdrop:selected, .view text selection:backdrop, iconview text selection:backdrop, textview text selection:backdrop:focus, textview text selection:backdrop, .view:backdrop:selected, iconview:backdrop:selected, .view text:backdrop:selected, iconview text:backdrop:selected, textview text:backdrop:selected { color: #222222; background-color: rgba(182, 205, 231, 0.7); } + +label:backdrop selection:disabled, .selection-mode button.titlebutton:backdrop:disabled, label:backdrop:disabled:selected, calendar:backdrop:disabled:selected, row:backdrop:disabled:selected, modelbutton.flat:backdrop:disabled:selected, .menuitem.button.flat:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled, entry selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, .view text selection:backdrop:disabled, iconview text selection:backdrop:disabled, textview text selection:backdrop:disabled, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected, .view text:backdrop:disabled:selected, iconview text:backdrop:disabled:selected, textview text:backdrop:disabled:selected { color: #7899bd; } + +* { padding: 0; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #df0000; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-color: alpha(currentColor,0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; -gtk-outline-radius: 3px; -gtk-secondary-caret-color: #9dccff; } + +/*************** Base States * */ +.background { color: #1d1d1d; background-color: #c9c9c9; } + +.background:backdrop { color: #737373; background-color: #c9c9c9; text-shadow: none; -gtk-icon-shadow: none; } + +/* These wildcard seems unavoidable, need to investigate. Wildcards are bad and troublesome, use them with care, or better, just don't. Everytime a wildcard is used a kitten dies, painfully. */ +*:disabled { -gtk-icon-effect: dim; } + +.gtkstyle-fallback { color: #1d1d1d; background-color: #c9c9c9; } + +.gtkstyle-fallback:hover { color: #1d1d1d; background-color: #e3e3e3; } + +.gtkstyle-fallback:active { color: #1d1d1d; background-color: #b0b0b0; } + +.gtkstyle-fallback:disabled { color: #552222; background-color: #c7bebe; } + +.gtkstyle-fallback:selected { color: #000000; background-color: #9dccff; } + +.view, iconview, .view text, iconview text, textview text { color: #1d1d1d; background-color: #e5e5e5; } + +.view:backdrop, iconview:backdrop, .view text:backdrop, iconview text:backdrop, textview text:backdrop { color: #444444; background-color: #e2e2e2; } + +.view:backdrop:disabled, iconview:backdrop:disabled, .view text:backdrop:disabled, iconview text:backdrop:disabled, textview text:backdrop:disabled { color: #a3a3a3; } + +.view:disabled, iconview:disabled, .view text:disabled, iconview text:disabled, textview text:disabled { color: #552222; background-color: #c7bebe; } + +.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus, .view text:selected, iconview text:selected, textview text:selected { border-radius: 3px; } + +textview border { background-color: #d7d7d7; } + +.rubberband, rubberband, .content-view rubberband, .content-view .rubberband, treeview.view rubberband, flowbox rubberband { border: 1px solid #6ab1ff; background-color: rgba(106, 177, 255, 0.2); } + +flowbox flowboxchild { padding: 3px; } + +flowbox flowboxchild:selected { outline-offset: -2px; } + +.content-view .tile { margin: 2px; background-color: transparent; border-radius: 0; padding: 0; } + +.content-view .tile:backdrop { background-color: transparent; } + +.content-view .tile:active, .content-view .tile:selected { background-color: transparent; } + +.content-view .tile:disabled { background-color: transparent; } + +label { caret-color: currentColor; } + +label selection { background-color: #9dccff; color: #000000; } + +label:disabled { color: #552222; } + +button label:disabled { color: inherit; } + +label:disabled:backdrop { color: #a3a3a3; } + +button label:disabled:backdrop { color: inherit; } + +label.error { color: #df0000; } + +label.error:disabled { color: rgba(223, 0, 0, 0.5); } + +label.error:disabled:backdrop { color: rgba(223, 0, 0, 0.4); } + +.dim-label, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, label.separator { opacity: 0.55; text-shadow: none; } + +assistant .sidebar { background-color: #e5e5e5; border-top: 1px solid #9b9b9b; } + +assistant .sidebar:backdrop { background-color: #e2e2e2; border-color: #a4a4a4; } + +assistant.csd .sidebar { border-top-style: none; } + +assistant .sidebar label { padding: 6px 12px; } + +assistant .sidebar label.highlight { background-color: #a7a7a7; } + +.osd .scale-popup, .app-notification, .app-notification.frame, .csd popover.background.osd, popover.background.osd, .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .osd { color: #504300; border: 1px solid #504300; background-color: rgba(255, 255, 164, 0.7); background-clip: padding-box; } + +/********************* Spinner Animation * */ +@keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } + +spinner { background: none; opacity: 0.1; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } + +spinner:backdrop { color: #737373; } + +spinner:checked { opacity: 1; animation: spin 1s linear infinite; } + +spinner:checked:disabled { opacity: 0.5; color: #552222; } + +/********************** General Typography * */ +.large-title { font-weight: 300; font-size: 24pt; } + +.title-1 { font-weight: 800; font-size: 20pt; } + +.title-2 { font-weight: 800; font-size: 15pt; } + +.title-3 { font-weight: 700; font-size: 15pt; } + +.title-4 { font-weight: 700; font-size: 13pt; } + +.heading { font-weight: 700; font-size: 11pt; } + +.body { font-weight: 400; font-size: 11pt; } + +.caption-heading { font-weight: 700; font-size: 9pt; } + +.caption { font-weight: 400; font-size: 9pt; } + +/**************** Text Entries * */ +spinbutton:not(.vertical), entry { min-height: 28px; padding-left: 1px; padding-right: 1px; border: 1px solid; border-radius: 0px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #1d1d1d; border-color: #818181; background-color: #e5e5e5; box-shadow: inset 0 0 0 1px rgba(157, 204, 255, 0), inset 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.5); } + +spinbutton:not(.vertical) image.left, entry image.left { margin-right: 6px; } + +spinbutton:not(.vertical) image.right, entry image.right { margin-left: 6px; } + +spinbutton.flat:not(.vertical), entry.flat:focus, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; padding-left: 1px; padding-right: 1px; background-color: transparent; border-color: transparent; border-radius: 0; } + +spinbutton:focus:not(.vertical), entry:focus { box-shadow: inset 0 0 0 1px #9dccff, inset 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.5); border-color: #9dccff; } + +spinbutton:disabled:not(.vertical), entry:disabled { color: #552222; border-color: #8e7070; background-color: #c7bebe; box-shadow: none; } + +spinbutton:backdrop:not(.vertical), entry:backdrop { color: #444444; border-color: #a4a4a4; background-color: #e2e2e2; box-shadow: none; transition: 200ms ease-out; } + +spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #a3a3a3; border-color: #b5b0b0; background-color: #c7bebe; box-shadow: none; } + +spinbutton.error:not(.vertical), entry.error { color: #df0000; border-color: #df0000; } + +spinbutton.error:focus:not(.vertical), entry.error:focus { box-shadow: inset 0 0 0 1px #df0000, inset 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.5); border-color: #df0000; } + +spinbutton.error:not(.vertical) selection, entry.error selection { background-color: #df0000; } + +spinbutton.warning:not(.vertical), entry.warning { color: #c7bebe; border-color: #c7bebe; } + +spinbutton.warning:focus:not(.vertical), entry.warning:focus { box-shadow: inset 0 0 0 1px #c7bebe, inset 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.5); border-color: #c7bebe; } + +spinbutton.warning:not(.vertical) selection, entry.warning selection { background-color: #c7bebe; } + +spinbutton:not(.vertical) image, entry image { color: #454545; } + +spinbutton:not(.vertical) image:hover, entry image:hover { color: #1d1d1d; } + +spinbutton:not(.vertical) image:active, entry image:active { color: #9dccff; } + +spinbutton:not(.vertical) image:backdrop, entry image:backdrop { color: #898989; } + +spinbutton:drop(active):not(.vertical), entry:drop(active):focus, entry:drop(active) { border-color: #73d216; box-shadow: inset 0 0 0 1px #73d216; } + +.osd spinbutton:not(.vertical), .osd entry { color: #504300; border-color: #504300; background-color: rgba(80, 67, 0, 0.5); background-clip: padding-box; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } + +.osd spinbutton:focus:not(.vertical), .osd entry:focus { color: #504300; border-color: #9dccff; background-color: rgba(80, 67, 0, 0.5); background-clip: padding-box; box-shadow: inset 0 0 0 1px #9dccff, 0 1px 2px rgba(0, 0, 0, 0.4); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } + +.osd spinbutton:backdrop:not(.vertical), .osd entry:backdrop { color: #504300; border-color: #504300; background-color: rgba(80, 67, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + +.osd spinbutton:disabled:not(.vertical), .osd entry:disabled { color: #a8a152; border-color: #504300; background-color: rgba(238, 236, 148, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + +spinbutton:not(.vertical) progress, entry progress { margin: 2px -6px; background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: #9dccff; border-style: solid; box-shadow: none; } + +spinbutton:not(.vertical) progress:backdrop, entry progress:backdrop { background-color: transparent; } + +.linked:not(.vertical) > spinbutton:dir(rtl):not(.vertical), .linked:not(.vertical) > spinbutton:dir(ltr):not(.vertical), .linked:not(.vertical) > entry:dir(rtl), .linked:not(.vertical) > entry:dir(ltr), .linked:not(.vertical) > entry:first-child:dir(rtl), .linked:not(.vertical) > entry:first-child:dir(ltr), .linked:not(.vertical) > entry:last-child:dir(rtl), .linked:not(.vertical) > entry:last-child:dir(ltr), .linked:not(.vertical) > entry:only-child:dir(rtl), .linked:not(.vertical) > entry:only-child:dir(ltr) { border-radius: 0px; } + +.linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + entry, .linked:not(.vertical) > entry:focus + button, .linked:not(.vertical) > entry:focus + combobox > box > button.combo, .linked:not(.vertical) > entry:focus + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus + entry { border-left-color: #9dccff; } + +.linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + entry, .linked:not(.vertical) > entry:focus.error + button, .linked:not(.vertical) > entry:focus.error + combobox > box > button.combo, .linked:not(.vertical) > entry:focus.error + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus.error + entry { border-left-color: #df0000; } + +.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + entry { border-left-color: #73d216; } + +.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { border-top-color: #cfcfcf; } + +.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { border-top-color: #d0d0d0; } + +.linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { border-top-color: #cfcfcf; } + +.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > entry + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > entry + entry:focus:not(:only-child) { border-top-color: #9dccff; } + +.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus.error:not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:focus.error:not(:only-child), .linked.vertical > entry + spinbutton:focus.error:not(:only-child):not(.vertical), .linked.vertical > entry + entry:focus.error:not(:only-child) { border-top-color: #df0000; } + +.linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > entry + entry:drop(active):not(:only-child) { border-top-color: #73d216; } + +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus:not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + button, .linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #9dccff; } + +.linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus.error:not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:focus.error:not(:only-child) + entry, .linked.vertical > entry:focus.error:not(:only-child) + button, .linked.vertical > entry:focus.error:not(:only-child) + combobox > box > button.combo { border-top-color: #df0000; } + +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:drop(active):not(:only-child) + entry, .linked.vertical > entry:drop(active):not(:only-child) + button, .linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-top-color: #73d216; } + +spinbutton.error:not(.vertical), entry.error { color: #df0000; } + +treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { background-color: #e5e5e5; transition-property: color, background; } + +treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: #e5e5e5; } + +treeview entry.flat:focus, treeview entry:focus { border-color: #9dccff; } + +.entry-tag { padding: 5px; margin-top: 2px; margin-bottom: 2px; border-style: none; color: #000000; background-color: #9dccff; } + +:dir(ltr) .entry-tag { margin-left: 8px; margin-right: -5px; } + +:dir(rtl) .entry-tag { margin-left: -5px; margin-right: 8px; } + +.entry-tag:hover { background-color: #d0e7ff; } + +:backdrop .entry-tag { color: #e2e2e2; background-color: #9dccff; } + +.entry-tag.button { background-color: transparent; color: rgba(0, 0, 0, 0.7); } + +:not(:backdrop) .entry-tag.button:hover { border: 1px solid #9dccff; color: #000000; } + +:not(:backdrop) .entry-tag.button:active { background-color: #9dccff; color: rgba(0, 0, 0, 0.7); } + +/****************************************************** Buttons * */ +@keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#c7bebe), to(transparent)); } + to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#9dccff), to(transparent)); } } + +button.titlebutton, scrollbar slider, notebook > header > tabs > arrow, button { min-height: 24px; min-width: 16px; padding: 2px 6px; border: 1px solid; border-radius: 5px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #1d1d1d; background-color: #d3d3d3; border-color: #787878; outline-color: rgba(157, 204, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.65), 0 1px 2px rgba(0, 0, 0, 0.4); } + +button.sidebar-button, scrollbar slider.flat:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header > tabs > arrow.flat:not(:hover):not(:active):not(:checked):not(:disabled), button.flat:not(:hover):not(:active):not(:checked):not(:disabled) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; transition: none; } + +scrollbar slider:hover, notebook > header > tabs > arrow:hover, button:hover { background-color: shade(#d3d3d3, 1.1); -gtk-icon-effect: highlight; } + +scrollbar slider:active, notebook > header > tabs > arrow:active, button:active { box-shadow: 0 1px rgba(255, 255, 255, 0.65), inset 0 1px 2px rgba(0, 0, 0, 0.4); transition-duration: 50ms; } + +scrollbar slider:checked, notebook > header > tabs > arrow:checked, button:checked, button:checked:active { color: #000000; background-color: #9dccff; text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: 0 1px rgba(255, 255, 255, 0.65), inset 0 1px 2px rgba(0, 0, 0, 0.4); transition-duration: 50ms; } + +scrollbar slider:checked:hover:not(:active), notebook > header > tabs > arrow:checked:hover:not(:active), button:checked:hover:not(:active) { color: #000000; background-color: shade(#9dccff, 1.1); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: 0 1px rgba(255, 255, 255, 0.65), inset 0 1px 2px rgba(0, 0, 0, 0.4); } + +scrollbar slider:backdrop, notebook > header > tabs > arrow:backdrop, button:backdrop.flat, button:backdrop { background-image: none; transition: 200ms ease-out; -gtk-icon-effect: none; } + +button.sidebar-button:backdrop, button.sidebar-button:disabled, scrollbar slider.flat:backdrop, scrollbar slider.flat:disabled, notebook > header > tabs > arrow.flat:backdrop, notebook > header > tabs > arrow.flat:disabled, button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } + +button.sidebar-button:disabled, scrollbar slider.flat:disabled, notebook > header > tabs > arrow.flat:disabled, button.flat:disabled, button.flat:backdrop:disabled { background-color: #c7bebe; } + +scrollbar slider:disabled, notebook > header > tabs > arrow:disabled, button:disabled { color: #552222; border-color: #8e7070; background-color: #c7bebe; background-image: none; text-shadow: none; -gtk-icon-shadow: none; } + +scrollbar slider:disabled:active, scrollbar slider:disabled:checked, notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, button:disabled:active, button:disabled:checked { color: #552222; background-color: #c1c0c8; border-color: #8e7070; text-shadow: none; -gtk-icon-shadow: none; } + +scrollbar slider.image-button, notebook > header > tabs > arrow.image-button, button.image-button { min-width: 24px; padding-left: 2px; padding-right: 2px; } + +scrollbar slider.text-button, notebook > header > tabs > arrow.text-button, button.text-button { padding-left: 16px; padding-right: 16px; } + +scrollbar slider.text-button.image-button, notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button { padding-left: 8px; padding-right: 8px; } + +scrollbar slider.text-button.image-button label, notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; } + +combobox:drop(active) button.combo, scrollbar slider:drop(active), notebook > header > tabs > arrow:drop(active), button:drop(active) { color: #73d216; border-color: #73d216; box-shadow: inset 0 0 0 1px #73d216; } + +row:selected notebook > header > tabs > arrow, row:selected button { border-color: #51a4ff; } + +row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected notebook > header > tabs > arrow.flat:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #000000; border-color: transparent; } + +row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected notebook > header > tabs > arrow.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #e2e2e2; } + +notebook > header > tabs > arrow.osd, button.osd { min-width: 26px; min-height: 32px; color: #504300; border-radius: 5px; border: none; box-shadow: none; } + +notebook > header > tabs > arrow.osd.image-button, button.osd.image-button { min-width: 34px; } + +notebook > header > tabs > arrow.osd:hover, button.osd:hover { border: none; box-shadow: none; } + +notebook > header > tabs > arrow.osd:active, notebook > header > tabs > arrow.osd:checked, button.osd:active, button.osd:checked { border: none; box-shadow: none; } + +notebook > header > tabs > arrow.osd:disabled, button.osd:disabled:backdrop, button.osd:disabled { border: none; } + +notebook > header > tabs > arrow.osd:backdrop, button.osd:backdrop { border: none; } + +.app-notification button, .app-notification.frame button, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, .osd notebook > header > tabs > arrow, .osd button { color: #504300; background-color: rgba(255, 255, 164, 0.7); border-color: rgba(141, 133, 57, 0.85); outline-color: rgba(157, 204, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.65), 0 1px 2px rgba(0, 0, 0, 0.4); } + +.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd notebook > header > tabs > arrow:hover, .osd button:hover { background-color: shade(rgba(255, 255, 164, 0.7), 1.1); } + +.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd notebook > header > tabs > arrow:active, .osd notebook > header > tabs > arrow:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { box-shadow: 0 1px rgba(255, 255, 255, 0.65), inset 0 1px 2px rgba(0, 0, 0, 0.4); } + +.app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd notebook > header > tabs > arrow:disabled, .osd button:disabled:backdrop, .osd button:disabled { color: #552222; border-color: #8e7070; background-color: #c7bebe; background-image: none; text-shadow: none; -gtk-icon-shadow: none; } + +.app-notification button:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .osd notebook > header > tabs > arrow:backdrop, .osd button:backdrop { background-image: none; } + +.app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd notebook > header > tabs > arrow.flat, .osd button.flat { box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } + +.app-notification button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.touch-selection button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.magnifier button.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd notebook > header > tabs > arrow.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd button.flat:not(:hover):not(:active):not(:checked):not(:disabled) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } + +.app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd notebook > header > tabs > arrow.flat:hover, .osd button.flat:hover { background-color: shade(rgba(255, 255, 164, 0.7), 1.1); } + +.app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd notebook > header > tabs > arrow.flat:disabled, .osd button.flat:disabled { color: #552222; border-color: #8e7070; background-color: #c7bebe; background-image: none; text-shadow: none; -gtk-icon-shadow: none; background-color: #c7bebe; background-image: none; border-color: transparent; box-shadow: none; } + +.app-notification button.flat:backdrop, popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, .osd notebook > header > tabs > arrow.flat:backdrop, .osd button.flat:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } + +.app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd notebook > header > tabs > arrow.flat:active, .osd notebook > header > tabs > arrow.flat:checked, .osd button.flat:active, .osd button.flat:checked { box-shadow: 0 1px rgba(255, 255, 255, 0.65), inset 0 1px 2px rgba(0, 0, 0, 0.4); } + +notebook > header > tabs > arrow.suggested-action, button.suggested-action { color: black; background-color: #9dccff; border-color: #4f6680; outline-color: rgba(157, 204, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.65), 0 1px 2px rgba(0, 0, 0, 0.4); } + +notebook > header > tabs > arrow.suggested-action.flat, button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #9dccff; } + +notebook > header > tabs > arrow.suggested-action:hover, button.suggested-action:hover { background-color: shade(#9dccff, 1.1); } + +notebook > header > tabs > arrow.suggested-action:active, notebook > header > tabs > arrow.suggested-action:checked, button.suggested-action:active, button.suggested-action:checked { box-shadow: 0 1px rgba(255, 255, 255, 0.65), inset 0 1px 2px rgba(0, 0, 0, 0.4); } + +notebook > header > tabs > arrow.suggested-action:backdrop, button.suggested-action:backdrop, button.suggested-action.flat:backdrop { background-image: none; } + +notebook > header > tabs > arrow.suggested-action.flat:backdrop, notebook > header > tabs > arrow.suggested-action.flat:disabled, button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(157, 204, 255, 0.8); } + +notebook > header > tabs > arrow.suggested-action:disabled, button.suggested-action:disabled { color: #552222; border-color: #8e7070; background-color: #c7bebe; background-image: none; text-shadow: none; -gtk-icon-shadow: none; } + +notebook > header > tabs > arrow.suggested-action:disabled:active, notebook > header > tabs > arrow.suggested-action:disabled:checked, button.suggested-action:disabled:active, button.suggested-action:disabled:checked { color: #552222; background-color: #c1c0c8; border-color: #8e7070; text-shadow: none; -gtk-icon-shadow: none; } + +notebook > header > tabs > arrow.destructive-action, button.destructive-action { color: white; background-color: #df0000; border-color: #ef8080; outline-color: rgba(157, 204, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.15)); text-shadow: 0 -1px rgba(0, 0, 0, 0.650196); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.650196); box-shadow: inset 0 1px rgba(255, 255, 255, 0.35), 0 1px 2px rgba(0, 0, 0, 0.4); } + +notebook > header > tabs > arrow.destructive-action.flat, button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #df0000; } + +notebook > header > tabs > arrow.destructive-action:hover, button.destructive-action:hover { background-color: shade(#df0000, 1.1); } + +notebook > header > tabs > arrow.destructive-action:active, notebook > header > tabs > arrow.destructive-action:checked, button.destructive-action:active, button.destructive-action:checked { box-shadow: 0 1px rgba(255, 255, 255, 0.35), inset 0 1px 2px rgba(0, 0, 0, 0.4); } + +notebook > header > tabs > arrow.destructive-action:backdrop, button.destructive-action:backdrop, button.destructive-action.flat:backdrop { background-image: none; } + +notebook > header > tabs > arrow.destructive-action.flat:backdrop, notebook > header > tabs > arrow.destructive-action.flat:disabled, button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(223, 0, 0, 0.8); } + +notebook > header > tabs > arrow.destructive-action:disabled, button.destructive-action:disabled { color: #552222; border-color: #8e7070; background-color: #c7bebe; background-image: none; text-shadow: none; -gtk-icon-shadow: none; } + +notebook > header > tabs > arrow.destructive-action:disabled:active, notebook > header > tabs > arrow.destructive-action:disabled:checked, button.destructive-action:disabled:active, button.destructive-action:disabled:checked { color: #552222; background-color: #c1c0c8; border-color: #8e7070; text-shadow: none; -gtk-icon-shadow: none; } + +notebook > header > tabs.stack-switcher > arrow, .stack-switcher > button { outline-offset: -3px; } + +notebook > header > tabs.stack-switcher > arrow > label, .stack-switcher > button > label { padding-left: 6px; padding-right: 6px; } + +notebook > header > tabs.stack-switcher > arrow > image, .stack-switcher > button > image { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } + +notebook > header > tabs.stack-switcher > arrow.text-button, .stack-switcher > button.text-button { padding-left: 10px; padding-right: 10px; } + +notebook > header > tabs.stack-switcher > arrow.image-button, .stack-switcher > button.image-button { padding-left: 2px; padding-right: 2px; } + +notebook > header > tabs.stack-switcher > arrow.needs-attention:active > label, notebook > header > tabs.stack-switcher > arrow.needs-attention:active > image, notebook > header > tabs.stack-switcher > arrow.needs-attention:checked > label, notebook > header > tabs.stack-switcher > arrow.needs-attention:checked > image, .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; } + +notebook > header > tabs > arrow.font separator, notebook > header > tabs > arrow.file separator, button.font separator, button.file separator { background-color: transparent; } + +notebook > header > tabs > arrow.font > box > box > label, button.font > box > box > label { font-weight: bold; } + +.primary-toolbar notebook > header > tabs > arrow, .primary-toolbar button { -gtk-icon-shadow: none; } + +notebook > header > tabs > arrow.circular, button.circular { border-radius: 9999px; -gtk-outline-radius: 9999px; padding: 2px; /* circles instead of ellipses */ background-origin: padding-box, border-box; background-clip: padding-box, border-box; } + +notebook > header > tabs > arrow.circular label, button.circular label { padding: 0; } + +notebook > header > tabs > arrow.circular:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop), button.circular:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #1d1d1d; background-color: #d3d3d3; border-color: #787878; outline-color: rgba(157, 204, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.65), 0 1px 2px rgba(0, 0, 0, 0.4); } + +notebook > header > tabs > arrow.circular:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop), button.circular:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { background-color: shade(#d3d3d3, 1.1); } + +stacksidebar row.needs-attention > label, notebook > header > tabs.stack-switcher > arrow.needs-attention > label, notebook > header > tabs.stack-switcher > arrow.needs-attention > image, .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(#c7bebe), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.769231)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; } + +stacksidebar row.needs-attention > label:backdrop, notebook > header > tabs.stack-switcher > arrow.needs-attention > label:backdrop, notebook > header > tabs.stack-switcher > arrow.needs-attention > image:backdrop, .stack-switcher > button.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; } + +stacksidebar row.needs-attention > label:dir(rtl), notebook > header > tabs.stack-switcher > arrow.needs-attention > label:dir(rtl), notebook > header > tabs.stack-switcher > arrow.needs-attention > image:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 4px; } + +.inline-toolbar toolbutton > button { color: #1d1d1d; background-color: #d3d3d3; border-color: #787878; outline-color: rgba(157, 204, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.65), 0 1px 2px rgba(0, 0, 0, 0.4); } + +.inline-toolbar toolbutton > button:hover { background-color: shade(#d3d3d3, 1.1); } + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { box-shadow: 0 1px rgba(255, 255, 255, 0.65), inset 0 1px 2px rgba(0, 0, 0, 0.4); } + +.inline-toolbar toolbutton > button:disabled { color: #552222; border-color: #8e7070; background-color: #c7bebe; background-image: none; text-shadow: none; -gtk-icon-shadow: none; } + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { color: #552222; background-color: #c1c0c8; border-color: #8e7070; text-shadow: none; -gtk-icon-shadow: none; } + +.inline-toolbar toolbutton > button:backdrop { background-image: none; } + +.linked:not(.vertical) > combobox > box > button.combo, filechooser .path-bar.linked > button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .inline-toolbar notebook > header > tabs > arrow, .inline-toolbar button, notebook > header > tabs.linked > arrow, .linked > button, toolbar.inline-toolbar toolbutton > button.flat { border-right-style: none; border-radius: 0; -gtk-outline-radius: 0; } + +.linked:not(.vertical) > combobox:first-child > box > button.combo, combobox.linked button:nth-child(2):dir(rtl), filechooser .path-bar.linked > button:dir(rtl):last-child, filechooser .path-bar.linked > button:dir(ltr):first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .inline-toolbar notebook > header > tabs > arrow:first-child, .inline-toolbar button:first-child, notebook > header > tabs.linked > arrow:first-child, .linked > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat { border-top-left-radius: 5px; border-bottom-left-radius: 5px; -gtk-outline-top-left-radius: 5px; -gtk-outline-bottom-left-radius: 5px; } + +.linked:not(.vertical) > combobox:last-child > box > button.combo, combobox.linked button:nth-child(2):dir(ltr), filechooser .path-bar.linked > button:dir(rtl):first-child, filechooser .path-bar.linked > button:dir(ltr):last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .inline-toolbar notebook > header > tabs > arrow:last-child, .inline-toolbar button:last-child, notebook > header > tabs.linked > arrow:last-child, .linked > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat { border-right-style: solid; border-top-right-radius: 5px; border-bottom-right-radius: 5px; -gtk-outline-top-right-radius: 5px; -gtk-outline-bottom-right-radius: 5px; } + +.linked:not(.vertical) > combobox:only-child > box > button.combo, filechooser .path-bar.linked > button:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .inline-toolbar notebook > header > tabs > arrow:only-child, .inline-toolbar button:only-child, notebook > header > tabs.linked > arrow:only-child, .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat { border-style: solid; border-radius: 5px; -gtk-outline-radius: 5px; } + +.linked.vertical > combobox > box > button.combo, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, notebook > header > tabs.linked.vertical > arrow, .linked.vertical > button { border-style: solid solid none solid; border-radius: 0; -gtk-outline-radius: 0; } + +.linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, notebook > header > tabs.linked.vertical > arrow:first-child, .linked.vertical > button:first-child { border-top-left-radius: 5px; border-top-right-radius: 5px; -gtk-outline-top-left-radius: 5px; -gtk-outline-top-right-radius: 5px; } + +.linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, notebook > header > tabs.linked.vertical > arrow:last-child, .linked.vertical > button:last-child { border-bottom-style: solid; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -gtk-outline-bottom-left-radius: 5px; -gtk-outline-bottom-right-radius: 5px; } + +.linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, notebook > header > tabs.linked.vertical > arrow:only-child, .linked.vertical > button:only-child { border-style: solid; border-radius: 5px; -gtk-outline-radius: 5px; } + +calendar.button, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, list row button.image-button:not(.flat), modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover, .menuitem.button.flat:backdrop, .menuitem.button.flat:backdrop:hover, modelbutton.flat:not(:hover):not(:active):not(:checked):not(:disabled), .menuitem.button.flat:not(:hover):not(:active):not(:checked):not(:disabled) { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } + +/* menu buttons */ +modelbutton.flat, .menuitem.button.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 5px; outline-offset: -2px; } + +modelbutton.flat:hover, .menuitem.button.flat:hover { background-color: #d6d6d6; } + +modelbutton.flat arrow { background: none; } + +modelbutton.flat arrow:hover { background: none; } + +modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + +modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +button.color { padding: 4px; } + +button.color colorswatch:only-child { box-shadow: 0 1px rgba(255, 255, 255, 0.769231); } + +button.color colorswatch:only-child, button.color colorswatch:only-child overlay { border-radius: 0; } + +.osd button.color colorswatch:only-child { box-shadow: none; } + +.osd button.color:disabled colorswatch:only-child, .osd button.color:backdrop colorswatch:only-child, .osd button.color:active colorswatch:only-child, .osd button.color:checked colorswatch:only-child, button.color:disabled colorswatch:only-child, button.color:backdrop colorswatch:only-child, button.color:active colorswatch:only-child, button.color:checked colorswatch:only-child { box-shadow: none; } + +/* list buttons */ +/* tone down as per new designs, see issue #1473, #1748 */ +list row button.image-button:not(.flat) { border: 1px solid rgba(155, 155, 155, 0.5); } + +list row button.image-button:not(.flat):hover { background-color: shade(#d3d3d3, 1.1); } + +list row button.image-button:not(.flat):active, list row button.image-button:not(.flat):checked { box-shadow: 0 1px rgba(255, 255, 255, 0.65), inset 0 1px 2px rgba(0, 0, 0, 0.4); } + +/********* Links * */ +button:link > label, button:visited > label, button:link, button:visited, *:link { color: #004B91; } + +button:link > label:visited, button:visited > label:visited, button:visited, *:link:visited { color: #680091; } + +*:selected button:link > label:visited, *:selected button:visited > label:visited, *:selected button:visited, *:selected *:link:visited { color: #2a003a; } + +button:link > label:hover, button:visited > label:hover, button:hover:link, button:hover:visited, *:link:hover { color: #0065c4; } + +*:selected button:link > label:hover, *:selected button:visited > label:hover, *:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { color: #000a14; } + +button:link > label:active, button:visited > label:active, button:active:link, button:active:visited, *:link:active { color: #004B91; } + +*:selected button:link > label:active, *:selected button:visited > label:active, *:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { color: #000f1d; } + +button:link > label:disabled, button:visited > label:disabled, button:disabled:link, button:disabled:visited, *:link:disabled, *:link:disabled:backdrop { color: rgba(73, 73, 73, 0.8); } + +button:link > label:backdrop, button:visited > label:backdrop, button:backdrop:link, button:backdrop:visited, *:link:backdrop:backdrop:hover, *:link:backdrop:backdrop:hover:selected, *:link:backdrop { color: rgba(0, 75, 145, 0.9); } + +.selection-mode .titlebar:not(headerbar) .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:link > label:selected, button:visited > label:selected, button:selected:link, button:selected:visited, *:selected button:link > label, *:selected button:visited > label, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { color: #000f1d; } + +button:link, button:visited { text-shadow: none; } + +button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked { text-shadow: none; } + +button:link > label, button:visited > label { text-decoration-line: underline; } + +/***************** GtkSpinButton * */ +spinbutton { font-feature-settings: "tnum"; } + +spinbutton:not(.vertical) { padding: 0; } + +.osd spinbutton:not(.vertical) entry, spinbutton:not(.vertical) entry { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; } + +spinbutton:not(.vertical) entry:backdrop:disabled { background-color: transparent; } + +spinbutton:not(.vertical) button { padding: 0; } + +.osd spinbutton:not(.vertical) button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #504300; border-style: none none none solid; border-color: rgba(80, 67, 0, 0.7); border-radius: 0; box-shadow: none; -gtk-icon-shadow: 0 1px black; } + +.osd spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; } + +.osd spinbutton:not(.vertical) button:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #504300; border-color: rgba(80, 67, 0, 0.5); background-color: rgba(80, 67, 0, 0.1); -gtk-icon-shadow: 0 1px black; box-shadow: none; } + +.osd spinbutton:not(.vertical) button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #504300; border-color: rgba(80, 67, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; } + +.osd spinbutton:not(.vertical) button:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #a8a152; border-color: rgba(80, 67, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; } + +.osd spinbutton:not(.vertical) button:dir(ltr):last-child { border-radius: 0 5px 5px 0; } + +.osd spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 5px 0 0 5px; } + +spinbutton.vertical:disabled { color: #552222; } + +spinbutton.vertical:backdrop:disabled { color: #a3a3a3; } + +spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; } + +spinbutton.vertical entry { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; } + +spinbutton.vertical button { min-height: 32px; min-width: 32px; padding: 0; } + +spinbutton.vertical button.up { border-radius: 5px 5px 0 0; border-style: solid solid none solid; } + +spinbutton.vertical button.down { border-radius: 0 0 5px 5px; border-style: none solid solid solid; } + +treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; } + +treeview spinbutton:not(.vertical) entry { min-height: 0; padding: 1px 2px; } + +/************** ComboBoxes * */ +combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } + +combobox:drop(active) { box-shadow: none; } + +/************ Toolbars * */ +searchbar > revealer > box, .location-bar, .inline-toolbar, toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #c9c9c9; } + +toolbar { padding: 4px 3px 3px 4px; } + +.osd toolbar { background-color: transparent; } + +toolbar.osd { padding: 13px; border: none; border-radius: 5px; background-color: rgba(255, 255, 164, 0.7); } + +toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { border-radius: 0; } + +toolbar.horizontal separator { margin: 0 7px 1px 6px; } + +toolbar.vertical separator { margin: 6px 1px 7px 0; } + +toolbar:not(.inline-toolbar):not(.osd) > *:not(.toggle):not(.popup) > * { margin-right: 1px; margin-bottom: 1px; } + +.inline-toolbar { padding: 3px; border-width: 0 1px 1px; border-radius: 0 0 5px 5px; } + +searchbar > revealer > box, .location-bar { border-width: 0 0 1px; padding: 3px; } + +searchbar > revealer > box { margin: -6px; padding: 6px; } + +.inline-toolbar, searchbar > revealer > box, .location-bar { border-style: solid; border-color: #9b9b9b; background-color: #bbbbbb; } + +.inline-toolbar:backdrop, searchbar > revealer > box:backdrop, .location-bar:backdrop { border-color: #a4a4a4; background-color: #bcbcbc; box-shadow: none; transition: 200ms ease-out; } + +/*************** Header bars * */ +.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 40px; border-width: 0 0 1px; border-style: solid; border-color: #8c8c8c; border-radius: 0; color: #000000; background: #9dccff linear-gradient(to top, #93c7ff, #a2cfff); box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); /* Darken switchbuttons for headerbars. issue #1588 */ /* hide the close button separator */ } + +.titlebar:backdrop:not(headerbar), headerbar:backdrop { border-color: #a4a4a4; background: #c9c9c9 linear-gradient(to top, #c4c4c4, #cccccc); box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); color: #1d1d1d; transition: 200ms ease-out; } + +.titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; } + +.titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } + +.selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode headerbar, headerbar.selection-mode { color: #000000; border-color: #51a4ff; text-shadow: 0 -1px rgba(0, 0, 0, 0.5); background: #9dccff linear-gradient(to top, #93c7ff, #a2cfff); box-shadow: inset 0 1px rgba(196, 224, 255, 0.9); } + +.selection-mode .titlebar:backdrop:not(headerbar), .selection-mode.titlebar:backdrop:not(headerbar), .selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { background-color: #9dccff; background-image: none; box-shadow: inset 0 1px rgba(206, 230, 255, 0.88); } + +.selection-mode .titlebar:backdrop:not(headerbar) label, .selection-mode.titlebar:backdrop:not(headerbar) label, .selection-mode headerbar:backdrop label, headerbar.selection-mode:backdrop label { text-shadow: none; color: #000000; } + +.selection-mode .titlebar:not(headerbar) button, .selection-mode.titlebar:not(headerbar) button, .selection-mode headerbar button, headerbar.selection-mode button { color: #000000; background-color: #9dccff; border-color: #4f6680; outline-color: rgba(157, 204, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.65), 0 1px 2px rgba(0, 0, 0, 0.4); } + +.selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } + +.selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover { background-color: shade(#9dccff, 1.1); } + +.selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode headerbar button:active, .selection-mode headerbar button:checked, .selection-mode headerbar button.toggle:checked, .selection-mode headerbar button.toggle:active, headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.selection-mode button.toggle:checked, headerbar.selection-mode button.toggle:active { box-shadow: 0 1px rgba(255, 255, 255, 0.65), inset 0 1px 2px rgba(0, 0, 0, 0.4); } + +.selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button:backdrop.flat, .selection-mode headerbar button:backdrop, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop { background-image: none; -gtk-icon-effect: none; border-color: #51a4ff; } + +.selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar button:backdrop.flat:active, .selection-mode headerbar button:backdrop.flat:checked, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked { border-color: #51a4ff; } + +.selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar button:backdrop.flat:disabled, .selection-mode headerbar button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled { border-color: #51a4ff; } + +.selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode headerbar button:backdrop:disabled:active, .selection-mode headerbar button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked { border-color: #51a4ff; } + +.selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode .titlebar:not(headerbar) button.flat:backdrop, .selection-mode .titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode headerbar button.flat:backdrop, .selection-mode headerbar button.flat:disabled, .selection-mode headerbar button.flat:backdrop:disabled, headerbar.selection-mode button.flat:backdrop, headerbar.selection-mode button.flat:disabled, headerbar.selection-mode button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } + +.selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled, .selection-mode headerbar button:disabled, headerbar.selection-mode button:disabled { color: #552222; border-color: #8e7070; background-color: #c7bebe; background-image: none; text-shadow: none; -gtk-icon-shadow: none; } + +.selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar) button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, .selection-mode headerbar button:disabled:active, .selection-mode headerbar button:disabled:checked, headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked { color: #552222; background-color: #c1c0c8; border-color: #8e7070; text-shadow: none; -gtk-icon-shadow: none; } + +.selection-mode .titlebar:not(headerbar) button.suggested-action, .selection-mode.titlebar:not(headerbar) button.suggested-action, .selection-mode headerbar button.suggested-action, headerbar.selection-mode button.suggested-action { color: #1d1d1d; background-color: #d3d3d3; border-color: #787878; outline-color: rgba(157, 204, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.65), 0 1px 2px rgba(0, 0, 0, 0.4); border-color: #51a4ff; } + +.selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode headerbar button.suggested-action:hover, headerbar.selection-mode button.suggested-action:hover { background-color: shade(#d3d3d3, 1.1); border-color: #51a4ff; } + +.selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode headerbar button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { box-shadow: 0 1px rgba(255, 255, 255, 0.65), inset 0 1px 2px rgba(0, 0, 0, 0.4); border-color: #51a4ff; } + +.selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled { color: #552222; border-color: #8e7070; background-color: #c7bebe; background-image: none; text-shadow: none; -gtk-icon-shadow: none; border-color: #51a4ff; } + +.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop { background-image: none; border-color: #51a4ff; } + +.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled { border-color: #51a4ff; } + +.selection-mode .titlebar:not(headerbar) .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu, .selection-mode headerbar .selection-menu:backdrop, .selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu:backdrop, headerbar.selection-mode .selection-menu { border-color: rgba(157, 204, 255, 0); background-color: rgba(157, 204, 255, 0); background-image: none; box-shadow: none; min-height: 20px; padding: 4px 10px; } + +.selection-mode .titlebar:not(headerbar) .selection-menu arrow, .selection-mode.titlebar:not(headerbar) .selection-menu arrow, .selection-mode headerbar .selection-menu:backdrop arrow, .selection-mode headerbar .selection-menu arrow, headerbar.selection-mode .selection-menu:backdrop arrow, headerbar.selection-mode .selection-menu arrow { -GtkArrow-arrow-scaling: 1; } + +.selection-mode .titlebar:not(headerbar) .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, .selection-mode headerbar .selection-menu:backdrop .arrow, .selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu:backdrop .arrow, headerbar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; } + +.tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; } + +.default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 4px; } + +.default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { min-height: 26px; min-width: 26px; margin: 0; padding: 0; } + +.titlebar:not(headerbar) separator.titlebutton, headerbar separator.titlebutton { opacity: 0; } + +.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; } + +headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button { margin-top: 5px; margin-bottom: 5px; } + +headerbar switch { margin-top: 7px; margin-bottom: 7px; } + +headerbar.titlebar headerbar:not(.titlebar) { background: none; box-shadow: none; } + +.background .titlebar:backdrop, .background .titlebar { border-top-left-radius: 8px; border-top-right-radius: 8px; } + +.background.tiled .titlebar:backdrop, .background.tiled .titlebar, .background.tiled-top .titlebar:backdrop, .background.tiled-top .titlebar, .background.tiled-right .titlebar:backdrop, .background.tiled-right .titlebar, .background.tiled-bottom .titlebar:backdrop, .background.tiled-bottom .titlebar, .background.tiled-left .titlebar:backdrop, .background.tiled-left .titlebar, .background.maximized .titlebar:backdrop, .background.maximized .titlebar, .background.solid-csd .titlebar:backdrop, .background.solid-csd .titlebar { border-top-left-radius: 0; border-top-right-radius: 0; } + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { border-top-left-radius: 7px; } + +window headerbar:last-child:backdrop, window headerbar:last-child { border-top-right-radius: 7px; } + +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: 7px; border-top-right-radius: 7px; } + +window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled headerbar:backdrop, window.tiled headerbar:backdrop:first-child, window.tiled headerbar:backdrop:last-child, window.tiled headerbar:backdrop: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-top headerbar:backdrop, window.tiled-top headerbar:backdrop:first-child, window.tiled-top headerbar:backdrop:last-child, window.tiled-top headerbar:backdrop: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-right headerbar:backdrop, window.tiled-right headerbar:backdrop:first-child, window.tiled-right headerbar:backdrop:last-child, window.tiled-right headerbar:backdrop: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-bottom headerbar:backdrop, window.tiled-bottom headerbar:backdrop:first-child, window.tiled-bottom headerbar:backdrop:last-child, window.tiled-bottom headerbar:backdrop: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.tiled-left headerbar:backdrop, window.tiled-left headerbar:backdrop:first-child, window.tiled-left headerbar:backdrop:last-child, window.tiled-left headerbar:backdrop:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.maximized headerbar:backdrop, window.maximized headerbar:backdrop:first-child, window.maximized headerbar:backdrop:last-child, window.maximized headerbar:backdrop:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.fullscreen headerbar:backdrop, window.fullscreen headerbar:backdrop:first-child, window.fullscreen headerbar:backdrop:last-child, window.fullscreen headerbar:backdrop:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child, window.solid-csd headerbar:backdrop, window.solid-csd headerbar:backdrop:first-child, window.solid-csd headerbar:backdrop:last-child, window.solid-csd headerbar:backdrop:only-child { border-top-left-radius: 0; border-top-right-radius: 0; } + +window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; box-shadow: none; } + +.titlebar:not(headerbar) separator { background-color: #9b9b9b; } + +window.devel headerbar.titlebar:not(.selection-mode) { background: #c9c9c9 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(157, 204, 255, 0.2)), linear-gradient(to top, #a8a8a8, #b0b0b0 3px, #bfbfbf); } + +window.devel headerbar.titlebar:not(.selection-mode):backdrop { background: #c9c9c9 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#c9c9c9); /* background-color would flash */ } + +/************ Pathbars * */ +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { padding-left: 4px; padding-right: 4px; } + +.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: 8px; } + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { padding-left: 8px; } + +.path-bar button image { padding-left: 4px; padding-right: 4px; } + +.path-bar button.slider-button { padding-left: 0; padding-right: 0; } + +/************** Tree Views * */ +treeview.view { border-left-color: #818181; border-top-color: #c9c9c9; } + +* { -GtkTreeView-horizontal-separator: 4; -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; } + +treeview.view:selected:focus, treeview.view:selected { border-radius: 0; } + +treeview.view:selected:backdrop, treeview.view:selected { border-left-color: #4f6680; border-top-color: rgba(29, 29, 29, 0.1); } + +treeview.view:disabled { color: #552222; } + +treeview.view:disabled:selected { color: #5e7a99; } + +treeview.view:disabled:selected:backdrop { color: #7899bd; } + +treeview.view:disabled:backdrop { color: #a3a3a3; } + +treeview.view.separator { min-height: 2px; color: #c9c9c9; } + +treeview.view.separator:backdrop { color: rgba(201, 201, 201, 0.1); } + +treeview.view:backdrop { border-left-color: #9e9e9e; border-top: #c9c9c9; } + +treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #51a4ff; } + +treeview.view:drop(active).after { border-top-style: none; } + +treeview.view:drop(active).before { border-bottom-style: none; } + +treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #595959; } + +treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + +treeview.view.expander:hover { color: #1d1d1d; } + +treeview.view.expander:selected { color: #2f3d4d; } + +treeview.view.expander:selected:hover { color: #000000; } + +treeview.view.expander:selected:backdrop { color: #475564; } + +treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +treeview.view.expander:backdrop { color: #949494; } + +treeview.view.progressbar { color: #e5e5e5; background-color: #9dccff; background-image: image(#9dccff); box-shadow: none; } + +treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { color: #9dccff; background-image: image(#e5e5e5); } + +treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { color: #9dccff; background-color: #e2e2e2; } + +treeview.view.progressbar:backdrop { color: #e2e2e2; background-image: none; box-shadow: none; } + +treeview.view.trough { background-color: rgba(29, 29, 29, 0.1); } + +treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: rgba(0, 0, 0, 0.3); } + +treeview.view header button { color: #818181; background-color: #e5e5e5; font-weight: bold; text-shadow: none; box-shadow: none; } + +treeview.view header button:hover { color: #4f4f4f; box-shadow: none; transition: none; } + +treeview.view header button:active { color: #1d1d1d; transition: none; } + +treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: #e5e5e5; background-image: none; background-color: #9dccff; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px #e5e5e5; text-shadow: none; transition: none; } + +treeview.view acceleditor > label { background-color: #9dccff; } + +treeview.view header button, treeview.view header button:hover, treeview.view header button:active { padding: 0 6px; background-image: none; border-style: none solid solid none; border-color: #aaaaaa; border-radius: 0; text-shadow: none; } + +treeview.view header button:disabled { border-color: #c9c9c9; background-image: none; background-color: #c7bebe; color: #552222; } + +treeview.view header button:backdrop { border-color: #c9c9c9; border-style: none solid solid none; background-image: none; background-color: #e2e2e2; } + +treeview.view header button:backdrop:disabled { border-color: #c9c9c9; background-image: none; background-color: #c7bebe; color: #552222; } + +treeview.view header button:last-child { border-right-style: none; } + +/********* Menus * */ +menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } + +menubar:backdrop, .menubar:backdrop { background-color: #c9c9c9; } + +menubar > menuitem, .menubar > menuitem { min-height: 16px; padding: 4px 8px; } + +menubar > menuitem menu:dir(rtl), menubar > menuitem menu:dir(ltr), .menubar > menuitem menu:dir(rtl), .menubar > menuitem menu:dir(ltr) { border-radius: 0; padding: 0; } + +menubar > menuitem:hover, .menubar > menuitem:hover { box-shadow: inset 0 -3px #9dccff; color: #004B91; } + +menubar > menuitem:disabled, .menubar > menuitem:disabled { color: #552222; box-shadow: none; } + +menubar .csd.popup decoration, .menubar .csd.popup decoration { border-radius: 0; } + +.background.popup { background-color: transparent; } + +menu, .menu, .context-menu { margin: 4px; padding: 4px 0px; background-color: #e5e5e5; border: 1px solid #9b9b9b; } + +.csd menu, .csd .menu, .csd .context-menu { border: none; border-radius: 5px; } + +menu:backdrop, .menu:backdrop, .context-menu:backdrop { background-color: #e2e2e2; } + +menu menuitem, .menu menuitem, .context-menu menuitem { min-height: 16px; min-width: 40px; padding: 4px 6px; text-shadow: none; } + +menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { color: #000000; background-color: #9dccff; } + +menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: #552222; } + +menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { color: #a3a3a3; } + +menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { color: #737373; background-color: transparent; } + +menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; min-width: 16px; } + +menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 10px; } + +menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 10px; } + +menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { color: inherit; } + +menu > arrow, .menu > arrow, .context-menu > arrow { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; min-height: 16px; min-width: 16px; padding: 4px; background-color: #e5e5e5; border-radius: 0; } + +menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -4px; border-bottom: 1px solid #d1d1d1; border-top-right-radius: 5px; border-top-left-radius: 5px; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + +menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-top: 8px; margin-bottom: -12px; border-top: 1px solid #d1d1d1; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-color: #d1d1d1; } + +menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { background-color: #e2e2e2; } + +menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { color: transparent; background-color: transparent; border-color: transparent; } + +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: 7px; } + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { margin-left: 7px; } + +/*************** Popovers * */ +popover.background { padding: 2px; background-color: #c9c9c9; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } + +.csd popover.background, popover.background { border: 1px solid #9b9b9b; border-radius: 9px; } + +.csd popover.background { background-clip: padding-box; border-color: rgba(0, 0, 0, 0.23); } + +popover.background:backdrop { background-color: #c9c9c9; box-shadow: none; } + +popover.background > list, popover.background > .view, popover.background > iconview, popover.background > toolbar { border-style: none; background-color: transparent; } + +.csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier { border: 1px solid rgba(255, 255, 255, 0.1); } + +popover.background separator { margin: 3px; } + +popover.background list separator { margin: 0px; } + +/************* Notebooks * */ +notebook > header { padding: 1px; border-color: #9b9b9b; border-width: 1px; background-color: #b2b2b2; } + +notebook > header:backdrop { border-color: #a4a4a4; background-color: #bcbcbc; } + +notebook > header tabs { margin: -1px; } + +notebook > header.top { border-bottom-style: solid; } + +notebook > header.top > tabs { margin-bottom: -2px; } + +notebook > header.top > tabs > tab { border-top-left-radius: 5px; border-top-right-radius: 5px; } + +notebook > header.top > tabs > tab:hover { border-bottom-color: #9b9b9b; } + +notebook > header.top > tabs > tab:backdrop { box-shadow: none; } + +notebook > header.top > tabs > tab:checked { box-shadow: inset 0 14px 0 -10px #9dccff, inset 0 1px rgba(255, 255, 255, 0.5); border-color: #9b9b9b; border-bottom-color: transparent; } + +notebook > header.bottom { border-top-style: solid; } + +notebook > header.bottom > tabs { margin-top: -2px; } + +notebook > header.bottom > tabs > tab { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } + +notebook > header.bottom > tabs > tab:hover { border-top-color: #9b9b9b; } + +notebook > header.bottom > tabs > tab:backdrop { box-shadow: none; } + +notebook > header.bottom > tabs > tab:checked { box-shadow: inset 0 -14px 0 -10px #9dccff, inset 0 -1px 1px rgba(0, 0, 0, 0.4); border-color: #9b9b9b; border-top-color: transparent; } + +notebook > header.left { border-right-style: solid; } + +notebook > header.left > tabs { margin-right: -2px; } + +notebook > header.left > tabs > tab { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } + +notebook > header.left > tabs > tab:hover { border-right-color: #9b9b9b; } + +notebook > header.left > tabs > tab:backdrop { box-shadow: none; } + +notebook > header.left > tabs > tab:checked { box-shadow: inset 14px 0 0 -10px #9dccff, inset 0 -1px 1px rgba(0, 0, 0, 0.4), inset 0 1px rgba(255, 255, 255, 0.5); border-color: #9b9b9b; border-right-color: transparent; } + +notebook > header.right { border-left-style: solid; } + +notebook > header.right > tabs { margin-left: -2px; } + +notebook > header.right > tabs > tab { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } + +notebook > header.right > tabs > tab:hover { border-left-color: #9b9b9b; } + +notebook > header.right > tabs > tab:backdrop { box-shadow: none; } + +notebook > header.right > tabs > tab:checked { box-shadow: inset -14px 0 0 -10px #9dccff, inset 0 -1px 1px rgba(0, 0, 0, 0.4), inset 0 1px rgba(255, 255, 255, 0.5); border-color: #9b9b9b; border-left-color: transparent; } + +notebook > header.top > tabs > arrow { border-top-style: none; } + +notebook > header.bottom > tabs > arrow { border-bottom-style: none; } + +notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { margin-left: -5px; margin-right: -5px; padding-left: 4px; padding-right: 4px; } + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +notebook > header.left > tabs > arrow { border-left-style: none; } + +notebook > header.right > tabs > arrow { border-right-style: none; } + +notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; } + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; } + +notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-color: shade(#d3d3d3, 1.1); } + +notebook > header > tabs > arrow:active { box-shadow: 0 1px rgba(255, 255, 255, 0.65), inset 0 1px 2px rgba(0, 0, 0, 0.4); } + +notebook > header > tabs > arrow:disabled { color: #552222; border-color: #8e7070; background-color: #c7bebe; background-image: none; text-shadow: none; -gtk-icon-shadow: none; } + +notebook > header tabs > tab { border: 1px solid transparent; min-height: 20px; min-width: 20px; padding: 3px 12px; outline-offset: -5px; color: #1d1d1d; font-weight: normal; } + +notebook > header tabs > tab:hover { color: #1d1d1d; background-color: #bfbfbf; } + +notebook > header tabs > tab:hover.reorderable-page { border-color: rgba(155, 155, 155, 0.3); background-color: rgba(201, 201, 201, 0.2); } + +notebook > header tabs > tab:backdrop { color: #959595; } + +notebook > header tabs > tab:backdrop.reorderable-page { border-color: transparent; background-color: transparent; } + +notebook > header tabs > tab:checked { color: #1d1d1d; background-color: #e5e5e5; } + +notebook > header tabs > tab:backdrop:checked { color: #737373; background-color: #e2e2e2; } + +notebook > header tabs > tab button.flat { padding: 1px; margin: 2px; } + +notebook > header tabs > tab button.flat:last-child { margin-left: 4px; margin-right: -4px; } + +notebook > header tabs > tab button.flat:first-child { margin-left: -4px; margin-right: 4px; } + +notebook > header.top tabs, notebook > header.bottom tabs { padding-left: 4px; padding-right: 4px; } + +notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) { margin-left: 3px; margin-right: 3px; } + +notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { margin-left: -1px; } + +notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { margin-right: -1px; } + +notebook > header.top tabs tab, notebook > header.bottom tabs tab { margin-left: 4px; margin-right: 4px; } + +notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { border-style: none solid; } + +notebook > header.left tabs, notebook > header.right tabs { padding-top: 4px; padding-bottom: 4px; } + +notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) { margin-top: 3px; margin-bottom: 3px; } + +notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { margin-top: -1px; } + +notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { margin-bottom: -1px; } + +notebook > header.left tabs tab, notebook > header.right tabs tab { margin-top: 4px; margin-bottom: 4px; } + +notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { border-style: solid none; } + +notebook > header.top tab { padding-bottom: 4px; } + +notebook > header.bottom tab { padding-top: 4px; } + +notebook > stack:not(:only-child) { background-color: #e5e5e5; } + +notebook > stack:not(:only-child):backdrop { background-color: #e2e2e2; } + +/************** Scrollbars * */ +scrollbar { background-color: #a7a7a7; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +* { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; } + +scrollbar.top { border-bottom: 1px solid #9b9b9b; } + +scrollbar.bottom { border-top: 1px solid #9b9b9b; } + +scrollbar.left { border-right: 1px solid #9b9b9b; } + +scrollbar.right { border-left: 1px solid #9b9b9b; } + +scrollbar:backdrop { background-color: #c1c1c1; border-color: #a4a4a4; transition: 200ms ease-out; } + +scrollbar slider { padding: 0; background-image: none; min-width: 8px; min-height: 8px; margin: 3px; border-radius: 10px; background-clip: padding-box; background-color: #626262; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +scrollbar slider:hover { background-color: #3f3f3f; } + +scrollbar slider:hover:active { background-color: #6ab1ff; } + +scrollbar slider:backdrop { background-color: #a7a7a7; } + +scrollbar slider:disabled { background-color: transparent; } + +scrollbar.fine-tune slider, scrollbar.fine-tune slider:hover, scrollbar.fine-tune slider:active { background-color: #ffffa4; } + +scrollbar.horizontal slider { min-width: 40px; } + +scrollbar.vertical slider { min-height: 40px; } + +scrollbar button { padding: 0; min-width: 12px; min-height: 12px; border-style: none; border-radius: 0; transition-property: min-height, min-width, color; border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #626262; } + +scrollbar button:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #3f3f3f; } + +scrollbar button:active, scrollbar button:checked { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #6ab1ff; } + +scrollbar button:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(98, 98, 98, 0.2); } + +scrollbar button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #a7a7a7; } + +scrollbar button:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(167, 167, 167, 0.2); } + +scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +scrollbar.vertical button.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + +scrollbar.horizontal button.down { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + +treeview ~ scrollbar.vertical { border-top: 1px solid #9b9b9b; margin-top: -1px; } + +/********** Switch * */ +switch { outline-offset: -4px; border: 1px solid #9b9b9b; border-radius: 14px; color: #1d1d1d; background-color: #b2b2b2; text-shadow: 0 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px rgba(0, 0, 0, 0.4); /* only show i / o for the accessible theme */ } + +switch:checked { color: #000000; border-color: #737373; background-color: #9dccff; text-shadow: 0 1px rgba(81, 164, 255, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); } + +switch:disabled { color: #552222; border-color: #9b9b9b; background-color: #c7bebe; text-shadow: none; } + +switch:backdrop { color: #737373; border-color: #a4a4a4; background-color: #bcbcbc; text-shadow: none; transition: 200ms ease-out; } + +switch:backdrop:checked { color: #c9c9c9; border-color: #000000; background-color: #9dccff; } + +switch:backdrop:disabled { color: #a3a3a3; border-color: #a4a4a4; background-color: #c7bebe; } + +switch slider { margin: -1px; min-width: 24px; min-height: 24px; border: 1px solid; border-radius: 50%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-outline-radius: 20px; color: #1d1d1d; background-color: #d3d3d3; border-color: #787878; outline-color: rgba(157, 204, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.65), 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.4); } + +switch image { color: transparent; } + +switch:hover slider { background-color: shade(#d3d3d3, 1.1); } + +switch:checked > slider { border: 1px solid #000000; } + +switch:disabled slider { color: #552222; border-color: #8e7070; background-color: #c7bebe; background-image: none; text-shadow: none; -gtk-icon-shadow: none; } + +switch:backdrop slider { transition: 200ms ease-out; background-image: none; } + +switch:backdrop:checked > slider { border-color: #000000; } + +row:selected switch { box-shadow: none; border-color: #000000; } + +row:selected switch:backdrop { border-color: #000000; } + +row:selected switch > slider:checked, row:selected switch > slider { border-color: #000000; } + +/************************* Check and Radio items * */ +.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view:not(list) check { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #9dccff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } + +.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view:not(list) check:hover { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #9dccff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } + +.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view:not(list) check:active { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #9dccff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } + +.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view:not(list) check:backdrop { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #cecece; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } + +.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view:not(list) check:checked { margin: 4px; min-width: 32px; min-height: 32px; color: #504300; background-color: #9dccff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } + +.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view:not(list) check:checked:hover { margin: 4px; min-width: 32px; min-height: 32px; color: #504300; background-color: #9dccff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } + +.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view:not(list) check:checked:active { margin: 4px; min-width: 32px; min-height: 32px; color: #504300; background-color: #9dccff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } + +.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view:not(list) check:backdrop:checked { margin: 4px; min-width: 32px; min-height: 32px; color: rgba(80, 67, 0, 0.8); background-color: #cecece; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } + +checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; } + +checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { margin-left: 4px; } + +checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { margin-right: 4px; } + +check, radio { margin: 0 4px; min-height: 14px; min-width: 14px; border: 1px solid; -gtk-icon-source: none; } + +check:only-child, radio:only-child { margin: 0; } + +popover check.left:dir(rtl), popover radio.left:dir(rtl) { margin-left: 0; margin-right: 12px; } + +popover check.right:dir(ltr), popover radio.right:dir(ltr) { margin-left: 12px; margin-right: 0; } + +check, radio { background-clip: padding-box; background-image: linear-gradient(to bottom, #e0e0e0 20%, #d3d3d3 90%); border-color: #000000; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #000000; } + +check:hover, radio:hover { background-image: linear-gradient(to bottom, #eaeaea 10%, #dddddd 90%); } + +check:active, radio:active { box-shadow: inset 0 1px rgba(0, 0, 0, 0.2); background-image: image(#c6c6c6); } + +check:disabled, radio:disabled { box-shadow: none; color: #552222; background-image: image(#c7bebe); } + +check:backdrop, radio:backdrop { background-image: image(#d3d3d3); box-shadow: none; color: #000000; } + +check:backdrop:disabled, radio:backdrop:disabled { box-shadow: none; color: #552222; background-image: image(#c7bebe); } + +check:checked, radio:checked { background-clip: border-box; background-image: linear-gradient(to bottom, #b7d9ff 20%, #9dccff 90%); border-color: #000000; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #000000; } + +check:checked:hover, radio:checked:hover { background-image: linear-gradient(to bottom, #cbe4ff 10%, #b1d7ff 90%); } + +check:checked:active, radio:checked:active { box-shadow: inset 0 1px rgba(0, 0, 0, 0.2); background-image: image(#84bfff); } + +check:checked:disabled, radio:checked:disabled { box-shadow: none; color: #552222; background-image: image(#c7bebe); } + +check:checked:backdrop, radio:checked:backdrop { background-image: image(#9dccff); box-shadow: none; color: #000000; } + +check:checked:backdrop:disabled, radio:checked:backdrop:disabled { box-shadow: none; color: #552222; background-image: image(#c7bebe); } + +check:indeterminate, radio:indeterminate { background-clip: border-box; background-image: linear-gradient(to bottom, #b7d9ff 20%, #9dccff 90%); border-color: #000000; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #000000; } + +check:indeterminate:hover, radio:indeterminate:hover { background-image: linear-gradient(to bottom, #cbe4ff 10%, #b1d7ff 90%); } + +check:indeterminate:active, radio:indeterminate:active { box-shadow: inset 0 1px rgba(0, 0, 0, 0.2); background-image: image(#84bfff); } + +check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; color: #552222; background-image: image(#c7bebe); } + +check:indeterminate:backdrop, radio:indeterminate:backdrop { background-image: image(#9dccff); box-shadow: none; color: #000000; } + +check:indeterminate:backdrop:disabled, radio:indeterminate:backdrop:disabled { box-shadow: none; color: #552222; background-image: image(#c7bebe); } + +check:backdrop, radio:backdrop { transition: 200ms ease-out; } + +check:disabled, radio:disabled { color: #552222; border-color: #552222; } + +row:selected check, row:selected radio { border-color: #000000; } + +menu menuitem check, menu menuitem radio { margin: 0; } + +menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked, menu menuitem check:checked:hover, menu menuitem check:checked:disabled, menu menuitem check:indeterminate, menu menuitem check:indeterminate:hover, menu menuitem check:indeterminate:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem radio:checked, menu menuitem radio:checked:hover, menu menuitem radio:checked:disabled, menu menuitem radio:indeterminate, menu menuitem radio:indeterminate:hover, menu menuitem radio:indeterminate:disabled { min-height: 14px; min-width: 14px; background-image: none; background-color: transparent; box-shadow: none; -gtk-icon-shadow: none; color: inherit; border-color: currentColor; } + +check { border-radius: 3px; } + +check:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/check-symbolic.svg")), -gtk-recolor(url("assets/check-symbolic.symbolic.png"))); } + +check:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); } + +treeview.view radio:selected:focus, treeview.view radio:selected, radio { border-radius: 100%; } + +treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/bullet-symbolic.svg")), -gtk-recolor(url("assets/bullet-symbolic.symbolic.png"))); } + +treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); } + +radio:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: scale(0); } + +check:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); } + +radio:active, check:active { -gtk-icon-transform: scale(0, 1); } + +radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop), check:checked:not(:backdrop), check:indeterminate:not(:backdrop) { -gtk-icon-transform: unset; transition: 400ms; } + +menu menuitem radio:checked:not(:backdrop), menu menuitem radio:indeterminate:not(:backdrop), menu menuitem check:checked:not(:backdrop), menu menuitem check:indeterminate:not(:backdrop) { transition: none; } + +treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: #000000; border-color: #51a4ff; } + +/************ GtkScale * */ +progressbar trough, scale fill, scale trough { border: 1px solid #9b9b9b; border-radius: 3px; background-color: #b2b2b2; } + +progressbar trough:disabled, scale fill:disabled, scale trough:disabled { background-color: #c7bebe; } + +progressbar trough:backdrop, scale fill:backdrop, scale trough:backdrop { background-color: #bcbcbc; border-color: #a4a4a4; transition: 200ms ease-out; } + +progressbar trough:backdrop:disabled, scale fill:backdrop:disabled, scale trough:backdrop:disabled { background-color: #c7bebe; } + +row:selected progressbar trough, progressbar row:selected trough, row:selected scale fill, scale row:selected fill, row:selected scale trough, scale row:selected trough { border-color: #51a4ff; } + +.osd progressbar trough, progressbar .osd trough, .osd scale fill, scale .osd fill, .osd scale trough, scale .osd trough { border-color: #504300; background-color: rgba(80, 67, 0, 0.3); } + +.osd progressbar trough:disabled, progressbar .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd scale trough:disabled, scale .osd trough:disabled { background-color: rgba(238, 236, 148, 0.5); } + +progressbar progress, scale highlight { border: 1px solid #51a4ff; border-radius: 3px; background-color: #9dccff; } + +progressbar progress:disabled, scale highlight:disabled { background-color: #b09f9f; border-color: transparent; } + +progressbar progress:backdrop, scale highlight:backdrop { border-color: #9dccff; } + +progressbar progress:backdrop:disabled, scale highlight:backdrop:disabled { background-color: transparent; border-color: transparent; } + +row:selected progressbar progress, progressbar row:selected progress, row:selected scale highlight, scale row:selected highlight { border-color: #51a4ff; } + +.osd progressbar progress, progressbar .osd progress, .osd scale highlight, scale .osd highlight { border-color: #504300; } + +.osd progressbar progress:disabled, progressbar .osd progress:disabled, .osd scale highlight:disabled, scale .osd highlight:disabled { border-color: transparent; } + +scale { min-height: 10px; min-width: 10px; padding: 12px; } + +scale fill, scale highlight { margin: -1px; } + +scale.fine-tune slider, scale.fine-tune slider:active, scale.fine-tune slider:hover, scale.fine-tune slider:focus { background-color: #ffffa4; } + +scale trough { outline-offset: 2px; -gtk-outline-radius: 5px; } + +scale fill:backdrop, scale fill { background-color: #9b9b9b; } + +scale fill:disabled:backdrop, scale fill:disabled { border-color: transparent; background-color: transparent; } + +.osd scale fill { background-color: #504300; } + +.osd scale fill:disabled:backdrop, .osd scale fill:disabled { border-color: transparent; background-color: transparent; } + +scale slider { min-height: 18px; min-width: 18px; margin: -9px; color: #1d1d1d; background-color: #d3d3d3; border-color: #787878; outline-color: rgba(157, 204, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.65), 0 1px 2px rgba(0, 0, 0, 0.4); border-width: 1px; border-style: solid; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; } + +scale slider:hover { background-color: shade(#d3d3d3, 1.1); } + +scale slider:active { border-color: #9dccff; } + +scale slider:disabled { color: #552222; border-color: #8e7070; background-color: #c7bebe; background-image: none; text-shadow: none; -gtk-icon-shadow: none; } + +scale slider:backdrop { transition: 200ms ease-out; background-image: none; } + +row:selected scale slider:disabled, row:selected scale slider { border-color: #51a4ff; } + +.osd scale slider { border-color: #413600; background-color: #ffffa4; } + +.osd scale slider:hover { background-color: #ffffa4; } + +.osd scale slider:active { background-color: #ffffa4; } + +.osd scale slider:disabled { background-color: #ffffa4; } + +.osd scale slider:backdrop { background-color: #ffffa4; } + +.osd scale slider:backdrop:disabled { background-color: #ffffa4; } + +scale marks, scale value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; } + +scale.horizontal marks.top { margin-bottom: 6px; margin-top: -12px; } + +scale.horizontal marks.bottom { margin-top: 6px; margin-bottom: -12px; } + +scale.vertical marks.top { margin-right: 6px; margin-left: -12px; } + +scale.vertical marks.bottom { margin-left: 6px; margin-right: -12px; } + +scale.horizontal indicator { min-height: 6px; min-width: 1px; } + +scale.horizontal.marks-after slider { border-radius: 5px 5px 100% 100%; min-width: 10px; padding: 0; margin-right: 5px; margin-left: 5px; } + +scale.horizontal.marks-before slider { border-radius: 100% 100% 5px 5px; min-width: 10px; padding: 0; margin-right: 5px; margin-left: 5px; } + +scale.vertical indicator { min-height: 1px; min-width: 6px; } + +scale.vertical.marks-after slider { border-radius: 5px 100% 100% 5px; min-height: 10px; padding: 0; margin-top: 5px; margin-bottom: 5px; } + +scale.vertical.marks-before slider { border-radius: 100% 5px 5px 100%; min-height: 10px; padding: 0; margin-top: 5px; margin-bottom: 5px; } + +scale.color { min-height: 0; min-width: 0; } + +scale.color trough { background-image: image(#9b9b9b); background-repeat: no-repeat; } + +scale.color.horizontal { padding: 0 0 15px 0; } + +scale.color.horizontal trough { padding-bottom: 4px; background-position: 0 -3px; border-top-left-radius: 0; border-top-right-radius: 0; } + +scale.color.horizontal slider:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):backdrop, scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal slider:dir(ltr):backdrop:disabled, scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl):hover, scale.color.horizontal slider:dir(rtl):backdrop, scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal slider:dir(rtl):backdrop:disabled, scale.color.horizontal slider:dir(rtl) { margin-bottom: -15px; margin-top: 6px; } + +scale.color.vertical:dir(ltr) { padding: 0 0 0 15px; } + +scale.color.vertical:dir(ltr) trough { padding-left: 4px; background-position: 3px 0; border-bottom-right-radius: 0; border-top-right-radius: 0; } + +scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; } + +scale.color.vertical:dir(rtl) { padding: 0 15px 0 0; } + +scale.color.vertical:dir(rtl) trough { padding-right: 4px; background-position: -3px 0; border-bottom-left-radius: 0; border-top-left-radius: 0; } + +scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; } + +/***************** Progress bars * */ +progressbar { font-size: smaller; color: rgba(29, 29, 29, 0.4); font-feature-settings: "tnum"; } + +progressbar.horizontal trough, progressbar.horizontal progress { min-height: 2px; } + +progressbar.vertical trough, progressbar.vertical progress { min-width: 2px; } + +progressbar.horizontal progress { margin: 0 -1px; } + +progressbar.vertical progress { margin: -1px 0; } + +progressbar:backdrop { box-shadow: none; transition: 200ms ease-out; } + +progressbar progress { border-radius: 1.5px; } + +progressbar progress.left { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } + +progressbar progress.right { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } + +progressbar progress.top { border-top-right-radius: 2px; border-top-left-radius: 2px; } + +progressbar progress.bottom { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } + +progressbar.osd { min-width: 3px; min-height: 3px; background-color: transparent; } + +progressbar.osd trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; } + +progressbar.osd progress { border-style: none; border-radius: 0; } + +progressbar trough.empty progress { all: unset; } + +/************* Level Bar * */ +/************* Level Bar * */ +levelbar.horizontal trough > block { min-height: 9px; border-radius: 5px; } + +levelbar.horizontal trough > block:dir(rtl) { border-radius: 0 5px 5px 0; } + +levelbar.horizontal trough > block:dir(ltr) { border-radius: 5px 0 0 5px; } + +levelbar.horizontal trough > block.empty, levelbar.horizontal trough > block.full { border-radius: 5px; } + +levelbar.horizontal.discrete trough > block { min-height: 2px; margin: 1px; min-width: 24px; border-radius: 0; } + +levelbar.horizontal.discrete trough > block:first-child { border-radius: 2px 0 0 2px; } + +levelbar.horizontal.discrete trough > block:last-child { border-radius: 0 2px 2px 0; } + +levelbar.vertical trough > block { min-width: 9px; border-radius: 5px; } + +levelbar.vertical.discrete > trough > block { min-width: 2px; margin: 1px 0; min-height: 32px; } + +levelbar > trough { padding: 1px; color: #1d1d1d; border-color: #818181; background-color: #e5e5e5; box-shadow: inset 0 0 0 1px rgba(157, 204, 255, 0), inset 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.5); border-radius: 5px; } + +levelbar > trough:backdrop { color: #444444; border-color: #a4a4a4; background-color: #e2e2e2; box-shadow: none; } + +levelbar > trough > block { border: 1px solid; } + +levelbar > trough > block.low { border-color: #c7bebe; background-color: #c7bebe; } + +levelbar > trough > block.high, levelbar > trough > block:not(.empty) { border-color: #9dccff; background-color: #9dccff; } + +levelbar > trough > block.full { border-color: #73d216; background-color: #73d216; } + +levelbar > trough > block.empty { background-color: #bcbcbc; border-color: #bcbcbc; } + +/**************** Print dialog * */ +printdialog paper { color: #1d1d1d; border: 1px solid #9b9b9b; background: white; padding: 0; } + +printdialog paper:backdrop { color: #737373; border-color: #a4a4a4; } + +printdialog .dialog-action-box { margin: 12px; } + +/********** Frames * */ +frame > border, .frame { box-shadow: none; margin: 0; padding: 0; border-radius: 0; border: 1px solid #9b9b9b; } + +frame > border.flat, .frame.flat { border-style: none; } + +frame > border:backdrop, .frame:backdrop { border-color: #a4a4a4; } + +actionbar > revealer > box { padding: 6px; border-top: 1px solid #9b9b9b; } + +actionbar > revealer > box:backdrop { border-color: #a4a4a4; } + +scrolledwindow viewport.frame { border-style: none; } + +scrolledwindow overshoot.top { background-image: radial-gradient(farthest-side at top, #9dccff 85%, rgba(157, 204, 255, 0)), radial-gradient(farthest-side at top, rgba(157, 204, 255, 0.07), rgba(157, 204, 255, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow overshoot.top:backdrop { background-image: radial-gradient(farthest-side at top, #9dccff 85%, rgba(157, 204, 255, 0)); background-size: 100% 3%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow overshoot.bottom { background-image: radial-gradient(farthest-side at bottom, #9dccff 85%, rgba(157, 204, 255, 0)), radial-gradient(farthest-side at bottom, rgba(157, 204, 255, 0.07), rgba(157, 204, 255, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow overshoot.bottom:backdrop { background-image: radial-gradient(farthest-side at bottom, #9dccff 85%, rgba(157, 204, 255, 0)); background-size: 100% 3%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow overshoot.left { background-image: radial-gradient(farthest-side at left, #9dccff 85%, rgba(157, 204, 255, 0)), radial-gradient(farthest-side at left, rgba(157, 204, 255, 0.07), rgba(157, 204, 255, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow overshoot.left:backdrop { background-image: radial-gradient(farthest-side at left, #9dccff 85%, rgba(157, 204, 255, 0)); background-size: 3% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow overshoot.right { background-image: radial-gradient(farthest-side at right, #9dccff 85%, rgba(157, 204, 255, 0)), radial-gradient(farthest-side at right, rgba(157, 204, 255, 0.07), rgba(157, 204, 255, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow overshoot.right:backdrop { background-image: radial-gradient(farthest-side at right, #9dccff 85%, rgba(157, 204, 255, 0)); background-size: 3% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #9b9b9b 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #a7a7a7; } + +scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } + +scrolledwindow junction:backdrop { border-image-source: linear-gradient(to bottom, #a4a4a4 1px, transparent 1px); background-color: #c1c1c1; transition: 200ms ease-out; } + +separator { background: rgba(0, 0, 0, 0.1); min-width: 1px; min-height: 1px; } + +/********* Lists * */ +list { color: #1d1d1d; background-color: #e5e5e5; border-color: #9b9b9b; } + +list:backdrop { color: #444444; background-color: #e2e2e2; border-color: #a4a4a4; } + +list row { padding: 2px; } + +row { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +row:hover { transition: none; } + +row:backdrop { transition: 200ms ease-out; } + +row.activatable.has-open-popup, row.activatable:hover { background-color: rgba(29, 29, 29, 0.05); } + +row.activatable:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } + +row.activatable:backdrop:hover { background-color: transparent; } + +row.activatable:selected:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } + +row.activatable:selected.has-open-popup, row.activatable:selected:hover { background-color: #90bbe8; } + +row.activatable:selected:backdrop { background-color: #9dccff; } + +/********************* App Notifications * */ +.app-notification, .app-notification.frame { padding: 10px; border-radius: 0 0 5px 5px; background-color: rgba(255, 255, 164, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; } + +.app-notification:backdrop, .app-notification.frame:backdrop { background-image: none; transition: 200ms ease-out; } + +.app-notification border, .app-notification.frame border { border: none; } + +/************* Expanders * */ +expander title > arrow { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +expander title > arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + +expander title > arrow:hover { color: #6a6a6a; } + +expander title > arrow:disabled { color: #552222; } + +expander title > arrow:disabled:backdrop { color: #a3a3a3; } + +expander title > arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +/************ Calendar * */ +calendar { color: #1d1d1d; border: 1px solid #9b9b9b; } + +calendar:selected { border-radius: 3px; } + +calendar.header { border-bottom-color: rgba(0, 0, 0, 0.1); } + +calendar.header:backdrop { border-bottom-color: rgba(0, 0, 0, 0.1); } + +calendar.button { color: rgba(29, 29, 29, 0.45); } + +calendar.button:hover { color: #1d1d1d; } + +calendar.button:backdrop { color: rgba(115, 115, 115, 0.45); } + +calendar.button:disabled { color: rgba(85, 34, 34, 0.45); } + +calendar.highlight { color: #552222; } + +calendar.highlight:backdrop { color: #a3a3a3; } + +calendar:backdrop { color: #444444; border-color: #a4a4a4; } + +calendar:indeterminate { color: alpha(currentColor,0.1); } + +/*********** Dialogs * */ +messagedialog .titlebar { min-height: 20px; background-image: none; background-color: #c9c9c9; border-style: none; border-top-left-radius: 7px; border-top-right-radius: 7px; } + +messagedialog.csd.background { border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; } + +messagedialog.csd .dialog-action-area button { padding: 10px 14px; border-right-style: none; border-bottom-style: none; border-radius: 0; -gtk-outline-radius: 0; } + +messagedialog.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 7px; -gtk-outline-bottom-left-radius: 7px; } + +messagedialog.csd .dialog-action-area button:last-child { border-bottom-right-radius: 7px; -gtk-outline-bottom-right-radius: 7px; } + +filechooser .dialog-action-box { border-top: 1px solid #9b9b9b; } + +filechooser .dialog-action-box:backdrop { border-top-color: #a4a4a4; } + +filechooser #pathbarbox { border-bottom: 1px solid #c9c9c9; } + +filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; } + +/*********** Sidebar * */ +.sidebar { border-style: none; background-color: #d7d7d7; } + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left { border-right: 1px solid #9b9b9b; border-left-style: none; } + +stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid #9b9b9b; border-right-style: none; } + +.sidebar:backdrop { background-color: #d6d6d6; border-color: #a4a4a4; transition: 200ms ease-out; } + +.sidebar list { background-color: transparent; } + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; } + +stacksidebar row { padding: 10px 4px; } + +stacksidebar row > label { padding-left: 6px; padding-right: 6px; } + +stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } + +separator.sidebar { background-color: #9b9b9b; } + +separator.sidebar:backdrop { background-color: #a4a4a4; } + +separator.sidebar.selection-mode, .selection-mode separator.sidebar { background-color: #3797ff; } + +/**************** File chooser * */ +row image.sidebar-icon { opacity: 1; } + +placessidebar > viewport.frame { border-style: none; } + +placessidebar row { min-height: 36px; padding: 0px; } + +placessidebar row > revealer { padding: 0 14px; } + +placessidebar row:selected { color: #000000; } + +placessidebar row:disabled { color: #552222; } + +placessidebar row:backdrop { color: #737373; } + +placessidebar row:backdrop:selected { color: #222222; } + +placessidebar row:backdrop:disabled { color: #a3a3a3; } + +placessidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; } + +placessidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; } + +placessidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; } + +placessidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } + +button.sidebar-button { min-height: 26px; min-width: 26px; margin-top: 3px; margin-bottom: 3px; padding: 0; border-radius: 100%; -gtk-outline-radius: 100%; } + +button.sidebar-button:not(:hover):not(:active) > image, button.sidebar-button:backdrop > image { opacity: 1; } + +placessidebar row:selected:active { box-shadow: none; } + +placessidebar row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#73d216); background-clip: content-box; } + +placessidebar row.sidebar-new-bookmark-row { color: #9dccff; } + +placessidebar row:drop(active):not(:disabled) { color: #73d216; box-shadow: inset 0 1px #73d216, inset 0 -1px #73d216; } + +placessidebar row:drop(active):not(:disabled):selected { color: #000000; background-color: #73d216; } + +placesview .server-list-button > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -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 row.activatable:hover { background-color: transparent; } + +placesview > actionbar > revealer > box > label { padding-left: 8px; padding-right: 8px; } + +/********* Paned * */ +paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(#9b9b9b); background-size: 1px 1px; } + +paned > separator:selected { background-image: image(#9dccff); } + +paned > separator:backdrop { background-image: image(#a4a4a4); } + +paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #c9c9c9; background-image: image(#9b9b9b), image(#9b9b9b); background-size: 1px 1px, 1px 1px; } + +paned > separator.wide:backdrop { background-color: #c9c9c9; background-image: image(#a4a4a4), image(#a4a4a4); } + +paned.horizontal > separator { background-repeat: repeat-y; } + +paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; } + +paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; } + +paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; } + +paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; } + +paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; } + +/************** GtkInfoBar * */ +infobar { border-style: none; } + +infobar.action:hover > revealer > box { border-bottom: 1px solid #a8a8a8; } + +infobar.info, infobar.question, infobar.warning, infobar.error { text-shadow: none; } + +infobar.info:backdrop > revealer > box, infobar.info > revealer > box, infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box, infobar.error > revealer > box { background-color: #d58126; border-bottom: 1px solid #a8a8a8; } + +infobar.info:backdrop > revealer > box label, infobar.info:backdrop > revealer > box, infobar.info > revealer > box label, infobar.info > revealer > box, infobar.question:backdrop > revealer > box label, infobar.question:backdrop > revealer > box, infobar.question > revealer > box label, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box label, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box label, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box label, infobar.error:backdrop > revealer > box, infobar.error > revealer > box label, infobar.error > revealer > box { color: #1d1d1d; } + +infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop { text-shadow: none; } + +infobar.info button, infobar.question button, infobar.warning button, infobar.error button { color: #1d1d1d; background-color: #c9c9c9; border-color: #737373; outline-color: rgba(157, 204, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); } + +infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { background-color: shade(#c9c9c9, 1.1); } + +infobar.info button:active, infobar.info button:checked, infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked, infobar.error button:active, infobar.error button:checked { box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px rgba(0, 0, 0, 0.4); } + +infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { color: #552222; border-color: #8e7070; background-color: #c7bebe; background-image: none; text-shadow: none; -gtk-icon-shadow: none; } + +infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop { background-image: none; border-color: #b0b0b0; } + +infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled { border-color: #b0b0b0; } + +infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info button label, infobar.info button, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.question button label, infobar.question button, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.warning button label, infobar.warning button, infobar.error button:backdrop label, infobar.error button:backdrop, infobar.error button label, infobar.error button { color: #1d1d1d; } + +infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { background-color: #b0b0b0; } + +infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link { color: #004B91; } + +/************ Tooltips * */ +tooltip { border-radius: 5px; text-shadow: none; } + +tooltip.background { background-color: rgba(255, 255, 164, 0.9); background-clip: padding-box; border: 1px solid #504300; } + +tooltip decoration { background-color: transparent; } + +tooltip * { background-color: transparent; color: #504300; } + +/***************** Color Chooser * */ +colorswatch:drop(active), colorswatch { border-style: none; } + +colorswatch.top { border-top-left-radius: 5.5px; border-top-right-radius: 5.5px; } + +colorswatch.top overlay { border-top-left-radius: 5px; border-top-right-radius: 5px; } + +colorswatch.bottom { border-bottom-left-radius: 5.5px; border-bottom-right-radius: 5.5px; } + +colorswatch.bottom overlay { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } + +colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 5.5px; border-bottom-left-radius: 5.5px; } + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } + +colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 5.5px; border-bottom-right-radius: 5.5px; } + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } + +colorswatch.dark { outline-color: rgba(255, 255, 255, 0.6); } + +colorswatch.dark overlay { color: white; } + +colorswatch.dark overlay:hover { border-color: rgba(0, 0, 0, 0.8); } + +colorswatch.dark overlay:backdrop { color: rgba(255, 255, 255, 0.5); } + +colorswatch.light { outline-color: rgba(0, 0, 0, 0.6); } + +colorswatch.light overlay { color: black; } + +colorswatch.light overlay:hover { border-color: rgba(0, 0, 0, 0.5); } + +colorswatch.light overlay:backdrop { color: rgba(0, 0, 0, 0.5); } + +colorswatch:drop(active) { box-shadow: none; } + +colorswatch:drop(active).light overlay { border-color: #73d216; box-shadow: inset 0 0 0 2px #61b213, inset 0 0 0 1px #73d216; } + +colorswatch:drop(active).dark overlay { border-color: #73d216; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.3), inset 0 0 0 1px #73d216; } + +colorswatch overlay { border: 1px solid rgba(0, 0, 0, 0.3); } + +colorswatch overlay:hover { box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.2); } + +colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { border-color: rgba(0, 0, 0, 0.3); box-shadow: none; } + +colorswatch#add-color-button { border-radius: 5px 5px 0 0; } + +colorswatch#add-color-button:only-child { border-radius: 5px; } + +colorswatch#add-color-button overlay { color: #1d1d1d; background-color: #d3d3d3; border-color: #787878; outline-color: rgba(157, 204, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.65), 0 1px 2px rgba(0, 0, 0, 0.4); } + +colorswatch#add-color-button overlay:hover { background-color: shade(#d3d3d3, 1.1); } + +colorswatch#add-color-button overlay:backdrop { background-image: none; } + +colorswatch:disabled { opacity: 0.5; } + +colorswatch:disabled overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; } + +row:selected colorswatch { box-shadow: 0 0 0 2px #000000; } + +colorswatch#editor-color-sample { border-radius: 4px; } + +colorswatch#editor-color-sample overlay { border-radius: 4.5px; } + +colorchooser .popover.osd { border-radius: 5px; } + +/******** Misc * */ +.content-view { background-color: #b7b7b7; } + +.content-view:hover { -gtk-icon-effect: highlight; } + +.content-view:backdrop { background-color: #b7b7b7; } + +/********************** Window Decorations * */ +decoration { border-radius: 8px 8px 0 0; border-width: 0px; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.23); margin: 10px; } + +decoration:backdrop { box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.18); transition: 200ms ease-out; } + +.maximized decoration, .fullscreen decoration { border-radius: 0; box-shadow: none; } + +.tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { border-radius: 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18), 0 2px 6px 2px rgba(0, 0, 0, 0.7), 0 0 0 20px transparent; } + +.tiled decoration:backdrop, .tiled-top decoration:backdrop, .tiled-right decoration:backdrop, .tiled-bottom decoration:backdrop, .tiled-left decoration:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18), 0 2px 6px 2px rgba(0, 0, 0, 0.4), 0 0 0 20px transparent; } + +.popup decoration { box-shadow: none; } + +.ssd decoration { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.23); } + +.ssd decoration:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18); } + +.csd.popup decoration { border-radius: 5px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } + +tooltip.csd decoration { border-radius: 5px; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.7); } + +messagedialog.csd decoration { border-radius: 8px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } + +.solid-csd decoration { margin: 0; padding: 4px; background-color: #9b9b9b; border: solid 1px #9b9b9b; border-radius: 0; box-shadow: inset 0 0 0 3px #d6d6d6, inset 0 1px rgba(255, 255, 255, 0.8), 0 3px 5px rgba(0, 0, 0, 0.7); } + +.solid-csd decoration:backdrop { box-shadow: inset 0 0 0 3px #c9c9c9, inset 0 1px rgba(255, 255, 255, 0.8), 0 3px 5px rgba(0, 0, 0, 0.7); } + +button.titlebutton:not(.appmenu) { padding: 5px; margin: 0 2px; min-width: 0; min-height: 0; color: white; background-color: #9dccff; border-color: #cee6ff; outline-color: rgba(157, 204, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3)); text-shadow: 0 -1px rgba(0, 0, 0, 0.353725); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.353725); box-shadow: inset 0 1px rgba(255, 255, 255, 0.65), 0 1px 2px rgba(0, 0, 0, 0.4); text-shadow: 0 0 2px #303030; -gtk-icon-shadow: 0 0 2px #303030; } + +button.titlebutton:not(.appmenu):hover { background-color: shade(#9dccff, 1.1); } + +button.titlebutton:not(.appmenu):active { box-shadow: 0 1px rgba(255, 255, 255, 0.65), inset 0 1px 2px rgba(0, 0, 0, 0.4); } + +button.titlebutton:not(.appmenu):backdrop { color: white; background-color: #c9c9c9; border-color: #e4e4e4; outline-color: rgba(157, 204, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3)); text-shadow: 0 -1px rgba(0, 0, 0, 0.369412); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.369412); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); background-image: none; text-shadow: 0 0 2px #303030; -gtk-icon-shadow: 0 0 2px #303030; } + +button.titlebutton:not(.appmenu):backdrop:hover { background-color: shade(#9dccff, 1.1); } + +button.titlebutton:not(.appmenu):backdrop:active { box-shadow: 0 1px rgba(255, 255, 255, 0.65), inset 0 1px 2px rgba(0, 0, 0, 0.4); } + +button.titlebutton.close { padding-right: 12px; padding-left: 12px; } + +button.titlebutton.close:not(:backdrop) { color: white; background-color: #880b0b; border-color: #c38585; outline-color: rgba(157, 204, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.15)), radial-gradient(circle at bottom, rgba(255, 255, 0, 0.5), rgba(255, 255, 0, 0)); text-shadow: 0 -1px rgba(0, 0, 0, 0.770196); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.770196); box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4); } + +button.titlebutton.close:not(:backdrop):hover { background-color: shade(#880b0b, 1.1); } + +button.titlebutton.close:not(:backdrop):active { box-shadow: 0 1px rgba(255, 255, 255, 0.3), inset 0 1px 2px rgba(0, 0, 0, 0.4); } + +button.titlebutton:backdrop { -gtk-icon-shadow: none; } + +.selection-mode headerbar button.titlebutton, .selection-mode .titlebar button.titlebutton, headerbar.selection-mode button.titlebutton, .titlebar.selection-mode button.titlebutton { text-shadow: 0 -1px rgba(0, 0, 0, 0.353725); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.353725); } + +.selection-mode headerbar button.titlebutton:backdrop, .selection-mode .titlebar button.titlebutton:backdrop, headerbar.selection-mode button.titlebutton:backdrop, .titlebar.selection-mode button.titlebutton:backdrop { -gtk-icon-shadow: none; } + +.monospace { font-family: monospace; } + +/********************** Touch Copy & Paste * */ +/********************** Touch Copy & Paste * */ +cursor-handle { color: #1d1d1d; background-color: #d3d3d3; border-color: #787878; outline-color: rgba(157, 204, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.65), 0 1px 2px rgba(0, 0, 0, 0.4); border: 1px solid #848484; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; min-height: 18px; min-width: 10px; } + +cursor-handle:hover { background-color: shade(#d3d3d3, 1.1); } + +cursor-handle:active { border-color: #51a4ff; } + +cursor-handle:disabled { color: #552222; border-color: #8e7070; background-color: #c7bebe; background-image: none; text-shadow: none; -gtk-icon-shadow: none; } + +cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { border-radius: 100% 5px 5px 5px; } + +cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { border-radius: 5px 100% 5px 5px; } + +.context-menu { font: initial; } + +.keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #1d1d1d; background-color: #e5e5e5; border: 1px solid; border-color: #b2b2b2; border-radius: 5px; box-shadow: inset 0 -3px #cfcfcf; font-size: smaller; } + +.keycap:backdrop { background-color: #e2e2e2; color: #737373; transition: 200ms ease-out; } + +:not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #73d216; box-shadow: inset 0 0 0 1px #73d216; caret-color: #73d216; } + +stackswitcher button.text-button { min-width: 100px; } + +stackswitcher button.circular, stackswitcher button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; } + +/************* App Icons * */ +/* Outline for low res icons */ +.lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } + +/* Dropshadow for large icons */ +.icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } + +/********* Emoji * */ +popover.emoji-picker { padding-left: 0; padding-right: 0; } + +popover.emoji-picker entry.search { margin: 3px 5px 5px 5px; } + +button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; margin: 2px 4px 2px 4px; padding: 3px 0 0; min-width: 32px; min-height: 28px; /* reset props inherited from the button style */ background: none; box-shadow: none; text-shadow: none; outline-offset: -5px; } + +button.emoji-section:first-child { margin-left: 7px; } + +button.emoji-section:last-child { margin-right: 7px; } + +button.emoji-section:backdrop:not(:checked) { border-color: transparent; } + +button.emoji-section:hover { border-color: #9b9b9b; } + +button.emoji-section:checked { border-color: #9dccff; } + +button.emoji-section label { padding: 0; opacity: 0.55; } + +button.emoji-section:hover label { opacity: 0.775; } + +button.emoji-section:checked label { opacity: 1; } + +popover.emoji-picker .emoji { font-size: x-large; padding: 6px; } + +popover.emoji-picker .emoji :hover { background: #9dccff; border-radius: 6px; } + +popover.emoji-completion arrow { border: none; background: none; } + +popover.emoji-completion contents row box { padding: 2px 10px; } + +popover.emoji-completion .emoji:hover { background: #d6d6d6; } + +undershoot { background-repeat: no-repeat; background-clip: border-box; } + +undershoot.top { background-image: linear-gradient(to bottom, alpha(currentColor,0.5), alpha(currentColor,0.2), alpha(currentColor,0)); background-size: 100% 1em; background-position: top; } + +undershoot.bottom { background-image: linear-gradient(to top, alpha(currentColor,0.5), alpha(currentColor,0.2), alpha(currentColor,0)); background-size: 100% 1em; background-position: bottom; } + +undershoot.left { background-image: linear-gradient(to right, alpha(currentColor,0.5), alpha(currentColor,0.2), alpha(currentColor,0)); background-size: 1em 100%; background-position: left; } + +undershoot.right { background-image: linear-gradient(to left, alpha(currentColor,0.5), alpha(currentColor,0.2), alpha(currentColor,0)); background-size: 1em 100%; background-position: right; } + +/* GTK NAMED COLORS ---------------- use responsibly! */ +/* +widget text/foreground color */ +@define-color theme_fg_color #1d1d1d; +/* +text color for entries, views and content in general */ +@define-color theme_text_color #1d1d1d; +/* +widget base background color */ +@define-color theme_bg_color #c9c9c9; +/* +text widgets and the like base background color */ +@define-color theme_base_color #e5e5e5; +/* +base background color of selections */ +@define-color theme_selected_bg_color #9dccff; +/* +text/foreground color of selections */ +@define-color theme_selected_fg_color #000000; +/* +base background color of insensitive widgets */ +@define-color insensitive_bg_color #c7bebe; +/* +text foreground color of insensitive widgets */ +@define-color insensitive_fg_color #552222; +/* +insensitive text widgets and the like base background color */ +@define-color insensitive_base_color #e5e5e5; +/* +widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #737373; +/* +text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color #1d1d1d; +/* +widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #c9c9c9; +/* +text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #e2e2e2; +/* +base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #9dccff; +/* +text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #000000; +/* +insensitive color on backdrop windows*/ +@define-color unfocused_insensitive_color #a3a3a3; +/* +widgets main borders color */ +@define-color borders #9b9b9b; +/* +widgets main borders color on backdrop windows */ +@define-color unfocused_borders #a4a4a4; +/* +these are pretty self explicative */ +@define-color warning_color #c7bebe; +@define-color error_color #df0000; +@define-color success_color #73d216; +/* +these colors are exported for the window manager and shouldn't be used in applications, +read if you used those and something break with a version upgrade you're on your own... */ +@define-color wm_title shade(#1d1d1d, 1.8); +@define-color wm_unfocused_title #737373; +@define-color wm_highlight rgba(255, 255, 255, 0.8); +@define-color wm_borders_edge rgba(255, 255, 255, 0.8); +@define-color wm_bg_a shade(#c9c9c9, 1.2); +@define-color wm_bg_b #c9c9c9; +@define-color wm_shadow alpha(black, 0.35); +@define-color wm_border alpha(black, 0.18); +@define-color wm_button_hover_color_a shade(#c9c9c9, 1.3); +@define-color wm_button_hover_color_b #c9c9c9; +@define-color wm_button_active_color_a shade(#c9c9c9, 0.85); +@define-color wm_button_active_color_b shade(#c9c9c9, 0.89); +@define-color wm_button_active_color_c shade(#c9c9c9, 0.9); +/* content view background such as thumbnails view in Photos or Boxes */ +@define-color content_view_bg #e5e5e5; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #e5e5e5; diff --git a/source/gtk3/gtk.css b/source/gtk3/gtk.css new file mode 100644 index 0000000..fc3a3a6 --- /dev/null +++ b/source/gtk3/gtk.css @@ -0,0 +1 @@ +@import url("resource:///org/gtk/libgtk/theme/Adwaita/gtk-contained.css"); diff --git a/source/gtk3/meson.build b/source/gtk3/meson.build new file mode 100644 index 0000000..7a799f9 --- /dev/null +++ b/source/gtk3/meson.build @@ -0,0 +1,30 @@ +scss_files = files([ + '_colors-public.scss', + '_colors.scss', + '_common.scss', + '_drawing.scss', +]) + +theme_variants = [ + 'dark', +] + +theme_deps += custom_target('Adwaita', + input: 'gtk-contained.scss', + output: 'gtk-contained.css', + command: [ + sassc, sassc_opts, '@INPUT@', '@OUTPUT@', + ], + depend_files: scss_files, + build_by_default: true) + +foreach variant: theme_variants + theme_deps += custom_target('Adwaita-' + variant, + input: 'gtk-contained-@0@.scss'.format(variant), + output: 'gtk-contained-@0@.css'.format(variant), + command: [ + sassc, sassc_opts, '@INPUT@', '@OUTPUT@', + ], + depend_files: scss_files, + build_by_default: true) +endforeach diff --git a/source/gtk3/parse-sass.sh b/source/gtk3/parse-sass.sh new file mode 100755 index 0000000..f2bd6e1 --- /dev/null +++ b/source/gtk3/parse-sass.sh @@ -0,0 +1,13 @@ +#! /bin/bash + +if [ ! "$(which sassc 2> /dev/null)" ]; then + echo sassc needs to be installed to generate the css. + exit 1 +fi + +SASSC_OPT="-M -t compact" + +echo Generating the css... + +sassc $SASSC_OPT gtk-contained.scss gtk-contained.css +sassc $SASSC_OPT gtk-contained-dark.scss gtk-contained-dark.css diff --git a/source/gtk3/render-assets.sh b/source/gtk3/render-assets.sh new file mode 100755 index 0000000..7fd8d98 --- /dev/null +++ b/source/gtk3/render-assets.sh @@ -0,0 +1,34 @@ +#! /bin/bash + +INKSCAPE="flatpak run org.inkscape.Inkscape" +OPTIPNG="/usr/bin/optipng" + +SRC_FILE="assets.svg" +ASSETS_DIR="assets" +INDEX="assets.txt" + +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/source/gtk4/Default-dark.scss b/source/gtk4/Default-dark.scss new file mode 100644 index 0000000..9207802 --- /dev/null +++ b/source/gtk4/Default-dark.scss @@ -0,0 +1,7 @@ +$variant: 'dark'; +$contrast: 'normal'; + +@import 'colors'; +@import 'drawing'; +@import 'common'; +@import 'colors-public'; diff --git a/source/gtk4/Default-hc-dark.scss b/source/gtk4/Default-hc-dark.scss new file mode 100644 index 0000000..3a7bbea --- /dev/null +++ b/source/gtk4/Default-hc-dark.scss @@ -0,0 +1,7 @@ +$variant: 'dark'; +$contrast: 'high'; + +@import 'colors'; +@import 'colors-public'; +@import 'drawing'; +@import 'common'; diff --git a/source/gtk4/Default-hc.scss b/source/gtk4/Default-hc.scss new file mode 100644 index 0000000..85293a9 --- /dev/null +++ b/source/gtk4/Default-hc.scss @@ -0,0 +1,7 @@ +$variant: 'light'; +$contrast: 'high'; + +@import 'colors'; +@import 'colors-public'; +@import 'drawing'; +@import 'common'; diff --git a/source/gtk4/Default-light.scss b/source/gtk4/Default-light.scss new file mode 100644 index 0000000..d11373b --- /dev/null +++ b/source/gtk4/Default-light.scss @@ -0,0 +1,13 @@ +// General guidelines: +// - very unlikely you want to edit something else than _common.scss +// - keep the number of defined colors to a minimum, use the color blending functions if +// you need a subtle shade +// - if you need to inverse a color function use the @if directive to match for dark $variant + +$variant: 'light'; +$contrast: 'normal'; + +@import 'colors'; +@import 'drawing'; +@import 'common'; +@import 'colors-public'; diff --git a/source/gtk4/README b/source/gtk4/README new file mode 100644 index 0000000..f2132f7 --- /dev/null +++ b/source/gtk4/README @@ -0,0 +1,45 @@ +Summary +------- + +* To be able to use the latest/adequate version of sass, install sassc +* meson will regenerate the CSS every time you modify the SCSS files. +* Note that meson always builds out-of-tree, so the modified css files will + appear in your builddir. + +Theme variants +-------------- + +The Default theme comes in 4 variants: light, dark, hc (highcontrast) and +hc-dark (highcontrast inverse). The generated CSS files for the variants +are called Default-$variant.css. For technical reasons, GTK adds one level +of include wrappers around these, which are called gtk-$variant.css. + +How to tweak the theme +---------------------- + +Default 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 + from 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 Default 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, GTK will rebuild the CSS files. diff --git a/source/gtk4/_colors-public.scss b/source/gtk4/_colors-public.scss new file mode 100644 index 0000000..3b638e2 --- /dev/null +++ b/source/gtk4/_colors-public.scss @@ -0,0 +1,119 @@ +//apps rely on some named colors to be exported +/* GTK NAMED COLORS + ---------------- + use responsibly! */ + +// 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 +/* +widget text/foreground color */ +@define-color theme_fg_color #{"" +$fg_color}; + +/* +text color for entries, views and content in general */ +@define-color theme_text_color #{"" +$text_color}; + +/* +widget base background color */ +@define-color theme_bg_color #{"" +$bg_color}; + +/* +text widgets and the like base background color */ +@define-color theme_base_color #{"" +$base_color}; + +/* +base background color of selections */ +@define-color theme_selected_bg_color #{"" +$selected_bg_color}; + +/* +text/foreground color of selections */ +@define-color theme_selected_fg_color #{"" +$selected_fg_color}; + +/* +base background color of insensitive widgets */ +@define-color insensitive_bg_color #{"" +$insensitive_bg_color}; + +/* +text foreground color of insensitive widgets */ +@define-color insensitive_fg_color #{"" +$insensitive_fg_color}; + +/* +insensitive text widgets and the like base background color */ +@define-color insensitive_base_color #{"" +$base_color}; + +/* +widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #{"" +$backdrop_fg_color}; + +/* +text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color #{"" +$text_color}; + +/* +widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #{"" +$backdrop_bg_color}; + +/* +text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #{"" +$backdrop_base_color}; + +/* +base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #{"" +$selected_bg_color}; + +/* +text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #{"" + $selected_fg_color}; + +/* +insensitive color on backdrop windows*/ +@define-color unfocused_insensitive_color #{"" + $backdrop_insensitive_color}; + +/* +widgets main borders color */ +@define-color borders #{"" +$borders_color}; + +/* +widgets main borders color on backdrop windows */ +@define-color unfocused_borders #{"" +$backdrop_borders_color}; + +/* +these are pretty self explicative */ +@define-color warning_color #{"" +$warning_color}; +@define-color error_color #{"" +$error_color}; +@define-color success_color #{"" +$success_color}; +//@define-color destructive_color #{$destructive_color} + +//WM + +$_wm_highlight: if($variant=='light', $top_hilight, // Sass gets mad if this is + transparentize(black,1)); // done directly in the + // color definition + +/* +these colors are exported for the window manager and shouldn't be used in applications, +read if you used those and something break with a version upgrade you're on your own... */ +@define-color wm_title shade(#{$fg_color}, 1.8); +@define-color wm_unfocused_title #{$backdrop_fg_color}; +@define-color wm_highlight #{"" + $_wm_highlight}; +@define-color wm_borders_edge #{"" + $borders_edge}; + +@define-color wm_bg_a shade(#{$bg_color}, 1.2); +@define-color wm_bg_b #{$bg_color}; + +@define-color wm_shadow alpha(black, 0.35); +@define-color wm_border alpha(black, 0.18); + +@define-color wm_button_hover_color_a shade(#{$bg_color}, 1.3); +@define-color wm_button_hover_color_b #{$bg_color}; +@define-color wm_button_active_color_a shade(#{$bg_color}, 0.85); +@define-color wm_button_active_color_b shade(#{$bg_color}, 0.89); +@define-color wm_button_active_color_c shade(#{$bg_color}, 0.9); + +//FIXME this is really an API + +/* content view background such as thumbnails view in Photos or Boxes */ +@define-color content_view_bg #{"" + $base_color}; + +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #{"" + if($variant == 'light', $base_color, darken($base_color,6%))}; diff --git a/source/gtk4/_colors.scss b/source/gtk4/_colors.scss new file mode 100644 index 0000000..199d32c --- /dev/null +++ b/source/gtk4/_colors.scss @@ -0,0 +1,58 @@ +// When color definition differs for dark and light variant +// it gets @if ed depending on $variant + +/*$base_color: if($variant == 'light', #ffffff, lighten(desaturate(#241f31, 100%), 2%)); +$text_color: if($variant == 'light', black, white); +$bg_color: if($variant == 'light', #f6f5f4, darken(desaturate(#3d3846, 100%), 4%)); +$fg_color: if($variant == 'light', #2e3436, #eeeeec); + +$selected_fg_color: #ffffff; +$selected_bg_color: if($variant == 'light', #3584e4, darken(#3584e4, 20%));*/ + +@import '../common/theme_colors.scss'; +@import '../common/common_colors.scss'; + +$selected_text_bg_color: transparentize($selected_bg_color, 0.7); + + +$headerbar_bg_color: if($variant == 'light', lighten($bg_color, 5%), darken($bg_color, 3%)); + +$menu_selected_color: $selected_bg_color;//if($variant == 'light', darken($bg_color, 6%), darken($bg_color, 8%)); + + + + + +//special cased widget colors +$switch_bg_color: $selected_bg_color; +$switch_borders_color: if($variant == 'light',darken($switch_bg_color,15%),darken($switch_bg_color,30%)); + +$alt_focus_border_color: if($variant == 'light', transparentize(white, 0.2), transparentize(white,0.7)); +$dim_label_opacity: 0.55; + +// High Contrast color overrides +@if $contrast == 'high' { + + $fg_color: if($variant == 'light', darken($fg_color, 3%), lighten($fg_color, 2%)); + $bg_color: if($variant == 'light', lighten($bg_color, 3%), darken($bg_color, 2%)); + $selected_bg_color: darken($selected_bg_color,10%); + $selected_borders_color: darken($selected_borders_color, 10%); + $borders_color: if($variant == 'light', darken($borders_color, 30%), lighten($borders_color, 30%)); + $alt_borders_color: if($variant == 'light', darken($alt_borders_color, 33%), lighten($alt_borders_color, 28%)); + $menu_color: $base_color; + $menu_selected_color: darken($bg_color,10%); + + //insensitive state derived colors + $insensitive_fg_color: mix($fg_color, $bg_color, 50%); + $insensitive_bg_color: mix($bg_color, $base_color, 60%); + $insensitive_borders_color: mix($borders_color, $bg_color, 80%); + + //focus rings + $focus_border_color: if($variant == 'light', transparentize($selected_bg_color, 0.2), transparentize(white, 0.4)); + $alt_focus_border_color: if($variant == 'light', white, transparentize(white,0.4)); + + $dim_label_opacity: 0.9; + + $switch_borders_color: if($variant == 'light',darken($switch_bg_color,15%),lighten($switch_bg_color,15%)); + +} diff --git a/source/gtk4/_common.scss b/source/gtk4/_common.scss new file mode 100644 index 0000000..7efd5ce --- /dev/null +++ b/source/gtk4/_common.scss @@ -0,0 +1,3893 @@ +@import '../common/common_common.scss'; + +$assets: if($contrast=='normal', 'assets', 'assets-hc'); +$focus_transition: outline-width 200ms $ease-out-quad, outline-offset 200ms $ease-out-quad; +$menu_margin: $menu_radius; //margin around menuitems & sidebar items +$window_radius: $button_radius + 3; +$popover_radius: $button_radius + 4; + +/*************** + * Base States * + ***************/ +.background { + color: $fg_color; + background-color: $bg_color; + + &:backdrop { + text-shadow: none; + -gtk-icon-shadow: none; + } +} + +dnd { + color: $fg-color; +} + +.normal-icons { + -gtk-icon-size: 16px; +} + +.large-icons { + -gtk-icon-size: 32px; +} + +image:disabled { + -gtk-icon-filter: opacity(0.5); +} + +.view, +%view { + color: $text_color; + background-color: $base_color; + + &:disabled { + color: $insensitive_fg_color; + background-color: $insensitive_bg_color; + } + + &:selected { + &:focus, & { + @extend %selected_items; + + border-radius: 3px; + } + } +} + +textview { + > text { + @extend %view; + + background-color: transparent; + + > selection { + background-color: $backdrop_selected_bg_color; + + &:focus-within { + background-color: $selected_text_bg_color; + } + } + } + + &:drop(active) { + caret-color: $drop_target_color; + } +} + +textview > border { background-color: mix($bg_color, $base_color, 50%); } + +iconview { + @extend .view; + + @include focus-ring(); + + &:drop(active) { + box-shadow: none; + } + + > dndtarget:drop(active) { + border-style: solid; + border-width: 1px; + border-color: $selected_borders_color; + } +} + +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; + transition: $focus_transition; + + @include focus-ring(); + + &:selected { + outline-color: $alt_focus_border_color; + + @extend %selected_items; + } + } +} + +gridview { + > rubberband { @extend rubberband; } + + > child { + padding: 3px; + transition: $focus_transition; + + @include focus-ring(); + + &:selected { + outline-color: $alt_focus_border_color; + + @extend %selected_items; + } + + box { //cells + border-spacing: 8px; //label separation + margin: 12px; + } + } +} + +coverflow cover { + color: $text_color; + background-color: $base_color; + border: 1px solid black; +} + +label { + @include focus-ring(); + + &.separator { + @extend .dim-label; + } + + &:selected { @extend %nobg_selected_items; } + + > selection { + background-color: $backdrop_selected_bg_color; + color: $selected_fg_color; + &:focus-within { + background-color: $selected_text_bg_color; + } + } + + &:disabled { + color: $insensitive_fg_color; + + button & { color: inherit; } + + > selection { @extend %selected_items_disabled; } + } + + &.error { + color: $error_color; + &:disabled { color: transparentize($error_color,0.5); } + } +} + +.dim-label { + opacity: $dim_label_opacity; + text-shadow: none; +} + +window.assistant { + .sidebar { + padding: $menu-margin; + border-top: 1px solid $borders_color; + } + + &.csd .sidebar { border-top-style: none; } + + .sidebar > label { padding: 6px 12px; } + + .sidebar > label.highlight { + background-color: $menu_selected_color; + border-radius: $menu-margin; + } +} + +window.aboutdialog image.large-icons { + -gtk-icon-size: 128px; +} + +%osd, +.osd { + color: $osd_fg_color; + border: none; //border: 1px solid $osd_borders_color; + background-color: $osd_bg_color; + background-clip: padding-box; + //-gtk-icon-shadow: 0 1px black; + +} + + +/********************* + * Spinner Animation * + *********************/ +@keyframes spin { + to { transform: rotate(1turn); } +} + +spinner { + background: none; + opacity: 0.1; // 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; color: $insensitive_fg_color; } + } +} + +/********************** + * General Typography * + **********************/ + +.large-title { + font-weight: 300; + font-size: 24pt; +} +.title-1 { + font-weight: 800; + font-size: 20pt; +} +.title-2 { + font-weight: 800; + font-size: 15pt; +} +.title-3 { + font-weight: 700; + font-size: 15pt; +} +.title-4 { + font-weight: 700; + font-size: 13pt; +} +.heading { + font-weight: 700; + font-size: 11pt; +} +.body { + font-weight: 400; + font-size: 11pt; +} +.caption-heading { + font-weight: 700; + font-size: 9pt; +} +.caption { + font-weight: 400; + font-size: 9pt; +} + +/**************** + * Text Entries * + ****************/ + +%entry, +entry { + %entry_basic, & { + min-height: 32px; + padding-left: 1px; + padding-right: 1px; + border: 1px solid; + border-radius: $entry_radius; + border-spacing: 6px; + transition: all 200ms $ease-out-quad; + + @include entry(normal); + + @include focus-ring($focus-state: 'focus-within'); + + > image { // icons inside the entry + &.left { margin-right: 6px; } + &.right { margin-left: 6px; } + } + + > text > placeholder { + @extend .dim-label; + } + + > text > block-cursor { + @include entry(block_cursor); + } + + &.flat { + &:focus-within, &:backdrop, &:disabled, &:backdrop:disabled, & { + min-height: 0; + padding-top: 2px; + padding-bottom: 2px; + background-color: transparent; + border-color: transparent; + border-radius: 0; + } + } + + &:focus-within { + @include entry(focus); + > placeholder { + opacity: 0; /* We hide placeholders on focus */ + } + } + + &:disabled { @include entry(insensitive); } + + > text > selection { + background-color: $backdrop_selected_bg_color; + color: transparent; + &:focus-within { + background-color: $selected_text_bg_color; + color: $fg_color; + } + } + + // entry error and warning style + @each $e_type, $e_color in (error, $error_color), + (warning, $warning_color) { + &.#{$e_type} { + color: $e_color; + + @include focus-ring($focus-state: 'focus-within', $fc: transparentize($e_color, 0.5)); + + &:focus-within { @include entry(focus, $e_color); } + + > selection { background-color: $e_color; } + } + } + + > image { // entry icons colors + color: mix($fg_color, $base_color, 80%); + + &:hover { color: $fg_color; } + + &:active { color: $selected_bg_color; } + + } + + &.password image.caps-lock-indicator { + color: mix($backdrop_fg_color, $backdrop_base_color, 80%); + } + + &:drop(active) { + &:focus-within, & { + border-color: $drop_target_color; + box-shadow: inset 0 0 0 1px $drop_target_color; + } + } + + .osd & { + @include entry(osd); + + &:focus-within { @include entry(osd-focus); } + + &:disabled { @include entry(osd-insensitive); } + } + } + + > progress { + margin-bottom: 2px; + } + + progress > trough > progress { + background-color: transparent; + background-image: none; + border-radius: 0; + border-width: 0 0 2px; + border-color: $selected_bg_color; + border-style: solid; + box-shadow: none; + + } + + // linked entries + .linked:not(.vertical) > & { @extend %linked; } + + .linked:not(.vertical) > &:drop(active) + &, + .linked:not(.vertical) > &:drop(active) + button, + .linked:not(.vertical) > &:drop(active) + menubutton > button, + .linked:not(.vertical) > &:drop(active) + dropdown > button, + .linked:not(.vertical) > &:drop(active) + colorbutton > button, + .linked:not(.vertical) > &:drop(active) + fontbutton > button, + .linked:not(.vertical) > &:drop(active) + filechooserbutton > button, + .linked:not(.vertical) > &:drop(active) + filechooserbutton > combobox > box > button.combo, + .linked:not(.vertical) > &:drop(active) + appchooserbutton > combobox > box > button.combo, + .linked:not(.vertical) > &:drop(active) + combobox > box > button.combo { border-left-color: $drop_target_color; } + + // Vertically linked entries + // FIXME: take care of "colored" entries + .linked.vertical > & { + @extend %linked_vertical; + + // brighter border between linked entries + &:not(:disabled) + entry:not(:disabled), + &:not(:disabled) + %entry:not(:disabled) { + border-top-color: mix($borders_color, $base_color, 30%); + } + + // brighter border between linked insensitive entries + &:disabled + %entry:disabled, + &:disabled + entry:disabled { border-top-color: mix($borders_color, $base_color, 30%); } + + + %entry:drop(active):not(:only-child), + + entry:drop(active):not(:only-child) { border-top-color: $drop_target_color; } + + &:drop(active):not(:only-child) { + + %entry, + + entry, + + button, + + menubutton > button, + + dropdown > button, + + colorbutton > button, + + fontbutton > button, + + filechooserbutton > button, + + filechooserbutton > combobox > box > button.combo, + + appchooserbutton > combobox > box > button.combo, + + combobox > box > button.combo { border-top-color: $drop_target_color; } + } + } + + &.error { color: $error_color; } +} + +treeview entry { + &:focus-within { + &:dir(rtl), &:dir(ltr) { // specificity bump hack + background-color: $base_color; + transition-property: color, background; + } + } + + &.flat, & { + border-radius: 0; + background-image: none; + background-color: $base_color; + + &:focus-within { border-color: $selected_bg_color; } + } +} + +/******************* + * Editable Labels * + *******************/ +editablelabel > stack > text { + @include entry(normal); +} + +/*********** + * Buttons * + ***********/ +// stuff for .needs-attention +$_dot_color: $warning_color; //if($variant=='light', $selected_bg_color, lighten($selected_bg_color,15%)); +@keyframes needs_attention { + from { background-image: radial-gradient(farthest-side, $_dot_color 0%, transparentize($_dot_color, 1) 0%); } + to { background-image: radial-gradient(farthest-side, $_dot_color 95%, transparentize($_dot_color, 1)); } +} + + +/****************************************************** + * Buttons * + ******************************************************/ + + +%button, +button { + @at-root %button_basic, & { + + min-height: $button_min_height; + min-width: $button_min_width; + padding: $_btn_pad; + border: 1px solid; + border-radius: $button_radius; + transition: $button_transition; + + @include button(normal); + + @include focus-ring(); + + &:hover { + @include button(hover); + -gtk-icon-filter: brightness(1.2); + } + + &.keyboard-activating, + &:active { + @include button(active); + + transition-duration: 50ms; + } + + &:checked:hover:not(:active) { @include button(checked-hover); } + &:checked, &:checked:active { @include button(checked-active); } + + &:backdrop { + &.flat, & { + @include button(backdrop); + + transition: $backdrop_transition; + + &:not(:disabled) { -gtk-icon-filter: none; } + + &:active, + &:checked { @include button(backdrop-active); } + + &:disabled { + @include button(backdrop-insensitive); + + &:active, + &:checked { @include button(backdrop-insensitive-active); } + } + } + } + + &:disabled { + @include button(insensitive); + -gtk-icon-filter: opacity(0.5); + + &:active, + &:checked { @include button(insensitive-active); } + } + + @at-root %button_basic_flat, + &.flat:not(:hover):not(:active):not(:checked):not(:disabled) { + @include button(undecorated); + // to avoid adjacent 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(undecorated-hover); + // transition: $button_transition; + // transition-duration: 500ms; + //} + //&.keyboard-activating, + //&:active, + //&:checked { + // @include button(undecorated-active); + // transition: $button_transition; + //} + //&:backdrop, &:disabled, &:backdrop:disabled { @include button(undecorated); } + } + + &.image-button { + min-width: 24px; + padding-left: 5px; + padding-right: 5px; + } + + &.text-button { + padding-left: 16px; + padding-right: 16px; + } + + &.text-button.image-button { + padding-left: 8px; + padding-right: 8px; + + label { + padding-left: 8px; + padding-right: 8px; + } + } + + &.arrow-button { + padding-left: 10px; + padding-right: 10px; + + > box { + border-spacing: 4px; + } + } + + @at-root %button_basic_drop_active, + &:drop(active) { + color: $drop_target_color; + border-color: $drop_target_color; + box-shadow: inset 0 0 0 1px $drop_target_color; + } + } + + @at-root %button_selected, & { + row:selected & { + @if $variant == 'light' { border-color: $selected_borders_color; } + } + + @at-root %button_selected_flat, &.flat { + row:selected & { + &:not(:active):not(:checked):not(:hover):not(disabled) { + color: $selected_fg_color; + border-color: transparent; + + &:backdrop { color: if($variant=='light', $backdrop_base_color, $backdrop_fg_color); } + } + } + } + } + + + // big standalone buttons like in Documents pager + &.osd { + min-width: 26px; + min-height: 32px; + + &.image-button { + min-width: 30px; + &:only-child { + margin: 4px; + border-radius: 50%; // completely round when it is a single button + box-shadow: 0 1px 2px transparentize(black, 0.8); // drop shadow for the only child + }; + } + + color: $osd_fg_color; + border-radius: 5px; + + @include button(osd); + + border: none; + box-shadow: none; + + &:hover { + @include button(osd-hover); + + border: none; + box-shadow: none; + } + + &:active, + &:checked { + @include button(osd-active); + + border: none; + box-shadow: none; + } + } + + //overlay / OSD style + @at-root %osd_button, + .osd & { + @include button(normal, $osd_bg_color, $osd_fg_color); + + &:hover { @include button(hover, $osd_bg_color, $osd_fg_color); } + + &:active, + &:checked { &:backdrop, & { @include button(active, $osd_bg_color, $osd_fg_color); }} + + &:disabled { &:backdrop, & { @include button(insensitive); }} + + &.flat { + &:not(:hover):not(:active):not(:checked):not(:disabled) {@include button(undecorated, $osd_bg_color, $osd_fg_color);} + + //box-shadow: none; + -gtk-icon-shadow: 0 1px black; + + &:hover { @include button(hover, $osd_bg_color, $osd_fg_color); } + + &:disabled { + @include button(insensitive); + //background-image: none; + //border-color: transparent; + //box-shadow: none; + } + + &:active, + &:checked { @include button(active, $osd_bg_color, $osd_fg_color); } + } + } + + // Suggested and Destructive Action buttons + @each $b_type, $b_color in (suggested-action, $selected_bg_color), + (destructive-action, $destructive_color) { + &.#{$b_type} { + @include button(normal, $b_color, if(lightness($b_color)>50%, black, white)); + @include focus-ring($fc: $alt_focus_border_color); + + &.flat { + @include button(undecorated); + + color: $b_color; //FIXME: does it work on the dark variant? + } + + &:hover { @include button(hover, $b_color, white); } + + &:active, + &:checked { @include button(active, $b_color, white); } + + &.flat { + &:disabled { + @include button(undecorated); + + color: transparentize($b_color, 0.2); + } + } + + &:disabled { + @include button(insensitive); + + &:active, + &:checked { @include button(insensitive-active, $b_color, white); } + } + + .osd & { + @include button(osd, $b_color); + + &:hover { @include button(osd-hover, $b_color); } + + &:active, + &:checked { &:backdrop, & { @include button(osd-active, $b_color); }} + + &:disabled { &:backdrop, & { @include button(osd-insensitive, $b_color); }} + + } + } + } + + stackswitcher > & { + // 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. + + > label { + padding: 0 6px; + margin: 0 -6px; + } + + > image { + padding: 3px 6px; + margin: -3px -6px; + } + + &.needs-attention { + > label, + > image { @extend %needs_attention; } + } + } + + // hide separators + &.font{ + separator { background-color: transparent; } + > box { border-spacing: 6px; } + > box > box > label { font-weight: bold; } + } + + .linked:not(.vertical) > & { @extend %linked; } + + .linked.vertical > & { @extend %linked_vertical; } + + menubutton.circular &, + &.circular { // force circular button shape + min-width: 32px; + min-height: 32px; + padding: 0; + border-radius: 9999px; + + label { padding: 0; } + } +} + +%needs_attention { + // the dot is drawn by using two radial gradient, the first one is the actual dot, the other + // simulates the shadow labels and icons normally have in buttons. + animation: needs_attention 150ms ease-in; + + background-image: radial-gradient(farthest-side, $_dot_color 96%, transparentize($_dot_color,1 )); + 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; } + + &:backdrop { background-size: 6px 6px, 0 0;} + + &:dir(rtl) { + @if $variant == 'light' { background-position: left 3px, left 4px; } + + @else { background-position: left 3px, left 2px; } + } +} + + +%linked_not_left { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +%linked_not_right { + border-right-style: none; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +// 1st/last child are at text start/end +%linked { + &:dir(ltr) { + &:not(:first-child) { @extend %linked_not_left; } + &:not(:last-child) { @extend %linked_not_right; } + } + + &:dir(rtl) { + &:not(:first-child) { @extend %linked_not_right; } + &:not(:last-child) { @extend %linked_not_left; } + } +} + +%linked_not_top { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +%linked_not_bottom { + border-bottom-style: none; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +%linked_vertical { + &:not(:first-child) { @extend %linked_not_top; } + + &:not(:last-child) { @extend %linked_not_bottom; } +} + +%undecorated_button { + background-color: transparent; + background-image: none; + border-color: transparent; + box-shadow: inset 0 1px transparentize(white, 1), + 0 1px transparentize(white, 1); + text-shadow: none; + -gtk-icon-shadow: none; +} + +.linked:not(.vertical) > menubutton, +.linked:not(.vertical) > dropdown, +.linked:not(.vertical) > colorbutton, +.linked:not(.vertical) > fontbutton, +.linked:not(.vertical) > filechooserbutton { + &:dir(ltr) { + &:not(:first-child) > button { @extend %linked_not_left; } + &:not(:last-child) > button { @extend %linked_not_right; } + } + + &:dir(rtl) { + &:not(:first-child) > button { @extend %linked_not_right; } + &:not(:last-child) > button { @extend %linked_not_left; } + } +} + +.linked.vertical > menubutton, +.linked.vertical > dropdown, +.linked.vertical > colorbutton, +.linked.vertical > fontbutton, +.linked.vertical > filechooserbutton { + &:not(:first-child) > button { @extend %linked_not_top; } + &:not(:last-child) > button { @extend %linked_not_bottom; } +} + +/* menu buttons */ +modelbutton.flat { + min-height: 26px; + padding-left: 5px; + padding-right: 5px; + border-radius: $button_radius; + + &:not(:hover):not(:active):not(:checked):not(:disabled) {@extend %undecorated_button;} + + //&:hover { background-color: $menu_selected_color; } + &:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { + @include button(hover);//, $backimage: $_border_bg); + } + + &:disabled { + @include button(insensitive);//color: $insensitive_fg_color; + } + + &:selected { @extend %selected_items; } +} + +modelbutton.flat arrow { + background: none; + min-width: 16px; + min-height: 16px; + opacity: 1; //we don't dim icon + + //&:hover { background: none; } + &:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { + @include button(hover);//, $backimage: $_border_bg); + } + + &.left { -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); } + + &.right { -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); } +} + +/* oldstyle toolbar buttons */ + +.toolbar > button, +.toolbar > :not(.linked) > button, +.toolbar :not(.linked) > menubutton > button, +.toolbar :not(.linked) > scalebutton > button, +.toolbar :not(.linked) > dropdown > button, +.toolbar :not(.linked) > colorbutton > button, +.toolbar :not(.linked) > fontbutton > button, +.toolbar :not(.linked) > appchooserbutton > button, +.toolbar :not(.linked) > combobox > box > button { + margin: 1px; + + &:not(:hover):not(:active):not(:checked):not(:disabled) {@extend %button_basic_flat;} +} + +button.color { + padding: 4px; + + > colorswatch:only-child { + &, > overlay { border-radius: 0; } + + @if $variant == 'light' { + box-shadow: 0 1px $shadow_color; + + .osd & { box-shadow: none; } + } + } + + @if $variant == 'light' { + .osd &, & { + &:disabled, + &:active, + &:checked { colorswatch:only-child { box-shadow: none; }} + } + } +} + +/* list buttons */ +/* tone down as per new designs, see issue #1473 */ +%list_button, +list > row button.image-button:not(.flat) { + @extend %undecorated_button; + border: 1px solid transparentize($borders_color, .5); + &:hover { @include button(hover); } + &:active, + &:checked { @include button(active); } + + @each $b_type, $b_color in (suggested-action, $selected_bg_color), + (destructive-action, $destructive_color) { + &.#{$b_type} { // allow colored buttons in lists #3643 + @include button(normal, $b_color, white); + @include focus-ring($fc: $alt_focus_border_color); + } + } +} + +/********* + * Links * + *********/ + +%link, +link { + color: $link_color; + text-decoration: underline; + + &:visited { + color: $link_visited_color; + + *:selected & { color: mix($selected_fg_color, $link_visited_color, 60%); } + } + + &:hover { + $_fg: lighten($link_color, 10%); + color: $_fg; + + *:selected & { color: mix($selected_fg_color, $_fg, 90%); } + } + + &:active { + color: $link_color; + + *:selected & { color: mix($selected_fg_color, $link_color, 80%); } + } + + &:disabled { color: transparentize(desaturate($link_color, 100%), 0.2); } + + @at-root %link_selected, + &:selected, + *:selected & { color: mix($selected_fg_color, $link_color, 80%); } +} + +link { + @include focus-ring(); +} + +button.link { + @extend %link; + + &, + &:hover, + &:active, + &:checked { + @extend %undecorated_button; + + text-shadow: none; + } + + > label { + text-decoration: underline; + } +} + + +/***************** + * GtkSpinButton * + *****************/ +spinbutton { + &:not(.vertical) { + // in this horizontal configuration, the whole spinbutton + // behaves as the entry, so we extend the entry styling + // and nuke the style on the internal entry + @extend %entry; + + padding: 0; + border-spacing: 0; + + %spinbutton_horz_entry { + min-width: 28px; + // reset all the other props since the spinbutton node is styled here + margin: 0; + background: none; + background-color: transparent; + border: none; + border-radius: 0; + box-shadow: none; + padding: 6px; + + &:backdrop:disabled { background-color: $insensitive_bg_color; } + } + + > text { + @extend %spinbutton_horz_entry; + } + + /* :not here just to bump specificity above that of the list button styling */ + //this instead of the big removed part. Just to make things easier, though it may not be as beautiful. + > button.image-button.up:not(.flat), + > button.image-button.down:not(.flat) { + padding: 0; + } + + + + } + + // OSD horizontal + .osd &:not(.vertical) { + > text { + @extend %spinbutton_horz_entry; + } + + > button.image-button.up:not(.flat), + > button.image-button.down:not(.flat) { + @include button(undecorated); + + color: $osd_fg_color; + border-style: none none none solid; + border-color: transparentize($osd_borders_color, 0.3); + border-radius: 0; + box-shadow: none; + -gtk-icon-shadow: 0 1px black; + + &:dir(rtl) { border-style: none solid none none; } + + &:hover { + @include button(undecorated); + + color: $osd_fg_color; + border-color: transparentize(opacify($osd_borders_color, 1), 0.5); + background-color: darken($osd_bg_color,10%); + -gtk-icon-shadow: 0 1px black; + box-shadow: none; + } + + &:disabled { + @include button(undecorated); + + color: $osd_insensitive_fg_color; + border-color: transparentize(opacify($osd_borders_color, 1), 0.5); + -gtk-icon-shadow: none; + box-shadow: none; + } + + &:dir(ltr):last-child { border-radius: 0 $button_radius $button_radius 0; } + + &:dir(rtl):first-child { border-radius: $button_radius 0 0 $button_radius; } + } + } + + // Vertical + &.vertical { + // in the vertical configuration, we treat the spinbutton + // as a box, and tweak the style of the entry in the middle + // so that it's linked + + // FIXME: this should not be set at all, but otherwise it gets the wrong + // color + &:disabled { color: $insensitive_fg_color; } + + &:drop(active) { + border-color: transparent; + box-shadow: none; + } + + > text { + @extend %entry; + + min-height: 32px; + min-width: 32px; + padding: 0; + border-radius: 0; + + > selection { + background-color: $backdrop_selected_bg_color; + color: transparent; + &:focus-within { + background-color: $selected_text_bg_color; + color: $selected_fg_color; + } + } + > block-cursor { @include entry(block_cursor); } + } + + > button { + min-height: 32px; + min-width: 32px; + padding: 0; + + &.up { @extend %top_button; } + + &.down { @extend %bottom_button; } + } + + %top_button { + border-bottom-style: none; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + + %bottom_button { + border-top-style: none; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + } + + // OSD vertical + .osd &.vertical > button:first-child { + @include button(osd); + + &:hover { @include button(osd-hover);} + + &:active { @include button(osd-active); } + + &:disabled { @include button(osd-insensitive); } + } + + // Misc + treeview &:not(.vertical) { + min-height: 0; + border-style: none; + border-radius: 0; + + > text { + min-height: 0; + padding: 1px 2px; + } + } + + font-feature-settings: "tnum"; +} + + +/************** + * ComboBoxes * + **************/ +dropdown > popover.menu.background > contents { padding: 0; } //allow search entries with no margin + +dropdown > button > box { + border-spacing: 6px; + + > stack > row.activatable:hover { + background: none; + box-shadow: none; + } +} + +dropdown, +combobox { + arrow { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + min-height: 16px; + min-width: 16px; + } + + // align menu labels with the button label + > popover.menu > contents modelbutton { + padding-left: 9px; + padding-right: 9px; + } + + &.linked { + button:nth-child(2) { + &:dir(ltr) { @extend %linked_not_left; } + &:dir(rtl) { @extend %linked_not_right; } + } + } + + &:drop(active) { // FIXME: untested + box-shadow: none; + + button.combo { @extend %button_basic_drop_active; } + } + + // newstyle + popover { + margin-top: 6px; + padding: 0; + + listview { + + margin: 8px 0; + + > row.activatable { + padding: 8px; + + &:selected { + &, &:hover { + outline-color: $alt_focus_border_color; + color: $text-color; + background-color: $menu_selected_color; + box-shadow: none; + } + } + } + } + + // drodowns with searchboxes on top + .dropdown-searchbar { + padding: 6px; + border-bottom: 1px solid $borders_color; + } + } +} + + +// the combo is a composite widget so the way we do button linking doesn't +// work, special case needed. See +// https://bugzilla.gnome.org/show_bug.cgi?id=733979 + +.linked:not(.vertical) > filechooserbutton > combobox, +.linked:not(.vertical) > appchooserbutton > combobox, +.linked:not(.vertical) > combobox { + &:dir(ltr) { + &:not(:first-child) > box > button.combo { @extend %linked_not_left; } + &:not(:last-child) > box > button.combo { @extend %linked_not_right; } + } + + &:dir(rtl) { + &:not(:first-child) > box > button.combo { @extend %linked_not_right; } + &:not(:last-child) > box > button.combo { @extend %linked_not_left; } + } +} + +.linked.vertical > filechooserbutton > combobox, +.linked.vertical > appchooserbutton > combobox, +.linked.vertical > combobox { + &:not(:first-child) > box > button.combo { @extend %linked_not_top; } + &:not(:last-child) > box > button.combo { @extend %linked_not_bottom; } +} + + +/************ + * Toolbars * + ************/ +%toolbar { + padding: 4px; + border-spacing: 4px; + background-color: $bg_color; +} + +.toolbar { + @extend %toolbar; + + // on OSD + .osd & { background-color: transparent; } + + // stand-alone OSD toolbars + &.osd { + padding: 13px; + border: none; + border-radius: 5px; + background-color: $osd_bg_color; + + &.left, + &.right, + &.top, + &.bottom { border-radius: 0; } // positional classes for `attached` osd toolbars + } + + // toolbar separators + &.horizontal > separator { margin: 4px 0; } + &.vertical > separator { margin: 0 4px; } +} + +//searchbar & location-bar +searchbar > revealer > box { + padding: 6px; + border-spacing: 6px; + @extend %toolbar; + + @extend %darkbar; + + border-width: 0 0 1px; +} + +%darkbar { + border-style: solid; + border-color: $borders_color; + $_bg: mix($bg_color, $borders_color, 70%); + background-color: $_bg; + + &:backdrop { + border-color: $backdrop_borders_color; + background-color: $backdrop_dark_fill; + box-shadow: none; + transition: $backdrop_transition; + } +} + +/************** + * GtkInfoBar * + **************/ +infobar { + > revealer > box { + padding: 8px; + border-spacing: 12px; + } + + &.action:hover > revealer > box { + //background-color: if($variant == 'light', desaturate(lighten(invert($selected_bg_color), 47%), 30%), + // desaturate(darken(invert($selected_bg_color), 42%), 70%)); + } + + &.info, + &.question, + &.warning, + &.error { + > revealer > box { + border-bottom: 1px solid lighten($borders_color, 5%); + //background-color: if($variant == 'light', desaturate(lighten(invert($selected_bg_color), 45%), 30%), + // desaturate(darken(invert($selected_bg_color), 40%), 70%)); + + $_bg_info_bar: desaturate(invert($selected_bg_color), 30%); + + @if $variant == 'light' { $_bg_info_bar: if(lightness($_bg_info_bar) < 50%, lighten($_bg_info_bar, 30%), $_bg_info_bar);} + @else {$_bg_info_bar: if(lightness($_bg_info_bar) > 50%, darken($_bg_info_bar, 30%), $_bg_info_bar);} + + background-color: $_bg_info_bar; + } + } +} + + //close button for info and searchbar (#3215) + + infobar .close, + searchbar .close { + @include button(undecorated); + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 50%; + + &:hover { @include button(hover); } + } + + +/***************** + * Title buttons * + *****************/ + +windowcontrols { + border-spacing: 6px; + + &:not(.empty) { + &.start:dir(ltr), + &.end:dir(rtl) { + margin-right: 7px; + } + + &.start:dir(rtl), + &.end:dir(ltr) { + margin-left: 7px; + } + } + + button { + @extend %button_basic; + + //&:not(:hover):not(:active):not(:checked):not(:disabled) {@extend %button_basic_flat;} + + + //border-radius: 9999px; + padding: 6px; + margin: 0 2px; + min-width: 0; + min-height: 0; + @include button(normal, $titlebar_active_bg, white); + text-shadow: 0 0 2px #303030; + -gtk-icon-shadow: 0 0 2px #303030; + &:hover { + //special case hover colors inside a headerbar + @include button(hover, $titlebar_active_bg, white);//;button(undecorated-hover,$c:darken($headerbar_bg_color,6%)); + } + &:active, + &:checked { @include button(active, $titlebar_active_bg, white);;//button(undecorated-active,$c:darken($headerbar_bg_color,10%)); + } + &:backdrop { + @include button(normal, $titlebar_backdrop_bg, white); + background-image: none; + text-shadow: 0 0 2px #303030; + -gtk-icon-shadow: 0 0 2px #303030; + &:hover {@include button(hover, $titlebar_backdrop_bg, white);} + &:active {@include button(active, $titlebar_backdrop_bg, white);} + } + &.close { + //background-color: $error_color; color: white; + padding-right: 12px; + padding-left: 12px; + text-shadow: 0 0 2px #303030; + -gtk-icon-shadow: 0 0 2px #303030; + &:not(:backdrop) { + $close_button_bg: desaturate(darken($error_color,15%),15%); + @include button(normal, $close_button_bg, white, none, radial-gradient(circle at bottom, rgba(255, 255, 0, 0.5), rgba(255, 255, 0, 0))); + text-shadow: 0 0 2px #303030; + -gtk-icon-shadow: 0 0 2px #303030; + &:hover {@include button(hover, $close_button_bg);} + &:active {@include button(active, $close_button_bg);} + } + } + } +} + + +/*************** + * Header bars * + ***************/ +%titlebar, +headerbar { + padding: 0 6px; + min-height: 46px; + border-width: 0 0 1px; + border-style: solid; + border-color: $alt_borders_color; + border-radius: 0; + + @include headerbar_fill($titlebar_active_bg); + color: $titlebar_active_fg; + + &:backdrop { + border-color: $backdrop_borders_color; + background-color: $titlebar_backdrop_bg; + color: $titlebar_backdrop_fg; + background-image: none; + + transition: $backdrop_transition; + } + + .title { + padding-left: 12px; + padding-right: 12px; + font-weight: bold; + } + + .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + + @extend .dim-label; + } + + /* Darken switchbuttons for headerbars. issue #1588 */ //removed + + + // squared corners when the window is maximized, tiled, or fullscreen + .tiled &, + .tiled-top &, + .tiled-left &, + .tiled-right &, + .tiled-bottom &, + .maximized &, + .fullscreen & { + &:backdrop, & { + border-radius: 0; + } + } + + &.default-decoration { + min-height: 28px; + padding: 4px; + + windowcontrols { + button, + menubutton { + min-height: 26px; + min-width: 26px; + margin: 0; + padding: 0; + } + + menubutton button { + min-height: 20px; + min-width: 20px; + margin: 0; + padding: 4px; + } + } + } + + .solid-csd & { + &:backdrop, & { + &:dir(rtl), &:dir(ltr) { // specificity bump + margin-left: -1px; + margin-right: -1px; + margin-top: -1px; + border-radius: 0; + box-shadow: none; + } + } + } +} + +headerbar { + > windowhandle > box { + &, + > box.start, + > box.end { + border-spacing: 6px; + } + } + + // add vertical margins to common widget on the headerbar to avoid them spanning the whole height + entry, + spinbutton, + separator:not(.sidebar), + button, + menubutton { + margin-top: 6px; + margin-bottom: 6px; + } + + // Reset margins for buttons inside menubutton + menubutton > button { + margin-top: 0px; + margin-bottom: 0px; + } + + switch { + margin-top: 10px; + margin-bottom: 10px; + } +} + + +.titlebar:not(headerbar) { + window.csd > & { + // in csd we assume every titlebar is a headerbar so reset anything, this is needed for split toolbars cases + padding: 0; + background-color: transparent; + background-image: none; + border-style: none; + border-color: transparent; + } + + separator { background-color: $borders_color; } // FIXME: use darker border? + + @extend %titlebar; +} + +// Development versions of apps to use a differently styled headerbar + +window.devel { + headerbar.titlebar { + $c: darken($bg_color, 10%); + $gradient: cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, + linear-gradient(to right, transparent 65%, transparentize($selected_bg_color, 0.8)), + linear-gradient(to top, darken($c, 3%), $c 3px, lighten($c, 6%)); + @if $variant == 'dark' { + $gradient: cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, + linear-gradient(to right, transparent 65%, transparentize($selected_bg_color, 0.9)), + linear-gradient(to top, lighten($c, 3%) 3px, lighten($c, 5%)); + } + + background: $bg_color $gradient; + + &:backdrop { + background: $bg_color cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, + image($bg_color); /* background-color would flash */ + } + } +} + +/************ + * Pathbars * + ************/ + +pathbar > button { + &.text-button, &.image-button, & { + padding-left: 4px; + padding-right: 4px; + } + + &.text-button.image-button label { + padding-left: 0; + padding-right: 0; + } + + &.text-button.image-button, & { + label:last-child { padding-right: 8px; } + label:first-child { padding-left: 8px; } + } + + image { + padding-left: 4px; + padding-right: 4px; + } + + &.slider-button { + padding-left: 0; + padding-right: 0; + } +} + + +/************** + * Tree Views * + **************/ + +$_treeview_borders_color: if($variant=='light',mix($borders_color, $base_color,80%),mix($fg_color, $base_color, 20%)); +$_treeview_backdrop_borders_color: if($variant=='light',mix($backdrop_borders_color, $base_color, 80%),mix($backdrop_fg_color, $base_color, 20%)); +columnview.view, +treeview.view { + border-left-color: $_treeview_borders_color; // this is actually the tree lines color, + border-top-color: $_treeview_borders_color; // while this is the grid lines color, better then nothing + + @include focus-ring(); + + > rubberband { @extend rubberband; } // to avoid borders being overridden by the previously set props + + &:selected { + &:focus, & { + border-radius: 0; + outline-color: $alt_focus_border_color; + + @extend %selected_items; + } + } + + &:disabled { + color: $insensitive_fg_color; + + &:selected { + color: mix($selected_fg_color, $selected_bg_color, 40%); + &:backdrop { color: mix($backdrop_selected_fg_color, $selected_bg_color, 30%); } + } + } + + &.separator { + min-height: 2px; + color: $_treeview_borders_color; + } + + &:backdrop { + border-left-color: $_treeview_backdrop_borders_color; + border-top: $_treeview_backdrop_borders_color; + } + + &:drop(active) { + box-shadow: none; + } + + > dndtarget:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: $selected_borders_color; + + &.after { border-top-style: none; } + + &.before { border-bottom-style: none; } + } + + &.expander { + // GtkTreeView uses the larger of the expander’s min-width and min-height + 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'); } + + color: mix($text_color, $base_color, 70%); + + &:hover { color: $text_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 { // progress bar in treeviews + @if $variant == light { color: $base_color; } + + background-color: $selected_bg_color; + background-image: image($selected_bg_color); + box-shadow: none; + + &:selected { + &:focus, & { + + @if $variant == 'light' { + color: $selected_bg_color; + + } + + @else { box-shadow: inset 0 1px transparentize(white, 0.95); } + + background-image: image($base_color); + + &:backdrop { + @if $variant == 'light' { + color: $selected_bg_color; + } + background-color: $backdrop_base_color; + } + } + } + } + + &.trough { // progress bar trough in treeviews + background-color: transparentize($fg_color,0.9); + + &:selected { + &:focus, & { + background-color: if($variant == 'light', + transparentize($selected_fg_color, 0.7), + darken($selected_bg_color, 10%)); + + } + } + } + + > header { + > button { + $_column_header_color: mix($fg_color, $base_color, 50%); + + @extend %column_header_button; + + color: $_column_header_color; + background-color: $base_color; + font-weight: bold; + text-shadow: none; + box-shadow: none; + + &:hover { + @extend %column_header_button; + + color: mix($_column_header_color, $fg_color, 50%); + box-shadow: none; + transition: none; //I shouldn't need this + } + + &:active { + @extend %column_header_button; + + color: $fg_color; + transition: none; //I shouldn't need this + } + sort-indicator { + &.ascending { + -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); + } + &.descending { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + } + + min-height: 16px; + min-width: 16px; + } + } + } + + button.dnd, + header.button.dnd { // for treeview-like derive widgets + &:active, &:selected, &:hover, & { + padding: 0 6px; + color: $base_color; + background-image: none; + background-color: $selected_bg_color; + border-style: none; + border-radius: 0; + box-shadow: inset 0 0 0 1px $base_color; + text-shadow: none; + transition: none; + } + } + + acceleditor > label { background-color: $selected_bg_color; } // see tests/testaccel to test +} + +%column_header_button { + padding: 0 6px; + background-image: none; + border-style: none none solid solid; + border-color: $_treeview_borders_color; + border-radius: 0; + text-shadow: none; + + &:disabled { + border-color: $bg_color; + background-image: none; + background-color: $insensitive_bg_color; + color: $insensitive_fg_color; + } + + &:last-child { &:backdrop, & { border-right-style: none; }} +} + +/*************** + * Popovers * + ***************/ + +popover.background { + background-color: transparent; + font: initial; // Decouple the font of popovers from their entry/textview + + > arrow, + > contents { + $_popover_border: if($variant=='light', transparentize(black, 0.77), transparentize(black, 0.25)); + + background-color: $menu_color; + background-clip: padding-box; + border: 1px solid $_popover_border; + box-shadow: 0 1px 2px transparentize(black, 0.7); + } + + &:backdrop { + background-color: transparent; + } + + > contents { + padding: 8px; + border-radius: $popover_radius; + + > list, + > .view, + > .toolbar { + border-style: none; + background-color: transparent; + } + + separator { + background-color: mix($bg_color, $borders_color, 30%); + margin: 3px; + } + + list separator { margin: 0; } + } + + .osd &, + &.touch-selection, + &.magnifier { + background-color: transparent; + + > arrow, + > contents { + @extend %osd; + + border: 1px solid transparentize(white, 0.9); + box-shadow: none; + } + } + + &.touch-selection, + &.magnifier { + button { @extend %osd_button; } + } +} + +magnifier { + background-color: $base_color; +} + +/********************** + * Popover Base Menus * + **********************/ + +$_menu-padding: 12px; //inner menuitem padding +//global $menu-margin for outside menuitems + +popover.menu { + padding: 0; + + box.inline-buttons { + padding: 0 $_menu-padding; + + button.image-button.model { + @include button(undecorated); + + min-height: 30px; + min-width: 30px; + padding: 0; + border: none; + outline: none; + transition: none; + + &:selected { background: image($menu_selected_color); } + } + } + + box.circular-buttons { + padding: $_menu-padding $_menu-padding 6px; + + button.circular.image-button.model { + @extend %list_button; + + padding: 11px; + &:focus { + background-color: $menu_selected_color; + border-color: $menu_selected_color; + } + } + } + + & > arrow, + &.background > contents { + background-color: $menu_color; + padding: $menu-margin; + } + + &.background separator { + margin: 6px 0; + } + + accelerator { + color: gtkalpha(currentColor,0.55); + + &:dir(ltr) { margin-left: $_menu-padding; } + &:dir(rtl) { margin-right: $_menu-padding; } + } + + check, + radio { + @include check('menu', 'transparent', $text_color); + + &:hover { @include check('menu-active', 'transparent', $text_color); } + &:active { @include check('menu-active', 'transparent', $text_color); } + } + + //only menu radios have a border + //radio { border-color: $borders_color; + // &:active { border-color: transparentize($borders_color,0.5); } + //} + + arrow.left, + radio.left, + check.left { + margin-left: -2px; + margin-right: 6px; + } + + arrow.right, + radio.right, + check.right { + margin-left: 6px; + margin-right: -2px; + } + + modelbutton { + min-height: 30px; + min-width: 40px; + padding: 0 $_menu-padding; + border-radius: $menu-margin; + + &:selected { + color: $text-color; + background-color: $menu_selected_color; + } + &:selected:active { + //@extend %selected_items; + //color: $selected_fg_color; + background-color: darken($bg_color,14%); // matching buttons + } + } + + label.title { + font-weight: bold; + padding: 4px ($_menu-padding + 20px); //this will fall apart with font sizing + } +} + +// initial styling for popover menu and bar +menubar { + padding: 0px; + box-shadow: inset 0 -1px transparentize(black, 0.9); + + > item { + min-height: 16px; + padding: 4px 8px; + + &:selected { //Seems like it :hover even with keyboard focus + box-shadow: inset 0 -3px $selected_bg_color; + color: $link_color; + } + + &:disabled { + color: $insensitive_fg_color; + box-shadow: none; + } + } + + & > item popover.menu.background > contents { + padding: $menu-margin; + } + //nested submenus + & > item popover.menu popover.menu { + padding: 0 0 4px 0; + } + & > item popover.menu.background popover.menu.background > contents { + margin: 0; + border-radius: $popover_radius; //including top + } +} + + +/************* + * Notebooks * + *************/ + +@import '../common/notebook.scss'; + + +/************** + * Scrollbars * + **************/ + +scrollbar { + $_slider_min_length: 40px; + $_slider_width: 8px; + $_scrollbar_transition: all 300ms $ease-out-quad; + $_fine-tune_slider_border: $_slider_width - 3; //#3672 + + background-color: $scrollbar_bg_color; + transition: $_scrollbar_transition; + + // 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; } + + > range > trough > slider { + @extend %button_basic; + padding: 0; + background-image: none; + + min-width: $_slider_width; + min-height: $_slider_width; + margin: 3px; + //border: 4px solid transparent; + border-radius: 10px; + background-clip: padding-box; + background-color: $scrollbar_slider_color; + transition: $_scrollbar_transition; + + &:hover { background-color: $scrollbar_slider_hover_color; } + + &:hover:active { background-color: $scrollbar_slider_active_color; } + + &:disabled { background-color: transparent; } + } + + > range.fine-tune { + > trough > slider { + //transition: none; + //min-width: $_fine-tune_slider_border+1; + //min-height: $_fine-tune_slider_border+1; + &, &:hover, &:active {background-color: $hint_bg;} + } + + //&.horizontal > trough > slider { border-width: $_fine-tune_slider_border 4px; } + //&.vertical > trough > slider { border-width: 4px $_fine-tune_slider_border; } + } + + + + &.horizontal > range > trough > slider { min-width: $_slider_min_length; } + &.vertical > range > trough > slider { min-height: $_slider_min_length; } +} + +treeview ~ scrollbar.vertical { + border-top: 1px solid $borders_color; + margin-top: -1px; +} + +/********** + * Switch * + **********/ +switch { + font-weight: bold; + font-size: smaller; + + // similar to the .scale + border: 1px solid $borders_color; + border-radius: 14px; + color: $fg_color; + background-color: $dark_fill; + transition: $focus_transition; + + @include focus-ring($offset: 0, $outer: true); + @include _shadows(0 1px $hilight_color, $button_shadow_pressed); + + headerbar & { background-color: darken($dark_fill,8%); } //3504 + + &:checked { + color: $selected_fg_color; + border-color: mix($fg_color, $bg_color, 50%);; + background-color: $checkradio_bg_color; + } + + &:disabled { + color: $insensitive_fg_color; + border-color: $borders_color; + background-color: $insensitive_bg_color; + text-shadow: none; + } + + > slider { + @include button(normal); + + margin: -1px; + min-width: 24px; + min-height: 24px; + border: 1px solid; + //border-color: $borders_color; + border-radius: 50%; + transition: $button_transition; + } + + > image { color: transparent; } /* only show i / o for the accessible theme */ + + &:hover > slider { + @include button(hover); + } + + &:checked > slider { border: 1px solid $switch_borders_color; } + + &:disabled > slider { @include button(insensitive); } + + + row:selected & { + outline-color: $alt_focus_border_color; + + @if $variant == 'light' { + box-shadow: none; + border-color: $switch_borders_color; + + > slider { &:checked, & { border-color: $switch_borders_color; } } + } + } +} + + +/************************* + * Check and Radio items * + *************************/ +// draw regular check and radio items using our PNG assets +// all assets are rendered from assets.svg. never add pngs directly + + +//selection-mode +@each $check_state, $check_icon, $check_color, $check_background in + ('', 'none', 'transparent', $checkradio_bg_color), + (':hover', 'none', 'transparent', $checkradio_bg_color), + (':active', 'none', 'transparent', $checkradio_bg_color), + (':backdrop', 'none', 'transparent', '#{desaturate($checkradio_bg_color, 100%)}'), + (':checked', '-gtk-icontheme(\'object-select-symbolic\')', $osd_fg_color, $checkradio_bg_color), + (':checked:hover', '-gtk-icontheme(\'object-select-symbolic\')', $osd_fg_color, $checkradio_bg_color), + (':checked:active', '-gtk-icontheme(\'object-select-symbolic\')', $osd_fg_color, $checkradio_bg_color), + (':backdrop:checked', '-gtk-icontheme(\'object-select-symbolic\')', '#{transparentize($osd_fg_color, 0.2)}', '#{desaturate($checkradio_bg_color, 100%)}'), { + + .view.content-view.check#{$check_state}:not(list), + .content-view .tile check#{$check_state}:not(list) { + margin: 4px; + min-width: 32px; + min-height: 32px; + color: #{$check_color}; + background-color: #{$check_background}; + border-radius: 5px; + background-image: none; + transition: 200ms; + box-shadow: none; + border-width: 0; + -gtk-icon-source: #{$check_icon}; + -gtk-icon-shadow: none; + } +} + +checkbutton { + border-spacing: 4px; + border-radius: $button_radius; + transition: $focus_transition; + + @include focus-ring(); + + &.text-button { + // this is for a nice focus on check and radios text + padding: 4px; + } +} + +check, +radio { + min-height: 14px; + min-width: 14px; + border: 1px solid; + -gtk-icon-source: none; + + & { + // for unchecked + $_c: $button_bg;//if($variant=='light', white, $bg_color); + + @each $state, $t in ("", "normal"), + (":hover", "hover"), + (":active", "active"), + (":disabled", "insensitive") { + &#{$state} { + @include check($t, $_c); + } + } + } + + & { + // for checked + @each $t in (':checked'), (':indeterminate') { + &#{$t} { + @each $state, $t in ("", "normal"), + (":hover", "hover"), + (":active", "active"), + (":disabled", "insensitive") { + &#{$state} { + @include check($t, $checkradio_bg_color, $checkradio_fg_color, $checked: true); + } + } + } + } + } + &:disabled { + color:$insensitive_fg_color; + border-color: $insensitive_fg_color; + } + + @if $variant == 'light' { + // the borders of the light variant versions of checks and radios are too similar in luminosity to the selected background + // color, hence we need special casing. + row:selected & { border-color: $checkradio_borders_color; } + } + + .osd & { + @include button(osd); + + &:hover { @include button(osd); } + &:active { @include button(osd-active); } + &:disabled { @include button(osd-insensitive); } + } +} + +%check, +check { + border-radius: 3px; + -gtk-icon-size: 14px; + + &:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("#{$assets}/check-symbolic.symbolic.png")), + -gtk-recolor(url("#{$assets}/check@2-symbolic.symbolic.png"))); } + + &:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("#{$assets}/dash-symbolic.symbolic.png")), + -gtk-recolor(url("#{$assets}/dash@2-symbolic.symbolic.png"))); } +} + +%radio, +radio { + border-radius: 100%; + -gtk-icon-size: 14px; + + &:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("#{$assets}/bullet-symbolic.symbolic.png")), + -gtk-recolor(url("#{$assets}/bullet@2-symbolic.symbolic.png"))); } + + &:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("#{$assets}/dash-symbolic.symbolic.png")), + -gtk-recolor(url("#{$assets}/dash@2-symbolic.symbolic.png"))); } +} + +treeview.view check, +treeview.view radio { + &:selected { + &:focus, & { + color: $checkradio_fg_color; + + //@if $variant == 'light' { border-color: $selected_borders_color; } + } + } +} + +treeview.view radio:selected { &:selected, &:focus, & { @extend %radio; }} // This is a workaround + + +/************ + * GtkScale * + ************/ +%scale_trough { + border: 1px solid $borders_color; + border-radius: 3px; + background-color: $dark_fill; + //padding:1px; + + headerbar & { background-color: darken($dark_fill,8%); } //3504 + + &:disabled { + background-color: $insensitive_bg_color; + border-color: $insensitive_borders_color; + } + + // ...on selected list rows + row:selected & { + &:disabled, & { + outline-color: $alt_focus_border_color; + border-color: $selected_borders_color; + } + } + + // OSD + .osd & { + border-color: $osd_borders_color; + background-color: transparentize($osd_borders_color, 0.7); + + &:disabled { background-color: $osd_insensitive_bg_color; } + } +} + +%scale_highlight { + border: 1px solid $progress_border_color; + border-radius: 3px; + background-color: $selected_bg_color; + + &:disabled { + background-color: mix($insensitive_bg_color, $insensitive_fg_color, 60%); + border-color: transparent; + } + + // ...on selected list rows + row:selected & { &:disabled, & { border-color: $selected_borders_color; }} + + // OSD + .osd & { + border-color: $osd_borders_color; + + &:disabled { border-color: transparent; } + } +} + +scale { + // sizing + $_marks_length: 6px; + $_marks_distance: 6px; + + min-height: 10px; + min-width: 10px; + padding: 12px; + + @include focus-ring("> trough", $offset: 10px); + + // those are inside the trough node, I need them to show their own border over the trough one, so negative margin + > trough { + transition: $focus_transition; + + > fill, + > highlight { margin: -1px; } + + + + } + + // click-and-hold the slider to activate + &.fine-tune { + //&.horizontal { + // padding-top: 9px; + // padding-bottom: 9px; + // min-height: 16px; + //} + + //&.vertical { + // padding-left: 9px; + // padding-right: 9px; + // min-width: 16px; + //} + + // to make the trough grow in fine-tune mode //no longer, just background change + > trough > slider {&, &:active, &:hover, &:focus { background-color: $hint_bg;}} //margin: -6px; } + + > trough > fill, + > trough > highlight, + > trough { + //border-radius: 5px; + } + } + + // the backing bit + > trough { + @extend %scale_trough; + } + + // the colored part of the backing bit + > trough > highlight { @extend %scale_highlight; } + + // this is another differently styled part of the backing bit, the most relevant use case is for example + // in media player to indicate how much video stream as been cached + > trough > fill { + @extend %scale_trough; + + + &:disabled { + border-color: transparent; + background-color: transparent; + } + + // OSD + .osd & { + background-color: mix($osd_fg_color, $osd_borders_color, 25%); + + &:disabled { + border-color: transparent; + background-color: transparent; + } + } + } + + > trough > slider, %slider { + min-height: 18px; + min-width: 18px; + margin: -9px; // the slider is inside the trough, so to have make it bigger there's a negative margin + @include button(normal); + border-width: 1px; + border-style: solid; + border-radius: 100%; + transition: $button_transition; + transition-property: background, border, box-shadow; + + &:hover { @include button(hover); } + + &:active { border-color: $selected_bg_color; } + + &:disabled { @include button(insensitive); } + + // ...on selected list rows + row:selected & { &:disabled, & { border-color: $selected_borders_color; } } + + // OSD + .osd & { + @include button(osd); + border-color: darken($osd_borders_color, 3%); + background-color: opacify($osd_bg_color, 1); // solid background needed here + + &:hover { + @include button(osd-hover); + background-color: opacify($osd_bg_color, 1); // solid background needed here + } + + &:active { + @include button(osd-active); + background-color: opacify($osd_bg_color, 1); // solid background needed here + } + + &:disabled { + @include button(osd-insensitive); + background-color: opacify($osd_bg_color, 1); // solid background needed here + } + } + } + + > value { + color: gtkalpha(currentColor, 0.55); + font-feature-settings: "tnum"; + } + + &.horizontal { + > marks { + color: gtkalpha(currentColor, 0.55); + &.top { margin-bottom: $_marks_distance; } + &.bottom { margin-top: $_marks_distance; } + + indicator { + background-color: currentColor; + min-height: $_marks_length; + min-width: 1px; + } + } + + > value.left { margin-right: 9px; } + > value.right { margin-left: 9px; } + + //&.fine-tune >marks { + // &.top { margin-top: 3px; } + // &.bottom { margin-bottom: 3px; } + + // indicator { min-height: ($_marks_length - 3px); } + //} + &.marks-after {slider{ border-radius: 5px 5px 100% 100%;min-width: 10px; padding: 0; margin-right: 5px; margin-left:5px;}} + &.marks-before {slider{ border-radius: 100% 100% 5px 5px;min-width: 10px; padding: 0; margin-right: 5px; margin-left:5px;}} + + } + + &.vertical { + > marks { + color: gtkalpha(currentColor, 0.55); + &.top { margin-right: $_marks_distance; } + &.bottom { margin-left: $_marks_distance; } + + indicator { + background-color: currentColor; + min-height: 1px; + min-width: $_marks_length; + } + } + + > value.top { margin-bottom: 9px; } + > value.bottom { margin-top: 9px; } + + //&.fine-tune >marks { + // &.top { margin-left: 3px; } + // &.bottom { margin-right: 3px; } + + // indicator { min-height: ($_marks_length - 3px); } + // } + &.marks-after {slider{ border-radius: 5px 100% 100% 5px;min-height: 10px;padding: 0;margin-top: 54px; margin-bottom:5px;}} + &.marks-before {slider{ border-radius: 100% 5px 5px 100%;min-height: 10px;padding: 0;margin-top: 5px; margin-bottom:5px;}} + } + + // *WARNING* scale with marks madness following + + + + &.color { + min-height: 0; + min-width: 0; + + > trough { + background-image: image($borders_color); + background-repeat: no-repeat; + } + + &.horizontal { + padding: 0 0 15px 0; + + > trough { + padding-bottom: 4px; + background-position: 0 -3px; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + > trough > slider { + &:dir(ltr), &:dir(rtl) { // specificity bump + &:hover, &:backdrop, &:disabled, &:backdrop:disabled, & { + margin-bottom: -15px; + margin-top: 6px; + } + } + } + } + + &.vertical { + &:dir(ltr) { + padding: 0 0 0 15px; + + > trough { + padding-left: 4px; + background-position: 3px 0; + border-bottom-right-radius: 0; + border-top-right-radius: 0; + } + + > trough > slider { + &:hover, &:backdrop, &:disabled, &:backdrop:disabled, & { + margin-left: -15px; + margin-right: 6px; + } + } + } + + &:dir(rtl) { + padding: 0 15px 0 0; + + > trough { + padding-right: 4px; + background-position: -3px 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; + } + + > trough > slider { + &:hover, &:backdrop, &:disabled, &:backdrop:disabled, & { + margin-right: -15px; + margin-left: 6px; + } + } + } + } + + //removed fine-tune bit + } +} + + +/***************** + * Progress bars * + *****************/ +progressbar { + // sizing + &.horizontal { + > trough { + min-width: 150px; + &, > progress { min-height: 2px; } + } + } + + &.vertical { + > trough { + min-height: 80px; + &, > progress { min-width: 2px; } + } + } + + &.horizontal > trough > progress { margin: 0 -1px; } // the progress node is positioned after the trough border + &.vertical > trough > progress { margin: -1px 0; } // this moves it over it. + + + // FIXME: insensitive state missing and some other state should be set probably + font-size: smaller; + color: transparentize($fg_color, 0.6); + font-feature-settings: "tnum"; + + > trough { @extend %scale_trough; } + + > trough > progress { + @extend %scale_highlight; /* share most of scales' */ + /* override insensitive that is specific to progress */ + &:disabled { + background-color: $insensitive_fg_color; + border-color: $insensitive_fg_color; + } + + border-radius: 1.5px; + $_progress-radius: 5px; + &.left { + border-top-left-radius: $_progress-radius; + border-bottom-left-radius: $_progress-radius; + } + + &.right { + border-top-right-radius: $_progress-radius; + border-bottom-right-radius: $_progress-radius; + } + + &.top { + border-top-right-radius: $_progress-radius; + border-top-left-radius: $_progress-radius; + } + + &.bottom { + border-bottom-right-radius: $_progress-radius; + border-bottom-left-radius: $_progress-radius; + } + } + + &.osd { // progressbar.osd used for epiphany page loading progress + min-width: 3px; + min-height: 3px; + background-color: transparent; + + > trough { + border-style: none; + border-radius: 0; + background-color: transparent; + box-shadow: none; + + > progress { + border-style: none; + border-radius: 0; + } + } + } + + > trough.empty > progress { all: unset; } // makes the progress indicator disappear, when the fraction is 0 +} + +/************* + * Level Bar * + *************/ + +@import '../common/levelbar.scss'; + + +/**************** + * Print dialog * +*****************/ +window.dialog.print { + drawing { + color: $fg_color; + background: none; + border: none; + padding: 0; + + paper { + background: white; + color: #2e3436; + border: 1px solid $borders_color; + } + + } + + .dialog-action-box { margin: 12px; } +} + + +/********** + * Frames * + **********/ +frame, +.frame { + border: 1px solid $borders_color; +} + +frame { + border-radius: $window_radius; + + > label { + margin: 4px; + } +} + +actionbar > revealer > box { + padding: 6px; + border-top: 1px solid $borders_color; + + &, > box.start, > box.end { + border-spacing: 6px; + } +} + +scrolledwindow { + // This is used when content is touch-dragged past boundaries. + // 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); + } + } + + > junction { // the small square between two scrollbars + // Only color the top-left (or top right in RTL) pixel, to visually connect + // the borders of the two scrollbars. + + background: $borders_color, + linear-gradient(to bottom, transparent 1px, $scrollbar_bg_color 1px), + linear-gradient(to right, transparent 1px, $scrollbar_bg_color 1px); + + &:dir(rtl) { + background: $borders_color, + linear-gradient(to bottom, transparent 1px, $scrollbar_bg_color 1px), + linear-gradient(to left, transparent 1px, $scrollbar_bg_color 1px); + } + } +} + +//vbox and hbox separators +separator { + background: lighten($borders_color, 5%); + min-width: 1px; + min-height: 1px; +} + + +/********* + * Lists * + *********/ +listview, +list { + color: $text_color; + background-color: $base_color; + border-color: $borders_color; + + &:backdrop { + color: $backdrop_text_color; + background-color: $backdrop_base_color; + border-color: $backdrop_borders_color; + } + + > row { padding: 2px; } + > row.expander { padding: 0px; } + > row.expander .row-header { padding: 2px; } + + &.horizontal row.separator, + &.separators.horizontal > row:not(.separator) { + border-left: 1px solid $_treeview_borders_color; + } + &:not(.horizontal) row.separator, + &.separators:not(.horizontal) > row:not(.separator) { + border-bottom: 1px solid $_treeview_borders_color; + } +} + +row { + @include focus-ring(); + + &.activatable { + &.has-open-popup, // this is for indicathing which row generated a popover see https://bugzilla.gnome.org/show_bug.cgi?id=754411 + + &:hover { background-color: if(variant == light, transparentize($fg_color, 0.9), transparentize($fg_color, 0.95)); } + + &:active { box-shadow: inset 0 2px 2px -2px transparentize(black, 0.8); } + + &:selected { + &:active { box-shadow: inset 0 2px 3px -1px transparentize(black, 0.5); } + + &.has-open-popup, + &:hover { background-color: mix($fg_color, $selected_bg_color, 10%); } + } + } + + &:selected { + outline-color: $alt_focus_border_color; + + @extend %selected_items; + } +} + +columnview { + // move padding to child cells + > listview > row { + padding: 0; + + // align horizontal sizing with header buttons + > cell { + padding: 8px 6px; + + &:not(:first-child) { + border-left: 1px solid transparent; + } + } + } + + // make column separators visible when :show-column-separators is true + &.column-separators > listview > row > cell { + border-left-color: $_treeview_borders_color; + } + + // shrink vertically for .data-table + &.data-table > listview > row > cell { + padding-top: 2px; + padding-bottom: 2px; + } +} + +treeexpander { + border-spacing: 4px; +} + +/******************************************************** + * Data Tables * + * treeview like tables with individual focusable cells * + * https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 * + ********************************************************/ + +columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { + outline: 2px solid $focus_border_color; +} + +columnview row:not(:selected) cell editablelabel.editing:focus-within { + outline: 2px solid $selected_bg_color; +} + +columnview row:not(:selected) cell editablelabel.editing text selection { + background-color: $backdrop_selected_bg_color; + color: transparent; + &:focus-within { + background-color: $selected_text_bg_color; + color: $fg_color; + } +} + +/******************************************************* + * Rich Lists * + * Large list usually containing lots of widgets * + * https://gitlab.gnome.org/GNOME/gtk/-/issues/3073 * + *******************************************************/ + + +.rich-list { /* rich lists usually containing other widgets than just labels/text */ + & > row { + padding: 8px 12px; + min-height: 32px; /* should be tall even when only containing a label */ + + & > box { + border-spacing: 12px; + } + } +} + +/********************* + * App Notifications * + *********************/ +.app-notification { + @extend %osd; + + padding: 10px; + border-spacing: 10px; + border-radius: 0 0 5px 5px; + background-color: $osd_bg_color; + background-image: linear-gradient(to bottom, transparentize(black, 0.8), + transparent 2px); + background-clip: padding-box; + + button { @extend %osd_button; } + + border { border: none; } +} + + +/************* + * Expanders * + *************/ +expander { + 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'); } + + &:disabled { color: $insensitive_fg_color; } + + &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } +} + +expander-widget { + @include focus-ring("> box > title"); + + > box > title { + transition: $focus_transition; + border-radius: $button_radius; + + &:hover > expander { + color: lighten($fg_color,30%); //only lightens the icon + } + } +} + +.navigation-sidebar, +placessidebar, +stackswitcher, +expander-widget { + &:not(decoration):not(window):drop(active):focus, + &:not(decoration):not(window):drop(active) { + box-shadow: none; + } +} + + +/************ + * Calendar * + ***********/ +calendar { + color: $text_color; + border: 1px solid $borders_color; + font-feature-settings: "tnum"; + + > header { + border-bottom: 1px solid $borders_color; + + > button { + border: none; + box-shadow: none; + background: none; + border-radius: 0; + } + > button:backdrop { + background: none; + } + } + + > grid { + > label.day-name { + } + + > label.week-number { + } + + > label.today { + box-shadow: inset 0px -2px $borders_color; + + &:selected { + box-shadow: none; + } + } + + > label:focus { + outline-color: $focus_border_color; + outline-offset: -2px; + outline-width: 2px; + outline-style: solid; + } + + > label.day-number { + padding: 4px; + + &:selected{ + @extend %selected_items; + border-radius: 3px; + } + } + + > label.day-number.other-month { + color: gtkalpha(currentColor, 0.3); + } + } + +} + + +/*********** + * Dialogs * + ***********/ +window.dialog.message { // Message Dialog styling + .titlebar { + min-height: 20px; + background-image: none; + background-color: $bg_color; + border-style: none; + border-top-left-radius: 7px; + border-top-right-radius: 7px; + } + + box.dialog-vbox.vertical { + border-spacing: 10px; + } + + & label.title { + font-weight: 800; + font-size: 15pt; + } + + &.csd { // rounded bottom border styling for csd version + &.background { + // bigger radius for better antialiasing + border-bottom-left-radius: $window_radius+1; + border-bottom-right-radius: $window_radius+1; + } + + .dialog-action-area button { + padding: 10px 14px; // labels are not vertically centered on message dialog, this is a workaround + border-radius: 0; + border-left-style: solid; + border-right-style: none; + border-bottom-style: none; + + &:first-child{ + border-left-style: none; + border-bottom-left-radius: 7px; + } + + &:last-child { + border-bottom-right-radius: 7px; + } + } + } +} + +filechooser { + .dialog-action-box { + border-top: 1px solid $borders_color; + } + + #pathbarbox { border-bottom: 1px solid $bg_color; } +} + + +filechooserbutton>button>box { + border-spacing: 6px; +} +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + + +/*********** + * Sidebar * + ***********/ +.sidebar { + background-color: mix($bg_color, $base_color, 50%); + + &:not(separator) { + @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; + } + } + + listview.view, + list { background-color: transparent; } + + paned & { &.left, &.right, &.left:dir(rtl), &:dir(rtl), &:dir(ltr), & { border-style: none; }} +} + +stacksidebar { + //not a regular list + list.separators:not(.horizontal) > row:not(.separator) { + border-bottom: none; + } + row { + padding: 10px 4px; + @include focus-ring(); + + > label { + padding-left: 6px; + padding-right: 6px; + } + + &.needs-attention > label { + @extend %needs_attention; + background-size: 6px 6px, 0 0; + } + &:selected { + background-color: $menu_selected_color; + border-radius: $menu_radius; + color: $fg_color; + } + &:selected:hover:dir(ltr), &:selected:hover:dir(rtl) { + background-color: darken($menu_selected_color,5%); + } + &.activatable:active, &.activatable:selected:active { + box-shadow: none; // #3413 + } + } +} + +separator.sidebar { + background-color: $borders_color; +} + + +/********************** + * Navigation Sidebar * + **********************/ + +.navigation-sidebar { + padding: $menu-margin 0; //only vertical padding. horizontal row size would clip + + > separator { + margin: $menu-margin; + } + + > row { + min-height: 36px; + padding: 0 8px; + border-radius: $menu-margin; + margin: 0 $menu-margin 2px; + @include focus-ring($focus-state: 'focus-visible:focus-within'); + &:hover { + background-color: mix($menu_selected_color, $base_color, 50%); + } + + &:selected { + background-color: $menu_selected_color; + color: inherit; + + &:hover { + background-color: mix($menu_selected_color, $base_color, 10%); + } + + } + + &:disabled { color: $insensitive_fg_color; } + } +} + + +/**************** + * File chooser * + ****************/ + +$_placesidebar_icons_opacity: 1; + +row image.sidebar-icon { opacity: $_placesidebar_icons_opacity; } // dim the sidebar icons + // see bug #786613 for details + // on this oddity + +/* this should be more generic, only using .navigation-sidebar + https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 +*/ + +placessidebar { + .navigation-sidebar > row { + // Needs overriding of the `.navigation-sidebar > row` padding + padding: 0; + + // Using margins/padding directly in the SidebarRow + // will make the animation of the new bookmark row jump + > revealer { padding: 0 14px; } + + image.sidebar-icon { + &:dir(ltr) { padding-right: 8px; } + &:dir(rtl) { padding-left: 8px; } + } + + label.sidebar-label { + &:dir(ltr) { padding-right: 2px; } + &:dir(rtl) { padding-left: 2px; } + } + + @at-root button.sidebar-button { + @extend %button_basic_flat; + + @extend %button_selected_flat; + min-height: 26px; + min-width: 26px; + margin-top: 3px; + margin-bottom: 3px; + padding: 0; + border-radius: 100%; + } + + // in the sidebar case it makes no sense to click the selected row + &:selected:active { box-shadow: none; } + + &.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: image($drop_target_color); + background-clip: content-box; + } + + &.sidebar-new-bookmark-row { color: $selected_bg_color; } + + &:drop(active):not(:disabled) { + color: $drop_target_color; + box-shadow: inset 0 1px $drop_target_color, + inset 0 -1px $drop_target_color; + + &:selected { + color: $selected_fg_color; + background-color: $drop_target_color; + } + } + } +} + +placesview { + .server-list-button > image { + transition: 200ms $ease-out-quad; + -gtk-icon-transform: rotate(0turn); + } + + .server-list-button:checked > image { + transition: 200ms $ease-out-quad; + -gtk-icon-transform: rotate(-0.5turn); + } + + row.activatable:hover { } + + > actionbar > revealer > box > box{ + border-spacing: 6px; + } +} + + +/********* + * Paned * + *********/ +paned { + > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; // defeats the ugly default handle decoration + border-style: none; // just to be sure + background-color: transparent; + // workaround, using background instead of a border since the border will get rendered twice (?) + background-image: image($borders_color); + background-size: 1px 1px; + + &:selected { background-image: image($selected_bg_color); } // FIXME is this needed? + + &.wide { + min-width: 5px; + min-height: 5px; + background-color: $bg_color; + background-image: image($borders_color), image($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; + } + } +} + + +/************** + * GtkVideo * + **************/ + +video { + & image.osd { + min-width: 64px; + min-height: 64px; + border-radius: 32px; + } + background: black; +} + +/************ + * Tooltips * + ************/ +tooltip { + &.background { + // 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: transparentize($hint_bg, 0.1); + background-clip: padding-box; + border: 1px solid $tooltip_borders_color; // this subtle border is meant to + // not make the tooltip melt with + // very dark backgrounds + color: $hint_fg; + } + + padding: 6px 10px; + border-radius: $window_radius; + //box-shadow: none; // otherwise it gets inherited by windowframe.csd + + > box { + border-spacing: 6px; + } +} + + +/***************** + * Color Chooser * + *****************/ +colorswatch { + // This widget is made of two boxes one on top of the other, the lower box is colorswatch {} the other one + // is colorswatch overlay {}, colorswatch has the programmatically set background, so most of the style is + // applied to the overlay box. + + transition: $focus_transition; + + @include focus-ring($width: 4px, $offset: -2px); + + &:drop(active), & { border-style: none; } // FIXME: implement a proper drop(active) state + + $_colorswatch_radius: 5px; + + // base color corners rounding + // to avoid the artifacts caused by rounded corner anti-aliasing the base color + // sports a bigger radius. + // nth-child is needed by the custom color strip. + + &.top { + border-top-left-radius: $_colorswatch_radius + 0.5px; + border-top-right-radius: $_colorswatch_radius + 0.5px; + + > 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.5px; + + > 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: white; + } + + &.activatable:hover > overlay { + border-color: if($variant == 'light', transparentize(black, 0.2), $borders_color); + } + } + + &.light { + > overlay { + color: black; + } + + &.activatable:hover > overlay { + border-color: if($variant == 'light', transparentize(black, 0.5), $borders_color); + } + } + + &:drop(active) { + box-shadow: none; + + &.light > overlay { + border-color: $drop_target_color; + box-shadow: inset 0 0 0 2px if($variant == 'light', darken($drop_target_color, 7%), $borders_color), + inset 0 0 0 1px $drop_target_color; + } + + &.dark > overlay { + border-color: $drop_target_color; + box-shadow: inset 0 0 0 2px if($variant == 'light', transparentize(black, 0.7), $borders_color), + inset 0 0 0 1px $drop_target_color; + } + } + + > overlay { + border: 1px solid if($variant == 'light', transparentize(black, 0.7), $borders_color); + } + + &.activatable:hover > overlay { + box-shadow: inset 0 1px transparentize(white, 0.6), + inset 0 -1px transparentize(black, 0.8); + } + + &#add-color-button { + border-radius: $_colorswatch_radius 0 0 $_colorswatch_radius; + + &:only-child { border-radius: $_colorswatch_radius; } + + > overlay { + @include button(normal); + } + + &.activatable:hover > overlay { + @include button(hover); + } + } + + &:disabled { + opacity: 0.5; + + > overlay { + border-color: transparentize(black, 0.4); + box-shadow: none; + } + } + + row:selected & { box-shadow: 0 0 0 2px $selected_fg_color; } + + &#editor-color-sample { + border-radius: 4px; + + > overlay { border-radius: 4.5px; } + } +} + +plane { + transition: $focus_transition; + + @include focus-ring($offset: 2px, $outer: true); +} + +// colorscale popup +colorchooser .popover.osd { border-radius: 5px; } + +/******** + * Misc * + ********/ +.content-view { + background-color: darken($bg_color,7%); + + &:hover { -gtk-icon-filter: brightness(1.2); } + + .tile { + margin: 2px; + background-color: if($variant=='light', transparent, black); + border-radius: 0; + padding: 0; + + &:active, &:selected { background-color: if($variant=='light', transparent, $selected_bg_color); } + &:disabled { background-color: if($variant=='light', transparent, $insensitive_bg_color); } +} + + > rubberband { @extend rubberband; } + +} + +.scale-popup { + .osd & { @extend %osd; } + +// .osd & button.flat { //FIXME: quick hack, redo properly +// border-style: none; +// border-radius: 5px; +// } + +// button { // +/- buttons on GtkVolumeButton popup +// &:hover { +// @extend %undecorated_button; +// background-color: transparentize($fg_color,0.9); +// border-radius: 5px; +// } +// } +} + + +/********************** + * Window Decorations * + *********************/ +window { + // lamefun trick to get rounded borders regardless of CSD use + border-width: 0px; + + // this needs to be transparent + // see bug #722563 + $_wm_border: if($variant=='light', transparentize(black, 0.77), transparentize(black, 0.25)); + $_wm_border_backdrop: if($variant=='light', transparentize(black, 0.82), transparentize(black, 0.25)); + + &.csd { + box-shadow: 0 3px 9px 1px transparentize(black, 0.5), + 0 0 0 1px $_wm_border; //doing borders with box-shadow + margin: 0px; + border-radius: $window_radius $window_radius 0 0; + &:backdrop { + // the transparent shadow here is to enforce that the shadow extents don't + // change when we go to backdrop, to prevent jumping windows. + // The biggest shadow should be in the same order then in the active state + // or the jumping will happen during the transition. + box-shadow: 0 3px 9px 1px transparent, + 0 2px 6px 2px transparentize(black, 0.8), + 0 0 0 1px $_wm_border_backdrop; + transition: $backdrop_transition; + } + + &.popup { + border-radius: $menu_radius; + box-shadow: 0 1px 5px transparentize(black, 0.8), + 0 0 0 1px transparentize($_wm_border, 0.1); + } + + &.dialog.message { + border-radius: $window_radius; + box-shadow: 0 1px 5px transparentize(black, 0.8), + 0 0 0 1px transparentize($_wm_border, 0.1); + } + } + + &.solid-csd { + margin: 0; + padding: 4px; + border: solid 1px $borders_color; + border-radius: 0; + box-shadow: inset 0 0 0 4px $borders_color, inset 0 0 0 3px $headerbar_bg_color, inset 0 1px $top_hilight, 0 3px 5px transparentize(black, 0.3); + + &:backdrop { box-shadow: inset 0 0 0 4px $borders_color, inset 0 0 0 3px $backdrop_bg_color, inset 0 1px $top_hilight, 0 3px 5px transparentize(black, 0.3); } + } + + &.maximized, + &.fullscreen { border-radius: 0; box-shadow: none; } + + &.tiled, + &.tiled-top, + &.tiled-left, + &.tiled-right, + &.tiled-bottom { + border-radius: 0; + box-shadow: 0 0 0 1px $_wm_border, + 0 2px 6px 2px transparentize(black, 0.3), + 0 0 0 20px transparent; //transparent control workaround -- #3670 + + &:backdrop { box-shadow: 0 0 0 1px $_wm_border_backdrop, + 0 2px 6px 2px transparentize(black, 0.6), + 0 0 0 20px transparent; // #3670 + } + } + + &.popup { box-shadow: none; } + + // server-side decorations as used by mutter + &.ssd { box-shadow: 0 0 0 1px $_wm_border; } //just doing borders, wm draws actual shadows + + +} + +tooltip.csd { + border-radius: 5px; + box-shadow: 0 3px 4px transparentize(black, 0.3); //none; +} + +// catch all extend :) + +//here used to be %selected_items {...} + +.monospace { font-family: monospace; } + + +/********************** + * Touch Copy & Paste * + *********************/ +//touch selection handlebars for the Popover.osd above + +@import '../common/cursor-handle.scss'; + +shortcuts-section { + margin: 20px; +} + +.shortcuts-search-results { + margin: 20px; + border-spacing: 24px; +} + +// shortcut window keys +shortcut { + border-spacing: 6px; +} + +shortcut > .keycap { + min-width: 20px; + min-height: 25px; + margin-top: 2px; + padding-bottom: 3px; + padding-left: 6px; + padding-right: 6px; + + color: $fg_color; + background-color: $base_color; + border: 1px solid; + border-color: if($variant == 'light', mix($borders_color, $bg_color, 50%), $borders_color); + border-radius: 5px; + box-shadow: if($variant == 'light', inset 0 -3px mix($base_color, $bg_color, 20%), inset 0 -3px mix($borders_color, $base_color, 60%)); + font-size: smaller; + +} + +:not(decoration):not(window):drop(active):focus, +:not(decoration):not(window):drop(active) { // FIXME needs to be done widget by widget, this wildcard should really die + border-color: $drop_target_color; + box-shadow: inset 0 0 0 1px $drop_target_color; + caret-color: $drop_target_color; +} + +stackswitcher > button.text-button { min-width: 100px; } // FIXME aggregate with buttons + +stackswitcher.circular { + border-spacing: 12px; + + // FIXME aggregate with buttons + > button.circular, + > button.text-button.circular { + min-width: 32px; + min-height: 32px; + padding: 0; + } +} +/************* + * App Icons * + *************/ +/* Outline for low res icons */ +.lowres-icon { + -gtk-icon-shadow: 0 -1px rgba(0,0,0,0.05), + 1px 0 rgba(0,0,0,0.1), + 0 1px rgba(0,0,0,0.3), + -1px 0 rgba(0,0,0,0.1); +} + +/* Drapshadow for large icons */ +.icon-dropshadow { + -gtk-icon-shadow: 0 1px 12px rgba(0,0,0,0.05), + 0 -1px rgba(0,0,0,0.05), + 1px 0 rgba(0,0,0,0.1), + 0 1px rgba(0,0,0,0.3), + -1px 0 rgba(0,0,0,0.1); +} + +/********* + * Emoji * + ********/ + +popover.emoji-picker > contents { + padding: 0; +} + +.emoji-searchbar { + padding: 6px; + border-spacing: 6px; + border-bottom: 1px solid $borders_color; +} + +.emoji-toolbar { + padding: 6px; + border-spacing: 6px; + border-top: 1px solid $borders_color; +} + +button.emoji-section { + border-color: transparent; + border-width: 3px; + border-style: none none solid; + border-radius: 0; + + padding: 3px 0 0; + min-width: 32px; + min-height: 28px; + + /* reset props inherited from the button style */ + background: none; + box-shadow: none; + text-shadow: none; + + &:hover { border-color: if($variant == 'light', $borders_color, transparentize($fg_color, .9)); } + &:checked { border-color: $selected_bg_color; } +} + +popover.emoji-picker emoji { + font-size: x-large; + padding: 6px; + border-radius: 6px; + + &:focus, + &:hover { + background: $selected_bg_color; + } +} + +emoji-completion-row > box { + border-spacing: 10px; + padding: 2px 10px; +} + +emoji-completion-row:focus, +emoji-completion-row:hover { + background-color: $selected_bg_color; + color: $selected_fg_color; +} + +emoji-completion-row emoji:focus, +emoji-completion-row emoji:hover { + background-color: $menu_selected_color; +} + +popover.entry-completion > contents { + padding: 0; +} + +statusbar { + padding: 6px 10px 6px 10px; +} + +menubutton { + > button > box { + border-spacing: 6px; + } + + arrow { + min-height: 16px; + min-width: 16px; + &.none { + -gtk-icon-source: -gtk-icontheme('open-menu-symbolic'); + } + &.down { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + } + &.up { + -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); + } + &.left { + -gtk-icon-source: -gtk-icontheme('pan-start-symbolic'); + } + &.right { + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + } + } +} + +@import '../common/undershoot.scss'; diff --git a/source/gtk4/_drawing.scss b/source/gtk4/_drawing.scss new file mode 100644 index 0000000..77a0308 --- /dev/null +++ b/source/gtk4/_drawing.scss @@ -0,0 +1,148 @@ +// Drawing mixins + +// generic drawing of more complex things + +// +// Helper mixin for drawing visible focus rings +// +// If $target is specified, the focus ring is applied to the specified child element. +// If $outer is true, the focus ring extends outward. Otherwise, it extends inward. +// If $within is true, use focus-within instead of focus:focus-visible +// + +//to allow some common mixins to know whether they've been called for a gtk3 or gtk4 widget, because there are some things that are different. +$gtk: 4; + + +@mixin focus-ring($target: null, $width: 2px, $offset: -$width, $outer: false, $focus-state: 'focus:focus-visible', $fc: $focus_border_color) { + transition-property: outline, outline-width, outline-offset, outline-color; + transition-duration: 300ms; + animation-timing-function: ease-in-out; + & #{$target} { + outline: 0 solid transparent; + outline-offset: if($outer, $offset + 4px, $offset + $width + 4px); + } + + &:#{$focus-state} #{$target} { + outline-color: $fc; + outline-width: $width; + outline-offset: $offset; + } +} + +@mixin _shadows($list...) { +// +// Helper mixin to stack up to box-shadows; +// + $shadows: null; + + @each $shadow in $list { + @if $shadow!=none { $shadows: $shadows, $shadow; } + } + + box-shadow: $shadows; +} + +// entries + +@mixin entry($t, $fc:$focus_border_color) { +// +// Entries drawing function +// +// $t: entry type +// $fc: focus color +// +// possible $t values: +// normal, focus, insensitive, backdrop, backdrop-insensitive, osd, osd-focus, osd-backdrop, block_cursor; +// + $_entry_shadow: 0 1px 2px transparentize($shadow_hard_color, 0.6); + $_hilight_color: _button_hilight_color($bg_color); + + @if $t==normal { + color: $text_color; + border-color: mix($text_color,$base_color); // $borders_color; + background-color: $base_color; + @include _shadows(inset $_entry_shadow, 0 1px $_hilight_color); + // for the transition to work the number of shadows in different states needs to match, hence the transparent shadow here. + } + + + @if $t==insensitive { + color: $insensitive_fg_color; + border-color: mix($insensitive_fg_color, $insensitive_bg_color, 50%); + background-color: $insensitive_bg_color; + } + @if $t==backdrop { + color: $backdrop_text_color; + border-color: $backdrop_borders_color; + background-color: $backdrop_base_color; + } + @if $t==backdrop-insensitive { + color: $backdrop_insensitive_color; + border-color: mix($backdrop_insensitive_color, $insensitive_bg_color, 50%); + background-color: $insensitive_bg_color; + } + @if $t==osd { + color: $osd_text_color; + border-color: $osd_borders_color; + background-color: transparentize(opacify($osd_borders_color, 1), 0.5); + background-clip: padding-box; + @include _shadows(inset $_entry_shadow, 0 1px $_hilight_color); + -gtk-icon-shadow: 0 1px black; + } + @if $t==osd-focus { + color: $osd_text_color; + border-color: $selected_bg_color; + background-color: transparentize(opacify($osd_borders_color, 1), 0.5); + background-clip: padding-box; + @include _shadows(inset $_entry_shadow, 0 1px $_hilight_color); + } + @if $t==osd-insensitive { + color: $osd_insensitive_fg_color; + border-color: $osd_borders_color; + background-color: $osd_insensitive_bg_color; + background-clip: padding-box; + } + @if $t==osd-backdrop { + color: $osd_text_color; + border-color: $osd_borders_color; + background-color: transparentize(opacify($osd_borders_color, 1), 0.5); + background-clip: padding-box; + } + @if $t==block_cursor { + color: $base_color; + background-color: $text_color; + } +} + +// buttons + + +@import "../common/buttons.scss"; + + + +@mixin headerbar_fill($c:$headerbar_bg_color, $ov: none) { +// +// headerbar fill +// +// $c: base color +// $ov: a background layer for background shorthand (hence no commas!) +// + $gradient: linear-gradient(to top, darken($c, 2%), lighten($c, 1%)); + + @if $variant == 'dark' { $gradient: linear-gradient(to top, lighten($c, 4%), lighten($c, 6%)); } + + @if $ov != none { background: $c $ov, $gradient; } + @else { background: $c $gradient; } + +} + +@import '../common/overshoot.scss'; + + +/*************************** + * Check and Radio buttons * + ***************************/ + +@import "../common/checkradios.scss"; diff --git a/source/gtk4/assets-hc.svg b/source/gtk4/assets-hc.svg new file mode 100644 index 0000000..fba1531 --- /dev/null +++ b/source/gtk4/assets-hc.svg @@ -0,0 +1,1348 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/source/gtk4/assets-hc/bullet-symbolic.svg b/source/gtk4/assets-hc/bullet-symbolic.svg new file mode 100644 index 0000000..c029973 --- /dev/null +++ b/source/gtk4/assets-hc/bullet-symbolic.svg @@ -0,0 +1,155 @@ + + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + + + diff --git a/source/gtk4/assets-hc/bullet-symbolic.symbolic.png b/source/gtk4/assets-hc/bullet-symbolic.symbolic.png new file mode 100644 index 0000000..2ccb0e8 Binary files /dev/null and b/source/gtk4/assets-hc/bullet-symbolic.symbolic.png differ diff --git a/source/gtk4/assets-hc/bullet@2-symbolic.symbolic.png b/source/gtk4/assets-hc/bullet@2-symbolic.symbolic.png new file mode 100644 index 0000000..e9df425 Binary files /dev/null and b/source/gtk4/assets-hc/bullet@2-symbolic.symbolic.png differ diff --git a/source/gtk4/assets-hc/check-symbolic.svg b/source/gtk4/assets-hc/check-symbolic.svg new file mode 100644 index 0000000..bac5cd6 --- /dev/null +++ b/source/gtk4/assets-hc/check-symbolic.svg @@ -0,0 +1,154 @@ + + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + + + diff --git a/source/gtk4/assets-hc/check-symbolic.symbolic.png b/source/gtk4/assets-hc/check-symbolic.symbolic.png new file mode 100644 index 0000000..eed1f45 Binary files /dev/null and b/source/gtk4/assets-hc/check-symbolic.symbolic.png differ diff --git a/source/gtk4/assets-hc/check@2-symbolic.symbolic.png b/source/gtk4/assets-hc/check@2-symbolic.symbolic.png new file mode 100644 index 0000000..f7c143f Binary files /dev/null and b/source/gtk4/assets-hc/check@2-symbolic.symbolic.png differ diff --git a/source/gtk4/assets-hc/dash-symbolic.svg b/source/gtk4/assets-hc/dash-symbolic.svg new file mode 100644 index 0000000..7886d54 --- /dev/null +++ b/source/gtk4/assets-hc/dash-symbolic.svg @@ -0,0 +1,153 @@ + + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + + + diff --git a/source/gtk4/assets-hc/dash-symbolic.symbolic.png b/source/gtk4/assets-hc/dash-symbolic.symbolic.png new file mode 100644 index 0000000..c20d4ba Binary files /dev/null and b/source/gtk4/assets-hc/dash-symbolic.symbolic.png differ diff --git a/source/gtk4/assets-hc/dash@2-symbolic.symbolic.png b/source/gtk4/assets-hc/dash@2-symbolic.symbolic.png new file mode 100644 index 0000000..d2b3385 Binary files /dev/null and b/source/gtk4/assets-hc/dash@2-symbolic.symbolic.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-active-dark.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-active-dark.png new file mode 100644 index 0000000..c9709fe Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-active-dark.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-active-dark@2.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-active-dark@2.png new file mode 100644 index 0000000..bb54815 Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-active-dark@2.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-active.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-active.png new file mode 100644 index 0000000..ce170ee Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-active.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-active@2.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-active@2.png new file mode 100644 index 0000000..7e1c31e Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-active@2.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-dark.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-dark.png new file mode 100644 index 0000000..883cd0c Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-dark.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-dark@2.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-dark@2.png new file mode 100644 index 0000000..2606032 Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-dark@2.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-hover-dark.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-hover-dark.png new file mode 100644 index 0000000..1d86a17 Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-hover-dark.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-hover-dark@2.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-hover-dark@2.png new file mode 100644 index 0000000..ceb9862 Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-hover-dark@2.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-hover.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-hover.png new file mode 100644 index 0000000..c92db2c Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-hover.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-hover@2.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-hover@2.png new file mode 100644 index 0000000..27cc910 Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-hover@2.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-insensitive-dark.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-insensitive-dark.png new file mode 100644 index 0000000..5d5bc7d Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-insensitive-dark.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-insensitive-dark@2.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-insensitive-dark@2.png new file mode 100644 index 0000000..4603029 Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-insensitive-dark@2.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-insensitive.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-insensitive.png new file mode 100644 index 0000000..e0faaf0 Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-insensitive.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-insensitive@2.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-insensitive@2.png new file mode 100644 index 0000000..75217d2 Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above-insensitive@2.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-above.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above.png new file mode 100644 index 0000000..37869d9 Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-above@2.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above@2.png new file mode 100644 index 0000000..7eb1d10 Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-above@2.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-active-dark.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-active-dark.png new file mode 100644 index 0000000..d255965 Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-active-dark.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-active-dark@2.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-active-dark@2.png new file mode 100644 index 0000000..f25bd29 Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-active-dark@2.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-active.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-active.png new file mode 100644 index 0000000..269fcd9 Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-active.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-active@2.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-active@2.png new file mode 100644 index 0000000..62830dc Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-active@2.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-dark.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-dark.png new file mode 100644 index 0000000..7ab6415 Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-dark.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-dark@2.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-dark@2.png new file mode 100644 index 0000000..5b0502b Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-dark@2.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-hover-dark.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-hover-dark.png new file mode 100644 index 0000000..7044e48 Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-hover-dark.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-hover-dark@2.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-hover-dark@2.png new file mode 100644 index 0000000..089b902 Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-hover-dark@2.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-hover.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-hover.png new file mode 100644 index 0000000..00ea0c3 Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-hover.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-hover@2.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-hover@2.png new file mode 100644 index 0000000..f43026a Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-hover@2.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-insensitive-dark.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-insensitive-dark.png new file mode 100644 index 0000000..12f249a Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-insensitive-dark.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-insensitive-dark@2.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-insensitive-dark@2.png new file mode 100644 index 0000000..29c21fb Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-insensitive-dark@2.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-insensitive.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-insensitive.png new file mode 100644 index 0000000..93cc0a6 Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-insensitive.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-insensitive@2.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-insensitive@2.png new file mode 100644 index 0000000..56d01a7 Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below-insensitive@2.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-below.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below.png new file mode 100644 index 0000000..acffa04 Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below.png differ diff --git a/source/gtk4/assets-hc/slider-horz-scale-has-marks-below@2.png b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below@2.png new file mode 100644 index 0000000..146d377 Binary files /dev/null and b/source/gtk4/assets-hc/slider-horz-scale-has-marks-below@2.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-active-dark.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-active-dark.png new file mode 100644 index 0000000..e4f4a79 Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-active-dark.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-active-dark@2.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-active-dark@2.png new file mode 100644 index 0000000..814d8d3 Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-active-dark@2.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-active.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-active.png new file mode 100644 index 0000000..7896ba0 Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-active.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-active@2.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-active@2.png new file mode 100644 index 0000000..ed202d6 Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-active@2.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-dark.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-dark.png new file mode 100644 index 0000000..d8b1adc Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-dark.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-dark@2.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-dark@2.png new file mode 100644 index 0000000..7012463 Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-dark@2.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-hover-dark.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-hover-dark.png new file mode 100644 index 0000000..465c7f8 Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-hover-dark.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-hover-dark@2.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-hover-dark@2.png new file mode 100644 index 0000000..10d8a8d Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-hover-dark@2.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-hover.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-hover.png new file mode 100644 index 0000000..509d490 Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-hover.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-hover@2.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-hover@2.png new file mode 100644 index 0000000..98ad078 Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-hover@2.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-insensitive-dark.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-insensitive-dark.png new file mode 100644 index 0000000..5d0b5bd Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-insensitive-dark.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-insensitive-dark@2.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-insensitive-dark@2.png new file mode 100644 index 0000000..343e53d Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-insensitive-dark@2.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-insensitive.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-insensitive.png new file mode 100644 index 0000000..598a9f0 Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-insensitive.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-insensitive@2.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-insensitive@2.png new file mode 100644 index 0000000..47d7bf7 Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above-insensitive@2.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-above.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above.png new file mode 100644 index 0000000..cad097b Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-above@2.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above@2.png new file mode 100644 index 0000000..600f11a Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-above@2.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-active-dark.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-active-dark.png new file mode 100644 index 0000000..c6bbb4f Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-active-dark.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-active-dark@2.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-active-dark@2.png new file mode 100644 index 0000000..2cb440b Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-active-dark@2.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-active.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-active.png new file mode 100644 index 0000000..2460eaf Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-active.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-active@2.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-active@2.png new file mode 100644 index 0000000..b9d2047 Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-active@2.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-dark.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-dark.png new file mode 100644 index 0000000..56778d5 Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-dark.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-dark@2.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-dark@2.png new file mode 100644 index 0000000..44e5360 Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-dark@2.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-hover-dark.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-hover-dark.png new file mode 100644 index 0000000..0ce28e7 Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-hover-dark.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-hover-dark@2.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-hover-dark@2.png new file mode 100644 index 0000000..2c1c925 Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-hover-dark@2.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-hover.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-hover.png new file mode 100644 index 0000000..ff055d5 Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-hover.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-hover@2.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-hover@2.png new file mode 100644 index 0000000..a68e750 Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-hover@2.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-insensitive-dark.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-insensitive-dark.png new file mode 100644 index 0000000..69e56a9 Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-insensitive-dark.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-insensitive-dark@2.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-insensitive-dark@2.png new file mode 100644 index 0000000..612ad7e Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-insensitive-dark@2.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-insensitive.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-insensitive.png new file mode 100644 index 0000000..42cc778 Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-insensitive.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-insensitive@2.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-insensitive@2.png new file mode 100644 index 0000000..376affc Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below-insensitive@2.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-below.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below.png new file mode 100644 index 0000000..962abbe Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below.png differ diff --git a/source/gtk4/assets-hc/slider-vert-scale-has-marks-below@2.png b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below@2.png new file mode 100644 index 0000000..c230252 Binary files /dev/null and b/source/gtk4/assets-hc/slider-vert-scale-has-marks-below@2.png differ diff --git a/source/gtk4/assets-hc/text-select-end-active-dark.png b/source/gtk4/assets-hc/text-select-end-active-dark.png new file mode 100644 index 0000000..7ea84c9 Binary files /dev/null and b/source/gtk4/assets-hc/text-select-end-active-dark.png differ diff --git a/source/gtk4/assets-hc/text-select-end-active-dark@2.png b/source/gtk4/assets-hc/text-select-end-active-dark@2.png new file mode 100644 index 0000000..e76ae1a Binary files /dev/null and b/source/gtk4/assets-hc/text-select-end-active-dark@2.png differ diff --git a/source/gtk4/assets-hc/text-select-end-active.png b/source/gtk4/assets-hc/text-select-end-active.png new file mode 100644 index 0000000..ceb4845 Binary files /dev/null and b/source/gtk4/assets-hc/text-select-end-active.png differ diff --git a/source/gtk4/assets-hc/text-select-end-active@2.png b/source/gtk4/assets-hc/text-select-end-active@2.png new file mode 100644 index 0000000..f5239f6 Binary files /dev/null and b/source/gtk4/assets-hc/text-select-end-active@2.png differ diff --git a/source/gtk4/assets-hc/text-select-end-dark.png b/source/gtk4/assets-hc/text-select-end-dark.png new file mode 100644 index 0000000..6877425 Binary files /dev/null and b/source/gtk4/assets-hc/text-select-end-dark.png differ diff --git a/source/gtk4/assets-hc/text-select-end-dark@2.png b/source/gtk4/assets-hc/text-select-end-dark@2.png new file mode 100644 index 0000000..c18f034 Binary files /dev/null and b/source/gtk4/assets-hc/text-select-end-dark@2.png differ diff --git a/source/gtk4/assets-hc/text-select-end-hover-dark.png b/source/gtk4/assets-hc/text-select-end-hover-dark.png new file mode 100644 index 0000000..eca1f77 Binary files /dev/null and b/source/gtk4/assets-hc/text-select-end-hover-dark.png differ diff --git a/source/gtk4/assets-hc/text-select-end-hover-dark@2.png b/source/gtk4/assets-hc/text-select-end-hover-dark@2.png new file mode 100644 index 0000000..750edc3 Binary files /dev/null and b/source/gtk4/assets-hc/text-select-end-hover-dark@2.png differ diff --git a/source/gtk4/assets-hc/text-select-end-hover.png b/source/gtk4/assets-hc/text-select-end-hover.png new file mode 100644 index 0000000..0a7e0cd Binary files /dev/null and b/source/gtk4/assets-hc/text-select-end-hover.png differ diff --git a/source/gtk4/assets-hc/text-select-end-hover@2.png b/source/gtk4/assets-hc/text-select-end-hover@2.png new file mode 100644 index 0000000..29e94c7 Binary files /dev/null and b/source/gtk4/assets-hc/text-select-end-hover@2.png differ diff --git a/source/gtk4/assets-hc/text-select-end.png b/source/gtk4/assets-hc/text-select-end.png new file mode 100644 index 0000000..87187dc Binary files /dev/null and b/source/gtk4/assets-hc/text-select-end.png differ diff --git a/source/gtk4/assets-hc/text-select-end@2.png b/source/gtk4/assets-hc/text-select-end@2.png new file mode 100644 index 0000000..cbbb5e9 Binary files /dev/null and b/source/gtk4/assets-hc/text-select-end@2.png differ diff --git a/source/gtk4/assets-hc/text-select-start-active-dark.png b/source/gtk4/assets-hc/text-select-start-active-dark.png new file mode 100644 index 0000000..87a9b9e Binary files /dev/null and b/source/gtk4/assets-hc/text-select-start-active-dark.png differ diff --git a/source/gtk4/assets-hc/text-select-start-active-dark@2.png b/source/gtk4/assets-hc/text-select-start-active-dark@2.png new file mode 100644 index 0000000..7ae3297 Binary files /dev/null and b/source/gtk4/assets-hc/text-select-start-active-dark@2.png differ diff --git a/source/gtk4/assets-hc/text-select-start-active.png b/source/gtk4/assets-hc/text-select-start-active.png new file mode 100644 index 0000000..3e7196e Binary files /dev/null and b/source/gtk4/assets-hc/text-select-start-active.png differ diff --git a/source/gtk4/assets-hc/text-select-start-active@2.png b/source/gtk4/assets-hc/text-select-start-active@2.png new file mode 100644 index 0000000..fbdee10 Binary files /dev/null and b/source/gtk4/assets-hc/text-select-start-active@2.png differ diff --git a/source/gtk4/assets-hc/text-select-start-dark.png b/source/gtk4/assets-hc/text-select-start-dark.png new file mode 100644 index 0000000..ff80dca Binary files /dev/null and b/source/gtk4/assets-hc/text-select-start-dark.png differ diff --git a/source/gtk4/assets-hc/text-select-start-dark@2.png b/source/gtk4/assets-hc/text-select-start-dark@2.png new file mode 100644 index 0000000..b3ff620 Binary files /dev/null and b/source/gtk4/assets-hc/text-select-start-dark@2.png differ diff --git a/source/gtk4/assets-hc/text-select-start-hover-dark.png b/source/gtk4/assets-hc/text-select-start-hover-dark.png new file mode 100644 index 0000000..9ce0aa8 Binary files /dev/null and b/source/gtk4/assets-hc/text-select-start-hover-dark.png differ diff --git a/source/gtk4/assets-hc/text-select-start-hover-dark@2.png b/source/gtk4/assets-hc/text-select-start-hover-dark@2.png new file mode 100644 index 0000000..29b890c Binary files /dev/null and b/source/gtk4/assets-hc/text-select-start-hover-dark@2.png differ diff --git a/source/gtk4/assets-hc/text-select-start-hover.png b/source/gtk4/assets-hc/text-select-start-hover.png new file mode 100644 index 0000000..2ef0011 Binary files /dev/null and b/source/gtk4/assets-hc/text-select-start-hover.png differ diff --git a/source/gtk4/assets-hc/text-select-start-hover@2.png b/source/gtk4/assets-hc/text-select-start-hover@2.png new file mode 100644 index 0000000..e08b2f8 Binary files /dev/null and b/source/gtk4/assets-hc/text-select-start-hover@2.png differ diff --git a/source/gtk4/assets-hc/text-select-start.png b/source/gtk4/assets-hc/text-select-start.png new file mode 100644 index 0000000..e43b2d7 Binary files /dev/null and b/source/gtk4/assets-hc/text-select-start.png differ diff --git a/source/gtk4/assets-hc/text-select-start@2.png b/source/gtk4/assets-hc/text-select-start@2.png new file mode 100644 index 0000000..fe2c257 Binary files /dev/null and b/source/gtk4/assets-hc/text-select-start@2.png differ diff --git a/source/gtk4/assets.svg b/source/gtk4/assets.svg new file mode 100644 index 0000000..a0b995f --- /dev/null +++ b/source/gtk4/assets.svg @@ -0,0 +1,1358 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/source/gtk4/assets.txt b/source/gtk4/assets.txt new file mode 100644 index 0000000..a380d1c --- /dev/null +++ b/source/gtk4/assets.txt @@ -0,0 +1,44 @@ +text-select-end +text-select-end-hover +text-select-end-active +text-select-start +text-select-start-hover +text-select-start-active +text-select-end-dark +text-select-end-hover-dark +text-select-end-active-dark +text-select-start-dark +text-select-start-hover-dark +text-select-start-active-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 +slider-horz-scale-has-marks-below-dark +slider-horz-scale-has-marks-below-hover-dark +slider-horz-scale-has-marks-below-active-dark +slider-horz-scale-has-marks-below-insensitive-dark +slider-vert-scale-has-marks-below-dark +slider-vert-scale-has-marks-below-hover-dark +slider-vert-scale-has-marks-below-active-dark +slider-vert-scale-has-marks-below-insensitive-dark +slider-horz-scale-has-marks-above-dark +slider-horz-scale-has-marks-above-hover-dark +slider-horz-scale-has-marks-above-active-dark +slider-horz-scale-has-marks-above-insensitive-dark +slider-vert-scale-has-marks-above-dark +slider-vert-scale-has-marks-above-hover-dark +slider-vert-scale-has-marks-above-active-dark +slider-vert-scale-has-marks-above-insensitive-dark diff --git a/source/gtk4/assets/bullet-symbolic.svg b/source/gtk4/assets/bullet-symbolic.svg new file mode 100644 index 0000000..acf880a --- /dev/null +++ b/source/gtk4/assets/bullet-symbolic.svg @@ -0,0 +1,155 @@ + + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + + + diff --git a/source/gtk4/assets/bullet-symbolic.symbolic.png b/source/gtk4/assets/bullet-symbolic.symbolic.png new file mode 100644 index 0000000..8e6925a Binary files /dev/null and b/source/gtk4/assets/bullet-symbolic.symbolic.png differ diff --git a/source/gtk4/assets/bullet@2-symbolic.symbolic.png b/source/gtk4/assets/bullet@2-symbolic.symbolic.png new file mode 100644 index 0000000..e9df425 Binary files /dev/null and b/source/gtk4/assets/bullet@2-symbolic.symbolic.png differ diff --git a/source/gtk4/assets/check-symbolic.svg b/source/gtk4/assets/check-symbolic.svg new file mode 100644 index 0000000..b04b5ad --- /dev/null +++ b/source/gtk4/assets/check-symbolic.svg @@ -0,0 +1,154 @@ + + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + + + diff --git a/source/gtk4/assets/check-symbolic.symbolic.png b/source/gtk4/assets/check-symbolic.symbolic.png new file mode 100644 index 0000000..14bd626 Binary files /dev/null and b/source/gtk4/assets/check-symbolic.symbolic.png differ diff --git a/source/gtk4/assets/check@2-symbolic.symbolic.png b/source/gtk4/assets/check@2-symbolic.symbolic.png new file mode 100644 index 0000000..994ce3a Binary files /dev/null and b/source/gtk4/assets/check@2-symbolic.symbolic.png differ diff --git a/source/gtk4/assets/dash-symbolic.svg b/source/gtk4/assets/dash-symbolic.svg new file mode 100644 index 0000000..7886d54 --- /dev/null +++ b/source/gtk4/assets/dash-symbolic.svg @@ -0,0 +1,153 @@ + + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + + + diff --git a/source/gtk4/assets/dash-symbolic.symbolic.png b/source/gtk4/assets/dash-symbolic.symbolic.png new file mode 100644 index 0000000..c20d4ba Binary files /dev/null and b/source/gtk4/assets/dash-symbolic.symbolic.png differ diff --git a/source/gtk4/assets/dash@2-symbolic.symbolic.png b/source/gtk4/assets/dash@2-symbolic.symbolic.png new file mode 100644 index 0000000..d2b3385 Binary files /dev/null and b/source/gtk4/assets/dash@2-symbolic.symbolic.png differ diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-above-active-dark.png b/source/gtk4/assets/slider-horz-scale-has-marks-above-active-dark.png new file mode 100644 index 0000000..6340b2e Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-above-active-dark.png differ diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-above-active-dark@2.png b/source/gtk4/assets/slider-horz-scale-has-marks-above-active-dark@2.png new file mode 100644 index 0000000..ac5218d Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-above-active-dark@2.png differ diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-above-active.png b/source/gtk4/assets/slider-horz-scale-has-marks-above-active.png new file mode 100644 index 0000000..1731cb3 Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-above-active.png differ diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-above-active@2.png b/source/gtk4/assets/slider-horz-scale-has-marks-above-active@2.png new file mode 100644 index 0000000..9431dad Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-above-active@2.png differ diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-above-dark.png b/source/gtk4/assets/slider-horz-scale-has-marks-above-dark.png new file mode 100644 index 0000000..3f5b203 Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-above-dark.png differ diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-above-dark@2.png b/source/gtk4/assets/slider-horz-scale-has-marks-above-dark@2.png new file mode 100644 index 0000000..c3b5344 Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-above-dark@2.png differ diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-above-hover-dark.png b/source/gtk4/assets/slider-horz-scale-has-marks-above-hover-dark.png new file mode 100644 index 0000000..9f7d932 Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-above-hover-dark.png differ diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-above-hover-dark@2.png b/source/gtk4/assets/slider-horz-scale-has-marks-above-hover-dark@2.png new file mode 100644 index 0000000..8a42a02 Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-above-hover-dark@2.png differ diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-above-hover.png b/source/gtk4/assets/slider-horz-scale-has-marks-above-hover.png new file mode 100644 index 0000000..180aec8 Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-above-hover.png differ diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-above-hover@2.png b/source/gtk4/assets/slider-horz-scale-has-marks-above-hover@2.png new file mode 100644 index 0000000..842af38 Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-above-hover@2.png differ diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-above-insensitive-dark.png b/source/gtk4/assets/slider-horz-scale-has-marks-above-insensitive-dark.png new file mode 100644 index 0000000..5d5bc7d Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-above-insensitive-dark.png differ diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png b/source/gtk4/assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png new file mode 100644 index 0000000..4603029 Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png differ diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-above-insensitive.png b/source/gtk4/assets/slider-horz-scale-has-marks-above-insensitive.png new file mode 100644 index 0000000..e0faaf0 Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-above-insensitive.png differ diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-above-insensitive@2.png b/source/gtk4/assets/slider-horz-scale-has-marks-above-insensitive@2.png new file mode 100644 index 0000000..75217d2 Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-above-insensitive@2.png differ diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-above.png b/source/gtk4/assets/slider-horz-scale-has-marks-above.png new file mode 100644 index 0000000..87128e2 Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-above.png differ diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-above@2.png b/source/gtk4/assets/slider-horz-scale-has-marks-above@2.png new file mode 100644 index 0000000..83ff84e Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-above@2.png differ diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-below-active-dark.png b/source/gtk4/assets/slider-horz-scale-has-marks-below-active-dark.png new file mode 100644 index 0000000..502493d Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-below-active-dark.png differ diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-below-active-dark@2.png b/source/gtk4/assets/slider-horz-scale-has-marks-below-active-dark@2.png new file mode 100644 index 0000000..42ababe Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-below-active-dark@2.png differ diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-below-active.png b/source/gtk4/assets/slider-horz-scale-has-marks-below-active.png new file mode 100644 index 0000000..39b1c21 Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-below-active.png differ diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-below-active@2.png b/source/gtk4/assets/slider-horz-scale-has-marks-below-active@2.png new file mode 100644 index 0000000..f9c144e Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-below-active@2.png differ diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-below-dark.png b/source/gtk4/assets/slider-horz-scale-has-marks-below-dark.png new file mode 100644 index 0000000..438102d Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-below-dark.png differ diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-below-dark@2.png b/source/gtk4/assets/slider-horz-scale-has-marks-below-dark@2.png new file mode 100644 index 0000000..dc88ed4 Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-below-dark@2.png differ diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-below-hover-dark.png b/source/gtk4/assets/slider-horz-scale-has-marks-below-hover-dark.png new file mode 100644 index 0000000..7dd3b53 Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-below-hover-dark.png differ diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-below-hover-dark@2.png b/source/gtk4/assets/slider-horz-scale-has-marks-below-hover-dark@2.png new file mode 100644 index 0000000..84893b7 Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-below-hover-dark@2.png differ diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-below-hover.png b/source/gtk4/assets/slider-horz-scale-has-marks-below-hover.png new file mode 100644 index 0000000..3052b51 Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-below-hover.png differ diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-below-hover@2.png b/source/gtk4/assets/slider-horz-scale-has-marks-below-hover@2.png new file mode 100644 index 0000000..bcc5328 Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-below-hover@2.png differ diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-below-insensitive-dark.png b/source/gtk4/assets/slider-horz-scale-has-marks-below-insensitive-dark.png new file mode 100644 index 0000000..12f249a Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-below-insensitive-dark.png differ diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png b/source/gtk4/assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png new file mode 100644 index 0000000..29c21fb Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png differ diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-below-insensitive.png b/source/gtk4/assets/slider-horz-scale-has-marks-below-insensitive.png new file mode 100644 index 0000000..93cc0a6 Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-below-insensitive.png differ diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-below-insensitive@2.png b/source/gtk4/assets/slider-horz-scale-has-marks-below-insensitive@2.png new file mode 100644 index 0000000..56d01a7 Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-below-insensitive@2.png differ diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-below.png b/source/gtk4/assets/slider-horz-scale-has-marks-below.png new file mode 100644 index 0000000..05364ce Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-below.png differ diff --git a/source/gtk4/assets/slider-horz-scale-has-marks-below@2.png b/source/gtk4/assets/slider-horz-scale-has-marks-below@2.png new file mode 100644 index 0000000..cde1392 Binary files /dev/null and b/source/gtk4/assets/slider-horz-scale-has-marks-below@2.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-above-active-dark.png b/source/gtk4/assets/slider-vert-scale-has-marks-above-active-dark.png new file mode 100644 index 0000000..8457c1b Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-above-active-dark.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-above-active-dark@2.png b/source/gtk4/assets/slider-vert-scale-has-marks-above-active-dark@2.png new file mode 100644 index 0000000..fc3962f Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-above-active-dark@2.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-above-active.png b/source/gtk4/assets/slider-vert-scale-has-marks-above-active.png new file mode 100644 index 0000000..5cca0f8 Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-above-active.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-above-active@2.png b/source/gtk4/assets/slider-vert-scale-has-marks-above-active@2.png new file mode 100644 index 0000000..971c35a Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-above-active@2.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-above-dark.png b/source/gtk4/assets/slider-vert-scale-has-marks-above-dark.png new file mode 100644 index 0000000..0bf1bf3 Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-above-dark.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-above-dark@2.png b/source/gtk4/assets/slider-vert-scale-has-marks-above-dark@2.png new file mode 100644 index 0000000..bbc3398 Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-above-dark@2.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-above-hover-dark.png b/source/gtk4/assets/slider-vert-scale-has-marks-above-hover-dark.png new file mode 100644 index 0000000..ce9467b Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-above-hover-dark.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-above-hover-dark@2.png b/source/gtk4/assets/slider-vert-scale-has-marks-above-hover-dark@2.png new file mode 100644 index 0000000..3562fd5 Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-above-hover-dark@2.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-above-hover.png b/source/gtk4/assets/slider-vert-scale-has-marks-above-hover.png new file mode 100644 index 0000000..d24aced Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-above-hover.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-above-hover@2.png b/source/gtk4/assets/slider-vert-scale-has-marks-above-hover@2.png new file mode 100644 index 0000000..191e4e8 Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-above-hover@2.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-above-insensitive-dark.png b/source/gtk4/assets/slider-vert-scale-has-marks-above-insensitive-dark.png new file mode 100644 index 0000000..5d0b5bd Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-above-insensitive-dark.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png b/source/gtk4/assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png new file mode 100644 index 0000000..343e53d Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-above-insensitive.png b/source/gtk4/assets/slider-vert-scale-has-marks-above-insensitive.png new file mode 100644 index 0000000..598a9f0 Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-above-insensitive.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-above-insensitive@2.png b/source/gtk4/assets/slider-vert-scale-has-marks-above-insensitive@2.png new file mode 100644 index 0000000..47d7bf7 Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-above-insensitive@2.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-above.png b/source/gtk4/assets/slider-vert-scale-has-marks-above.png new file mode 100644 index 0000000..4e880ad Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-above.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-above@2.png b/source/gtk4/assets/slider-vert-scale-has-marks-above@2.png new file mode 100644 index 0000000..2bfa8c7 Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-above@2.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-below-active-dark.png b/source/gtk4/assets/slider-vert-scale-has-marks-below-active-dark.png new file mode 100644 index 0000000..ef21ab0 Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-below-active-dark.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-below-active-dark@2.png b/source/gtk4/assets/slider-vert-scale-has-marks-below-active-dark@2.png new file mode 100644 index 0000000..df1675e Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-below-active-dark@2.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-below-active.png b/source/gtk4/assets/slider-vert-scale-has-marks-below-active.png new file mode 100644 index 0000000..204f324 Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-below-active.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-below-active@2.png b/source/gtk4/assets/slider-vert-scale-has-marks-below-active@2.png new file mode 100644 index 0000000..8c499ed Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-below-active@2.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-below-dark.png b/source/gtk4/assets/slider-vert-scale-has-marks-below-dark.png new file mode 100644 index 0000000..248a089 Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-below-dark.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-below-dark@2.png b/source/gtk4/assets/slider-vert-scale-has-marks-below-dark@2.png new file mode 100644 index 0000000..8e3263a Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-below-dark@2.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-below-hover-dark.png b/source/gtk4/assets/slider-vert-scale-has-marks-below-hover-dark.png new file mode 100644 index 0000000..62bb100 Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-below-hover-dark.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-below-hover-dark@2.png b/source/gtk4/assets/slider-vert-scale-has-marks-below-hover-dark@2.png new file mode 100644 index 0000000..ab71962 Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-below-hover-dark@2.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-below-hover.png b/source/gtk4/assets/slider-vert-scale-has-marks-below-hover.png new file mode 100644 index 0000000..ba9521a Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-below-hover.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-below-hover@2.png b/source/gtk4/assets/slider-vert-scale-has-marks-below-hover@2.png new file mode 100644 index 0000000..87e1923 Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-below-hover@2.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-below-insensitive-dark.png b/source/gtk4/assets/slider-vert-scale-has-marks-below-insensitive-dark.png new file mode 100644 index 0000000..69e56a9 Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-below-insensitive-dark.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png b/source/gtk4/assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png new file mode 100644 index 0000000..612ad7e Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-below-insensitive.png b/source/gtk4/assets/slider-vert-scale-has-marks-below-insensitive.png new file mode 100644 index 0000000..42cc778 Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-below-insensitive.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-below-insensitive@2.png b/source/gtk4/assets/slider-vert-scale-has-marks-below-insensitive@2.png new file mode 100644 index 0000000..376affc Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-below-insensitive@2.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-below.png b/source/gtk4/assets/slider-vert-scale-has-marks-below.png new file mode 100644 index 0000000..705f4e6 Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-below.png differ diff --git a/source/gtk4/assets/slider-vert-scale-has-marks-below@2.png b/source/gtk4/assets/slider-vert-scale-has-marks-below@2.png new file mode 100644 index 0000000..26a43e0 Binary files /dev/null and b/source/gtk4/assets/slider-vert-scale-has-marks-below@2.png differ diff --git a/source/gtk4/assets/text-select-end-active-dark.png b/source/gtk4/assets/text-select-end-active-dark.png new file mode 100644 index 0000000..964afea Binary files /dev/null and b/source/gtk4/assets/text-select-end-active-dark.png differ diff --git a/source/gtk4/assets/text-select-end-active-dark@2.png b/source/gtk4/assets/text-select-end-active-dark@2.png new file mode 100644 index 0000000..167fdc8 Binary files /dev/null and b/source/gtk4/assets/text-select-end-active-dark@2.png differ diff --git a/source/gtk4/assets/text-select-end-active.png b/source/gtk4/assets/text-select-end-active.png new file mode 100644 index 0000000..59a955a Binary files /dev/null and b/source/gtk4/assets/text-select-end-active.png differ diff --git a/source/gtk4/assets/text-select-end-active@2.png b/source/gtk4/assets/text-select-end-active@2.png new file mode 100644 index 0000000..5aa6c77 Binary files /dev/null and b/source/gtk4/assets/text-select-end-active@2.png differ diff --git a/source/gtk4/assets/text-select-end-dark.png b/source/gtk4/assets/text-select-end-dark.png new file mode 100644 index 0000000..3545bc7 Binary files /dev/null and b/source/gtk4/assets/text-select-end-dark.png differ diff --git a/source/gtk4/assets/text-select-end-dark@2.png b/source/gtk4/assets/text-select-end-dark@2.png new file mode 100644 index 0000000..e29a86a Binary files /dev/null and b/source/gtk4/assets/text-select-end-dark@2.png differ diff --git a/source/gtk4/assets/text-select-end-hover-dark.png b/source/gtk4/assets/text-select-end-hover-dark.png new file mode 100644 index 0000000..66daba1 Binary files /dev/null and b/source/gtk4/assets/text-select-end-hover-dark.png differ diff --git a/source/gtk4/assets/text-select-end-hover-dark@2.png b/source/gtk4/assets/text-select-end-hover-dark@2.png new file mode 100644 index 0000000..fd4ced6 Binary files /dev/null and b/source/gtk4/assets/text-select-end-hover-dark@2.png differ diff --git a/source/gtk4/assets/text-select-end-hover.png b/source/gtk4/assets/text-select-end-hover.png new file mode 100644 index 0000000..f9f5d1d Binary files /dev/null and b/source/gtk4/assets/text-select-end-hover.png differ diff --git a/source/gtk4/assets/text-select-end-hover@2.png b/source/gtk4/assets/text-select-end-hover@2.png new file mode 100644 index 0000000..0eaa261 Binary files /dev/null and b/source/gtk4/assets/text-select-end-hover@2.png differ diff --git a/source/gtk4/assets/text-select-end.png b/source/gtk4/assets/text-select-end.png new file mode 100644 index 0000000..aceb8ea Binary files /dev/null and b/source/gtk4/assets/text-select-end.png differ diff --git a/source/gtk4/assets/text-select-end@2.png b/source/gtk4/assets/text-select-end@2.png new file mode 100644 index 0000000..6da7b66 Binary files /dev/null and b/source/gtk4/assets/text-select-end@2.png differ diff --git a/source/gtk4/assets/text-select-start-active-dark.png b/source/gtk4/assets/text-select-start-active-dark.png new file mode 100644 index 0000000..a6f3372 Binary files /dev/null and b/source/gtk4/assets/text-select-start-active-dark.png differ diff --git a/source/gtk4/assets/text-select-start-active-dark@2.png b/source/gtk4/assets/text-select-start-active-dark@2.png new file mode 100644 index 0000000..1eb3d8e Binary files /dev/null and b/source/gtk4/assets/text-select-start-active-dark@2.png differ diff --git a/source/gtk4/assets/text-select-start-active.png b/source/gtk4/assets/text-select-start-active.png new file mode 100644 index 0000000..765e60c Binary files /dev/null and b/source/gtk4/assets/text-select-start-active.png differ diff --git a/source/gtk4/assets/text-select-start-active@2.png b/source/gtk4/assets/text-select-start-active@2.png new file mode 100644 index 0000000..44d582b Binary files /dev/null and b/source/gtk4/assets/text-select-start-active@2.png differ diff --git a/source/gtk4/assets/text-select-start-dark.png b/source/gtk4/assets/text-select-start-dark.png new file mode 100644 index 0000000..75fa6b4 Binary files /dev/null and b/source/gtk4/assets/text-select-start-dark.png differ diff --git a/source/gtk4/assets/text-select-start-dark@2.png b/source/gtk4/assets/text-select-start-dark@2.png new file mode 100644 index 0000000..3a43e2e Binary files /dev/null and b/source/gtk4/assets/text-select-start-dark@2.png differ diff --git a/source/gtk4/assets/text-select-start-hover-dark.png b/source/gtk4/assets/text-select-start-hover-dark.png new file mode 100644 index 0000000..cf4b9c1 Binary files /dev/null and b/source/gtk4/assets/text-select-start-hover-dark.png differ diff --git a/source/gtk4/assets/text-select-start-hover-dark@2.png b/source/gtk4/assets/text-select-start-hover-dark@2.png new file mode 100644 index 0000000..76312d5 Binary files /dev/null and b/source/gtk4/assets/text-select-start-hover-dark@2.png differ diff --git a/source/gtk4/assets/text-select-start-hover.png b/source/gtk4/assets/text-select-start-hover.png new file mode 100644 index 0000000..539379d Binary files /dev/null and b/source/gtk4/assets/text-select-start-hover.png differ diff --git a/source/gtk4/assets/text-select-start-hover@2.png b/source/gtk4/assets/text-select-start-hover@2.png new file mode 100644 index 0000000..6ba8f51 Binary files /dev/null and b/source/gtk4/assets/text-select-start-hover@2.png differ diff --git a/source/gtk4/assets/text-select-start.png b/source/gtk4/assets/text-select-start.png new file mode 100644 index 0000000..9127425 Binary files /dev/null and b/source/gtk4/assets/text-select-start.png differ diff --git a/source/gtk4/assets/text-select-start@2.png b/source/gtk4/assets/text-select-start@2.png new file mode 100644 index 0000000..b9b0aa1 Binary files /dev/null and b/source/gtk4/assets/text-select-start@2.png differ diff --git a/source/gtk4/gtk-dark.css b/source/gtk4/gtk-dark.css new file mode 100644 index 0000000..876a9b1 --- /dev/null +++ b/source/gtk4/gtk-dark.css @@ -0,0 +1 @@ +@import url("resource:///org/gtk/libgtk/theme/Default/Default-dark.css"); diff --git a/source/gtk4/gtk-hc-dark.css b/source/gtk4/gtk-hc-dark.css new file mode 100644 index 0000000..99364a4 --- /dev/null +++ b/source/gtk4/gtk-hc-dark.css @@ -0,0 +1 @@ +@import url("resource:///org/gtk/libgtk/theme/Default/Default-hc-dark.css"); diff --git a/source/gtk4/gtk-hc.css b/source/gtk4/gtk-hc.css new file mode 100644 index 0000000..ca822a2 --- /dev/null +++ b/source/gtk4/gtk-hc.css @@ -0,0 +1 @@ +@import url("resource:///org/gtk/libgtk/theme/Default/Default-hc.css"); diff --git a/source/gtk4/gtk-light.css b/source/gtk4/gtk-light.css new file mode 100644 index 0000000..cf32f05 --- /dev/null +++ b/source/gtk4/gtk-light.css @@ -0,0 +1 @@ +@import url("resource:///org/gtk/libgtk/theme/Default/Default-light.css"); diff --git a/source/gtk4/gtk-new.css b/source/gtk4/gtk-new.css new file mode 100644 index 0000000..dae006a --- /dev/null +++ b/source/gtk4/gtk-new.css @@ -0,0 +1,1756 @@ +/*$base_color: if($variant == 'light', #ffffff, lighten(desaturate(#241f31, 100%), 2%)); +$text_color: if($variant == 'light', black, white); +$bg_color: if($variant == 'light', #f6f5f4, darken(desaturate(#3d3846, 100%), 4%)); +$fg_color: if($variant == 'light', #2e3436, #eeeeec); + +$selected_fg_color: #ffffff; +$selected_bg_color: if($variant == 'light', #3584e4, darken(#3584e4, 20%));*/ +/*Usually an automatic fg color on these backgrounds should check this value!*/ +/*************************** Check and Radio buttons * */ +/*************************** Check and Radio buttons * */ +calendar > grid > label.day-number:selected, row:selected, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, modelbutton.flat:selected, gridview > child:selected, flowbox > flowboxchild:selected, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, textview > text:selected:focus, textview > text:selected { background-color: #9dccff; } + +label:selected, calendar > grid > label.day-number:selected, row:selected, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, modelbutton.flat:selected, gridview > child:selected, flowbox > flowboxchild:selected, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, textview > text:selected:focus, textview > text:selected { color: #000000; } + +label:disabled > selection, label:disabled:selected, calendar > grid > label.day-number:disabled:selected, row:disabled:selected, columnview.view:disabled:selected, treeview.view:disabled:selected, modelbutton.flat:disabled:selected, gridview > child:disabled:selected, flowbox > flowboxchild:disabled:selected, .view:disabled:selected, iconview:disabled:selected, textview > text:disabled:selected { color: #4f6680; } + +label:backdrop:selected, calendar > grid > label.day-number:backdrop:selected, row:backdrop:selected, columnview.view:backdrop:selected, treeview.view:backdrop:selected, modelbutton.flat:backdrop:selected, gridview > child:backdrop:selected, flowbox > flowboxchild:backdrop:selected, .view:backdrop:selected, iconview:backdrop:selected, textview > text:backdrop:selected { color: #222222; background-color: rgba(182, 205, 231, 0.7); } + +label:backdrop:disabled:selected, row:backdrop:disabled:selected, modelbutton.flat:backdrop:disabled:selected, gridview > child:backdrop:disabled:selected, flowbox > flowboxchild:backdrop:disabled:selected, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected, textview > text:backdrop:disabled:selected { color: #7899bd; } + +/*************** Base States * */ +.background { color: #1d1d1d; background-color: #c9c9c9; } + +.background:backdrop { text-shadow: none; -gtk-icon-shadow: none; } + +dnd { color: #1d1d1d; } + +.normal-icons { -gtk-icon-size: 16px; } + +.large-icons { -gtk-icon-size: 32px; } + +image:disabled { -gtk-icon-filter: opacity(0.5); } + +.view, iconview, textview > text { color: #1d1d1d; background-color: #e5e5e5; } + +.view:disabled, iconview:disabled, textview > text:disabled { color: #552222; background-color: #c7bebe; } + +.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, textview > text:selected:focus, textview > text:selected { border-radius: 3px; } + +textview > text { background-color: transparent; } + +textview > text > selection { background-color: rgba(182, 205, 231, 0.7); } + +textview > text > selection:focus-within { background-color: rgba(157, 204, 255, 0.3); } + +textview:drop(active) { caret-color: #73d216; } + +textview > border { background-color: #d7d7d7; } + +iconview { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +iconview { outline: 0 solid transparent; outline-offset: 4px; } + +iconview:focus:focus-visible { outline-color: rgba(157, 204, 255, 0.5); outline-width: 2px; outline-offset: -2px; } + +iconview:drop(active) { box-shadow: none; } + +iconview > dndtarget:drop(active) { border-style: solid; border-width: 1px; border-color: #51a4ff; } + +rubberband, .content-view > rubberband, columnview.view > rubberband, treeview.view > rubberband, gridview > rubberband, flowbox > rubberband { border: 1px solid #6ab1ff; background-color: rgba(106, 177, 255, 0.2); } + +flowbox > flowboxchild { padding: 3px; transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +flowbox > flowboxchild { outline: 0 solid transparent; outline-offset: 4px; } + +flowbox > flowboxchild:focus:focus-visible { outline-color: rgba(157, 204, 255, 0.5); outline-width: 2px; outline-offset: -2px; } + +flowbox > flowboxchild:selected { outline-color: rgba(255, 255, 255, 0.8); } + +gridview > child { padding: 3px; transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +gridview > child { outline: 0 solid transparent; outline-offset: 4px; } + +gridview > child:focus:focus-visible { outline-color: rgba(157, 204, 255, 0.5); outline-width: 2px; outline-offset: -2px; } + +gridview > child:selected { outline-color: rgba(255, 255, 255, 0.8); } + +gridview > child box { border-spacing: 8px; margin: 12px; } + +coverflow cover { color: #1d1d1d; background-color: #e5e5e5; border: 1px solid black; } + +label { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +label { outline: 0 solid transparent; outline-offset: 4px; } + +label:focus:focus-visible { outline-color: rgba(157, 204, 255, 0.5); outline-width: 2px; outline-offset: -2px; } + +label > selection { background-color: rgba(182, 205, 231, 0.7); color: #000000; } + +label > selection:focus-within { background-color: rgba(157, 204, 255, 0.3); } + +label:disabled { color: #552222; } + +button label:disabled { color: inherit; } + +label.error { color: #df0000; } + +label.error:disabled { color: rgba(223, 0, 0, 0.5); } + +.dim-label, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, spinbutton.vertical > text > text > placeholder, spinbutton:not(.vertical) > text > placeholder, entry > text > placeholder, label.separator { opacity: 0.55; text-shadow: none; } + +window.assistant .sidebar { padding: 5px; border-top: 1px solid #9b9b9b; } + +window.assistant.csd .sidebar { border-top-style: none; } + +window.assistant .sidebar > label { padding: 6px 12px; } + +window.assistant .sidebar > label.highlight { background-color: #9dccff; border-radius: 5px; } + +window.aboutdialog image.large-icons { -gtk-icon-size: 128px; } + +.osd .scale-popup, .app-notification, .osd popover.background > arrow, .osd popover.background > contents, popover.background.touch-selection > arrow, popover.background.touch-selection > contents, popover.background.magnifier > arrow, popover.background.magnifier > contents, .osd { color: #504300; border: none; background-color: rgba(255, 255, 164, 0.7); background-clip: padding-box; } + +/********************* Spinner Animation * */ +@keyframes spin { to { transform: rotate(1turn); } } + +spinner { background: none; opacity: 0.1; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } + +spinner:checked { opacity: 1; animation: spin 1s linear infinite; } + +spinner:checked:disabled { opacity: 0.5; color: #552222; } + +/********************** General Typography * */ +.large-title { font-weight: 300; font-size: 24pt; } + +.title-1 { font-weight: 800; font-size: 20pt; } + +.title-2 { font-weight: 800; font-size: 15pt; } + +.title-3 { font-weight: 700; font-size: 15pt; } + +.title-4 { font-weight: 700; font-size: 13pt; } + +.heading { font-weight: 700; font-size: 11pt; } + +.body { font-weight: 400; font-size: 11pt; } + +.caption-heading { font-weight: 700; font-size: 9pt; } + +.caption { font-weight: 400; font-size: 9pt; } + +/**************** Text Entries * */ +spinbutton.vertical > text, spinbutton:not(.vertical), entry { min-height: 32px; padding-left: 1px; padding-right: 1px; border: 1px solid; border-radius: 0px; border-spacing: 6px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #1d1d1d; border-color: #818181; background-color: #e5e5e5; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.5); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +spinbutton.vertical > text, spinbutton:not(.vertical), entry { outline: 0 solid transparent; outline-offset: 4px; } + +spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), entry:focus-within { outline-color: rgba(157, 204, 255, 0.5); outline-width: 2px; outline-offset: -2px; } + +spinbutton.vertical > text > image.left, spinbutton:not(.vertical) > image.left, entry > image.left { margin-right: 6px; } + +spinbutton.vertical > text > image.right, spinbutton:not(.vertical) > image.right, entry > image.right { margin-left: 6px; } + +spinbutton.vertical > text > text > block-cursor, spinbutton:not(.vertical) > text > block-cursor, entry > text > block-cursor { color: #e5e5e5; background-color: #1d1d1d; } + +spinbutton.vertical > text.flat, spinbutton.flat:not(.vertical), entry.flat:focus-within, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding-top: 2px; padding-bottom: 2px; background-color: transparent; border-color: transparent; border-radius: 0; } + +spinbutton.vertical > text:focus-within > placeholder, spinbutton:focus-within:not(.vertical) > placeholder, entry:focus-within > placeholder { opacity: 0; /* We hide placeholders on focus */ } + +spinbutton.vertical > text:disabled, spinbutton:disabled:not(.vertical), entry:disabled { color: #552222; border-color: #8e7070; background-color: #c7bebe; } + +spinbutton.vertical > text > text > selection, spinbutton:not(.vertical) > text > selection, entry > text > selection { background-color: rgba(182, 205, 231, 0.7); color: transparent; } + +spinbutton.vertical > text > text > selection:focus-within, spinbutton:not(.vertical) > text > selection:focus-within, entry > text > selection:focus-within { background-color: rgba(157, 204, 255, 0.3); color: #1d1d1d; } + +spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #df0000; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { outline: 0 solid transparent; outline-offset: 4px; } + +spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { outline-color: rgba(223, 0, 0, 0.5); outline-width: 2px; outline-offset: -2px; } + +spinbutton.vertical > text.error > selection, spinbutton.error:not(.vertical) > selection, entry.error > selection { background-color: #df0000; } + +spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { color: #c7bebe; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { outline: 0 solid transparent; outline-offset: 4px; } + +spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within { outline-color: rgba(199, 190, 190, 0.5); outline-width: 2px; outline-offset: -2px; } + +spinbutton.vertical > text.warning > selection, spinbutton.warning:not(.vertical) > selection, entry.warning > selection { background-color: #c7bebe; } + +spinbutton.vertical > text > image, spinbutton:not(.vertical) > image, entry > image { color: #454545; } + +spinbutton.vertical > text > image:hover, spinbutton:not(.vertical) > image:hover, entry > image:hover { color: #1d1d1d; } + +spinbutton.vertical > text > image:active, spinbutton:not(.vertical) > image:active, entry > image:active { color: #9dccff; } + +spinbutton.vertical > text.password image.caps-lock-indicator, spinbutton.password:not(.vertical) image.caps-lock-indicator, entry.password image.caps-lock-indicator { color: #898989; } + +spinbutton.vertical > text:drop(active), spinbutton:drop(active):not(.vertical), entry:drop(active):focus-within, entry:drop(active) { border-color: #73d216; box-shadow: inset 0 0 0 1px #73d216; } + +.osd spinbutton.vertical > text, .osd spinbutton:not(.vertical), .osd entry { color: #504300; border-color: #504300; background-color: rgba(80, 67, 0, 0.5); background-clip: padding-box; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.5); -gtk-icon-shadow: 0 1px black; } + +.osd spinbutton.vertical > text:focus-within, .osd spinbutton:focus-within:not(.vertical), .osd entry:focus-within { color: #504300; border-color: #9dccff; background-color: rgba(80, 67, 0, 0.5); background-clip: padding-box; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.5); } + +.osd spinbutton.vertical > text:disabled, .osd spinbutton:disabled:not(.vertical), .osd entry:disabled { color: #a8a152; border-color: #504300; background-color: rgba(238, 236, 148, 0.5); background-clip: padding-box; } + +spinbutton.vertical > text > progress, spinbutton:not(.vertical) > progress, entry > progress { margin-bottom: 2px; } + +spinbutton.vertical > text progress > trough > progress, spinbutton:not(.vertical) progress > trough > progress, entry progress > trough > progress { background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: #9dccff; border-style: solid; box-shadow: none; } + +spinbutton.vertical.linked:not(.vertical) > text:drop(active) + text, spinbutton.vertical.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + text, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:drop(active) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + menubutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + menubutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + dropdown > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + dropdown > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + colorbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + colorbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + fontbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + fontbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + filechooserbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + entry, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > entry:drop(active) + menubutton > button, .linked:not(.vertical) > entry:drop(active) + dropdown > button, .linked:not(.vertical) > entry:drop(active) + colorbutton > button, .linked:not(.vertical) > entry:drop(active) + fontbutton > button, .linked:not(.vertical) > entry:drop(active) + filechooserbutton > button, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > entry:drop(active) + text, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + entry { border-left-color: #73d216; } + +spinbutton.vertical.linked > text:not(:disabled) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + text:not(:disabled), spinbutton.vertical.linked > spinbutton:not(:disabled):not(.vertical) + text:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), spinbutton.vertical.linked > entry:not(:disabled) + text:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { border-top-color: #cfcfcf; } + +spinbutton.vertical.linked > text:disabled + text:disabled, spinbutton.vertical.linked > spinbutton:disabled:not(.vertical) + text:disabled, spinbutton.vertical.linked > text:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), spinbutton.vertical.linked > text:disabled + entry:disabled, .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, spinbutton.vertical.linked > entry:disabled + text:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { border-top-color: #cfcfcf; } + +spinbutton.vertical.linked > text + text:drop(active):not(:only-child), spinbutton.vertical.linked > spinbutton:not(.vertical) + text:drop(active):not(:only-child), spinbutton.vertical.linked > text + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), spinbutton.vertical.linked > text + entry:drop(active):not(:only-child), .linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), spinbutton.vertical.linked > entry + text:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > entry + entry:drop(active):not(:only-child) { border-top-color: #73d216; } + +spinbutton.vertical.linked > text:drop(active):not(:only-child) + text, spinbutton.vertical.linked > spinbutton:drop(active):not(:only-child):not(.vertical) + text, spinbutton.vertical.linked > text:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked > text:drop(active):not(:only-child) + entry, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, spinbutton.vertical.linked > text:drop(active):not(:only-child) + button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + menubutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + menubutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + dropdown > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + dropdown > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + colorbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + colorbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + fontbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + fontbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + filechooserbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + combobox > box > button.combo, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked > entry:drop(active):not(:only-child) + text, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:drop(active):not(:only-child) + entry, .linked.vertical > entry:drop(active):not(:only-child) + button, .linked.vertical > entry:drop(active):not(:only-child) + menubutton > button, .linked.vertical > entry:drop(active):not(:only-child) + dropdown > button, .linked.vertical > entry:drop(active):not(:only-child) + colorbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + fontbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + filechooserbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-top-color: #73d216; } + +spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #df0000; } + +treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { background-color: #e5e5e5; transition-property: color, background; } + +treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: #e5e5e5; } + +treeview entry.flat:focus-within, treeview entry:focus-within { border-color: #9dccff; } + +/******************* Editable Labels * */ +editablelabel > stack > text { color: #1d1d1d; border-color: #818181; background-color: #e5e5e5; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.5); } + +/*********** Buttons * */ +@keyframes needs_attention { from { background-image: radial-gradient(farthest-side, #c7bebe 0%, rgba(199, 190, 190, 0) 0%); } + to { background-image: radial-gradient(farthest-side, #c7bebe 95%, rgba(199, 190, 190, 0)); } } + +/****************************************************** Buttons * */ +scrollbar > range > trough > slider, windowcontrols button, notebook > header > tabs > arrow, button { min-height: 24px; min-width: 16px; padding: 2px 6px; border: 1px solid; border-radius: 5px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #1d1d1d; background-color: #d3d3d3; border-color: #787878; outline-color: rgba(157, 204, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.65), 0 1px 2px rgba(0, 0, 0, 0.4); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +scrollbar > range > trough > slider, windowcontrols button, notebook > header > tabs > arrow, button { outline: 0 solid transparent; outline-offset: 4px; } + +scrollbar > range > trough > slider:focus:focus-visible, notebook > header > tabs > arrow:focus:focus-visible, button:focus:focus-visible { outline-color: rgba(157, 204, 255, 0.5); outline-width: 2px; outline-offset: -2px; } + +scrollbar > range > trough > slider:hover, notebook > header > tabs > arrow:hover, button:hover { background-color: shade(#d3d3d3, 1.1); -gtk-icon-filter: brightness(1.2); } + +scrollbar > range > trough > slider.keyboard-activating, scrollbar > range > trough > slider:active, notebook > header > tabs > arrow.keyboard-activating, notebook > header > tabs > arrow:active, button.keyboard-activating, button:active { box-shadow: 0 1px rgba(255, 255, 255, 0.65), inset 0 1px 2px rgba(0, 0, 0, 0.4); transition-duration: 50ms; } + +scrollbar > range > trough > slider:checked:hover:not(:active), notebook > header > tabs > arrow:checked:hover:not(:active), button:checked:hover:not(:active) { color: #000000; background-color: shade(#9dccff, 1.1); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: 0 1px rgba(255, 255, 255, 0.65), inset 0 1px 2px rgba(0, 0, 0, 0.4); } + +scrollbar > range > trough > slider:checked, notebook > header > tabs > arrow:checked, button:checked, button:checked:active { color: #000000; background-color: #9dccff; text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: 0 1px rgba(255, 255, 255, 0.65), inset 0 1px 2px rgba(0, 0, 0, 0.4); } + +scrollbar > range > trough > slider:backdrop, notebook > header > tabs > arrow:backdrop, button:backdrop.flat, button:backdrop { background-image: none; transition: 200ms ease-out; } + +scrollbar > range > trough > slider:backdrop:not(:disabled), notebook > header > tabs > arrow:backdrop:not(:disabled), button:backdrop.flat:not(:disabled), button:backdrop:not(:disabled) { -gtk-icon-filter: none; } + +scrollbar > range > trough > slider:disabled, notebook > header > tabs > arrow:disabled, button:disabled { color: #552222; border-color: #8e7070; background-color: #c7bebe; background-image: none; text-shadow: none; -gtk-icon-shadow: none; -gtk-icon-filter: opacity(0.5); } + +scrollbar > range > trough > slider:disabled:active, scrollbar > range > trough > slider:disabled:checked, notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, button:disabled:active, button:disabled:checked { color: #552222; background-color: #c1c0c8; border-color: #8e7070; text-shadow: none; -gtk-icon-shadow: none; } + +button.sidebar-button, .toolbar > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar > :not(.linked) > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > menubutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > scalebutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > dropdown > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > colorbutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > fontbutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > appchooserbutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > combobox > box > button:not(:hover):not(:active):not(:checked):not(:disabled), scrollbar > range > trough > slider.flat:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header > tabs > arrow.flat:not(:hover):not(:active):not(:checked):not(:disabled), button.flat:not(:hover):not(:active):not(:checked):not(:disabled) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; transition: none; } + +scrollbar > range > trough > slider.image-button, notebook > header > tabs > arrow.image-button, button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; } + +scrollbar > range > trough > slider.text-button, notebook > header > tabs > arrow.text-button, button.text-button { padding-left: 16px; padding-right: 16px; } + +scrollbar > range > trough > slider.text-button.image-button, notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button { padding-left: 8px; padding-right: 8px; } + +scrollbar > range > trough > slider.text-button.image-button label, notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; } + +scrollbar > range > trough > slider.arrow-button, notebook > header > tabs > arrow.arrow-button, button.arrow-button { padding-left: 10px; padding-right: 10px; } + +scrollbar > range > trough > slider.arrow-button > box, windowcontrols button.arrow-button > box, notebook > header > tabs > arrow.arrow-button > box, button.arrow-button > box { border-spacing: 4px; } + +dropdown:drop(active) button.combo, combobox:drop(active) button.combo, scrollbar > range > trough > slider:drop(active), notebook > header > tabs > arrow:drop(active), button:drop(active) { color: #73d216; border-color: #73d216; box-shadow: inset 0 0 0 1px #73d216; } + +row:selected notebook > header > tabs > arrow, row:selected button { border-color: #51a4ff; } + +row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected notebook > header > tabs > arrow.flat:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #000000; border-color: transparent; } + +row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected notebook > header > tabs > arrow.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #e2e2e2; } + +notebook > header > tabs > arrow.osd, button.osd { min-width: 26px; min-height: 32px; color: #504300; border-radius: 5px; border: none; box-shadow: none; } + +notebook > header > tabs > arrow.osd.image-button, button.osd.image-button { min-width: 30px; } + +notebook > header > tabs > arrow.osd.image-button:only-child, button.osd.image-button:only-child { margin: 4px; border-radius: 50%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } + +notebook > header > tabs > arrow.osd:hover, button.osd:hover { border: none; box-shadow: none; } + +notebook > header > tabs > arrow.osd:active, notebook > header > tabs > arrow.osd:checked, button.osd:active, button.osd:checked { border: none; box-shadow: none; } + +.app-notification button, popover.background.touch-selection button, popover.background.magnifier button, .osd notebook > header > tabs > arrow, .osd button { color: #504300; background-color: rgba(255, 255, 164, 0.7); border-color: rgba(141, 133, 57, 0.85); outline-color: rgba(157, 204, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.65), 0 1px 2px rgba(0, 0, 0, 0.4); } + +.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd notebook > header > tabs > arrow:hover, .osd button:hover { background-color: shade(rgba(255, 255, 164, 0.7), 1.1); } + +.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd notebook > header > tabs > arrow:active, .osd notebook > header > tabs > arrow:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { box-shadow: 0 1px rgba(255, 255, 255, 0.65), inset 0 1px 2px rgba(0, 0, 0, 0.4); } + +.app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd notebook > header > tabs > arrow:disabled, .osd button:disabled:backdrop, .osd button:disabled { color: #552222; border-color: #8e7070; background-color: #c7bebe; background-image: none; text-shadow: none; -gtk-icon-shadow: none; } + +.app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd notebook > header > tabs > arrow.flat, .osd button.flat { -gtk-icon-shadow: 0 1px black; } + +.app-notification button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.touch-selection button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.magnifier button.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd notebook > header > tabs > arrow.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd button.flat:not(:hover):not(:active):not(:checked):not(:disabled) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } + +.app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd notebook > header > tabs > arrow.flat:hover, .osd button.flat:hover { background-color: shade(rgba(255, 255, 164, 0.7), 1.1); } + +.app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd notebook > header > tabs > arrow.flat:disabled, .osd button.flat:disabled { color: #552222; border-color: #8e7070; background-color: #c7bebe; background-image: none; text-shadow: none; -gtk-icon-shadow: none; } + +.app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd notebook > header > tabs > arrow.flat:active, .osd notebook > header > tabs > arrow.flat:checked, .osd button.flat:active, .osd button.flat:checked { box-shadow: 0 1px rgba(255, 255, 255, 0.65), inset 0 1px 2px rgba(0, 0, 0, 0.4); } + +notebook > header > tabs > arrow.suggested-action, button.suggested-action { color: black; background-color: #9dccff; border-color: #4f6680; outline-color: rgba(157, 204, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.65), 0 1px 2px rgba(0, 0, 0, 0.4); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +notebook > header > tabs > arrow.suggested-action, button.suggested-action { outline: 0 solid transparent; outline-offset: 4px; } + +notebook > header > tabs > arrow.suggested-action:focus:focus-visible, button.suggested-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.8); outline-width: 2px; outline-offset: -2px; } + +notebook > header > tabs > arrow.suggested-action.flat, button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #9dccff; } + +notebook > header > tabs > arrow.suggested-action:hover, button.suggested-action:hover { background-color: shade(#9dccff, 1.1); } + +notebook > header > tabs > arrow.suggested-action:active, notebook > header > tabs > arrow.suggested-action:checked, button.suggested-action:active, button.suggested-action:checked { box-shadow: 0 1px rgba(255, 255, 255, 0.65), inset 0 1px 2px rgba(0, 0, 0, 0.4); } + +notebook > header > tabs > arrow.suggested-action.flat:disabled, button.suggested-action.flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(157, 204, 255, 0.8); } + +notebook > header > tabs > arrow.suggested-action:disabled, button.suggested-action:disabled { color: #552222; border-color: #8e7070; background-color: #c7bebe; background-image: none; text-shadow: none; -gtk-icon-shadow: none; } + +notebook > header > tabs > arrow.suggested-action:disabled:active, notebook > header > tabs > arrow.suggested-action:disabled:checked, button.suggested-action:disabled:active, button.suggested-action:disabled:checked { color: #552222; background-color: #c1c0c8; border-color: #8e7070; text-shadow: none; -gtk-icon-shadow: none; } + +notebook > header > tabs > arrow.destructive-action, button.destructive-action { color: white; background-color: #df0000; border-color: #ef8080; outline-color: rgba(157, 204, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.15)); text-shadow: 0 -1px rgba(0, 0, 0, 0.650196); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.650196); box-shadow: inset 0 1px rgba(255, 255, 255, 0.35), 0 1px 2px rgba(0, 0, 0, 0.4); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +notebook > header > tabs > arrow.destructive-action, button.destructive-action { outline: 0 solid transparent; outline-offset: 4px; } + +notebook > header > tabs > arrow.destructive-action:focus:focus-visible, button.destructive-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.8); outline-width: 2px; outline-offset: -2px; } + +notebook > header > tabs > arrow.destructive-action.flat, button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #df0000; } + +notebook > header > tabs > arrow.destructive-action:hover, button.destructive-action:hover { background-color: shade(#df0000, 1.1); } + +notebook > header > tabs > arrow.destructive-action:active, notebook > header > tabs > arrow.destructive-action:checked, button.destructive-action:active, button.destructive-action:checked { box-shadow: 0 1px rgba(255, 255, 255, 0.35), inset 0 1px 2px rgba(0, 0, 0, 0.4); } + +notebook > header > tabs > arrow.destructive-action.flat:disabled, button.destructive-action.flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(223, 0, 0, 0.8); } + +notebook > header > tabs > arrow.destructive-action:disabled, button.destructive-action:disabled { color: #552222; border-color: #8e7070; background-color: #c7bebe; background-image: none; text-shadow: none; -gtk-icon-shadow: none; } + +notebook > header > tabs > arrow.destructive-action:disabled:active, notebook > header > tabs > arrow.destructive-action:disabled:checked, button.destructive-action:disabled:active, button.destructive-action:disabled:checked { color: #552222; background-color: #c1c0c8; border-color: #8e7070; text-shadow: none; -gtk-icon-shadow: none; } + +stackswitcher > button > label { padding: 0 6px; margin: 0 -6px; } + +stackswitcher > button > image { padding: 3px 6px; margin: -3px -6px; } + +notebook > header > tabs > arrow.font separator, button.font separator { background-color: transparent; } + +notebook > header > tabs > arrow.font > box, button.font > box { border-spacing: 6px; } + +notebook > header > tabs > arrow.font > box > box > label, button.font > box > box > label { font-weight: bold; } + +menubutton.circular notebook > header > tabs > arrow, notebook > header > tabs > arrow.circular, menubutton.circular button, button.circular { min-width: 32px; min-height: 32px; padding: 0; border-radius: 9999px; } + +menubutton.circular notebook > header > tabs > arrow label, notebook > header > tabs > arrow.circular label, menubutton.circular button label, button.circular label { padding: 0; } + +stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: radial-gradient(farthest-side, #c7bebe 96%, rgba(199, 190, 190, 0)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; } + +stacksidebar row.needs-attention > label:backdrop, stackswitcher > button.needs-attention > label:backdrop, stackswitcher > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; } + +stacksidebar row.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 4px; } + +.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(ltr), combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:first-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:last-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:last-child), notebook > header > tabs.linked:not(.vertical) > arrow:dir(rtl):not(:last-child), .linked:not(.vertical) > button:dir(rtl):not(:last-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:first-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:first-child), notebook > header > tabs.linked:not(.vertical) > arrow:dir(ltr):not(:first-child), .linked:not(.vertical) > button:dir(ltr):not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } + +.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(rtl), combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:last-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:first-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:first-child), notebook > header > tabs.linked:not(.vertical) > arrow:dir(rtl):not(:first-child), .linked:not(.vertical) > button:dir(rtl):not(:first-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:last-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:last-child), notebook > header > tabs.linked:not(.vertical) > arrow:dir(ltr):not(:last-child), .linked:not(.vertical) > button:dir(ltr):not(:last-child) { border-right-style: none; border-top-right-radius: 0; border-bottom-right-radius: 0; } + +.linked.vertical > filechooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > combobox:not(:first-child) > box > button.combo, .linked.vertical > menubutton:not(:first-child) > button, .linked.vertical > dropdown:not(:first-child) > button, .linked.vertical > colorbutton:not(:first-child) > button, .linked.vertical > fontbutton:not(:first-child) > button, .linked.vertical > filechooserbutton:not(:first-child) > button, spinbutton.vertical.linked > text:not(:first-child), .linked.vertical > spinbutton:not(:first-child):not(.vertical), .linked.vertical > entry:not(:first-child), notebook > header > tabs.linked.vertical > arrow:not(:first-child), .linked.vertical > button:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; } + +.linked.vertical > filechooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > combobox:not(:last-child) > box > button.combo, .linked.vertical > menubutton:not(:last-child) > button, .linked.vertical > dropdown:not(:last-child) > button, .linked.vertical > colorbutton:not(:last-child) > button, .linked.vertical > fontbutton:not(:last-child) > button, .linked.vertical > filechooserbutton:not(:last-child) > button, spinbutton.vertical.linked > text:not(:last-child), .linked.vertical > spinbutton:not(:last-child):not(.vertical), .linked.vertical > entry:not(:last-child), notebook > header > tabs.linked.vertical > arrow:not(:last-child), .linked.vertical > button:not(:last-child) { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } + +button.link, button.link:hover, button.link:active, button.link:checked, popover.menu box.circular-buttons button.circular.image-button.model, list > row button.image-button:not(.flat), modelbutton.flat:not(:hover):not(:active):not(:checked):not(:disabled) { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } + +/* menu buttons */ +modelbutton.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 5px; } + +modelbutton.flat:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { background-color: shade(#d3d3d3, 1.1); } + +modelbutton.flat:disabled { color: #552222; border-color: #8e7070; background-color: #c7bebe; background-image: none; text-shadow: none; -gtk-icon-shadow: none; } + +modelbutton.flat arrow { background: none; min-width: 16px; min-height: 16px; opacity: 1; } + +modelbutton.flat arrow:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { background-color: shade(#d3d3d3, 1.1); } + +modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); } + +modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); } + +/* oldstyle toolbar buttons */ +.toolbar > button, .toolbar > :not(.linked) > button, .toolbar :not(.linked) > menubutton > button, .toolbar :not(.linked) > scalebutton > button, .toolbar :not(.linked) > dropdown > button, .toolbar :not(.linked) > colorbutton > button, .toolbar :not(.linked) > fontbutton > button, .toolbar :not(.linked) > appchooserbutton > button, .toolbar :not(.linked) > combobox > box > button { margin: 1px; } + +button.color { padding: 4px; } + +button.color > colorswatch:only-child { box-shadow: 0 1px rgba(0, 0, 0, 0.1); } + +button.color > colorswatch:only-child, button.color > colorswatch:only-child > overlay { border-radius: 0; } + +.osd button.color > colorswatch:only-child { box-shadow: none; } + +.osd button.color:disabled colorswatch:only-child, .osd button.color:active colorswatch:only-child, .osd button.color:checked colorswatch:only-child, button.color:disabled colorswatch:only-child, button.color:active colorswatch:only-child, button.color:checked colorswatch:only-child { box-shadow: none; } + +/* list buttons */ +/* tone down as per new designs, see issue #1473 */ +popover.menu box.circular-buttons button.circular.image-button.model, list > row button.image-button:not(.flat) { border: 1px solid rgba(155, 155, 155, 0.5); } + +popover.menu box.circular-buttons button.circular.image-button.model:hover, list > row button.image-button:not(.flat):hover { background-color: shade(#d3d3d3, 1.1); } + +popover.menu box.circular-buttons button.circular.image-button.model:active, popover.menu box.circular-buttons button.circular.image-button.model:checked, list > row button.image-button:not(.flat):active, list > row button.image-button:not(.flat):checked { box-shadow: 0 1px rgba(255, 255, 255, 0.65), inset 0 1px 2px rgba(0, 0, 0, 0.4); } + +popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.image-button:not(.flat).suggested-action { color: white; background-color: #9dccff; border-color: #cee6ff; outline-color: rgba(157, 204, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3)); text-shadow: 0 -1px rgba(0, 0, 0, 0.353725); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.353725); box-shadow: inset 0 1px rgba(255, 255, 255, 0.65), 0 1px 2px rgba(0, 0, 0, 0.4); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.image-button:not(.flat).suggested-action { outline: 0 solid transparent; outline-offset: 4px; } + +popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:focus:focus-visible, list > row button.image-button:not(.flat).suggested-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.8); outline-width: 2px; outline-offset: -2px; } + +popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.image-button:not(.flat).destructive-action { color: white; background-color: #df0000; border-color: #ef8080; outline-color: rgba(157, 204, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.15)); text-shadow: 0 -1px rgba(0, 0, 0, 0.650196); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.650196); box-shadow: inset 0 1px rgba(255, 255, 255, 0.35), 0 1px 2px rgba(0, 0, 0, 0.4); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.image-button:not(.flat).destructive-action { outline: 0 solid transparent; outline-offset: 4px; } + +popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:focus:focus-visible, list > row button.image-button:not(.flat).destructive-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.8); outline-width: 2px; outline-offset: -2px; } + +/********* Links * */ +button.link, link { color: #004B91; text-decoration: underline; } + +button.link:visited, link:visited { color: #680091; } + +*:selected button.link:visited, *:selected link:visited { color: #2a003a; } + +button.link:hover, link:hover { color: #0065c4; } + +*:selected button.link:hover, *:selected link:hover { color: #000a14; } + +button.link:active, link:active { color: #004B91; } + +*:selected button.link:active, *:selected link:active { color: #000f1d; } + +button.link:disabled, link:disabled { color: rgba(73, 73, 73, 0.8); } + +button.link:selected, *:selected button.link, link:selected, *:selected link { color: #000f1d; } + +link { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +link { outline: 0 solid transparent; outline-offset: 4px; } + +link:focus:focus-visible { outline-color: rgba(157, 204, 255, 0.5); outline-width: 2px; outline-offset: -2px; } + +button.link, button.link:hover, button.link:active, button.link:checked { text-shadow: none; } + +button.link > label { text-decoration: underline; } + +/***************** GtkSpinButton * */ +spinbutton { font-feature-settings: "tnum"; } + +spinbutton:not(.vertical) { padding: 0; border-spacing: 0; /* :not here just to bump specificity above that of the list button styling */ } + +.osd spinbutton:not(.vertical) > text, spinbutton:not(.vertical) > text { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; padding: 6px; } + +.osd spinbutton:not(.vertical) > text:backdrop:disabled, spinbutton:not(.vertical) > text:backdrop:disabled { background-color: #c7bebe; } + +spinbutton:not(.vertical) > button.image-button.up:not(.flat), spinbutton:not(.vertical) > button.image-button.down:not(.flat) { padding: 0; } + +.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat), .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #504300; border-style: none none none solid; border-color: rgba(80, 67, 0, 0.7); border-radius: 0; box-shadow: none; -gtk-icon-shadow: 0 1px black; } + +.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { border-style: none solid none none; } + +.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #504300; border-color: rgba(80, 67, 0, 0.5); background-color: rgba(255, 255, 113, 0.7); -gtk-icon-shadow: 0 1px black; box-shadow: none; } + +.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #a8a152; border-color: rgba(80, 67, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; } + +.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { border-radius: 0 5px 5px 0; } + +.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { border-radius: 5px 0 0 5px; } + +spinbutton.vertical:disabled { color: #552222; } + +spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; } + +spinbutton.vertical > text { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; } + +spinbutton.vertical > text > selection { background-color: rgba(182, 205, 231, 0.7); color: transparent; } + +spinbutton.vertical > text > selection:focus-within { background-color: rgba(157, 204, 255, 0.3); color: #000000; } + +spinbutton.vertical > text > block-cursor { color: #e5e5e5; background-color: #1d1d1d; } + +spinbutton.vertical > button { min-height: 32px; min-width: 32px; padding: 0; } + +spinbutton.vertical > button.up { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } + +spinbutton.vertical > button.down { border-top-style: none; border-top-left-radius: 0; border-top-right-radius: 0; } + +treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; } + +treeview spinbutton:not(.vertical) > text { min-height: 0; padding: 1px 2px; } + +/************** ComboBoxes * */ +dropdown > popover.menu.background > contents { padding: 0; } + +dropdown > button > box { border-spacing: 6px; } + +dropdown > button > box > stack > row.activatable:hover { background: none; box-shadow: none; } + +dropdown arrow, combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } + +dropdown > popover.menu > contents modelbutton, combobox > popover.menu > contents modelbutton { padding-left: 9px; padding-right: 9px; } + +dropdown:drop(active), combobox:drop(active) { box-shadow: none; } + +dropdown popover, combobox popover { margin-top: 6px; padding: 0; } + +dropdown popover listview, combobox popover listview { margin: 8px 0; } + +dropdown popover listview > row.activatable, combobox popover listview > row.activatable { padding: 8px; } + +dropdown popover listview > row.activatable:selected, dropdown popover listview > row.activatable:selected:hover, combobox popover listview > row.activatable:selected, combobox popover listview > row.activatable:selected:hover { outline-color: rgba(255, 255, 255, 0.8); color: #1d1d1d; background-color: #9dccff; box-shadow: none; } + +dropdown popover .dropdown-searchbar, combobox popover .dropdown-searchbar { padding: 6px; border-bottom: 1px solid #9b9b9b; } + +/************ Toolbars * */ +searchbar > revealer > box, .toolbar { padding: 4px; border-spacing: 4px; background-color: #c9c9c9; } + +.osd .toolbar { background-color: transparent; } + +.toolbar.osd { padding: 13px; border: none; border-radius: 5px; background-color: rgba(255, 255, 164, 0.7); } + +.toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom { border-radius: 0; } + +.toolbar.horizontal > separator { margin: 4px 0; } + +.toolbar.vertical > separator { margin: 0 4px; } + +searchbar > revealer > box { padding: 6px; border-spacing: 6px; border-width: 0 0 1px; } + +searchbar > revealer > box { border-style: solid; border-color: #9b9b9b; background-color: #bbbbbb; } + +searchbar > revealer > box:backdrop { border-color: #a4a4a4; background-color: #bcbcbc; box-shadow: none; transition: 200ms ease-out; } + +/************** GtkInfoBar * */ +infobar > revealer > box { padding: 8px; border-spacing: 12px; } + +infobar.info > revealer > box, infobar.question > revealer > box, infobar.warning > revealer > box, infobar.error > revealer > box { border-bottom: 1px solid #a8a8a8; background-color: #d58126; } + +infobar .close, searchbar .close { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; min-width: 16px; min-height: 16px; padding: 4px; border-radius: 50%; } + +infobar .close:hover, searchbar .close:hover { background-color: shade(#d3d3d3, 1.1); } + +/***************** Title buttons * */ +windowcontrols { border-spacing: 6px; } + +windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rtl) { margin-right: 7px; } + +windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) { margin-left: 7px; } + +windowcontrols button { padding: 6px; margin: 0 2px; min-width: 0; min-height: 0; color: white; background-color: #9dccff; border-color: #cee6ff; outline-color: rgba(157, 204, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3)); text-shadow: 0 -1px rgba(0, 0, 0, 0.353725); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.353725); box-shadow: inset 0 1px rgba(255, 255, 255, 0.65), 0 1px 2px rgba(0, 0, 0, 0.4); text-shadow: 0 0 2px #303030; -gtk-icon-shadow: 0 0 2px #303030; } + +windowcontrols button:hover { background-color: shade(#9dccff, 1.1); } + +windowcontrols button:active, windowcontrols button:checked { box-shadow: 0 1px rgba(255, 255, 255, 0.65), inset 0 1px 2px rgba(0, 0, 0, 0.4); } + +windowcontrols button:backdrop { color: white; background-color: #c9c9c9; border-color: #e4e4e4; outline-color: rgba(157, 204, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3)); text-shadow: 0 -1px rgba(0, 0, 0, 0.369412); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.369412); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); background-image: none; text-shadow: 0 0 2px #303030; -gtk-icon-shadow: 0 0 2px #303030; } + +windowcontrols button:backdrop:hover { background-color: shade(#c9c9c9, 1.1); } + +windowcontrols button:backdrop:active { box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px rgba(0, 0, 0, 0.4); } + +windowcontrols button.close { padding-right: 12px; padding-left: 12px; text-shadow: 0 0 2px #303030; -gtk-icon-shadow: 0 0 2px #303030; } + +windowcontrols button.close:not(:backdrop) { color: white; background-color: #880b0b; border-color: #c38585; outline-color: rgba(157, 204, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.15)), radial-gradient(circle at bottom, rgba(255, 255, 0, 0.5), rgba(255, 255, 0, 0)); text-shadow: 0 -1px rgba(0, 0, 0, 0.770196); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.770196); box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4); text-shadow: 0 0 2px #303030; -gtk-icon-shadow: 0 0 2px #303030; } + +windowcontrols button.close:not(:backdrop):hover { background-color: shade(#880b0b, 1.1); } + +windowcontrols button.close:not(:backdrop):active { box-shadow: 0 1px rgba(255, 255, 255, 0.3), inset 0 1px 2px rgba(0, 0, 0, 0.4); } + +/*************** Header bars * */ +.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 46px; border-width: 0 0 1px; border-style: solid; border-color: #8c8c8c; border-radius: 0; background: #9dccff linear-gradient(to top, #93c7ff, #a2cfff); color: #000000; /* Darken switchbuttons for headerbars. issue #1588 */ } + +.titlebar:backdrop:not(headerbar), headerbar:backdrop { border-color: #a4a4a4; background-color: #c9c9c9; color: #1d1d1d; background-image: none; transition: 200ms ease-out; } + +.titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; } + +.titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } + +.tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-left headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; } + +.default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 4px; } + +.default-decoration.titlebar:not(headerbar) windowcontrols button, .default-decoration.titlebar:not(headerbar) windowcontrols menubutton, headerbar.default-decoration windowcontrols button, headerbar.default-decoration windowcontrols menubutton { min-height: 26px; min-width: 26px; margin: 0; padding: 0; } + +.default-decoration.titlebar:not(headerbar) windowcontrols menubutton button, headerbar.default-decoration windowcontrols menubutton button { min-height: 20px; min-width: 20px; margin: 0; padding: 4px; } + +.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; } + +headerbar > windowhandle > box, headerbar > windowhandle > box > box.start, headerbar > windowhandle > box > box.end { border-spacing: 6px; } + +headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button, headerbar menubutton { margin-top: 6px; margin-bottom: 6px; } + +headerbar menubutton > button { margin-top: 0px; margin-bottom: 0px; } + +headerbar switch { margin-top: 10px; margin-bottom: 10px; } + +window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; } + +.titlebar:not(headerbar) separator { background-color: #9b9b9b; } + +window.devel headerbar.titlebar { background: #c9c9c9 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(157, 204, 255, 0.2)), linear-gradient(to top, #a8a8a8, #b0b0b0 3px, #bfbfbf); } + +window.devel headerbar.titlebar:backdrop { background: #c9c9c9 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#c9c9c9); /* background-color would flash */ } + +/************ Pathbars * */ +pathbar > button.text-button, pathbar > button.image-button, pathbar > button { padding-left: 4px; padding-right: 4px; } + +pathbar > button.text-button.image-button label { padding-left: 0; padding-right: 0; } + +pathbar > button.text-button.image-button label:last-child, pathbar > button label:last-child { padding-right: 8px; } + +pathbar > button.text-button.image-button label:first-child, pathbar > button label:first-child { padding-left: 8px; } + +pathbar > button image { padding-left: 4px; padding-right: 4px; } + +pathbar > button.slider-button { padding-left: 0; padding-right: 0; } + +/************** Tree Views * */ +columnview.view, treeview.view { border-left-color: #aaaaaa; border-top-color: #aaaaaa; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +columnview.view, treeview.view { outline: 0 solid transparent; outline-offset: 4px; } + +columnview.view:focus:focus-visible, treeview.view:focus:focus-visible { outline-color: rgba(157, 204, 255, 0.5); outline-width: 2px; outline-offset: -2px; } + +columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected { border-radius: 0; outline-color: rgba(255, 255, 255, 0.8); } + +columnview.view:disabled, treeview.view:disabled { color: #552222; } + +columnview.view:disabled:selected, treeview.view:disabled:selected { color: #5e7a99; } + +columnview.view:disabled:selected:backdrop, treeview.view:disabled:selected:backdrop { color: #7899bd; } + +columnview.view.separator, treeview.view.separator { min-height: 2px; color: #aaaaaa; } + +columnview.view:backdrop, treeview.view:backdrop { border-left-color: #b1b1b1; border-top: #b1b1b1; } + +columnview.view:drop(active), treeview.view:drop(active) { box-shadow: none; } + +columnview.view > dndtarget:drop(active), treeview.view > dndtarget:drop(active) { border-style: solid none; border-width: 1px; border-color: #51a4ff; } + +columnview.view > dndtarget:drop(active).after, treeview.view > dndtarget:drop(active).after { border-top-style: none; } + +columnview.view > dndtarget:drop(active).before, treeview.view > dndtarget:drop(active).before { border-bottom-style: none; } + +columnview.view.expander, treeview.view.expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #595959; } + +columnview.view.expander:dir(rtl), treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + +columnview.view.expander:hover, treeview.view.expander:hover { color: #1d1d1d; } + +columnview.view.expander:selected, treeview.view.expander:selected { color: #2f3d4d; } + +columnview.view.expander:selected:hover, treeview.view.expander:selected:hover { color: #000000; } + +columnview.view.expander:checked, treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +columnview.view.progressbar, treeview.view.progressbar { color: #e5e5e5; background-color: #9dccff; background-image: image(#9dccff); box-shadow: none; } + +columnview.view.progressbar:selected:focus, columnview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { color: #9dccff; background-image: image(#e5e5e5); } + +columnview.view.progressbar:selected:focus:backdrop, columnview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { color: #9dccff; background-color: #e2e2e2; } + +columnview.view.trough, treeview.view.trough { background-color: rgba(29, 29, 29, 0.1); } + +columnview.view.trough:selected:focus, columnview.view.trough:selected, treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: rgba(0, 0, 0, 0.3); } + +columnview.view > header > button, treeview.view > header > button { color: #818181; background-color: #e5e5e5; font-weight: bold; text-shadow: none; box-shadow: none; } + +columnview.view > header > button:hover, treeview.view > header > button:hover { color: #4f4f4f; box-shadow: none; transition: none; } + +columnview.view > header > button:active, treeview.view > header > button:active { color: #1d1d1d; transition: none; } + +columnview.view > header > button sort-indicator, treeview.view > header > button sort-indicator { min-height: 16px; min-width: 16px; } + +columnview.view > header > button sort-indicator.ascending, treeview.view > header > button sort-indicator.ascending { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + +columnview.view > header > button sort-indicator.descending, treeview.view > header > button sort-indicator.descending { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +columnview.view button.dnd:active, columnview.view button.dnd:selected, columnview.view button.dnd:hover, columnview.view button.dnd, columnview.view header.button.dnd:active, columnview.view header.button.dnd:selected, columnview.view header.button.dnd:hover, columnview.view header.button.dnd, treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: #e5e5e5; background-image: none; background-color: #9dccff; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px #e5e5e5; text-shadow: none; transition: none; } + +columnview.view acceleditor > label, treeview.view acceleditor > label { background-color: #9dccff; } + +columnview.view > header > button, treeview.view > header > button, columnview.view > header > button:hover, treeview.view > header > button:hover, columnview.view > header > button:active, treeview.view > header > button:active { padding: 0 6px; background-image: none; border-style: none none solid solid; border-color: #aaaaaa; border-radius: 0; text-shadow: none; } + +columnview.view > header > button:disabled, treeview.view > header > button:disabled { border-color: #c9c9c9; background-image: none; background-color: #c7bebe; color: #552222; } + +columnview.view > header > button:last-child, treeview.view > header > button:last-child { border-right-style: none; } + +/*************** Popovers * */ +popover.background { background-color: transparent; font: initial; } + +popover.background > arrow, popover.background > contents { background-color: #e5e5e5; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.23); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } + +popover.background:backdrop { background-color: transparent; } + +popover.background > contents { padding: 8px; border-radius: 9px; } + +popover.background > contents > list, popover.background > contents > .view, popover.background > contents > iconview, popover.background > contents > .toolbar { border-style: none; background-color: transparent; } + +popover.background > contents separator { background-color: darkgray; margin: 3px; } + +popover.background > contents list separator { margin: 0; } + +.osd popover.background, popover.background.touch-selection, popover.background.magnifier { background-color: transparent; } + +.osd popover.background > arrow, .osd popover.background > contents, popover.background.touch-selection > arrow, popover.background.touch-selection > contents, popover.background.magnifier > arrow, popover.background.magnifier > contents { border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: none; } + +magnifier { background-color: #e5e5e5; } + +/********************** Popover Base Menus * */ +popover.menu { padding: 0; } + +popover.menu box.inline-buttons { padding: 0 12px; } + +popover.menu box.inline-buttons button.image-button.model { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; min-height: 30px; min-width: 30px; padding: 0; border: none; outline: none; transition: none; } + +popover.menu box.inline-buttons button.image-button.model:selected { background: image(#9dccff); } + +popover.menu box.circular-buttons { padding: 12px 12px 6px; } + +popover.menu box.circular-buttons button.circular.image-button.model { padding: 11px; } + +popover.menu box.circular-buttons button.circular.image-button.model:focus { background-color: #9dccff; border-color: #9dccff; } + +popover.menu > arrow, popover.menu.background > contents { background-color: #e5e5e5; padding: 5px; } + +popover.menu.background separator { margin: 6px 0; } + +popover.menu accelerator { color: alpha(currentColor,0.55); } + +popover.menu accelerator:dir(ltr) { margin-left: 12px; } + +popover.menu accelerator:dir(rtl) { margin-right: 12px; } + +popover.menu check, popover.menu radio { transform: scale(0.8); border-width: 1.2px; box-shadow: none; background-image: image(transparent); color: #1d1d1d; } + +popover.menu check:hover, popover.menu radio:hover { transform: scale(0.8); border-width: 1.2px; color: #1d1d1d; box-shadow: none; background-image: image(transparent); } + +popover.menu check:active, popover.menu radio:active { transform: scale(0.8); border-width: 1.2px; color: #1d1d1d; box-shadow: none; background-image: image(transparent); } + +popover.menu arrow.left, popover.menu radio.left, popover.menu check.left { margin-left: -2px; margin-right: 6px; } + +popover.menu arrow.right, popover.menu radio.right, popover.menu check.right { margin-left: 6px; margin-right: -2px; } + +popover.menu modelbutton { min-height: 30px; min-width: 40px; padding: 0 12px; border-radius: 5px; } + +popover.menu modelbutton:selected { color: #1d1d1d; background-color: #9dccff; } + +popover.menu modelbutton:selected:active { background-color: #a5a5a5; } + +popover.menu label.title { font-weight: bold; padding: 4px 32px; } + +menubar { padding: 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } + +menubar > item { min-height: 16px; padding: 4px 8px; } + +menubar > item:selected { box-shadow: inset 0 -3px #9dccff; color: #004B91; } + +menubar > item:disabled { color: #552222; box-shadow: none; } + +menubar > item popover.menu.background > contents { padding: 5px; } + +menubar > item popover.menu popover.menu { padding: 0 0 4px 0; } + +menubar > item popover.menu.background popover.menu.background > contents { margin: 0; border-radius: 9px; } + +/************* Notebooks * */ +notebook > header { padding: 1px; border-color: #9b9b9b; border-width: 1px; background-color: #b2b2b2; } + +notebook > header:backdrop { border-color: #a4a4a4; background-color: #bcbcbc; } + +notebook > header tabs { margin: -1px; } + +notebook > header.top { border-bottom-style: solid; } + +notebook > header.top > tabs { margin-bottom: -2px; } + +notebook > header.top > tabs > tab { border-top-left-radius: 5px; border-top-right-radius: 5px; } + +notebook > header.top > tabs > tab:hover { border-bottom-color: #9b9b9b; } + +notebook > header.top > tabs > tab:backdrop { box-shadow: none; } + +notebook > header.top > tabs > tab:checked { box-shadow: inset 0 14px 0 -10px #9dccff, inset 0 1px rgba(255, 255, 255, 0.5); border-color: #9b9b9b; border-bottom-color: transparent; } + +notebook > header.bottom { border-top-style: solid; } + +notebook > header.bottom > tabs { margin-top: -2px; } + +notebook > header.bottom > tabs > tab { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } + +notebook > header.bottom > tabs > tab:hover { border-top-color: #9b9b9b; } + +notebook > header.bottom > tabs > tab:backdrop { box-shadow: none; } + +notebook > header.bottom > tabs > tab:checked { box-shadow: inset 0 -14px 0 -10px #9dccff, inset 0 -1px 1px rgba(0, 0, 0, 0.4); border-color: #9b9b9b; border-top-color: transparent; } + +notebook > header.left { border-right-style: solid; } + +notebook > header.left > tabs { margin-right: -2px; } + +notebook > header.left > tabs > tab { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } + +notebook > header.left > tabs > tab:hover { border-right-color: #9b9b9b; } + +notebook > header.left > tabs > tab:backdrop { box-shadow: none; } + +notebook > header.left > tabs > tab:checked { box-shadow: inset 14px 0 0 -10px #9dccff, inset 0 -1px 1px rgba(0, 0, 0, 0.4), inset 0 1px rgba(255, 255, 255, 0.5); border-color: #9b9b9b; border-right-color: transparent; } + +notebook > header.right { border-left-style: solid; } + +notebook > header.right > tabs { margin-left: -2px; } + +notebook > header.right > tabs > tab { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } + +notebook > header.right > tabs > tab:hover { border-left-color: #9b9b9b; } + +notebook > header.right > tabs > tab:backdrop { box-shadow: none; } + +notebook > header.right > tabs > tab:checked { box-shadow: inset -14px 0 0 -10px #9dccff, inset 0 -1px 1px rgba(0, 0, 0, 0.4), inset 0 1px rgba(255, 255, 255, 0.5); border-color: #9b9b9b; border-left-color: transparent; } + +notebook > header.top > tabs > arrow { border-top-style: none; } + +notebook > header.bottom > tabs > arrow { border-bottom-style: none; } + +notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { margin-left: -5px; margin-right: -5px; padding-left: 4px; padding-right: 4px; } + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +notebook > header.left > tabs > arrow { border-left-style: none; } + +notebook > header.right > tabs > arrow { border-right-style: none; } + +notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; } + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; } + +notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-color: shade(#d3d3d3, 1.1); } + +notebook > header > tabs > arrow:active { box-shadow: 0 1px rgba(255, 255, 255, 0.65), inset 0 1px 2px rgba(0, 0, 0, 0.4); } + +notebook > header > tabs > arrow:disabled { color: #552222; border-color: #8e7070; background-color: #c7bebe; background-image: none; text-shadow: none; -gtk-icon-shadow: none; } + +notebook > header tabs > tab { border: 1px solid transparent; min-height: 20px; min-width: 20px; padding: 3px 12px; outline-offset: -5px; color: #1d1d1d; font-weight: normal; } + +notebook > header tabs > tab:hover { color: #1d1d1d; background-color: #bfbfbf; } + +notebook > header tabs > tab:hover.reorderable-page { border-color: rgba(155, 155, 155, 0.3); background-color: rgba(201, 201, 201, 0.2); } + +notebook > header tabs > tab:backdrop { color: #959595; } + +notebook > header tabs > tab:backdrop.reorderable-page { border-color: transparent; background-color: transparent; } + +notebook > header tabs > tab:checked { color: #1d1d1d; background-color: #e5e5e5; } + +notebook > header tabs > tab:backdrop:checked { color: #737373; background-color: #e2e2e2; } + +notebook > header tabs > tab button.flat { padding: 1px; margin: 2px; } + +notebook > header tabs > tab button.flat:last-child { margin-left: 4px; margin-right: -4px; } + +notebook > header tabs > tab button.flat:first-child { margin-left: -4px; margin-right: 4px; } + +notebook > header.top tabs, notebook > header.bottom tabs { padding-left: 4px; padding-right: 4px; } + +notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) { margin-left: 3px; margin-right: 3px; } + +notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { margin-left: -1px; } + +notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { margin-right: -1px; } + +notebook > header.top tabs tab, notebook > header.bottom tabs tab { margin-left: 4px; margin-right: 4px; } + +notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { border-style: none solid; } + +notebook > header.left tabs, notebook > header.right tabs { padding-top: 4px; padding-bottom: 4px; } + +notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) { margin-top: 3px; margin-bottom: 3px; } + +notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { margin-top: -1px; } + +notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { margin-bottom: -1px; } + +notebook > header.left tabs tab, notebook > header.right tabs tab { margin-top: 4px; margin-bottom: 4px; } + +notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { border-style: solid none; } + +notebook > header.top tab { padding-bottom: 4px; } + +notebook > header.bottom tab { padding-top: 4px; } + +notebook > stack:not(:only-child) { background-color: #e5e5e5; } + +notebook > stack:not(:only-child):backdrop { background-color: #e2e2e2; } + +/************** Scrollbars * */ +scrollbar { background-color: #a7a7a7; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +scrollbar.top { border-bottom: 1px solid #9b9b9b; } + +scrollbar.bottom { border-top: 1px solid #9b9b9b; } + +scrollbar.left { border-right: 1px solid #9b9b9b; } + +scrollbar.right { border-left: 1px solid #9b9b9b; } + +scrollbar > range > trough > slider { padding: 0; background-image: none; min-width: 8px; min-height: 8px; margin: 3px; border-radius: 10px; background-clip: padding-box; background-color: #626262; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +scrollbar > range > trough > slider:hover { background-color: #3f3f3f; } + +scrollbar > range > trough > slider:hover:active { background-color: #6ab1ff; } + +scrollbar > range > trough > slider:disabled { background-color: transparent; } + +scrollbar > range.fine-tune > trough > slider, scrollbar > range.fine-tune > trough > slider:hover, scrollbar > range.fine-tune > trough > slider:active { background-color: #ffffa4; } + +scrollbar.horizontal > range > trough > slider { min-width: 40px; } + +scrollbar.vertical > range > trough > slider { min-height: 40px; } + +treeview ~ scrollbar.vertical { border-top: 1px solid #9b9b9b; margin-top: -1px; } + +/********** Switch * */ +switch { font-weight: bold; font-size: smaller; border: 1px solid #9b9b9b; border-radius: 14px; color: #1d1d1d; background-color: #b2b2b2; transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px rgba(0, 0, 0, 0.4); /* only show i / o for the accessible theme */ } + +switch { outline: 0 solid transparent; outline-offset: 4px; } + +switch:focus:focus-visible { outline-color: rgba(157, 204, 255, 0.5); outline-width: 2px; outline-offset: 0; } + +headerbar switch { background-color: #9e9e9e; } + +switch:checked { color: #000000; border-color: #737373; background-color: #9dccff; } + +switch:disabled { color: #552222; border-color: #9b9b9b; background-color: #c7bebe; text-shadow: none; } + +switch > slider { color: #1d1d1d; background-color: #d3d3d3; border-color: #787878; outline-color: rgba(157, 204, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.65), 0 1px 2px rgba(0, 0, 0, 0.4); margin: -1px; min-width: 24px; min-height: 24px; border: 1px solid; border-radius: 50%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +switch > image { color: transparent; } + +switch:hover > slider { background-color: shade(#d3d3d3, 1.1); } + +switch:checked > slider { border: 1px solid #51a4ff; } + +switch:disabled > slider { color: #552222; border-color: #8e7070; background-color: #c7bebe; background-image: none; text-shadow: none; -gtk-icon-shadow: none; } + +row:selected switch { outline-color: rgba(255, 255, 255, 0.8); box-shadow: none; border-color: #51a4ff; } + +row:selected switch > slider:checked, row:selected switch > slider { border-color: #51a4ff; } + +/************************* Check and Radio items * */ +.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view .tile check:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #9dccff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } + +.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view .tile check:hover:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #9dccff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } + +.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view .tile check:active:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #9dccff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } + +.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view .tile check:backdrop:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #cecece; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } + +.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view .tile check:checked:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: #504300; background-color: #9dccff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } + +.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view .tile check:checked:hover:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: #504300; background-color: #9dccff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } + +.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view .tile check:checked:active:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: #504300; background-color: #9dccff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } + +.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view .tile check:backdrop:checked:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: rgba(80, 67, 0, 0.8); background-color: #cecece; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } + +checkbutton { border-spacing: 4px; border-radius: 5px; transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +checkbutton { outline: 0 solid transparent; outline-offset: 4px; } + +checkbutton:focus:focus-visible { outline-color: rgba(157, 204, 255, 0.5); outline-width: 2px; outline-offset: -2px; } + +checkbutton.text-button { padding: 4px; } + +check, radio { min-height: 14px; min-width: 14px; border: 1px solid; -gtk-icon-source: none; } + +check, radio { background-clip: padding-box; background-image: linear-gradient(to bottom, #e0e0e0 20%, #d3d3d3 90%); border-color: #000000; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #000000; } + +check:hover, radio:hover { background-image: linear-gradient(to bottom, #eaeaea 10%, #dddddd 90%); } + +check:active, radio:active { box-shadow: inset 0 1px rgba(0, 0, 0, 0.2); background-image: image(#c6c6c6); } + +check:disabled, radio:disabled { box-shadow: none; color: #552222; background-image: image(#c7bebe); } + +check:checked, radio:checked { background-clip: border-box; background-image: linear-gradient(to bottom, #b7d9ff 20%, #9dccff 90%); border-color: #000000; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #000000; } + +check:checked:hover, radio:checked:hover { background-image: linear-gradient(to bottom, #cbe4ff 10%, #b1d7ff 90%); } + +check:checked:active, radio:checked:active { box-shadow: inset 0 1px rgba(0, 0, 0, 0.2); background-image: image(#84bfff); } + +check:checked:disabled, radio:checked:disabled { box-shadow: none; color: #552222; background-image: image(#c7bebe); } + +check:indeterminate, radio:indeterminate { background-clip: border-box; background-image: linear-gradient(to bottom, #b7d9ff 20%, #9dccff 90%); border-color: #000000; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #000000; } + +check:indeterminate:hover, radio:indeterminate:hover { background-image: linear-gradient(to bottom, #cbe4ff 10%, #b1d7ff 90%); } + +check:indeterminate:active, radio:indeterminate:active { box-shadow: inset 0 1px rgba(0, 0, 0, 0.2); background-image: image(#84bfff); } + +check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; color: #552222; background-image: image(#c7bebe); } + +check:disabled, radio:disabled { color: #552222; border-color: #552222; } + +row:selected check, row:selected radio { border-color: #000000; } + +check { border-radius: 3px; -gtk-icon-size: 14px; } + +check:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/check-symbolic.symbolic.png")), -gtk-recolor(url("assets/check@2-symbolic.symbolic.png"))); } + +check:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); } + +treeview.view radio:selected:selected, radio { border-radius: 100%; -gtk-icon-size: 14px; } + +treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/bullet-symbolic.symbolic.png")), -gtk-recolor(url("assets/bullet@2-symbolic.symbolic.png"))); } + +treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); } + +treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: #000000; } + +/************ GtkScale * */ +progressbar > trough, scale > trough > fill, scale > trough { border: 1px solid #9b9b9b; border-radius: 3px; background-color: #b2b2b2; } + +headerbar progressbar > trough, headerbar scale > trough > fill, headerbar scale > trough { background-color: #9e9e9e; } + +progressbar > trough:disabled, scale > trough > fill:disabled, scale > trough:disabled { background-color: #c7bebe; border-color: #785f5f; } + +row:selected progressbar > trough, row:selected scale > trough > fill, row:selected scale > trough { outline-color: rgba(255, 255, 255, 0.8); border-color: #51a4ff; } + +.osd progressbar > trough, .osd scale > trough > fill, .osd scale > trough { border-color: #504300; background-color: rgba(80, 67, 0, 0.3); } + +.osd progressbar > trough:disabled, .osd scale > trough > fill:disabled, .osd scale > trough:disabled { background-color: rgba(238, 236, 148, 0.5); } + +progressbar > trough > progress, scale > trough > highlight { border: 1px solid #51a4ff; border-radius: 3px; background-color: #9dccff; } + +progressbar > trough > progress:disabled, scale > trough > highlight:disabled { background-color: #998080; border-color: transparent; } + +row:selected progressbar > trough > progress, row:selected scale > trough > highlight { border-color: #51a4ff; } + +.osd progressbar > trough > progress, .osd scale > trough > highlight { border-color: #504300; } + +.osd progressbar > trough > progress:disabled, .osd scale > trough > highlight:disabled { border-color: transparent; } + +scale { min-height: 10px; min-width: 10px; padding: 12px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +scale > trough { outline: 0 solid transparent; outline-offset: 16px; } + +scale:focus:focus-visible > trough { outline-color: rgba(157, 204, 255, 0.5); outline-width: 2px; outline-offset: 10px; } + +scale > trough { transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +scale > trough > fill, scale > trough > highlight { margin: -1px; } + +scale.fine-tune > trough > slider, scale.fine-tune > trough > slider:active, scale.fine-tune > trough > slider:hover, scale.fine-tune > trough > slider:focus { background-color: #ffffa4; } + +scale > trough > fill:disabled { border-color: transparent; background-color: transparent; } + +.osd scale > trough > fill { background-color: #504300; } + +.osd scale > trough > fill:disabled { border-color: transparent; background-color: transparent; } + +scale > trough > slider { min-height: 18px; min-width: 18px; margin: -9px; color: #1d1d1d; background-color: #d3d3d3; border-color: #787878; outline-color: rgba(157, 204, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.65), 0 1px 2px rgba(0, 0, 0, 0.4); border-width: 1px; border-style: solid; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; } + +scale > trough > slider:hover { background-color: shade(#d3d3d3, 1.1); } + +scale > trough > slider:active { border-color: #9dccff; } + +scale > trough > slider:disabled { color: #552222; border-color: #8e7070; background-color: #c7bebe; background-image: none; text-shadow: none; -gtk-icon-shadow: none; } + +row:selected scale > trough > slider:disabled, row:selected scale > trough > slider { border-color: #51a4ff; } + +.osd scale > trough > slider { border-color: #413600; background-color: #ffffa4; } + +.osd scale > trough > slider:hover { background-color: #ffffa4; } + +.osd scale > trough > slider:active { background-color: #ffffa4; } + +.osd scale > trough > slider:disabled { background-color: #ffffa4; } + +scale > value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; } + +scale.horizontal > marks { color: alpha(currentColor,0.55); } + +scale.horizontal > marks.top { margin-bottom: 6px; } + +scale.horizontal > marks.bottom { margin-top: 6px; } + +scale.horizontal > marks indicator { background-color: currentColor; min-height: 6px; min-width: 1px; } + +scale.horizontal > value.left { margin-right: 9px; } + +scale.horizontal > value.right { margin-left: 9px; } + +scale.horizontal.marks-after slider { border-radius: 5px 5px 100% 100%; min-width: 10px; padding: 0; margin-right: 5px; margin-left: 5px; } + +scale.horizontal.marks-before slider { border-radius: 100% 100% 5px 5px; min-width: 10px; padding: 0; margin-right: 5px; margin-left: 5px; } + +scale.vertical > marks { color: alpha(currentColor,0.55); } + +scale.vertical > marks.top { margin-right: 6px; } + +scale.vertical > marks.bottom { margin-left: 6px; } + +scale.vertical > marks indicator { background-color: currentColor; min-height: 1px; min-width: 6px; } + +scale.vertical > value.top { margin-bottom: 9px; } + +scale.vertical > value.bottom { margin-top: 9px; } + +scale.vertical.marks-after slider { border-radius: 5px 100% 100% 5px; min-height: 10px; padding: 0; margin-top: 54px; margin-bottom: 5px; } + +scale.vertical.marks-before slider { border-radius: 100% 5px 5px 100%; min-height: 10px; padding: 0; margin-top: 5px; margin-bottom: 5px; } + +scale.color { min-height: 0; min-width: 0; } + +scale.color > trough { background-image: image(#9b9b9b); background-repeat: no-repeat; } + +scale.color.horizontal { padding: 0 0 15px 0; } + +scale.color.horizontal > trough { padding-bottom: 4px; background-position: 0 -3px; border-top-left-radius: 0; border-top-right-radius: 0; } + +scale.color.horizontal > trough > slider:dir(ltr):hover, scale.color.horizontal > trough > slider:dir(ltr):backdrop, scale.color.horizontal > trough > slider:dir(ltr):disabled, scale.color.horizontal > trough > slider:dir(ltr):backdrop:disabled, scale.color.horizontal > trough > slider:dir(ltr), scale.color.horizontal > trough > slider:dir(rtl):hover, scale.color.horizontal > trough > slider:dir(rtl):backdrop, scale.color.horizontal > trough > slider:dir(rtl):disabled, scale.color.horizontal > trough > slider:dir(rtl):backdrop:disabled, scale.color.horizontal > trough > slider:dir(rtl) { margin-bottom: -15px; margin-top: 6px; } + +scale.color.vertical:dir(ltr) { padding: 0 0 0 15px; } + +scale.color.vertical:dir(ltr) > trough { padding-left: 4px; background-position: 3px 0; border-bottom-right-radius: 0; border-top-right-radius: 0; } + +scale.color.vertical:dir(ltr) > trough > slider:hover, scale.color.vertical:dir(ltr) > trough > slider:backdrop, scale.color.vertical:dir(ltr) > trough > slider:disabled, scale.color.vertical:dir(ltr) > trough > slider:backdrop:disabled, scale.color.vertical:dir(ltr) > trough > slider { margin-left: -15px; margin-right: 6px; } + +scale.color.vertical:dir(rtl) { padding: 0 15px 0 0; } + +scale.color.vertical:dir(rtl) > trough { padding-right: 4px; background-position: -3px 0; border-bottom-left-radius: 0; border-top-left-radius: 0; } + +scale.color.vertical:dir(rtl) > trough > slider:hover, scale.color.vertical:dir(rtl) > trough > slider:backdrop, scale.color.vertical:dir(rtl) > trough > slider:disabled, scale.color.vertical:dir(rtl) > trough > slider:backdrop:disabled, scale.color.vertical:dir(rtl) > trough > slider { margin-right: -15px; margin-left: 6px; } + +/***************** Progress bars * */ +progressbar { font-size: smaller; color: rgba(29, 29, 29, 0.4); font-feature-settings: "tnum"; } + +progressbar.horizontal > trough { min-width: 150px; } + +progressbar.horizontal > trough, progressbar.horizontal > trough > progress { min-height: 2px; } + +progressbar.vertical > trough { min-height: 80px; } + +progressbar.vertical > trough, progressbar.vertical > trough > progress { min-width: 2px; } + +progressbar.horizontal > trough > progress { margin: 0 -1px; } + +progressbar.vertical > trough > progress { margin: -1px 0; } + +progressbar > trough > progress { /* share most of scales' */ /* override insensitive that is specific to progress */ border-radius: 1.5px; } + +progressbar > trough > progress:disabled { background-color: #552222; border-color: #552222; } + +progressbar > trough > progress.left { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } + +progressbar > trough > progress.right { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } + +progressbar > trough > progress.top { border-top-right-radius: 5px; border-top-left-radius: 5px; } + +progressbar > trough > progress.bottom { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } + +progressbar.osd { min-width: 3px; min-height: 3px; background-color: transparent; } + +progressbar.osd > trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; } + +progressbar.osd > trough > progress { border-style: none; border-radius: 0; } + +progressbar > trough.empty > progress { all: unset; } + +/************* Level Bar * */ +/************* Level Bar * */ +levelbar.horizontal trough > block { min-height: 9px; border-radius: 5px; } + +levelbar.horizontal trough > block:dir(rtl) { border-radius: 0 5px 5px 0; } + +levelbar.horizontal trough > block:dir(ltr) { border-radius: 5px 0 0 5px; } + +levelbar.horizontal trough > block.empty, levelbar.horizontal trough > block.full { border-radius: 5px; } + +levelbar.horizontal.discrete trough > block { min-height: 2px; margin: 1px; min-width: 24px; border-radius: 0; } + +levelbar.horizontal.discrete trough > block:first-child { border-radius: 2px 0 0 2px; } + +levelbar.horizontal.discrete trough > block:last-child { border-radius: 0 2px 2px 0; } + +levelbar.vertical trough > block { min-width: 9px; border-radius: 5px; } + +levelbar.vertical.discrete > trough > block { min-width: 2px; margin: 1px 0; min-height: 32px; } + +levelbar > trough { padding: 1px; color: #1d1d1d; border-color: #818181; background-color: #e5e5e5; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.5); border-radius: 5px; } + +levelbar > trough:backdrop { color: #444444; border-color: #a4a4a4; background-color: #e2e2e2; } + +levelbar > trough > block { border: 1px solid; } + +levelbar > trough > block.low { border-color: #c7bebe; background-color: #c7bebe; } + +levelbar > trough > block.high, levelbar > trough > block:not(.empty) { border-color: #9dccff; background-color: #9dccff; } + +levelbar > trough > block.full { border-color: #73d216; background-color: #73d216; } + +levelbar > trough > block.empty { background-color: #bcbcbc; border-color: #bcbcbc; } + +/**************** Print dialog * */ +window.dialog.print drawing { color: #1d1d1d; background: none; border: none; padding: 0; } + +window.dialog.print drawing paper { background: white; color: #2e3436; border: 1px solid #9b9b9b; } + +window.dialog.print .dialog-action-box { margin: 12px; } + +/********** Frames * */ +frame, .frame { border: 1px solid #9b9b9b; } + +frame { border-radius: 8px; } + +frame > label { margin: 4px; } + +actionbar > revealer > box { padding: 6px; border-top: 1px solid #9b9b9b; } + +actionbar > revealer > box, actionbar > revealer > box > box.start, actionbar > revealer > box > box.end { border-spacing: 6px; } + +scrolledwindow > overshoot.top { background-image: radial-gradient(farthest-side at top, #9dccff 85%, rgba(157, 204, 255, 0)), radial-gradient(farthest-side at top, rgba(157, 204, 255, 0.07), rgba(157, 204, 255, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow > overshoot.bottom { background-image: radial-gradient(farthest-side at bottom, #9dccff 85%, rgba(157, 204, 255, 0)), radial-gradient(farthest-side at bottom, rgba(157, 204, 255, 0.07), rgba(157, 204, 255, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow > overshoot.left { background-image: radial-gradient(farthest-side at left, #9dccff 85%, rgba(157, 204, 255, 0)), radial-gradient(farthest-side at left, rgba(157, 204, 255, 0.07), rgba(157, 204, 255, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow > overshoot.right { background-image: radial-gradient(farthest-side at right, #9dccff 85%, rgba(157, 204, 255, 0)), radial-gradient(farthest-side at right, rgba(157, 204, 255, 0.07), rgba(157, 204, 255, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow > junction { background: #9b9b9b, linear-gradient(to bottom, transparent 1px, #a7a7a7 1px), linear-gradient(to right, transparent 1px, #a7a7a7 1px); } + +scrolledwindow > junction:dir(rtl) { background: #9b9b9b, linear-gradient(to bottom, transparent 1px, #a7a7a7 1px), linear-gradient(to left, transparent 1px, #a7a7a7 1px); } + +separator { background: #a8a8a8; min-width: 1px; min-height: 1px; } + +/********* Lists * */ +listview, list { color: #1d1d1d; background-color: #e5e5e5; border-color: #9b9b9b; } + +listview:backdrop, list:backdrop { color: #444444; background-color: #e2e2e2; border-color: #a4a4a4; } + +listview > row, list > row { padding: 2px; } + +listview > row.expander, list > row.expander { padding: 0px; } + +listview > row.expander .row-header, list > row.expander .row-header { padding: 2px; } + +listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator), list.horizontal row.separator, list.separators.horizontal > row:not(.separator) { border-left: 1px solid #aaaaaa; } + +listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator), list:not(.horizontal) row.separator, list.separators:not(.horizontal) > row:not(.separator) { border-bottom: 1px solid #aaaaaa; } + +row { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +row { outline: 0 solid transparent; outline-offset: 4px; } + +row:focus:focus-visible { outline-color: rgba(157, 204, 255, 0.5); outline-width: 2px; outline-offset: -2px; } + +row.activatable.has-open-popup, row.activatable:hover { background-color: rgba(29, 29, 29, 0.05); } + +row.activatable:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } + +row.activatable:selected:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } + +row.activatable:selected.has-open-popup, row.activatable:selected:hover { background-color: #90bbe8; } + +row:selected { outline-color: rgba(255, 255, 255, 0.8); } + +columnview > listview > row { padding: 0; } + +columnview > listview > row > cell { padding: 8px 6px; } + +columnview > listview > row > cell:not(:first-child) { border-left: 1px solid transparent; } + +columnview.column-separators > listview > row > cell { border-left-color: #aaaaaa; } + +columnview.data-table > listview > row > cell { padding-top: 2px; padding-bottom: 2px; } + +treeexpander { border-spacing: 4px; } + +/******************************************************** Data Tables * treeview like tables with individual focusable cells * https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 * */ +columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { outline: 2px solid rgba(157, 204, 255, 0.5); } + +columnview row:not(:selected) cell editablelabel.editing:focus-within { outline: 2px solid #9dccff; } + +columnview row:not(:selected) cell editablelabel.editing text selection { background-color: rgba(182, 205, 231, 0.7); color: transparent; } + +columnview row:not(:selected) cell editablelabel.editing text selection:focus-within { background-color: rgba(157, 204, 255, 0.3); color: #1d1d1d; } + +/******************************************************* Rich Lists * Large list usually containing lots of widgets * https://gitlab.gnome.org/GNOME/gtk/-/issues/3073 * */ +.rich-list { /* rich lists usually containing other widgets than just labels/text */ } + +.rich-list > row { padding: 8px 12px; min-height: 32px; /* should be tall even when only containing a label */ } + +.rich-list > row > box { border-spacing: 12px; } + +/********************* App Notifications * */ +.app-notification { padding: 10px; border-spacing: 10px; border-radius: 0 0 5px 5px; background-color: rgba(255, 255, 164, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; } + +.app-notification border { border: none; } + +/************* Expanders * */ +expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + +expander:disabled { color: #552222; } + +expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +expander-widget { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +expander-widget > box > title { outline: 0 solid transparent; outline-offset: 4px; } + +expander-widget:focus:focus-visible > box > title { outline-color: rgba(157, 204, 255, 0.5); outline-width: 2px; outline-offset: -2px; } + +expander-widget > box > title { transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border-radius: 5px; } + +expander-widget > box > title:hover > expander { color: #6a6a6a; } + +.navigation-sidebar:not(decoration):not(window):drop(active):focus, .navigation-sidebar:not(decoration):not(window):drop(active), placessidebar:not(decoration):not(window):drop(active):focus, placessidebar:not(decoration):not(window):drop(active), stackswitcher:not(decoration):not(window):drop(active):focus, stackswitcher:not(decoration):not(window):drop(active), expander-widget:not(decoration):not(window):drop(active):focus, expander-widget:not(decoration):not(window):drop(active) { box-shadow: none; } + +/************ Calendar * */ +calendar { color: #1d1d1d; border: 1px solid #9b9b9b; font-feature-settings: "tnum"; } + +calendar > header { border-bottom: 1px solid #9b9b9b; } + +calendar > header > button { border: none; box-shadow: none; background: none; border-radius: 0; } + +calendar > header > button:backdrop { background: none; } + +calendar > grid > label.today { box-shadow: inset 0px -2px #9b9b9b; } + +calendar > grid > label.today:selected { box-shadow: none; } + +calendar > grid > label:focus { outline-color: rgba(157, 204, 255, 0.5); outline-offset: -2px; outline-width: 2px; outline-style: solid; } + +calendar > grid > label.day-number { padding: 4px; } + +calendar > grid > label.day-number:selected { border-radius: 3px; } + +calendar > grid > label.day-number.other-month { color: alpha(currentColor,0.3); } + +/*********** Dialogs * */ +window.dialog.message .titlebar { min-height: 20px; background-image: none; background-color: #c9c9c9; border-style: none; border-top-left-radius: 7px; border-top-right-radius: 7px; } + +window.dialog.message box.dialog-vbox.vertical { border-spacing: 10px; } + +window.dialog.message label.title { font-weight: 800; font-size: 15pt; } + +window.dialog.message.csd.background { border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; } + +window.dialog.message.csd .dialog-action-area button { padding: 10px 14px; border-radius: 0; border-left-style: solid; border-right-style: none; border-bottom-style: none; } + +window.dialog.message.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 7px; } + +window.dialog.message.csd .dialog-action-area button:last-child { border-bottom-right-radius: 7px; } + +filechooser .dialog-action-box { border-top: 1px solid #9b9b9b; } + +filechooser #pathbarbox { border-bottom: 1px solid #c9c9c9; } + +filechooserbutton > button > box { border-spacing: 6px; } + +filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; } + +/*********** Sidebar * */ +.sidebar { background-color: #d7d7d7; } + +.sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { border-right: 1px solid #9b9b9b; border-left-style: none; } + +.sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid #9b9b9b; border-right-style: none; } + +.sidebar listview.view, .sidebar list { background-color: transparent; } + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; } + +stacksidebar list.separators:not(.horizontal) > row:not(.separator) { border-bottom: none; } + +stacksidebar row { padding: 10px 4px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +stacksidebar row { outline: 0 solid transparent; outline-offset: 4px; } + +stacksidebar row:focus:focus-visible { outline-color: rgba(157, 204, 255, 0.5); outline-width: 2px; outline-offset: -2px; } + +stacksidebar row > label { padding-left: 6px; padding-right: 6px; } + +stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } + +stacksidebar row:selected { background-color: #9dccff; border-radius: 5px; color: #1d1d1d; } + +stacksidebar row:selected:hover:dir(ltr), stacksidebar row:selected:hover:dir(rtl) { background-color: #84bfff; } + +stacksidebar row.activatable:active, stacksidebar row.activatable:selected:active { box-shadow: none; } + +separator.sidebar { background-color: #9b9b9b; } + +/********************** Navigation Sidebar * */ +.navigation-sidebar { padding: 5px 0; } + +.navigation-sidebar > separator { margin: 5px; } + +.navigation-sidebar > row { min-height: 36px; padding: 0 8px; border-radius: 5px; margin: 0 5px 2px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +.navigation-sidebar > row { outline: 0 solid transparent; outline-offset: 4px; } + +.navigation-sidebar > row:focus-visible:focus-within { outline-color: rgba(157, 204, 255, 0.5); outline-width: 2px; outline-offset: -2px; } + +.navigation-sidebar > row:hover { background-color: #c1d9f2; } + +.navigation-sidebar > row:selected { background-color: #9dccff; color: inherit; } + +.navigation-sidebar > row:selected:hover { background-color: #dee3e8; } + +.navigation-sidebar > row:disabled { color: #552222; } + +/**************** File chooser * */ +row image.sidebar-icon { opacity: 1; } + +/* this should be more generic, only using .navigation-sidebar https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 */ +placessidebar .navigation-sidebar > row { padding: 0; } + +placessidebar .navigation-sidebar > row > revealer { padding: 0 14px; } + +placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { padding-right: 8px; } + +placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) { padding-left: 8px; } + +placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { padding-right: 2px; } + +placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) { padding-left: 2px; } + +button.sidebar-button { min-height: 26px; min-width: 26px; margin-top: 3px; margin-bottom: 3px; padding: 0; border-radius: 100%; } + +placessidebar .navigation-sidebar > row:selected:active { box-shadow: none; } + +placessidebar .navigation-sidebar > row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#73d216); background-clip: content-box; } + +placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { color: #9dccff; } + +placessidebar .navigation-sidebar > row:drop(active):not(:disabled) { color: #73d216; box-shadow: inset 0 1px #73d216, inset 0 -1px #73d216; } + +placessidebar .navigation-sidebar > row:drop(active):not(:disabled):selected { color: #000000; background-color: #73d216; } + +placesview .server-list-button > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -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 > box { border-spacing: 6px; } + +/********* Paned * */ +paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(#9b9b9b); background-size: 1px 1px; } + +paned > separator:selected { background-image: image(#9dccff); } + +paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #c9c9c9; background-image: image(#9b9b9b), image(#9b9b9b); background-size: 1px 1px, 1px 1px; } + +paned.horizontal > separator { background-repeat: repeat-y; } + +paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; } + +paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; } + +paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; } + +paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; } + +paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; } + +/************** GtkVideo * */ +video { background: black; } + +video image.osd { min-width: 64px; min-height: 64px; border-radius: 32px; } + +/************ Tooltips * */ +tooltip { padding: 6px 10px; border-radius: 8px; } + +tooltip.background { background-color: rgba(255, 255, 164, 0.9); background-clip: padding-box; border: 1px solid #504300; color: #504300; } + +tooltip > box { border-spacing: 6px; } + +/***************** Color Chooser * */ +colorswatch { transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +colorswatch { outline: 0 solid transparent; outline-offset: 6px; } + +colorswatch:focus:focus-visible { outline-color: rgba(157, 204, 255, 0.5); outline-width: 4px; outline-offset: -2px; } + +colorswatch:drop(active), colorswatch { border-style: none; } + +colorswatch.top { border-top-left-radius: 5.5px; border-top-right-radius: 5.5px; } + +colorswatch.top > overlay { border-top-left-radius: 5px; border-top-right-radius: 5px; } + +colorswatch.bottom { border-bottom-left-radius: 5.5px; border-bottom-right-radius: 5.5px; } + +colorswatch.bottom > overlay { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } + +colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 5.5px; border-bottom-left-radius: 5.5px; } + +colorswatch.left > overlay, colorswatch:first-child:not(.top) > overlay { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } + +colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 5.5px; border-bottom-right-radius: 5.5px; } + +colorswatch.right > overlay, colorswatch:last-child:not(.bottom) > overlay { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } + +colorswatch.dark > overlay { color: white; } + +colorswatch.dark.activatable:hover > overlay { border-color: rgba(0, 0, 0, 0.8); } + +colorswatch.light > overlay { color: black; } + +colorswatch.light.activatable:hover > overlay { border-color: rgba(0, 0, 0, 0.5); } + +colorswatch:drop(active) { box-shadow: none; } + +colorswatch:drop(active).light > overlay { border-color: #73d216; box-shadow: inset 0 0 0 2px #61b213, inset 0 0 0 1px #73d216; } + +colorswatch:drop(active).dark > overlay { border-color: #73d216; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.3), inset 0 0 0 1px #73d216; } + +colorswatch > overlay { border: 1px solid rgba(0, 0, 0, 0.3); } + +colorswatch.activatable:hover > overlay { box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.2); } + +colorswatch#add-color-button { border-radius: 5px 0 0 5px; } + +colorswatch#add-color-button:only-child { border-radius: 5px; } + +colorswatch#add-color-button > overlay { color: #1d1d1d; background-color: #d3d3d3; border-color: #787878; outline-color: rgba(157, 204, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.65), 0 1px 2px rgba(0, 0, 0, 0.4); } + +colorswatch#add-color-button.activatable:hover > overlay { background-color: shade(#d3d3d3, 1.1); } + +colorswatch:disabled { opacity: 0.5; } + +colorswatch:disabled > overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; } + +row:selected colorswatch { box-shadow: 0 0 0 2px #000000; } + +colorswatch#editor-color-sample { border-radius: 4px; } + +colorswatch#editor-color-sample > overlay { border-radius: 4.5px; } + +plane { transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +plane { outline: 0 solid transparent; outline-offset: 6px; } + +plane:focus:focus-visible { outline-color: rgba(157, 204, 255, 0.5); outline-width: 2px; outline-offset: 2px; } + +colorchooser .popover.osd { border-radius: 5px; } + +/******** Misc * */ +.content-view { background-color: #b7b7b7; } + +.content-view:hover { -gtk-icon-filter: brightness(1.2); } + +.content-view .tile { margin: 2px; background-color: transparent; border-radius: 0; padding: 0; } + +.content-view .tile:active, .content-view .tile:selected { background-color: transparent; } + +.content-view .tile:disabled { background-color: transparent; } + +/********************** Window Decorations * */ +window { border-width: 0px; } + +window.csd { box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.23); margin: 0px; border-radius: 8px 8px 0 0; } + +window.csd:backdrop { box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.18); transition: 200ms ease-out; } + +window.csd.popup { border-radius: 5px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } + +window.csd.dialog.message { border-radius: 8px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } + +window.solid-csd { margin: 0; padding: 4px; border: solid 1px #9b9b9b; border-radius: 0; box-shadow: inset 0 0 0 4px #9b9b9b, inset 0 0 0 3px #d6d6d6, inset 0 1px rgba(255, 255, 255, 0.8), 0 3px 5px rgba(0, 0, 0, 0.7); } + +window.solid-csd:backdrop { box-shadow: inset 0 0 0 4px #9b9b9b, inset 0 0 0 3px #c9c9c9, inset 0 1px rgba(255, 255, 255, 0.8), 0 3px 5px rgba(0, 0, 0, 0.7); } + +window.maximized, window.fullscreen { border-radius: 0; box-shadow: none; } + +window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom { border-radius: 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.23), 0 2px 6px 2px rgba(0, 0, 0, 0.7), 0 0 0 20px transparent; } + +window.tiled:backdrop, window.tiled-top:backdrop, window.tiled-left:backdrop, window.tiled-right:backdrop, window.tiled-bottom:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18), 0 2px 6px 2px rgba(0, 0, 0, 0.4), 0 0 0 20px transparent; } + +window.popup { box-shadow: none; } + +window.ssd { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.23); } + +tooltip.csd { border-radius: 5px; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.7); } + +.monospace { font-family: monospace; } + +/********************** Touch Copy & Paste * */ +/********************** Touch Copy & Paste * */ +cursor-handle { color: #1d1d1d; background-color: #d3d3d3; border-color: #787878; outline-color: rgba(157, 204, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.65), 0 1px 2px rgba(0, 0, 0, 0.4); border: 1px solid #848484; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; min-height: 18px; min-width: 10px; } + +cursor-handle:hover { background-color: shade(#d3d3d3, 1.1); } + +cursor-handle:active { border-color: #51a4ff; } + +cursor-handle:disabled { color: #552222; border-color: #8e7070; background-color: #c7bebe; background-image: none; text-shadow: none; -gtk-icon-shadow: none; } + +cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { border-radius: 100% 5px 5px 5px; } + +cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { border-radius: 5px 100% 5px 5px; } + +shortcuts-section { margin: 20px; } + +.shortcuts-search-results { margin: 20px; border-spacing: 24px; } + +shortcut { border-spacing: 6px; } + +shortcut > .keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #1d1d1d; background-color: #e5e5e5; border: 1px solid; border-color: #b2b2b2; border-radius: 5px; box-shadow: inset 0 -3px #cfcfcf; font-size: smaller; } + +:not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #73d216; box-shadow: inset 0 0 0 1px #73d216; caret-color: #73d216; } + +stackswitcher > button.text-button { min-width: 100px; } + +stackswitcher.circular { border-spacing: 12px; } + +stackswitcher.circular > button.circular, stackswitcher.circular > button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; } + +/************* App Icons * */ +/* Outline for low res icons */ +.lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } + +/* Drapshadow for large icons */ +.icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } + +/********* Emoji * */ +popover.emoji-picker > contents { padding: 0; } + +.emoji-searchbar { padding: 6px; border-spacing: 6px; border-bottom: 1px solid #9b9b9b; } + +.emoji-toolbar { padding: 6px; border-spacing: 6px; border-top: 1px solid #9b9b9b; } + +button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; padding: 3px 0 0; min-width: 32px; min-height: 28px; /* reset props inherited from the button style */ background: none; box-shadow: none; text-shadow: none; } + +button.emoji-section:hover { border-color: #9b9b9b; } + +button.emoji-section:checked { border-color: #9dccff; } + +popover.emoji-picker emoji { font-size: x-large; padding: 6px; border-radius: 6px; } + +popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { background: #9dccff; } + +emoji-completion-row > box { border-spacing: 10px; padding: 2px 10px; } + +emoji-completion-row:focus, emoji-completion-row:hover { background-color: #9dccff; color: #000000; } + +emoji-completion-row emoji:focus, emoji-completion-row emoji:hover { background-color: #9dccff; } + +popover.entry-completion > contents { padding: 0; } + +statusbar { padding: 6px 10px 6px 10px; } + +menubutton > button > box { border-spacing: 6px; } + +menubutton arrow { min-height: 16px; min-width: 16px; } + +menubutton arrow.none { -gtk-icon-source: -gtk-icontheme("open-menu-symbolic"); } + +menubutton arrow.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +menubutton arrow.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + +menubutton arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + +menubutton arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +undershoot { background-repeat: no-repeat; background-clip: border-box; } + +undershoot.top { background-image: linear-gradient(to bottom, alpha(currentColor,0.5), alpha(currentColor,0.2), alpha(currentColor,0)); background-size: 100% 1em; background-position: top; } + +undershoot.bottom { background-image: linear-gradient(to top, alpha(currentColor,0.5), alpha(currentColor,0.2), alpha(currentColor,0)); background-size: 100% 1em; background-position: bottom; } + +undershoot.left { background-image: linear-gradient(to right, alpha(currentColor,0.5), alpha(currentColor,0.2), alpha(currentColor,0)); background-size: 1em 100%; background-position: left; } + +undershoot.right { background-image: linear-gradient(to left, alpha(currentColor,0.5), alpha(currentColor,0.2), alpha(currentColor,0)); background-size: 1em 100%; background-position: right; } + +/* GTK NAMED COLORS ---------------- use responsibly! */ +/* +widget text/foreground color */ +@define-color theme_fg_color #1d1d1d; +/* +text color for entries, views and content in general */ +@define-color theme_text_color #1d1d1d; +/* +widget base background color */ +@define-color theme_bg_color #c9c9c9; +/* +text widgets and the like base background color */ +@define-color theme_base_color #e5e5e5; +/* +base background color of selections */ +@define-color theme_selected_bg_color #9dccff; +/* +text/foreground color of selections */ +@define-color theme_selected_fg_color #000000; +/* +base background color of insensitive widgets */ +@define-color insensitive_bg_color #c7bebe; +/* +text foreground color of insensitive widgets */ +@define-color insensitive_fg_color #552222; +/* +insensitive text widgets and the like base background color */ +@define-color insensitive_base_color #e5e5e5; +/* +widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #737373; +/* +text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color #1d1d1d; +/* +widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #c9c9c9; +/* +text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #e2e2e2; +/* +base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #9dccff; +/* +text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #000000; +/* +insensitive color on backdrop windows*/ +@define-color unfocused_insensitive_color #a3a3a3; +/* +widgets main borders color */ +@define-color borders #9b9b9b; +/* +widgets main borders color on backdrop windows */ +@define-color unfocused_borders #a4a4a4; +/* +these are pretty self explicative */ +@define-color warning_color #c7bebe; +@define-color error_color #df0000; +@define-color success_color #73d216; +/* +these colors are exported for the window manager and shouldn't be used in applications, +read if you used those and something break with a version upgrade you're on your own... */ +@define-color wm_title shade(#1d1d1d, 1.8); +@define-color wm_unfocused_title #737373; +@define-color wm_highlight rgba(255, 255, 255, 0.8); +@define-color wm_borders_edge rgba(255, 255, 255, 0.8); +@define-color wm_bg_a shade(#c9c9c9, 1.2); +@define-color wm_bg_b #c9c9c9; +@define-color wm_shadow alpha(black, 0.35); +@define-color wm_border alpha(black, 0.18); +@define-color wm_button_hover_color_a shade(#c9c9c9, 1.3); +@define-color wm_button_hover_color_b #c9c9c9; +@define-color wm_button_active_color_a shade(#c9c9c9, 0.85); +@define-color wm_button_active_color_b shade(#c9c9c9, 0.89); +@define-color wm_button_active_color_c shade(#c9c9c9, 0.9); +/* content view background such as thumbnails view in Photos or Boxes */ +@define-color content_view_bg #e5e5e5; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #e5e5e5; diff --git a/source/gtk4/gtk.css b/source/gtk4/gtk.css new file mode 100644 index 0000000..cf32f05 --- /dev/null +++ b/source/gtk4/gtk.css @@ -0,0 +1 @@ +@import url("resource:///org/gtk/libgtk/theme/Default/Default-light.css"); diff --git a/source/gtk4/meson.build b/source/gtk4/meson.build new file mode 100644 index 0000000..5e52a8b --- /dev/null +++ b/source/gtk4/meson.build @@ -0,0 +1,26 @@ +default_scss_files = files([ + '_colors-public.scss', + '_colors.scss', + '_common.scss', + '_drawing.scss', +]) + +default_theme_variants = [ + 'light', + 'dark', + 'hc', + 'hc-dark', +] + +default_theme_deps = [] + +foreach variant: default_theme_variants + default_theme_deps += custom_target('Default theme variant: ' + variant, + input: 'Default-@0@.scss'.format(variant), + output: 'Default-@0@.css'.format(variant), + command: [ + sassc, sassc_opts, '@INPUT@', '@OUTPUT@', + ], + depend_files: default_scss_files, + ) +endforeach diff --git a/source/gtk4/render-assets.sh b/source/gtk4/render-assets.sh new file mode 100755 index 0000000..f4b6998 --- /dev/null +++ b/source/gtk4/render-assets.sh @@ -0,0 +1,38 @@ +#! /bin/bash + +INKSCAPE="/usr/bin/inkscape" +OPTIPNG="/usr/bin/optipng" + +INDEX="assets.txt" + +for s in "" "-hc"; +do + SRC_FILE="assets$s.svg" + ASSETS_DIR="assets$s" + + 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 +done +exit 0 diff --git a/source/templates/_theme_colors.scss b/source/templates/_theme_colors.scss new file mode 100644 index 0000000..c170a99 --- /dev/null +++ b/source/templates/_theme_colors.scss @@ -0,0 +1,37 @@ +$window_fg: ${vwindow_fg}; +$window_bg: ${vwindow_bg}; +$text_widget_fg: ${vtext_widget_fg}; +$text_widget_bg: ${vtext_widget_bg}; + +$selected_fg: ${vselected_fg}; +$selected_bg: ${vselected_bg}; + +$button_fg: ${vbutton_fg}; +$button_bg: ${vbutton_bg}; +$button_checked_bg: ${vbutton_checked_bg}; +$button_checked_fg: ${vbutton_checked_fg}; + + +$disabled_fg: ${vdisabled_fg}; +$disabled_bg: ${vdisabled_bg}; + +/*Usually an automatic fg color on these backgrounds should check this value!*/ +$warningc: ${vdisabled_bg}; +$errorc: ${verrorc}; +$successc: ${vsuccessc}; + + +$titlebar_active_fg: ${vtitlebar_active_fg}; +$titlebar_active_bg: ${vtitlebar_active_bg}; + +$titlebar_backdrop_fg: ${vtitlebar_backdrop_fg}; +$titlebar_backdrop_bg: ${vtitlebar_backdrop_bg}; + +$hint_fg: ${vhint_fg}; +$hint_bg: ${vhint_bg}; + +$osd_fg: ${vosd_fg}; +$osd_bg: ${vosd_bg}; + +$link_fg: ${vlink_fg}; +$link_visited_fg: ${vlink_visited_fg}; diff --git a/source/templates/_theme_colors.scss.processed b/source/templates/_theme_colors.scss.processed new file mode 100644 index 0000000..c1a16f1 --- /dev/null +++ b/source/templates/_theme_colors.scss.processed @@ -0,0 +1,37 @@ +$window_fg: #1d1d1d; +$window_bg: #c9c9c9; +$text_widget_fg: #1d1d1d; +$text_widget_bg: #e5e5e5; + +$selected_fg: #000000; +$selected_bg: #9dccff; + +$button_fg: #1d1d1d; +$button_bg: #d3d3d3; +$button_checked_bg: #9dccff; +$button_checked_fg: #000000; + + +$disabled_fg: #552222; +$disabled_bg: #c7bebe; + +/*Usually an automatic fg color on these backgrounds should check this value!*/ +$warningc: #c7bebe; +$errorc: #df0000; +$successc: #73d216; + + +$titlebar_active_fg: #000000; +$titlebar_active_bg: #9dccff; + +$titlebar_backdrop_fg: #1d1d1d; +$titlebar_backdrop_bg: #c9c9c9; + +$hint_fg: #504300; +$hint_bg: #ffffa4; + +$osd_fg: #504300; +$osd_bg: #ffffa4; + +$link_fg: #004B91; +$link_visited_fg: #680091; diff --git a/source/templates/_theme_colors.scss.unused b/source/templates/_theme_colors.scss.unused new file mode 100644 index 0000000..8a51311 --- /dev/null +++ b/source/templates/_theme_colors.scss.unused @@ -0,0 +1,37 @@ +$window_fg: $vwindow_fg; +$window_bg: $vwindow_bg; +$text_widget_fg: $vtext_widget_fg; +$text_widget_bg: $vtext_widget_bg; + +$selected_fg: $vselected_fg; +$selected_bg: $vselected_bg; + +$button_fg: $vbutton_fg; +$button_bg: $vbutton_bg; +$button_checked_bg: $vbutton_checked_bg; +$button_checked_fg: $vbutton_checked_fg; + + +$disabled_fg: $vdisabled_fg; +$disabled_bg: $vdisabled_bg; + +/*Usually an automatic fg color on these backgrounds should check this value!*/ +$warningc: $vdisabled_bg; +$errorc: $verrorc; +$successc: $vsuccessc; + + +$titlebar_active_fg: $vtitlebar_active_fg; +$titlebar_active_bg: $vtitlebar_active_bg; + +$titlebar_backdrop_fg: $vtitlebar_backdrop_fg; +$titlebar_backdrop_bg: $vtitlebar_backdrop_bg; + +$hint_fg: $vhint_fg; +$hint_bg: $vhint_bg; + +$osd_fg: $vosd_fg; +$osd_bg: $vosd_bg; + +$link_fg: $vlink_fg; +$link_visited_fg: $vlink_visited_fg; diff --git a/source/templates/_theme_colors.scss~ b/source/templates/_theme_colors.scss~ new file mode 100644 index 0000000..95cd0af --- /dev/null +++ b/source/templates/_theme_colors.scss~ @@ -0,0 +1,37 @@ +"$window_fg: "$vwindow_fg; +$window_bg: $vwindow_bg; +$text_widget_fg: $vtext_widget_fg; +$text_widget_bg: $vtext_widget_bg; + +$selected_fg: $vselected_fg; +$selected_bg: $vselected_bg; + +$button_fg: $vbutton_fg; +$button_bg: $vbutton_bg; +$button_checked_bg: $vbutton_checked_bg; +$button_checked_fg: $vbutton_checked_fg; + + +$disabled_fg: $vdisabled_fg; +$disabled_bg: $vdisabled_bg; + +/*Usually an automatic fg color on these backgrounds should check this value!*/ +$warningc: $vdisabled_bg; +$errorc: $verrorc; +$successc: $vsuccessc; + + +$titlebar_active_fg: $vtitlebar_active_fg; +$titlebar_active_bg: $vtitlebar_active_bg; + +$titlebar_backdrop_fg: $vtitlebar_backdrop_fg; +$titlebar_backdrop_bg: $vtitlebar_backdrop_bg; + +$hint_fg: $vhint_fg; +$hint_bg: $vhint_bg; + +$osd_fg: $vosd_fg; +$osd_bg: $vosd_bg; + +$link_fg: $vlink_fg; +$link_visited_fg: $vlink_visited_fg; diff --git a/source/templates/colorscheme-GlossyApertures.sh b/source/templates/colorscheme-GlossyApertures.sh new file mode 100755 index 0000000..30aeb77 --- /dev/null +++ b/source/templates/colorscheme-GlossyApertures.sh @@ -0,0 +1,53 @@ +#! /bin/bash + +# This file contains a color scheme for GlossyApertures theme +# To use it, follow these steps: +# 1. execute ./use_scheme.sh +# (this processes templates to create some files, which are then copyied to their respective source directory) +# 2. go up one directory, to "source", and execute "./compile.sh light" or "./compile.sh dark" depending on whether the theme is light or dark + + +# GlossyApertures: light, with grayish tones and blueish cyan accents, easy on the eyes + +vwindow_fg="#1d1d1d" +vwindow_bg="#c9c9c9" +vtext_widget_fg="#1d1d1d" +vtext_widget_bg="#e5e5e5" + +vselected_fg="#000000" +vselected_bg="#9dccff" + +vbutton_fg="#1d1d1d" +vbutton_bg="#d3d3d3" +vbutton_checked_bg=$vselected_bg +vbutton_checked_fg=$vselected_fg + + +vdisabled_fg="#552222" +vdisabled_bg="#c7bebe" + +# Usually an automatic fg color on these backgrounds should check this value! + +vwarningc="#e17800" +verrorc="#df0000" +vsuccessc="#73d216" + + +vtitlebar_active_fg=$vselected_fg +vtitlebar_active_bg=$vselected_bg + +vtitlebar_backdrop_fg=$vwindow_fg +vtitlebar_backdrop_bg=$vwindow_bg + +vhint_fg="#504300" +vhint_bg="#ffffa4" + +vosd_fg=$vhint_fg +vosd_bg=$vhint_bg + +vlink_fg="#004B91" +vlink_visited_fg="#680091" + + +# export vwindow_fg vwindow_bg vtext_widget_fg vtext_widget_bg vselected_fg vselected_bg vbutton_fg vbutton_bg vbutton_checked_bg vbutton_checked_fg vdisabled_fg vdisabled_bg vwarningc verrorc vsuccessc vtitlebar_active_fg vtitlebar_active_bg vtitlebar_backdrop_fg vtitlebar_backdrop_bg vhint_fg vhint_bg vosd_fg vosd_bg vlink_fg vlink_visited_fg + diff --git a/source/templates/colorscheme-Skewaita_original_light.sh b/source/templates/colorscheme-Skewaita_original_light.sh new file mode 100755 index 0000000..6a5c7fe --- /dev/null +++ b/source/templates/colorscheme-Skewaita_original_light.sh @@ -0,0 +1,53 @@ +#! /bin/bash + +# This file contains a color scheme for Skewaita GTK theme +# To use it, follow these steps: +# 1. execute ./use_scheme.sh +# (this processes templates to create some files, which are then copyied to their respective source directory) +# 2. go up one directory, to "source", and execute "./compile.sh light" or "./compile.sh dark" depending on whether the theme is light or dark + + +# Original Skewaita: light, with grayish tones and light green accents, VERY easy on the eyes + +vwindow_fg="#241f31" +vwindow_bg="#a7a7a7" +vtext_widget_fg="#241f31" +vtext_widget_bg="#908f8d" + +vselected_fg="#000000" +vselected_bg="#b0dd7e" + +vbutton_fg="#241f31" +vbutton_bg="#bcbeb9" +vbutton_checked_bg=$vselected_bg +vbutton_checked_fg=$vselected_fg + + +vdisabled_fg="#552222" +vdisabled_bg="#938989" + +# Usually an automatic fg color on these backgrounds should check this value! + +vwarningc="#f57900" +verrorc="#990000" +vsuccessc="#73d216" + + +vtitlebar_active_fg=$vselected_fg +vtitlebar_active_bg=$vselected_bg + +vtitlebar_backdrop_fg=$vwindow_fg +vtitlebar_backdrop_bg=$vwindow_bg + +vhint_fg="#002269" +vhint_bg="#6789b4" + +vosd_fg=$vhint_fg +vosd_bg=$vhint_bg + +vlink_fg="#004B91" +vlink_visited_fg="#680091" + + +# export vwindow_fg vwindow_bg vtext_widget_fg vtext_widget_bg vselected_fg vselected_bg vbutton_fg vbutton_bg vbutton_checked_bg vbutton_checked_fg vdisabled_fg vdisabled_bg vwarningc verrorc vsuccessc vtitlebar_active_fg vtitlebar_active_bg vtitlebar_backdrop_fg vtitlebar_backdrop_bg vhint_fg vhint_bg vosd_fg vosd_bg vlink_fg vlink_visited_fg + diff --git a/source/templates/colorscheme-Soil_dark.sh b/source/templates/colorscheme-Soil_dark.sh new file mode 100755 index 0000000..e206f38 --- /dev/null +++ b/source/templates/colorscheme-Soil_dark.sh @@ -0,0 +1,53 @@ +#! /bin/bash + +# This file contains a color scheme for Skewaita GTK theme +# To use it, follow these steps: +# 1. execute ./use_scheme.sh +# (this processes templates to create some files, which are then copyied to their respective source directory) +# 2. go up one directory, to "source", and execute "./compile.sh light" or "./compile.sh dark" depending on whether the theme is light or dark + + +# Soil colors: dark gray, with green accents, readable and easy on the eyes + +vwindow_fg="#c0c0c0" +vwindow_bg="#3f3e3e" +vtext_widget_fg="#b0b0b0" +vtext_widget_bg="#2d2c2c" + +vselected_fg="#b5f08f" +vselected_bg="#669900" + +vbutton_fg=$vtext_widget_fg +vbutton_bg="#343F37" +vbutton_checked_bg=$vselected_bg +vbutton_checked_fg=$vselected_fg + + +vdisabled_fg="#a14242" +vdisabled_bg="#482B2B" + +# Usually an automatic fg color on these backgrounds should check this value! + +vwarningc="#f57900" +verrorc="#CC0000" +vsuccessc="#33d17a" + + +vtitlebar_active_fg=$vselected_fg +vtitlebar_active_bg=$vselected_bg + +vtitlebar_backdrop_fg=$vwindow_fg +vtitlebar_backdrop_bg=$vwindow_bg + +vhint_fg="#5696c1" +vhint_bg="#25456e" + +vosd_fg=$vhint_fg +vosd_bg=$vhint_bg + +vlink_fg="#99c1f1" +vlink_visited_fg="#dc8add" + + +# export vwindow_fg vwindow_bg vtext_widget_fg vtext_widget_bg vselected_fg vselected_bg vbutton_fg vbutton_bg vbutton_checked_bg vbutton_checked_fg vdisabled_fg vdisabled_bg vwarningc verrorc vsuccessc vtitlebar_active_fg vtitlebar_active_bg vtitlebar_backdrop_fg vtitlebar_backdrop_bg vhint_fg vhint_bg vosd_fg vosd_bg vlink_fg vlink_visited_fg + diff --git a/source/templates/gtkrc b/source/templates/gtkrc new file mode 100644 index 0000000..f7cc1fa --- /dev/null +++ b/source/templates/gtkrc @@ -0,0 +1,446 @@ + +# Please keep this gtkrc in sync with the other ones from Clearlooks based themes. + +gtk-color-scheme = "bg_color:${vwindow_bg}" +gtk-color-scheme = "fg_color:${vwindow_fg}" +gtk-color-scheme = "base_color:${vtext_widget_bg}" +gtk-color-scheme = "text_color:${vtext_widget_fg}" +gtk-color-scheme = "selected_bg_color:${vselected_bg}" +gtk-color-scheme = "selected_fg_color:${vselected_fg}" +gtk-color-scheme = "tooltip_bg_color:${vhint_bg}" +gtk-color-scheme = "tooltip_fg_color:${vhint_fg}" +gtk-color-scheme = "disabled_bg_color:${vdisabled_bg}" +gtk-color-scheme = "disabled_fg_color:${vdisabled_fg}" +gtk-color-scheme = "button_bg_color:${vbutton_bg}" +gtk-color-scheme = "button_fg_color:${vbutton_fg}" +gtk-color-scheme = "button_checked_bg_color:${vbutton_checked_bg}" +gtk-color-scheme = "button_checked_fg_color:${vbutton_checked_fg}" + + +style "default" { + xthickness = 1 + ythickness = 1 + + ####################### + # Style Properties + ####################### + GtkButton::child-displacement-x = 1 + GtkButton::child-displacement-y = 1 + GtkButton::default-border = { 0, 0, 0, 0 } + GtkButton::image-spacing = 4 + GtkToolButton::icon-spacing = 4 + + GtkCheckButton::indicator-size = 14 + + GtkPaned::handle-size = 6 + + GtkRange::trough-border = 0 + GtkRange::slider-width = 15 + GtkRange::stepper-size = 15 + + GtkScale::slider-length = 23 + GtkScale::trough-side-details = 1 + + GtkScrollbar::min-slider-length = 30 + GtkMenuBar::internal-padding = 0 + GtkExpander::expander-size = 16 + GtkToolbar::internal-padding = 1 + GtkTreeView::expander-size = 14 + GtkTreeView::vertical-separator = 0 + + GtkMenu::horizontal-padding = 0 + GtkMenu::vertical-padding = 0 + + WnckTasklist::fade-overlay-rect = 0 + # The following line hints to gecko (and possibly other appliations) + # that the entry should be drawn transparently on the canvas. + # Without this, gecko will fill in the background of the entry. + GtkEntry::honors-transparent-bg-hint = 1 + + GtkEntry::progress-border = { 2, 2, 2, 2 } + + #################### + # Color Definitions + #################### + bg[NORMAL] = @bg_color + bg[PRELIGHT] = shade (1.02, @bg_color) + bg[SELECTED] = @selected_bg_color + bg[INSENSITIVE] = @disabled_bg_color + bg[ACTIVE] = shade (0.9, @bg_color) + + fg[NORMAL] = @fg_color + fg[PRELIGHT] = @fg_color + fg[SELECTED] = @selected_fg_color + fg[INSENSITIVE] = @disabled_fg_color + fg[ACTIVE] = @fg_color + + text[NORMAL] = @text_color + text[PRELIGHT] = @text_color + text[SELECTED] = @selected_fg_color + text[INSENSITIVE] = @disabled_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] = @disabled_bg_color + base[ACTIVE] = shade (0.9, @selected_bg_color) + + engine "clearlooks" { + colorize_scrollbar = FALSE + reliefstyle = 1 + menubarstyle = 2 + toolbarstyle = 1 + animation = FALSE + radius = 3.0 + style = GUMMY + + # Set a hint to disable backward compatibility fallbacks. + hint = "use-hints" + } +} + +style "wide" { + xthickness = 2 + ythickness = 2 +} + +style "wider" { + xthickness = 3 + ythickness = 3 +} + +style "entry" { + xthickness = 3 + ythickness = 3 + + bg[SELECTED] = mix (0.4, @selected_bg_color, @base_color) + fg[SELECTED] = @text_color + + engine "clearlooks" { + focus_color = shade (0.65, @selected_bg_color) + } +} + +style "spinbutton" { + + engine "clearlooks" { + hint = "spinbutton" + } +} + +style "scale" { + xthickness = 2 + ythickness = 2 + + engine "clearlooks" { + hint = "scale" + } +} + +style "vscale" { + + engine "clearlooks" { + hint = "vscale" + } +} + +style "hscale" { + + engine "clearlooks" { + hint = "hscale" + } +} + +style "scrollbar" { + xthickness = 2 + ythickness = 2 + + engine "clearlooks" { + hint = "scrollbar" + } +} + +style "hscrollbar" { + + engine "clearlooks" { + hint = "hscrollbar" + } +} + +style "vscrollbar" { + + engine "clearlooks" { + hint = "vscrollbar" + } +} + +style "notebook_bg" { + + bg[NORMAL] = shade (1.02, @bg_color) +} + +style "button" { + xthickness = 3 + ythickness = 3 + + bg[NORMAL] = @button_bg_color + fg[NORMAL] = @button_fg_color +<<<<<<< HEAD + bg[PRELIGHT] = shade (1.06, @button_bg_color) +======= + bg[PRELIGHT] = shade (1.06, @button_checked_bg_color) +>>>>>>> 2c3647c (Finished templating. Now it's only a matter of adding more themes!) + bg[ACTIVE] = @button_checked_bg_color + fg[ACTIVE] = @button_checked_fg_color +} + +# The color is changed by the notebook_bg style, this style +# changes the x/ythickness +style "notebook" { + xthickness = 3 + ythickness = 3 +} + +style "statusbar" { + + engine "clearlooks" { + hint = "statusbar" + } +} + +style "comboboxentry" { + + engine "clearlooks" { + # Note: + # If you set the appears-as-list option on comboboxes in the theme, + # then you should set this hint on the combobox instead. + hint = "comboboxentry" + } +} + +style "menubar" { + + engine "clearlooks" { + hint = "menubar" + } +} + +style "menu" { + xthickness = 0 + ythickness = 0 + + bg[NORMAL] = shade (1.08, @bg_color) + + engine "clearlooks" { + radius = 0.0 + } +} + +style "menu_item" { + xthickness = 2 + ythickness = 3 + + fg[PRELIGHT] = @selected_fg_color +} + +# This style is there to modify the separator menu items. The goals are: +# 1. Get a specific height. +# 2. The line should go to the edges (ie. no border at the left/right) +style "separator_menu_item" { + xthickness = 1 + ythickness = 0 + + GtkSeparatorMenuItem::horizontal-padding = 0 + GtkWidget::wide-separators = 1 + GtkWidget::separator-width = 1 + GtkWidget::separator-height = 7 +} + +style "frame_title" { + + fg[NORMAL] = lighter (@fg_color) +} + +style "treeview" { + + engine "clearlooks" { + hint = "treeview" + } +} + +# The almost useless progress bar style +style "progressbar" { + xthickness = 1 + ythickness = 1 + + fg[PRELIGHT] = @selected_fg_color + + engine "clearlooks" { + # Explicitly set the radius for the progress bars inside menu items. + radius = 3.0 + + hint = "progressbar" + } +} + +# This style is based on the default style, so that the colors from the button +# style are overriden again. +style "treeview_header" = "default" { + xthickness = 2 + ythickness = 1 + + engine "clearlooks" { + hint = "treeview-header" + } +} + +style "tooltips" { + xthickness = 4 + ythickness = 4 + + bg[NORMAL] = @tooltip_bg_color + fg[NORMAL] = @tooltip_fg_color +} + +style "nautilus_location" { + + bg[NORMAL] = mix (0.60, shade (1.05, @bg_color), @selected_bg_color) +} + +# Wrokaroudn style for places where the text color is used instead of the fg color. +style "text_is_fg_color_workaround" { + + text[NORMAL] = @fg_color + text[PRELIGHT] = @fg_color + text[SELECTED] = @selected_fg_color + text[ACTIVE] = @fg_color + text[INSENSITIVE] = @disabled_fg_color +} + +# Workaround style for menus where the text color is used instead of the fg color. +style "menuitem_text_is_fg_color_workaround" { + + text[NORMAL] = @fg_color + text[PRELIGHT] = @selected_fg_color + text[SELECTED] = @selected_fg_color + text[ACTIVE] = @fg_color + text[INSENSITIVE] = @disabled_fg_color +} + +# Workaround style for places where the fg color is used instead of the text color. +style "fg_is_text_color_workaround" { + + fg[NORMAL] = @text_color + fg[PRELIGHT] = @text_color + fg[SELECTED] = @selected_fg_color + fg[ACTIVE] = @selected_fg_color + fg[INSENSITIVE] = @disabled_fg_color +} + +# Style to set the toolbar to use a flat style. This is because the "New" button in +# Evolution is not drawn transparent. So if there is a gradient in the background it will +# look really wrong. +# See http://bugzilla.gnome.org/show_bug.cgi?id=446953. +style "evo_new_button_workaround" { + + engine "clearlooks" { + toolbarstyle = 0 + } +} + + +############################################################################### +# The following part of the gtkrc applies the different styles to the widgets. +############################################################################### + +# The default style is applied to every widget +class "GtkWidget" style "default" + +class "GtkSeparator" style "wide" +class "GtkFrame" style "wide" +class "GtkCalendar" style "wide" +class "GtkEntry" style "entry" + +class "GtkSpinButton" style "spinbutton" +class "GtkScale" style "scale" +class "GtkVScale" style "vscale" +class "GtkHScale" style "hscale" +class "GtkScrollbar" style "scrollbar" +class "GtkHScrollbar" style "hscrollbar" +class "GtkVScrollbar" style "vscrollbar" + +# General matching follows. The order is choosen so that the right styles override +# each other. EG. progressbar needs to be more important than the menu match. +widget_class "*" style "notebook_bg" +# This is not perfect, it could be done better. +# (That is modify *every* widget in the notebook, and change those back that +# we really don't want changed) +widget_class "**" style "notebook_bg" +widget_class "**" style "notebook_bg" +widget_class "**" style "notebook_bg" +widget_class "**" style "notebook_bg" +widget_class "**" style "notebook_bg" + +widget_class "*" style "button" +widget_class "*" style "notebook" +widget_class "**" style "statusbar" + +widget_class "**" style "comboboxentry" +widget_class "**" style "comboboxentry" + +widget_class "**" style "menubar" +widget_class "**" style "menu" +widget_class "**" style "menu_item" +widget_class "**" style "separator_menu_item" + +widget_class "*.." style "frame_title" +widget_class "*.*" style "treeview" + +widget_class "*" style "progressbar" + +# Treeview headers (and similar stock GTK+ widgets) +widget_class "*.." style "treeview_header" +widget_class "*.." style "treeview_header" +widget_class "*.." style "treeview_header" +widget_class "*.." style "treeview_header" + +# The window of the tooltip is called "gtk-tooltip" +################################################################## +# FIXME: +# This will not work if one embeds eg. a button into the tooltip. +# As far as I can tell right now we will need to rework the theme +# quite a bit to get this working correctly. +# (It will involve setting different priorities, etc.) +################################################################## +widget "gtk-tooltip*" style "tooltips" + +########################################################################## +# Following are special cases and workarounds for issues in applications. +########################################################################## + +# Workaround for the evolution ETable (bug #527532) +widget_class "*.." style "treeview_header" +# Workaround for the evolution ETree +widget_class "*.." style "treeview_header" + +# Special case the nautilus-extra-view-widget +# ToDo: A more generic approach for all applications that have a widget like this. +widget "*.nautilus-extra-view-widget" style : highest "nautilus_location" + +# Work around for http://bugzilla.gnome.org/show_bug.cgi?id=382646 +# Note that this work around assumes that the combobox is _not_ in appears-as-list mode. +widget_class "*.." style "text_is_fg_color_workaround" +# This is the part of the workaround that fixes the menus +widget "*.gtk-combobox-popup-menu.*" style "menuitem_text_is_fg_color_workaround" + +# Work around the usage of GtkLabel inside GtkListItems to display text. +# This breaks because the label is shown on a background that is based on the base color. +widget_class "**" style "fg_is_text_color_workaround" +# GtkCList also uses the fg color to draw text on top of the base colors. +widget_class "*" style "fg_is_text_color_workaround" +# Nautilus when renaming files, and maybe other places. +widget_class "*" style "fg_is_text_color_workaround" + +# See the documentation of the style. +widget_class "EShellWindow.GtkVBox.BonoboDock.BonoboDockBand.BonoboDockItem*" style "evo_new_button_workaround" diff --git a/source/templates/gtkrc.processed b/source/templates/gtkrc.processed new file mode 100644 index 0000000..4bba054 --- /dev/null +++ b/source/templates/gtkrc.processed @@ -0,0 +1,446 @@ + +# Please keep this gtkrc in sync with the other ones from Clearlooks based themes. + +gtk-color-scheme = "bg_color:#c9c9c9" +gtk-color-scheme = "fg_color:#1d1d1d" +gtk-color-scheme = "base_color:#e5e5e5" +gtk-color-scheme = "text_color:#1d1d1d" +gtk-color-scheme = "selected_bg_color:#9dccff" +gtk-color-scheme = "selected_fg_color:#000000" +gtk-color-scheme = "tooltip_bg_color:#ffffa4" +gtk-color-scheme = "tooltip_fg_color:#504300" +gtk-color-scheme = "disabled_bg_color:#c7bebe" +gtk-color-scheme = "disabled_fg_color:#552222" +gtk-color-scheme = "button_bg_color:#d3d3d3" +gtk-color-scheme = "button_fg_color:#1d1d1d" +gtk-color-scheme = "button_checked_bg_color:#9dccff" +gtk-color-scheme = "button_checked_fg_color:#000000" + + +style "default" { +xthickness = 1 +ythickness = 1 + +####################### +# Style Properties +####################### +GtkButton::child-displacement-x = 1 +GtkButton::child-displacement-y = 1 +GtkButton::default-border = { 0, 0, 0, 0 } +GtkButton::image-spacing = 4 +GtkToolButton::icon-spacing = 4 + +GtkCheckButton::indicator-size = 14 + +GtkPaned::handle-size = 6 + +GtkRange::trough-border = 0 +GtkRange::slider-width = 15 +GtkRange::stepper-size = 15 + +GtkScale::slider-length = 23 +GtkScale::trough-side-details = 1 + +GtkScrollbar::min-slider-length = 30 +GtkMenuBar::internal-padding = 0 +GtkExpander::expander-size = 16 +GtkToolbar::internal-padding = 1 +GtkTreeView::expander-size = 14 +GtkTreeView::vertical-separator = 0 + +GtkMenu::horizontal-padding = 0 +GtkMenu::vertical-padding = 0 + +WnckTasklist::fade-overlay-rect = 0 +# The following line hints to gecko (and possibly other appliations) +# that the entry should be drawn transparently on the canvas. +# Without this, gecko will fill in the background of the entry. +GtkEntry::honors-transparent-bg-hint = 1 + +GtkEntry::progress-border = { 2, 2, 2, 2 } + +#################### +# Color Definitions +#################### +bg[NORMAL] = @bg_color +bg[PRELIGHT] = shade (1.02, @bg_color) +bg[SELECTED] = @selected_bg_color +bg[INSENSITIVE] = @disabled_bg_color +bg[ACTIVE] = shade (0.9, @bg_color) + +fg[NORMAL] = @fg_color +fg[PRELIGHT] = @fg_color +fg[SELECTED] = @selected_fg_color +fg[INSENSITIVE] = @disabled_fg_color +fg[ACTIVE] = @fg_color + +text[NORMAL] = @text_color +text[PRELIGHT] = @text_color +text[SELECTED] = @selected_fg_color +text[INSENSITIVE] = @disabled_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] = @disabled_bg_color +base[ACTIVE] = shade (0.9, @selected_bg_color) + +engine "clearlooks" { +colorize_scrollbar = FALSE +reliefstyle = 1 +menubarstyle = 2 +toolbarstyle = 1 +animation = FALSE +radius = 3.0 +style = GUMMY + +# Set a hint to disable backward compatibility fallbacks. +hint = "use-hints" +} +} + +style "wide" { +xthickness = 2 +ythickness = 2 +} + +style "wider" { +xthickness = 3 +ythickness = 3 +} + +style "entry" { +xthickness = 3 +ythickness = 3 + +bg[SELECTED] = mix (0.4, @selected_bg_color, @base_color) +fg[SELECTED] = @text_color + +engine "clearlooks" { +focus_color = shade (0.65, @selected_bg_color) +} +} + +style "spinbutton" { + +engine "clearlooks" { +hint = "spinbutton" +} +} + +style "scale" { +xthickness = 2 +ythickness = 2 + +engine "clearlooks" { +hint = "scale" +} +} + +style "vscale" { + +engine "clearlooks" { +hint = "vscale" +} +} + +style "hscale" { + +engine "clearlooks" { +hint = "hscale" +} +} + +style "scrollbar" { +xthickness = 2 +ythickness = 2 + +engine "clearlooks" { +hint = "scrollbar" +} +} + +style "hscrollbar" { + +engine "clearlooks" { +hint = "hscrollbar" +} +} + +style "vscrollbar" { + +engine "clearlooks" { +hint = "vscrollbar" +} +} + +style "notebook_bg" { + +bg[NORMAL] = shade (1.02, @bg_color) +} + +style "button" { +xthickness = 3 +ythickness = 3 + +bg[NORMAL] = @button_bg_color +fg[NORMAL] = @button_fg_color +<<<<<<< HEAD +bg[PRELIGHT] = shade (1.06, @button_bg_color) +======= +bg[PRELIGHT] = shade (1.06, @button_checked_bg_color) +>>>>>>> 2c3647c (Finished templating. Now it's only a matter of adding more themes!) +bg[ACTIVE] = @button_checked_bg_color +fg[ACTIVE] = @button_checked_fg_color +} + +# The color is changed by the notebook_bg style, this style +# changes the x/ythickness +style "notebook" { +xthickness = 3 +ythickness = 3 +} + +style "statusbar" { + +engine "clearlooks" { +hint = "statusbar" +} +} + +style "comboboxentry" { + +engine "clearlooks" { +# Note: +# If you set the appears-as-list option on comboboxes in the theme, +# then you should set this hint on the combobox instead. +hint = "comboboxentry" +} +} + +style "menubar" { + +engine "clearlooks" { +hint = "menubar" +} +} + +style "menu" { +xthickness = 0 +ythickness = 0 + +bg[NORMAL] = shade (1.08, @bg_color) + +engine "clearlooks" { +radius = 0.0 +} +} + +style "menu_item" { +xthickness = 2 +ythickness = 3 + +fg[PRELIGHT] = @selected_fg_color +} + +# This style is there to modify the separator menu items. The goals are: +# 1. Get a specific height. +# 2. The line should go to the edges (ie. no border at the left/right) +style "separator_menu_item" { +xthickness = 1 +ythickness = 0 + +GtkSeparatorMenuItem::horizontal-padding = 0 +GtkWidget::wide-separators = 1 +GtkWidget::separator-width = 1 +GtkWidget::separator-height = 7 +} + +style "frame_title" { + +fg[NORMAL] = lighter (@fg_color) +} + +style "treeview" { + +engine "clearlooks" { +hint = "treeview" +} +} + +# The almost useless progress bar style +style "progressbar" { +xthickness = 1 +ythickness = 1 + +fg[PRELIGHT] = @selected_fg_color + +engine "clearlooks" { +# Explicitly set the radius for the progress bars inside menu items. +radius = 3.0 + +hint = "progressbar" +} +} + +# This style is based on the default style, so that the colors from the button +# style are overriden again. +style "treeview_header" = "default" { +xthickness = 2 +ythickness = 1 + +engine "clearlooks" { +hint = "treeview-header" +} +} + +style "tooltips" { +xthickness = 4 +ythickness = 4 + +bg[NORMAL] = @tooltip_bg_color +fg[NORMAL] = @tooltip_fg_color +} + +style "nautilus_location" { + +bg[NORMAL] = mix (0.60, shade (1.05, @bg_color), @selected_bg_color) +} + +# Wrokaroudn style for places where the text color is used instead of the fg color. +style "text_is_fg_color_workaround" { + +text[NORMAL] = @fg_color +text[PRELIGHT] = @fg_color +text[SELECTED] = @selected_fg_color +text[ACTIVE] = @fg_color +text[INSENSITIVE] = @disabled_fg_color +} + +# Workaround style for menus where the text color is used instead of the fg color. +style "menuitem_text_is_fg_color_workaround" { + +text[NORMAL] = @fg_color +text[PRELIGHT] = @selected_fg_color +text[SELECTED] = @selected_fg_color +text[ACTIVE] = @fg_color +text[INSENSITIVE] = @disabled_fg_color +} + +# Workaround style for places where the fg color is used instead of the text color. +style "fg_is_text_color_workaround" { + +fg[NORMAL] = @text_color +fg[PRELIGHT] = @text_color +fg[SELECTED] = @selected_fg_color +fg[ACTIVE] = @selected_fg_color +fg[INSENSITIVE] = @disabled_fg_color +} + +# Style to set the toolbar to use a flat style. This is because the "New" button in +# Evolution is not drawn transparent. So if there is a gradient in the background it will +# look really wrong. +# See http://bugzilla.gnome.org/show_bug.cgi?id=446953. +style "evo_new_button_workaround" { + +engine "clearlooks" { +toolbarstyle = 0 +} +} + + +############################################################################### +# The following part of the gtkrc applies the different styles to the widgets. +############################################################################### + +# The default style is applied to every widget +class "GtkWidget" style "default" + +class "GtkSeparator" style "wide" +class "GtkFrame" style "wide" +class "GtkCalendar" style "wide" +class "GtkEntry" style "entry" + +class "GtkSpinButton" style "spinbutton" +class "GtkScale" style "scale" +class "GtkVScale" style "vscale" +class "GtkHScale" style "hscale" +class "GtkScrollbar" style "scrollbar" +class "GtkHScrollbar" style "hscrollbar" +class "GtkVScrollbar" style "vscrollbar" + +# General matching follows. The order is choosen so that the right styles override +# each other. EG. progressbar needs to be more important than the menu match. +widget_class "*" style "notebook_bg" +# This is not perfect, it could be done better. +# (That is modify *every* widget in the notebook, and change those back that +# we really don't want changed) +widget_class "**" style "notebook_bg" +widget_class "**" style "notebook_bg" +widget_class "**" style "notebook_bg" +widget_class "**" style "notebook_bg" +widget_class "**" style "notebook_bg" + +widget_class "*" style "button" +widget_class "*" style "notebook" +widget_class "**" style "statusbar" + +widget_class "**" style "comboboxentry" +widget_class "**" style "comboboxentry" + +widget_class "**" style "menubar" +widget_class "**" style "menu" +widget_class "**" style "menu_item" +widget_class "**" style "separator_menu_item" + +widget_class "*.." style "frame_title" +widget_class "*.*" style "treeview" + +widget_class "*" style "progressbar" + +# Treeview headers (and similar stock GTK+ widgets) +widget_class "*.." style "treeview_header" +widget_class "*.." style "treeview_header" +widget_class "*.." style "treeview_header" +widget_class "*.." style "treeview_header" + +# The window of the tooltip is called "gtk-tooltip" +################################################################## +# FIXME: +# This will not work if one embeds eg. a button into the tooltip. +# As far as I can tell right now we will need to rework the theme +# quite a bit to get this working correctly. +# (It will involve setting different priorities, etc.) +################################################################## +widget "gtk-tooltip*" style "tooltips" + +########################################################################## +# Following are special cases and workarounds for issues in applications. +########################################################################## + +# Workaround for the evolution ETable (bug #527532) +widget_class "*.." style "treeview_header" +# Workaround for the evolution ETree +widget_class "*.." style "treeview_header" + +# Special case the nautilus-extra-view-widget +# ToDo: A more generic approach for all applications that have a widget like this. +widget "*.nautilus-extra-view-widget" style : highest "nautilus_location" + +# Work around for http://bugzilla.gnome.org/show_bug.cgi?id=382646 +# Note that this work around assumes that the combobox is _not_ in appears-as-list mode. +widget_class "*.." style "text_is_fg_color_workaround" +# This is the part of the workaround that fixes the menus +widget "*.gtk-combobox-popup-menu.*" style "menuitem_text_is_fg_color_workaround" + +# Work around the usage of GtkLabel inside GtkListItems to display text. +# This breaks because the label is shown on a background that is based on the base color. +widget_class "**" style "fg_is_text_color_workaround" +# GtkCList also uses the fg color to draw text on top of the base colors. +widget_class "*" style "fg_is_text_color_workaround" +# Nautilus when renaming files, and maybe other places. +widget_class "*" style "fg_is_text_color_workaround" + +# See the documentation of the style. +widget_class "EShellWindow.GtkVBox.BonoboDock.BonoboDockBand.BonoboDockItem*" style "evo_new_button_workaround" diff --git a/source/templates/process_variables.sh~ b/source/templates/process_variables.sh~ new file mode 100755 index 0000000..6e29031 --- /dev/null +++ b/source/templates/process_variables.sh~ @@ -0,0 +1,5 @@ +#! /bin/bash + +source variables.sh + +envsubst <_theme_colors.scss >theme_colors_.scss.ok \ No newline at end of file diff --git a/source/templates/theme_colors_.scss.processed b/source/templates/theme_colors_.scss.processed new file mode 100644 index 0000000..cc4c959 --- /dev/null +++ b/source/templates/theme_colors_.scss.processed @@ -0,0 +1,37 @@ +$window_fg: #241f31; +$window_bg: #a7a7a7; +$text_widget_fg: #241f31; +$text_widget_bg: #908f8d; + +$selected_fg: #000000; +$selected_bg: #b0dd7e; + +$button_fg: #241f31; +$button_bg: #bcbeb9; +$button_checked_bg: #b0dd7e; +$button_checked_fg: #000000; + + +$disabled_fg: #552222; +$disabled_bg: #938989; + +/*Usually an automatic fg color on these backgrounds should check this value!*/ +$warningc: #938989; +$errorc: #990000; +$successc: #73d216; + + +$titlebar_active_fg: #000000; +$titlebar_active_bg: #b0dd7e; + +$titlebar_backdrop_fg: #241f31; +$titlebar_backdrop_bg: #a7a7a7; + +$hint_fg: #002269; +$hint_bg: #6789b4; + +$osd_fg: #002269; +$osd_bg: #6789b4; + +$link_fg: #004B91; +$link_visited_fg: #680091; diff --git a/source/templates/use_scheme.sh b/source/templates/use_scheme.sh new file mode 100755 index 0000000..d2014da --- /dev/null +++ b/source/templates/use_scheme.sh @@ -0,0 +1,56 @@ +#! /bin/bash + +# exit when any command fails +set -e + +usage () { + echo -e "\nUsage:" + echo -e $(basename "$0") "name_of_color_scheme_file.sh\n" + echo -e "Changes current color scheme for Skewaita, using the specified color scheme bash file." + echo -e "After this step, you need to rebuild the theme:" + echo -e 'go up one directory, to "source", and execute "./compile.sh light" or "./compile.sh dark" depending on whether the theme is light or dark\n' +} + + +# Check for correct parameters and the existence of color scheme file + +if [[ $# -ne 1 ]] +then + usage + exit 1 +fi + +filename=$1 + +# if color scheme filename provided does not include .sh extension, add it +[[ "$filename" == *.sh ]] || filename="$filename.sh" + +echo -e "\nReading color scheme from file '$filename'\n" + + +source $filename + +# envsubst <_theme_colors.scss >theme_colors_.scss.processed # not working! + +echo "New color scheme read; processing template files..." + +for FILE in "_theme_colors.scss" "gtkrc" ; do + echo " processing $FILE..." + while read -r line ; do + while [[ "$line" =~ (\$\{[a-zA-Z_][a-zA-Z_0-9]*\}) ]] ; do + LHS=${BASH_REMATCH[1]} + RHS="$(eval echo "\"$LHS\"")" + line=${line//$LHS/$RHS} + done + echo "$line" + done < "$FILE" > "$FILE.processed" +done + +echo "Done; copying processed files" + +cp _theme_colors.scss.processed ../common/_theme_colors.scss +cp gtkrc.processed ../../gtk-2.0/gtkrc +echo -e "\nSUCCESS\n" +echo "Now you need to rebuild the theme:" +echo -e 'go up one directory, to "source", and execute "./compile.sh light" or "./compile.sh dark" depending on whether the theme is light or dark\n' + diff --git a/source/templates/variables.sh~ b/source/templates/variables.sh~ new file mode 100755 index 0000000..58a6bcc --- /dev/null +++ b/source/templates/variables.sh~ @@ -0,0 +1,46 @@ +#! /bin/bash + +# Gray light green scheme + +window_fg="#241f31" +window_bg="#a7a7a7" +text_widget_fg="#241f31" +text_widget_bg="#908f8d" + +selected_fg="#000000" +selected_bg="#b0dd7e" + +button_fg="#241f31" +button_bg="#bcbeb9" +button_checked_bg=$selected_bg +button_checked_fg=$selected_fg + + +disabled_fg="#552222" +disabled_bg="#938989" + +# Usually an automatic fg color on these backgrounds should check this value! + +warningc="#f57900" +errorc="#990000" +successc="#73d216" + + +titlebar_active_fg=$selected_fg +titlebar_active_bg=$selected_bg + +titlebar_backdrop_fg=$window_fg +titlebar_backdrop_bg=$window_bg + +hint_fg="#002269" +hint_bg="#6789b4" + +osd_fg=$hint_fg +osd_bg=$hint_bg + +link_fg="#004B91" +link_visited_fg="#680091" + + +export window_fg window_bg text_widget_fg text_widget_bg selected_fg selected_bg button_fg button_bg button_checked_bg button_checked_fg disabled_fg disabled_bg warningc errorc successc titlebar_active_fg titlebar_active_bg titlebar_backdrop_fg titlebar_backdrop_bg hint_fg hint_bg osd_fg osd_bg link_fg link_visited_fg + diff --git a/xfwm4/README b/xfwm4/README new file mode 100755 index 0000000..9ef3e34 --- /dev/null +++ b/xfwm4/README @@ -0,0 +1,6 @@ + +Just replace the pics of kindaker's with windows vista Aero like. + +---------------------------------------------------------------------------- +Any questions could mail to lenovox: :) + diff --git a/xfwm4/bottom-active.xpm b/xfwm4/bottom-active.xpm new file mode 100755 index 0000000..d987300 --- /dev/null +++ b/xfwm4/bottom-active.xpm @@ -0,0 +1,12 @@ +/* XPM */ +static char * bottom_active_xpm[] = { +"10 6 3 1", +" c None", +". c #BFD4EA", +"+ c #58606A", +"..........", +"..........", +"..........", +"..........", +"..........", +"++++++++++"}; diff --git a/xfwm4/bottom-inactive.xpm b/xfwm4/bottom-inactive.xpm new file mode 100755 index 0000000..d987300 --- /dev/null +++ b/xfwm4/bottom-inactive.xpm @@ -0,0 +1,12 @@ +/* XPM */ +static char * bottom_active_xpm[] = { +"10 6 3 1", +" c None", +". c #BFD4EA", +"+ c #58606A", +"..........", +"..........", +"..........", +"..........", +"..........", +"++++++++++"}; diff --git a/xfwm4/bottom-left-active.xpm b/xfwm4/bottom-left-active.xpm new file mode 100755 index 0000000..7d3b4b4 --- /dev/null +++ b/xfwm4/bottom-left-active.xpm @@ -0,0 +1,32 @@ +/* XPM */ +static char * bottom_left_active_xpm[] = { +"25 25 4 1", +" c None", +". c #58606A", +"+ c #BFD4EA", +"@ c #B6D0E5", +".+++++ ", +".+++++ ", +".+++++ ", +".+++++ ", +".+++++ ", +".+++++ ", +".+++++ ", +".+++++ ", +".+++++ ", +".+++++ ", +".+++++ ", +".+++++ ", +".+++++ ", +".+++++ ", +".+++++ ", +".+++++ ", +".+++++ ", +".+++++ ", +".+++++ ", +".++++++++++++++++++++++++", +".++++++++++++++++@+++++++", +".++++++++++++++++++++++++", +" .+++++++++++++++++++++++", +" .++++++++++++++++++++++", +" ......................"}; diff --git a/xfwm4/bottom-left-inactive.xpm b/xfwm4/bottom-left-inactive.xpm new file mode 100755 index 0000000..7d3b4b4 --- /dev/null +++ b/xfwm4/bottom-left-inactive.xpm @@ -0,0 +1,32 @@ +/* XPM */ +static char * bottom_left_active_xpm[] = { +"25 25 4 1", +" c None", +". c #58606A", +"+ c #BFD4EA", +"@ c #B6D0E5", +".+++++ ", +".+++++ ", +".+++++ ", +".+++++ ", +".+++++ ", +".+++++ ", +".+++++ ", +".+++++ ", +".+++++ ", +".+++++ ", +".+++++ ", +".+++++ ", +".+++++ ", +".+++++ ", +".+++++ ", +".+++++ ", +".+++++ ", +".+++++ ", +".+++++ ", +".++++++++++++++++++++++++", +".++++++++++++++++@+++++++", +".++++++++++++++++++++++++", +" .+++++++++++++++++++++++", +" .++++++++++++++++++++++", +" ......................"}; diff --git a/xfwm4/bottom-right-active.xpm b/xfwm4/bottom-right-active.xpm new file mode 100755 index 0000000..cdd0b3e --- /dev/null +++ b/xfwm4/bottom-right-active.xpm @@ -0,0 +1,31 @@ +/* XPM */ +static char * bottom_right_active_xpm[] = { +"25 25 3 1", +" c None", +". c #BFD4EA", +"+ c #58606A", +" .....+", +" .....+", +" .....+", +" .....+", +" .....+", +" .....+", +" .....+", +" .....+", +" .....+", +" .....+", +" .....+", +" .....+", +" .....+", +" .....+", +" .....+", +" .....+", +" .....+", +" .....+", +" .....+", +"........................+", +"........................+", +"........................+", +".......................+ ", +"......................+ ", +"++++++++++++++++++++++ "}; diff --git a/xfwm4/bottom-right-inactive.xpm b/xfwm4/bottom-right-inactive.xpm new file mode 100755 index 0000000..cdd0b3e --- /dev/null +++ b/xfwm4/bottom-right-inactive.xpm @@ -0,0 +1,31 @@ +/* XPM */ +static char * bottom_right_active_xpm[] = { +"25 25 3 1", +" c None", +". c #BFD4EA", +"+ c #58606A", +" .....+", +" .....+", +" .....+", +" .....+", +" .....+", +" .....+", +" .....+", +" .....+", +" .....+", +" .....+", +" .....+", +" .....+", +" .....+", +" .....+", +" .....+", +" .....+", +" .....+", +" .....+", +" .....+", +"........................+", +"........................+", +"........................+", +".......................+ ", +"......................+ ", +"++++++++++++++++++++++ "}; diff --git a/xfwm4/close-active.xpm b/xfwm4/close-active.xpm new file mode 100755 index 0000000..671312a --- /dev/null +++ b/xfwm4/close-active.xpm @@ -0,0 +1,133 @@ +/* XPM */ +static char * close_active_xpm[] = { +"32 30 100 2", +" c None", +". c #B5CEE7", +"+ c #B4CCE5", +"@ c #909CA7", +"# c #777A7D", +"$ c #707070", +"% c #909CA8", +"& c #948784", +"* c #E8D2CE", +"= c #F5D6D0", +"- c #F4D4CD", +"; c #938683", +"> c #77797C", +", c #E7D1CB", +"' c #E9B0A3", +") c #E7A698", +"! c #E9B0A4", +"~ c #E7D0CC", +"{ c #F3D4CD", +"] c #E6A395", +"^ c #F2CFC9", +"/ c #E59F92", +"( c #8C7B78", +"_ c #DB9B8F", +": c #DC9B8F", +"< c #8D7C79", +"[ c #F1CDC7", +"} c #E39B8E", +"| c #FFFFFF", +"1 c #DDDDDD", +"2 c #807E7D", +"3 c #D09489", +"4 c #D2958A", +"5 c #807D7D", +"6 c #DBDBDB", +"7 c #F0CCC5", +"8 c #E1988A", +"9 c #837774", +"0 c #E7E7E7", +"a c #E6E6E6", +"b c #7F7D7C", +"c c #7F7C7C", +"d c #E4E4E4", +"e c #E9E9E9", +"f c #817674", +"g c #EFCBC4", +"h c #DF9688", +"i c #D39285", +"j c #818180", +"k c #EBEBEB", +"l c #E5E5E5", +"m c #EDEDED", +"n c #848382", +"o c #D19185", +"p c #E3B1A7", +"q c #C7624E", +"r c #B46454", +"s c #81807F", +"t c #EEEEEE", +"u c #838383", +"v c #B26656", +"w c #DCA397", +"x c #B9462F", +"y c #AE4E3B", +"z c #7E7B7B", +"A c #EAEAEA", +"B c #7F7E7D", +"C c #AB4E3B", +"D c #DEA59A", +"E c #BC4B34", +"F c #B54F3A", +"G c #807D7C", +"H c #DFA99E", +"I c #BE523D", +"J c #7F6A66", +"K c #7E7D7D", +"L c #7E7D7C", +"M c #E1ADA2", +"N c #C25A45", +"O c #B45F4E", +"P c #7F7D7D", +"Q c #C6634F", +"R c #806D69", +"S c #BE6553", +"T c #806E6A", +"U c #E6B9B1", +"V c #CA6B59", +"W c #E6BAB1", +"X c #DEC0BA", +"Y c #D38373", +"Z c #CD7462", +"` c #D38474", +" . c #DEC0B9", +".. c #8E7D79", +"+. c #DFC1BC", +"@. c #E9C1B9", +"#. c #E8BDB5", +"$. c #DFC2BC", +"%. c #8F7D7A", +"&. c #919DA9", +" ", +". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ", +". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ", +". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ", +". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ", +". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ", +". . + @ # $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ # % + . . ", +". . % & * = - - - - - - - - - - - - - - - - - - - - = * ; % . . ", +". . > , ' ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ! ~ # . . ", +". . $ { ] ] ] ] ] ] ] ] ] ] ] ] ] ] ] ] ] ] ] ] ] ] ] ] { $ . . ", +". . $ ^ / / / / / / / / $ ( _ / / : < $ / / / / / / / / ^ $ . . ", +". . $ [ } } } } } } } $ | 1 2 3 4 5 6 | $ } } } } } } } [ $ . . ", +". . $ 7 8 8 8 8 8 8 8 9 0 | a b c d | e f 8 8 8 8 8 8 8 7 $ . . ", +". . $ g h h h h h h h i j k | a l | m n o h h h h h h h g $ . . ", +". . $ p q q q q q q q q r s k | | t u v q q q q q q q q p $ . . ", +". . $ w x x x x x x x x y z a | | A B C x x x x x x x x w $ . . ", +". . $ D E E E E E E E F G 0 | e e | e b F E E E E E E E D $ . . ", +". . $ H I I I I I I I J d | e K L e | d J I I I I I I I H $ . . ", +". . $ M N N N N N N N $ | d b O O P d | $ N N N N N N N M $ . . ", +". . $ p Q Q Q Q Q Q Q Q $ R S Q Q S T $ Q Q Q Q Q Q Q Q p $ . . ", +". . $ U V V V V V V V V V V V V V V V V V V V V V V V V W $ . . ", +". . > X Y Z Z Z Z Z Z Z Z Z Z Z Z Z Z Z Z Z Z Z Z Z Z ` .# . . ", +". . % ..+.@.#.#.#.#.#.#.#.#.#.#.#.#.#.#.#.#.#.#.#.#.@.$.%.&.. . ", +". . + &.# $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ # &.+ . . ", +". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ", +". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ", +". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ", +". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ", +". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ", +" "}; diff --git a/xfwm4/close-inactive.xpm b/xfwm4/close-inactive.xpm new file mode 100755 index 0000000..d295881 --- /dev/null +++ b/xfwm4/close-inactive.xpm @@ -0,0 +1,84 @@ +/* XPM */ +static char * close_inactive_xpm[] = { +"32 30 51 1", +" c None", +". c #B5CEE7", +"+ c #8F99A2", +"@ c #707171", +"# c #707070", +"$ c #969BA0", +"% c #E5ECF3", +"& c #DFEAF4", +"* c #E4ECF3", +"= c #C0D5E9", +"- c #BED4E9", +"; c #83888D", +"> c #B7CCDF", +", c #B8CCE0", +"' c #84898E", +") c #FFFFFF", +"! c #DDDDDD", +"~ c #7F7F80", +"{ c #B1C4D6", +"] c #B2C5D7", +"^ c #7E7F80", +"/ c #DBDBDB", +"( c #7D8184", +"_ c #E7E7E7", +": c #E6E6E6", +"< c #7E7F7F", +"[ c #7E7E7F", +"} c #E4E4E4", +"| c #E9E9E9", +"1 c #7C7F83", +"2 c #B5C9DB", +"3 c #818182", +"4 c #EBEBEB", +"5 c #E5E5E5", +"6 c #EDEDED", +"7 c #848484", +"8 c #B4C7DA", +"9 c #ADBFCF", +"0 c #818181", +"a c #EEEEEE", +"b c #838484", +"c c #ABBBCC", +"d c #B1C3D5", +"e c #EAEAEA", +"f c #7F8080", +"g c #B0C1D2", +"h c #B7CBDE", +"i c #808181", +"j c #7F8081", +"k c #7F8387", +"l c #B1C3D4", +" ", +"................................", +"................................", +"................................", +"................................", +"................................", +"...+@######################@+...", +"..+$%&&&&&&&&&&&&&&&&&&&&&&%$+..", +"..@*=----------------------=*@..", +"..#&------------------------&#..", +"..#&--------#;>--,'#--------&#..", +"..#&-------#)!~{]^/)#-------&#..", +"..#&-------(_):<[})|1-------&#..", +"..#&-------234):5)678-------&#..", +"..#&--------904))abc--------&#..", +"..#&--------d[:))efg--------&#..", +"..#&-------hi_)||)|jh-------&#..", +"..#&-------k})|^<|)}k-------&#..", +"..#&-------#)}~llj})#-------&#..", +"..#&--------#kh--hk#--------&#..", +"..#&------------------------&#..", +"..@*=----------------------=*@..", +"..+$%&&&&&&&&&&&&&&&&&&&&&&%$+..", +"...+@######################@+...", +"................................", +"................................", +"................................", +"................................", +"................................", +" "}; diff --git a/xfwm4/close-pressed.xpm b/xfwm4/close-pressed.xpm new file mode 100755 index 0000000..92107dc --- /dev/null +++ b/xfwm4/close-pressed.xpm @@ -0,0 +1,132 @@ +/* XPM */ +static char * close_pressed_xpm[] = { +"32 30 99 2", +" c None", +". c #B5CEE7", +"+ c #B4CCE5", +"@ c #909CA7", +"# c #777A7D", +"$ c #707070", +"% c #909CA8", +"& c #917F7C", +"* c #E4C5C2", +"= c #EFC4BF", +"- c #EEC1BB", +"; c #917E7C", +"> c #77797C", +", c #E3C2BF", +"' c #DF8C81", +") c #DB7E72", +"! c #DF8C82", +"~ c #E3C3BE", +"{ c #EDBFBA", +"] c #D8776C", +"^ c #EBB7B2", +"/ c #D76F65", +"( c #89706E", +"_ c #CE6F66", +": c #CF6F65", +"< c #8A706D", +"[ c #EAB3AF", +"} c #D5675E", +"| c #FFFFFF", +"1 c #DDDDDD", +"2 c #7F7B7B", +"3 c #C46860", +"4 c #C66861", +"5 c #7F7B7A", +"6 c #DBDBDB", +"7 c #E9B0AB", +"8 c #D26057", +"9 c #806D6C", +"0 c #E7E7E7", +"a c #E6E6E6", +"b c #7E7B7A", +"c c #E4E4E4", +"d c #E9E9E9", +"e c #7F6D6C", +"f c #E7AEAA", +"g c #CF5D55", +"h c #C45F58", +"i c #817F7F", +"j c #EBEBEB", +"k c #E5E5E5", +"l c #EDEDED", +"m c #848281", +"n c #C35F58", +"o c #D39997", +"p c #A7322F", +"q c #9B3F3C", +"r c #EEEEEE", +"s c #838282", +"t c #9A413F", +"u c #C68889", +"v c #8C1012", +"w c #882123", +"x c #7D7A7A", +"y c #EAEAEA", +"z c #7F7D7D", +"A c #872223", +"B c #C38083", +"C c #870006", +"D c #850B10", +"E c #7E7B7B", +"F c #C38082", +"G c #870105", +"H c #745A5B", +"I c #7D7C7C", +"J c #7D7B7B", +"K c #745B5C", +"L c #C48481", +"M c #890803", +"N c #851B18", +"O c #CA8980", +"P c #951201", +"Q c #775D5A", +"R c #921B0C", +"S c #775E5B", +"T c #D89688", +"U c #AB2103", +"V c #D89789", +"W c #DBAC9E", +"X c #C9522B", +"Y c #C23D11", +"Z c #C9532C", +"` c #DBAD9D", +" . c #8F766B", +".. c #E0B7A4", +"+. c #EAB398", +"@. c #E9AE92", +"#. c #E0B8A4", +"$. c #8F776B", +"%. c #919DA9", +" ", +". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ", +". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ", +". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ", +". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ", +". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ", +". . + @ # $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ # % + . . ", +". . % & * = - - - - - - - - - - - - - - - - - - - - = * ; % . . ", +". . > , ' ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ! ~ # . . ", +". . $ { ] ] ] ] ] ] ] ] ] ] ] ] ] ] ] ] ] ] ] ] ] ] ] ] { $ . . ", +". . $ ^ / / / / / / / / $ ( _ / / : < $ / / / / / / / / ^ $ . . ", +". . $ [ } } } } } } } $ | 1 2 3 4 5 6 | $ } } } } } } } [ $ . . ", +". . $ 7 8 8 8 8 8 8 8 9 0 | a 2 b c | d e 8 8 8 8 8 8 8 7 $ . . ", +". . $ f g g g g g g g h i j | a k | l m n g g g g g g g f $ . . ", +". . $ o p p p p p p p p q i j | | r s t p p p p p p p p o $ . . ", +". . $ u v v v v v v v v w x a | | y z A v v v v v v v v u $ . . ", +". . $ B C C C C C C C D E 0 | d d | d E D C C C C C C C B $ . . ", +". . $ F G G G G G G G H c | d I J d | c K G G G G G G G F $ . . ", +". . $ L M M M M M M M $ | c x N N E c | $ M M M M M M M L $ . . ", +". . $ O P P P P P P P P $ Q R P P R S $ P P P P P P P P O $ . . ", +". . $ T U U U U U U U U U U U U U U U U U U U U U U U U V $ . . ", +". . > W X Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y Z ` # . . ", +". . % ...+.@.@.@.@.@.@.@.@.@.@.@.@.@.@.@.@.@.@.@.@.+.#.$.%.. . ", +". . + %.# $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ # %.+ . . ", +". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ", +". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ", +". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ", +". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ", +". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ", +" "}; diff --git a/xfwm4/hide-active.xpm b/xfwm4/hide-active.xpm new file mode 100755 index 0000000..9f32ee2 --- /dev/null +++ b/xfwm4/hide-active.xpm @@ -0,0 +1,90 @@ +/* XPM */ +static char * hide_active_xpm[] = { +"32 30 57 1", +" c None", +". c #B5CEE7", +"+ c #B4CCE5", +"@ c #909CA7", +"# c #777A7D", +"$ c #707070", +"% c #909CA8", +"& c #8A8E90", +"* c #D7DEE1", +"= c #DDE6EB", +"- c #DBE5EA", +"; c #898D8F", +"> c #77797C", +", c #D4DBDF", +"' c #B8CCD5", +") c #B0C6D0", +"! c #B8CCD6", +"~ c #D4DCDF", +"{ c #D7E2E7", +"] c #AAC2CC", +"^ c #D7E3E7", +"/ c #D2DFE4", +"( c #A4BEC8", +"_ c #CEDCE2", +": c #9DB9C5", +"< c #CBDAE0", +"[ c #97B5C1", +"} c #C8D8DE", +"| c #91B1BD", +"1 c #C5D6DC", +"2 c #8AADB9", +"3 c #AFC3CB", +"4 c #5F8697", +"5 c #B1C4CD", +"6 c #62899B", +"7 c #707171", +"8 c #B2C5CF", +"9 c #658B9E", +"0 c #FEFEFE", +"a c #B3C7D1", +"b c #678EA2", +"c c #FFFFFF", +"d c #B5C8D2", +"e c #6A91A5", +"f c #BACCD6", +"g c #6D93A8", +"h c #BBCCD6", +"i c #BECBD3", +"j c #7FA1B5", +"k c #7096AC", +"l c #80A2B6", +"m c #7B8387", +"n c #BFCCD4", +"o c #BDCFD9", +"p c #B9CCD7", +"q c #7B8388", +"r c #919DA9", +" ", +"................................", +"................................", +"................................", +"................................", +"................................", +"..+@#$$$$$$$$$$$$$$$$$$$$$$#%+..", +"..%&*=--------------------=*;%..", +"..>,'))))))))))))))))))))))!~#..", +"..${]]]]]]]]]]]]]]]]]]]]]]]]^$..", +"..$/((((((((((((((((((((((((/$..", +"..$_::::::::::::::::::::::::_$..", +"..$<[[[[[[[[[[[[[[[[[[[[[[[[<$..", +"..$}||||||||||||||||||||||||}$..", +"..$12222222222222222222222221$..", +"..$34444444444444444444444443$..", +"..$56666666677777777666666665$..", +"..$89999999700000000799999998$..", +"..$abbbbbbb$cccccccc$bbbbbbba$..", +"..$deeeeeeee$$$$$$$$eeeeeeeed$..", +"..$fggggggggggggggggggggggggh$..", +"..>ijkkkkkkkkkkkkkkkkkkkkkkli#..", +"..%mnopppppppppppppppppppponqr..", +"..+r#$$$$$$$$$$$$$$$$$$$$$$#r+..", +"................................", +"................................", +"................................", +"................................", +"................................", +" "}; diff --git a/xfwm4/hide-inactive.xpm b/xfwm4/hide-inactive.xpm new file mode 100755 index 0000000..ff1a633 --- /dev/null +++ b/xfwm4/hide-inactive.xpm @@ -0,0 +1,47 @@ +/* XPM */ +static char * hide_inactive_xpm[] = { +"32 30 14 1", +" c None", +". c #B5CEE7", +"+ c #8F99A2", +"@ c #707171", +"# c #707070", +"$ c #969BA0", +"% c #E5ECF3", +"& c #DFEAF4", +"* c #E4ECF3", +"= c #C0D5E9", +"- c #BED4E9", +"; c #717171", +"> c #FEFEFE", +", c #FFFFFF", +" ", +"................................", +"................................", +"................................", +"................................", +"................................", +"...+@######################@+...", +"..+$%&&&&&&&&&&&&&&&&&&&&&&%$+..", +"..@*=----------------------=*@..", +"..#&------------------------&#..", +"..#&------------------------&#..", +"..#&------------------------&#..", +"..#&------------------------&#..", +"..#&------------------------&#..", +"..#&------------------------&#..", +"..#&------------------------&#..", +"..#&--------;;;;;;;;--------&#..", +"..#&-------;>>>>>>>>;-------&#..", +"..#&-------#,,,,,,,,#-------&#..", +"..#&--------########--------&#..", +"..#&------------------------&#..", +"..@*=----------------------=*@..", +"..+$%&&&&&&&&&&&&&&&&&&&&&&%$+..", +"...+@######################@+...", +"................................", +"................................", +"................................", +"................................", +"................................", +" "}; diff --git a/xfwm4/hide-pressed.xpm b/xfwm4/hide-pressed.xpm new file mode 100755 index 0000000..c50f38e --- /dev/null +++ b/xfwm4/hide-pressed.xpm @@ -0,0 +1,89 @@ +/* XPM */ +static char * hide_pressed_xpm[] = { +"32 30 56 1", +" c None", +". c #B5CEE7", +"+ c #B4CCE5", +"@ c #909CA7", +"# c #777A7D", +"$ c #707070", +"% c #909CA8", +"& c #82888D", +"* c #CBD5DB", +"= c #CDDAE4", +"- c #CAD8E2", +"; c #82888C", +"> c #77797C", +", c #C8D2DA", +"' c #9AB4C6", +") c #8EABC0", +"! c #9AB5C7", +"~ c #C8D2D9", +"{ c #C6D5DF", +"] c #86A6BB", +"^ c #BFD0DB", +"/ c #7FA0B7", +"( c #BBCDD9", +"_ c #779AB3", +": c #B8CAD7", +"< c #7094AF", +"[ c #B4C7D5", +"} c #688FAA", +"| c #B0C4D3", +"1 c #6189A6", +"2 c #86A2B0", +"3 c #0C4560", +"4 c #87A8B5", +"5 c #0E516A", +"6 c #88AEBA", +"7 c #105C74", +"8 c #FEFEFE", +"9 c #89B4BF", +"0 c #12687E", +"a c #FFFFFF", +"b c #8ABAC4", +"c c #147488", +"d c #92C3CB", +"e c #178091", +"f c #A1C7CD", +"g c #3398A6", +"h c #198B9B", +"i c #3498A7", +"j c #A0C7CD", +"k c #698385", +"l c #A0CCD0", +"m c #94CED5", +"n c #8DCBD2", +"o c #A1CCD0", +"p c #698386", +"q c #919DA9", +" ", +"................................", +"................................", +"................................", +"................................", +"................................", +"..+@#$$$$$$$$$$$$$$$$$$$$$$#%+..", +"..%&*=--------------------=*;%..", +"..>,'))))))))))))))))))))))!~#..", +"..${]]]]]]]]]]]]]]]]]]]]]]]]{$..", +"..$^////////////////////////^$..", +"..$(________________________($..", +"..$:<<<<<<<<<<<<<<<<<<<<<<<<:$..", +"..$[}}}}}}}}}}}}}}}}}}}}}}}}[$..", +"..$|111111111111111111111111|$..", +"..$23333333333333333333333332$..", +"..$455555555$$$$$$$$555555554$..", +"..$67777777$88888888$77777776$..", +"..$90000000$aaaaaaaa$00000009$..", +"..$bcccccccc$$$$$$$$ccccccccb$..", +"..$deeeeeeeeeeeeeeeeeeeeeeeed$..", +"..>fghhhhhhhhhhhhhhhhhhhhhhij#..", +"..%klmnnnnnnnnnnnnnnnnnnnnmopq..", +"..+q#$$$$$$$$$$$$$$$$$$$$$$#q+..", +"................................", +"................................", +"................................", +"................................", +"................................", +" "}; diff --git a/xfwm4/left-active.xpm b/xfwm4/left-active.xpm new file mode 100755 index 0000000..58767c8 --- /dev/null +++ b/xfwm4/left-active.xpm @@ -0,0 +1,26 @@ +/* XPM */ +static char * left_active_xpm[] = { +"6 20 3 1", +" c None", +". c #58606A", +"+ c #BFD4EA", +".+++++", +".+++++", +".+++++", +".+++++", +".+++++", +".+++++", +".+++++", +".+++++", +".+++++", +".+++++", +".+++++", +".+++++", +".+++++", +".+++++", +".+++++", +".+++++", +".+++++", +".+++++", +".+++++", +".+++++"}; diff --git a/xfwm4/left-inactive.xpm b/xfwm4/left-inactive.xpm new file mode 100755 index 0000000..58767c8 --- /dev/null +++ b/xfwm4/left-inactive.xpm @@ -0,0 +1,26 @@ +/* XPM */ +static char * left_active_xpm[] = { +"6 20 3 1", +" c None", +". c #58606A", +"+ c #BFD4EA", +".+++++", +".+++++", +".+++++", +".+++++", +".+++++", +".+++++", +".+++++", +".+++++", +".+++++", +".+++++", +".+++++", +".+++++", +".+++++", +".+++++", +".+++++", +".+++++", +".+++++", +".+++++", +".+++++", +".+++++"}; diff --git a/xfwm4/maximize-active.xpm b/xfwm4/maximize-active.xpm new file mode 100755 index 0000000..7544239 --- /dev/null +++ b/xfwm4/maximize-active.xpm @@ -0,0 +1,105 @@ +/* XPM */ +static char * maximize_active_xpm[] = { +"32 30 72 1", +" c None", +". c #B5CEE7", +"+ c #B4CCE5", +"@ c #909CA7", +"# c #777A7D", +"$ c #707070", +"% c #909CA8", +"& c #8A8E90", +"* c #D7DEE1", +"= c #DDE6EB", +"- c #DBE5EA", +"; c #898D8F", +"> c #77797C", +", c #D4DBDF", +"' c #B8CCD5", +") c #B0C6D0", +"! c #B8CCD6", +"~ c #D4DCDF", +"{ c #D7E2E7", +"] c #AAC2CC", +"^ c #AAC1CB", +"/ c #D7E3E7", +"( c #D2DFE4", +"_ c #A4BEC8", +": c #A3BDC6", +"< c #717171", +"[ c #A4BEC7", +"} c #CEDCE2", +"| c #9DB9C5", +"1 c #9CB8C4", +"2 c #727272", +"3 c #FFFFFF", +"4 c #CBDAE0", +"5 c #97B5C1", +"6 c #96B4C0", +"7 c #FEFEFE", +"8 c #C8D8DE", +"9 c #91B1BD", +"0 c #90B0BC", +"a c #C5D6DC", +"b c #8AADB9", +"c c #89ACB8", +"d c #AFC3CB", +"e c #5F8697", +"f c #5F8596", +"g c #B1C4CD", +"h c #62899B", +"i c #62889A", +"j c #B2C5CF", +"k c #658B9E", +"l c #658A9D", +"m c #B3C7D1", +"n c #678EA2", +"o c #678DA1", +"p c #B5C8D2", +"q c #6A91A5", +"r c #6A8FA3", +"s c #6A90A4", +"t c #BACCD6", +"u c #6D93A8", +"v c #6D92A7", +"w c #BBCCD6", +"x c #BECBD3", +"y c #7FA1B5", +"z c #7096AC", +"A c #80A2B6", +"B c #7B8387", +"C c #BFCCD4", +"D c #BDCFD9", +"E c #B9CCD7", +"F c #7B8388", +"G c #919DA9", +" ", +"................................", +"................................", +"................................", +"................................", +"................................", +"..+@#$$$$$$$$$$$$$$$$$$$$$$#%+..", +"..%&*=--------------------=*;%..", +"..>,'))))))))))))))))))))))!~#..", +"..${]]]]]]]]^^^^^^^^]]]]]]]]/$..", +"..$(_______:<<<<<<<<[_______($..", +"..$}||||||1233333333$|||||||}$..", +"..$45555556233777733$55555554$..", +"..$89999990237$<<$33$99999998$..", +"..$abbbbbbc237$bb$33$bbbbbbba$..", +"..$deeeeeef237$ee$33$eeeeeeed$..", +"..$ghhhhhhi237$$$$33$hhhhhhhg$..", +"..$jkkkkkkl233333333$kkkkkkkj$..", +"..$mnnnnnno233333333$nnnnnnnm$..", +"..$pqqqqqqqr<<<<<<<xyzzzzzzzzzzzzzzzzzzzzzzAx#..", +"..%BCDEEEEEEEEEEEEEEEEEEEEDCFG..", +"..+G#$$$$$$$$$$$$$$$$$$$$$$#G+..", +"................................", +"................................", +"................................", +"................................", +"................................", +" "}; diff --git a/xfwm4/maximize-inactive.xpm b/xfwm4/maximize-inactive.xpm new file mode 100755 index 0000000..900b0b8 --- /dev/null +++ b/xfwm4/maximize-inactive.xpm @@ -0,0 +1,53 @@ +/* XPM */ +static char * maximize_inactive_xpm[] = { +"32 30 20 1", +" c None", +". c #B5CEE7", +"+ c #8F99A2", +"@ c #707171", +"# c #707070", +"$ c #969BA0", +"% c #E5ECF3", +"& c #DFEAF4", +"* c #E4ECF3", +"= c #C0D5E9", +"- c #BED4E9", +"; c #BED3E8", +"> c #BDD2E6", +", c #717171", +"' c #BDD3E7", +") c #727272", +"! c #FFFFFF", +"~ c #FEFEFE", +"{ c #BCD2E6", +"] c #BDD3E8", +" ", +"................................", +"................................", +"................................", +"................................", +"................................", +"...+@######################@+...", +"..+$%&&&&&&&&&&&&&&&&&&&&&&%$+..", +"..@*=----------------------=*@..", +"..#&--------;;;;;;;;--------&#..", +"..#&------->,,,,,,,,;-------&#..", +"..#&------')!!!!!!!!#-------&#..", +"..#&------')!!~~~~!!#-------&#..", +"..#&------')!~#,,#!!#-------&#..", +"..#&------')!~@--#!!#-------&#..", +"..#&------')!~@--#!!#-------&#..", +"..#&------')!~####!!#-------&#..", +"..#&------')!!!!!!!!#-------&#..", +"..#&------')!!!!!!!!#-------&#..", +"..#&-------{,,,,,,,,]-------&#..", +"..#&--------]]]]]]]]--------&#..", +"..@*=----------------------=*@..", +"..+$%&&&&&&&&&&&&&&&&&&&&&&%$+..", +"...+@######################@+...", +"................................", +"................................", +"................................", +"................................", +"................................", +" "}; diff --git a/xfwm4/maximize-pressed.xpm b/xfwm4/maximize-pressed.xpm new file mode 100755 index 0000000..c6b65a6 --- /dev/null +++ b/xfwm4/maximize-pressed.xpm @@ -0,0 +1,105 @@ +/* XPM */ +static char * maximize_pressed_xpm[] = { +"32 30 72 1", +" c None", +". c #B5CEE7", +"+ c #B4CCE5", +"@ c #909CA7", +"# c #777A7D", +"$ c #707070", +"% c #909CA8", +"& c #82888D", +"* c #CBD5DB", +"= c #CDDAE4", +"- c #CAD8E2", +"; c #82888C", +"> c #77797C", +", c #C8D2DA", +"' c #9AB4C6", +") c #8EABC0", +"! c #9AB5C7", +"~ c #C8D2D9", +"{ c #C6D5DF", +"] c #86A6BB", +"^ c #BFD0DB", +"/ c #7FA0B7", +"( c #7F9FB6", +"_ c #717171", +": c #BBCDD9", +"< c #779AB3", +"[ c #7799B2", +"} c #727272", +"| c #FFFFFF", +"1 c #B8CAD7", +"2 c #7094AF", +"3 c #7093AE", +"4 c #FEFEFE", +"5 c #B4C7D5", +"6 c #688FAA", +"7 c #688EA9", +"8 c #707171", +"9 c #B0C4D3", +"0 c #6189A6", +"a c #6188A5", +"b c #86A2B0", +"c c #0C4560", +"d c #0D4560", +"e c #6F7070", +"f c #87A8B5", +"g c #0E516A", +"h c #0F516A", +"i c #88AEBA", +"j c #105C74", +"k c #115C74", +"l c #89B4BF", +"m c #12687E", +"n c #13687E", +"o c #8ABAC4", +"p c #147488", +"q c #157486", +"r c #147487", +"s c #92C3CB", +"t c #178091", +"u c #177F90", +"v c #A1C7CD", +"w c #3398A6", +"x c #198B9B", +"y c #3498A7", +"z c #A0C7CD", +"A c #698385", +"B c #A0CCD0", +"C c #94CED5", +"D c #8DCBD2", +"E c #A1CCD0", +"F c #698386", +"G c #919DA9", +" ", +"................................", +"................................", +"................................", +"................................", +"................................", +"..+@#$$$$$$$$$$$$$$$$$$$$$$#%+..", +"..%&*=--------------------=*;%..", +"..>,'))))))))))))))))))))))!~#..", +"..${]]]]]]]]]]]]]]]]]]]]]]]]{$..", +"..$^///////(________////////^$..", +"..$:<<<<<<[}||||||||$<<<<<<<:$..", +"..$12222223}||4444||$22222221$..", +"..$56666667}|4$88$||$66666665$..", +"..$9000000a}|4$00$||$00000009$..", +"..$bccccccd}|4ecc$||$cccccccb$..", +"..$fggggggh}|4$$$$||$gggggggf$..", +"..$ijjjjjjk}||||||||$jjjjjjji$..", +"..$lmmmmmmn}||||||||$mmmmmmml$..", +"..$opppppppq________rpppppppo$..", +"..$sttttttttuuuuuuuutttttttts$..", +"..>vwxxxxxxxxxxxxxxxxxxxxxxyz#..", +"..%ABCDDDDDDDDDDDDDDDDDDDDCEFG..", +"..+G#$$$$$$$$$$$$$$$$$$$$$$#G+..", +"................................", +"................................", +"................................", +"................................", +"................................", +" "}; diff --git a/xfwm4/menu-active.xpm b/xfwm4/menu-active.xpm new file mode 100755 index 0000000..ffdfbdc --- /dev/null +++ b/xfwm4/menu-active.xpm @@ -0,0 +1,260 @@ +/* XPM */ +static char * menu_active_xpm[] = { +"25 24 233 2", +" c None", +". c #65605D", +"+ c #58606A", +"@ c #303E4B", +"# c #D6E0EA", +"$ c #BECFD6", +"% c #B7CED4", +"& c #B8CFD7", +"* c #BED0DC", +"= c #BCCED8", +"- c #BACCD6", +"; c #BBCDD7", +"> c #B9CBD5", +", c #293B47", +"' c #D3E0E9", +") c #BBCED4", +"! c #B5D1D4", +"~ c #B3D0D4", +"{ c #B7D0D7", +"] c #B6CFD4", +"^ c #B7D0D5", +"/ c #B4CDD2", +"( c #283C43", +"_ c #D8E1EA", +": c #B9CCDA", +"< c #B7CFCF", +"[ c #BACED7", +"} c #B8D0DA", +"| c #B4CCD6", +"1 c #B7CED6", +"2 c #B7CBD2", +"3 c #BCD0D7", +"4 c #B6CCD7", +"5 c #B4CFDA", +"6 c #B6CED2", +"7 c #B1D0D3", +"8 c #B3D0D6", +"9 c #BCCAD5", +"0 c #263D43", +"a c #D3DDE6", +"b c #B3C7D0", +"c c #B0C6D3", +"d c #B0CAC9", +"e c #B3C9D4", +"f c #B5C8CF", +"g c #B5C9D2", +"h c #B4C8D1", +"i c #B5C7D1", +"j c #B6CAD3", +"k c #B4C8D3", +"l c #B9CAD4", +"m c #B2CAD4", +"n c #B2C4D0", +"o c #273F43", +"p c #CDDAE0", +"q c #ACC3CB", +"r c #A9C3D0", +"s c #A9C7C7", +"t c #ACC4CE", +"u c #ACC3C9", +"v c #B0C7CD", +"w c #ABC4CB", +"x c #A9C1CB", +"y c #A9C4CD", +"z c #A7C0C7", +"A c #AEC5CD", +"B c #AFC0D0", +"C c #A7C1CE", +"D c #A8C4CF", +"E c #ACC4D0", +"F c #AAC2CE", +"G c #263F43", +"H c #C4D5DC", +"I c #9FBCC4", +"J c #9EBBC9", +"K c #9ABCBD", +"L c #9BB9C4", +"M c #9ABBC2", +"N c #96B7BE", +"O c #A0BEC6", +"P c #9ABBC4", +"Q c #9CBEC8", +"R c #96B8C2", +"S c #A0BEC8", +"T c #9BB8BE", +"U c #9EB9CA", +"V c #99BBC7", +"W c #9CBDC6", +"X c #9EB9C4", +"Y c #A1BCC7", +"Z c #254145", +"` c #8EAFB8", +" . c #8FB0BF", +".. c #8EB6B8", +"+. c #91B2C1", +"@. c #8EB2C0", +"#. c #92B0BB", +"$. c #91ACB5", +"%. c #95B0B9", +"&. c #92AEBA", +"*. c #96B3C1", +"=. c #8DA8B3", +"-. c #9AAEB7", +";. c #95ACBE", +">. c #93AFBA", +",. c #99B2B9", +"'. c #8FA9B6", +"). c #233F43", +"!. c #A1B8C0", +"~. c #658995", +"{. c #5E8596", +"]. c #5D888F", +"^. c #618699", +"/. c #648398", +"(. c #576A7B", +"_. c #515B65", +":. c #535A62", +"<. c #4C5662", +"[. c #4F5B69", +"}. c #505A66", +"|. c #545863", +"1. c #51586A", +"2. c #4E5760", +"3. c #50575D", +"4. c #576D7B", +"5. c #223F45", +"6. c #99B1BB", +"7. c #58808C", +"8. c #527D90", +"9. c #53828C", +"0. c #567F95", +"a. c #58768E", +"b. c #4B5D6B", +"c. c #000000", +"d. c #4E5B6B", +"e. c #244149", +"f. c #97B2BD", +"g. c #5A8190", +"h. c #568398", +"i. c #568692", +"j. c #568098", +"k. c #5B7F95", +"l. c #2D3741", +"m. c #A0B8C4", +"n. c #528B96", +"o. c #59839B", +"p. c #5A879C", +"q. c #588695", +"r. c #638495", +"s. c #33444C", +"t. c #9FB7C1", +"u. c #5A8E9B", +"v. c #6589A3", +"w. c #668BA5", +"x. c #628B9F", +"y. c #53585C", +"z. c #404E57", +"A. c #A4B5BF", +"B. c #7AA2AE", +"C. c #718BA4", +"D. c #6B8AA6", +"E. c #7092AB", +"F. c #629BAF", +"G. c #6C92A7", +"H. c #6A8FA9", +"I. c #6991AB", +"J. c #547177", +"K. c #597579", +"L. c #92C2C4", +"M. c #7FA5B0", +"N. c #6F9FAB", +"O. c #669AA5", +"P. c #6C9AAA", +"Q. c #739CB2", +"R. c #6D96AA", +"S. c #7595AA", +"T. c #769AB2", +"U. c #749AB1", +"V. c #7096AD", +"W. c #789EB3", +"X. c #7498AE", +"Y. c #35434C", +"Z. c #536F73", +"`. c #A8B9C3", +" + c #B3CED5", +".+ c #AFCAD3", +"++ c #B2C9D1", +"@+ c #B7CBD6", +"#+ c #B1C4D2", +"$+ c #B0C5D6", +"%+ c #B3CDDC", +"&+ c #AFC9D6", +"*+ c #B5CBD8", +"=+ c #B5C8D6", +"-+ c #B3C6D4", +";+ c #B2C8D5", +">+ c #B1C9D5", +",+ c #B0CBD6", +"'+ c #B3CBD7", +")+ c #7CAAB7", +"!+ c #B0CAD7", +"~+ c #59767E", +"{+ c #434F5B", +"]+ c #2E4148", +"^+ c #2C3D45", +"/+ c #2E3D44", +"(+ c #2C3A43", +"_+ c #2E3F47", +":+ c #2B3D47", +"<+ c #2C3E48", +"[+ c #273943", +"}+ c #2D3E45", +"|+ c #2B3C43", +"1+ c #2D4046", +"2+ c #2C3F46", +"3+ c #293D44", +"4+ c #679CAE", +"5+ c #89A7BF", +"6+ c #AFD0E1", +"7+ c #C4D5E7", +"8+ c #BFD6E4", +"9+ c #C5D8E7", +"0+ c #C7DBE2", +"a+ c #BFD6DC", +"b+ c #C3DBDF", +"c+ c #C4DCE0", +"d+ c #C0D8DC", +"e+ c #C7DEE4", +"f+ c #C1DADF", +"g+ c #C6DEE2", +"h+ c #C2DADE", +"i+ c #C6DBE0", +"j+ c #C1D9DD", +". + + + + + + + + + + + + + + + + + + + + + + + . ", +"@ # $ % & * = = = = = = = = - ; ; - > * & % $ # @ ", +", ' ) ! ~ { % % % % % % % % ] ^ ^ ] / { ~ ! ) ' , ", +"( _ - : < [ } | } 1 2 3 4 5 6 7 8 ; 9 [ < : - _ ( ", +"0 a b c d e f g h h i i j k l m m n j e d c b a 0 ", +"o p q r s t u v w x y t z A B C D E F t s r q p o ", +"G H I J K L M N O P Q R S T U V W X Y L K J I H G ", +"Z ) ` ...+.@.#.$.%.&.*.=.-.;.>.,.-.'.+... .` ) Z ", +").!.~.{.].^./.(._.:.<.[.}.|.1.2.3.4.^.^.].{.~.!.).", +"5.6.7.8.9.0.a.b.c.c.c.c.c.c.c.c.c.d.0.0.9.8.7.6.5.", +"e.f.g.h.i.j.k.j.d.c.c.c.c.c.c.c.d.j.j.j.i.h.g.f.e.", +"l.m.n.o.p.q.r.q.q.d.c.c.c.c.c.d.q.q.q.q.p.o.n.m.l.", +"s.t.u.v.w.x.~.x.x.x.y.c.c.c.d.x.x.x.x.x.w.v.u.t.s.", +"z.A.B.C.D.E.F.E.E.E.G.d.c.d.H.E.I.E.E.E.D.C.B.A.z.", +"J.K.L.M.N.O.P.O.O.O.Q.R.d.S.T.U.V.W.X.O.N.M.L.K.J.", +"E Y.Z.`. +.+++@+#+$+%+&+*+=+-+;+>+,+'+.+ +`.Z.Y.E ", +")+!+~+{+]+^+/+(+_+:+:+<+[+_+}+|+1+2+3+^+]+{+~+!+)+", +"4+5+6+7+8+9+0+a+b+b+c+d+e+f+d+g+h+i+j+9+8+7+6+5+4+", +" ", +" ", +" ", +" ", +" ", +" "}; diff --git a/xfwm4/menu-inactive.xpm b/xfwm4/menu-inactive.xpm new file mode 100755 index 0000000..dfec480 --- /dev/null +++ b/xfwm4/menu-inactive.xpm @@ -0,0 +1,260 @@ +/* XPM */ +static char * menu_inactive_xpm[] = { +"25 24 233 2", +" c None", +". c #65605D", +"+ c #58606A", +"@ c #303E4B", +"# c #D6E0EA", +"$ c #BECFD6", +"% c #B7CED4", +"& c #B8CFD7", +"* c #BED0DC", +"= c #BCCED8", +"- c #BACCD6", +"; c #BBCDD7", +"> c #B9CBD5", +", c #293B47", +"' c #D3E0E9", +") c #BBCED4", +"! c #B5D1D4", +"~ c #B3D0D4", +"{ c #B7D0D7", +"] c #B6CFD4", +"^ c #B7D0D5", +"/ c #B4CDD2", +"( c #283C43", +"_ c #D8E1EA", +": c #B9CCDA", +"< c #B7CFCF", +"[ c #BACED7", +"} c #B8D0DA", +"| c #B4CCD6", +"1 c #B7CED6", +"2 c #B7CBD2", +"3 c #BCD0D7", +"4 c #B6CCD7", +"5 c #B4CFDA", +"6 c #B6CED2", +"7 c #B1D0D3", +"8 c #B3D0D6", +"9 c #BCCAD5", +"0 c #263D43", +"a c #D3DDE6", +"b c #B3C7D0", +"c c #B0C6D3", +"d c #B0CAC9", +"e c #B3C9D4", +"f c #B5C8CF", +"g c #B5C9D2", +"h c #B4C8D1", +"i c #B5C7D1", +"j c #B6CAD3", +"k c #B4C8D3", +"l c #B9CAD4", +"m c #B2CAD4", +"n c #B2C4D0", +"o c #273F43", +"p c #CDDAE0", +"q c #ACC3CB", +"r c #A9C3D0", +"s c #A9C7C7", +"t c #ACC4CE", +"u c #ACC3C9", +"v c #B0C7CD", +"w c #ABC4CB", +"x c #A9C1CB", +"y c #A9C4CD", +"z c #A7C0C7", +"A c #AEC5CD", +"B c #AFC0D0", +"C c #A7C1CE", +"D c #A8C4CF", +"E c #ACC4D0", +"F c #AAC2CE", +"G c #263F43", +"H c #C4D5DC", +"I c #9FBCC4", +"J c #9EBBC9", +"K c #9ABCBD", +"L c #9BB9C4", +"M c #9ABBC2", +"N c #96B7BE", +"O c #A0BEC6", +"P c #9ABBC4", +"Q c #9CBEC8", +"R c #96B8C2", +"S c #A0BEC8", +"T c #9BB8BE", +"U c #9EB9CA", +"V c #99BBC7", +"W c #9CBDC6", +"X c #9EB9C4", +"Y c #A1BCC7", +"Z c #254145", +"` c #8EAFB8", +" . c #8FB0BF", +".. c #8EB6B8", +"+. c #91B2C1", +"@. c #8EB2C0", +"#. c #92B0BB", +"$. c #91ACB5", +"%. c #95B0B9", +"&. c #92AEBA", +"*. c #96B3C1", +"=. c #8DA8B3", +"-. c #9AAEB7", +";. c #95ACBE", +">. c #93AFBA", +",. c #99B2B9", +"'. c #8FA9B6", +"). c #233F43", +"!. c #A1B8C0", +"~. c #658995", +"{. c #5E8596", +"]. c #5D888F", +"^. c #618699", +"/. c #648398", +"(. c #576A7B", +"_. c #515B65", +":. c #535A62", +"<. c #4C5662", +"[. c #4F5B69", +"}. c #505A66", +"|. c #545863", +"1. c #51586A", +"2. c #4E5760", +"3. c #50575D", +"4. c #576D7B", +"5. c #223F45", +"6. c #99B1BB", +"7. c #58808C", +"8. c #527D90", +"9. c #53828C", +"0. c #567F95", +"a. c #58768E", +"b. c #4B5D6B", +"c. c #000000", +"d. c #4E5B6B", +"e. c #244149", +"f. c #97B2BD", +"g. c #5A8190", +"h. c #568398", +"i. c #568692", +"j. c #568098", +"k. c #5B7F95", +"l. c #2D3741", +"m. c #A0B8C4", +"n. c #528B96", +"o. c #59839B", +"p. c #5A879C", +"q. c #588695", +"r. c #638495", +"s. c #33444C", +"t. c #9FB7C1", +"u. c #5A8E9B", +"v. c #6589A3", +"w. c #668BA5", +"x. c #628B9F", +"y. c #53585C", +"z. c #404E57", +"A. c #A4B5BF", +"B. c #7AA2AE", +"C. c #718BA4", +"D. c #6B8AA6", +"E. c #7092AB", +"F. c #629BAF", +"G. c #6C92A7", +"H. c #6A8FA9", +"I. c #6991AB", +"J. c #547177", +"K. c #597579", +"L. c #92C2C4", +"M. c #7FA5B0", +"N. c #6F9FAB", +"O. c #669AA5", +"P. c #6C9AAA", +"Q. c #739CB2", +"R. c #6D96AA", +"S. c #7595AA", +"T. c #769AB2", +"U. c #749AB1", +"V. c #7096AD", +"W. c #789EB3", +"X. c #7498AE", +"Y. c #35434C", +"Z. c #536F73", +"`. c #A8B9C3", +" + c #B3CED5", +".+ c #AFCAD3", +"++ c #B2C9D1", +"@+ c #B7CBD6", +"#+ c #B1C4D2", +"$+ c #B0C5D6", +"%+ c #B3CDDC", +"&+ c #AFC9D6", +"*+ c #B5CBD8", +"=+ c #B5C8D6", +"-+ c #B3C6D4", +";+ c #B2C8D5", +">+ c #B1C9D5", +",+ c #B0CBD6", +"'+ c #B3CBD7", +")+ c #7CAAB7", +"!+ c #B0CAD7", +"~+ c #59767E", +"{+ c #434F5B", +"]+ c #2E4148", +"^+ c #2C3D45", +"/+ c #2E3D44", +"(+ c #2C3A43", +"_+ c #2E3F47", +":+ c #2B3D47", +"<+ c #2C3E48", +"[+ c #273943", +"}+ c #2D3E45", +"|+ c #2B3C43", +"1+ c #2D4046", +"2+ c #2C3F46", +"3+ c #293D44", +"4+ c #679CAE", +"5+ c #89A7BF", +"6+ c #AFD0E1", +"7+ c #C4D5E7", +"8+ c #BFD6E4", +"9+ c #C5D8E7", +"0+ c #C7DBE2", +"a+ c #BFD6DC", +"b+ c #C3DBDF", +"c+ c #C4DCE0", +"d+ c #C0D8DC", +"e+ c #C7DEE4", +"f+ c #C1DADF", +"g+ c #C6DEE2", +"h+ c #C2DADE", +"i+ c #C6DBE0", +"j+ c #C1D9DD", +". + + + + + + + + + + + + + + + + + + + + + + + . ", +"@ # $ % & * = = = = = = = = - ; ; - > * & % $ # @ ", +", ' ) ! ~ { % % % % % % % % ] ^ ^ ] / { ~ ! ) ' , ", +"( _ - : < [ } | } 1 2 3 4 5 6 7 8 ; 9 [ < : - _ ( ", +"0 a b c d e f g h h i i j k l m m n j e d c b a 0 ", +"o p q r s t u v w x y t z A B C D E F t s r q p o ", +"G H I J K L M N O P Q R S T U V W X Y L K J I H G ", +"Z ) ` ...+.@.#.$.%.&.*.=.-.;.>.,.-.'.+... .` ) Z ", +").!.~.{.].^./.(._.:.<.[.}.|.1.2.3.4.^.^.].{.~.!.).", +"5.6.7.8.9.0.a.b.c.c.c.c.c.c.c.c.c.d.0.0.9.8.7.6.5.", +"e.f.g.h.i.j.k.j.d.c.c.c.c.c.c.c.d.j.j.j.i.h.g.f.e.", +"l.m.n.o.p.q.r.q.q.d.c.c.c.c.c.d.q.q.q.q.p.o.n.m.l.", +"s.t.u.v.w.x.~.x.x.x.y.c.c.c.d.x.x.x.x.x.w.v.u.t.s.", +"z.A.B.C.D.E.F.E.E.E.G.d.c.d.H.E.I.E.E.E.D.C.B.A.z.", +"J.K.L.M.N.O.P.O.O.O.Q.R.d.S.T.U.V.W.X.O.N.M.L.K.J.", +"E Y.Z.`. +.+++@+#+$+%+&+*+=+-+;+>+,+'+.+ +`.Z.Y.E ", +")+!+~+{+]+^+/+(+_+:+:+<+[+_+}+|+1+2+3+^+]+{+~+!+)+", +"4+5+6+7+8+9+0+a+b+b+c+d+e+f+d+g+h+i+j+9+8+7+6+5+4+", +" ", +" ", +" ", +" ", +" ", +" "}; diff --git a/xfwm4/menu-pressed.xpm b/xfwm4/menu-pressed.xpm new file mode 100755 index 0000000..182427d --- /dev/null +++ b/xfwm4/menu-pressed.xpm @@ -0,0 +1,256 @@ +/* XPM */ +static char * menu_pressed_xpm[] = { +"25 24 229 2", +" c None", +". c #4A6A78", +"+ c #58606A", +"@ c #1C4460", +"# c #CFE6F1", +"$ c #B1D7E3", +"% c #ABD5E1", +"& c #ACD6E4", +"* c #B3D8E7", +"= c #AFD5E5", +"- c #ADD4E3", +"; c #AED5E4", +"> c #ACD3E2", +", c #173E59", +"' c #CCE6F0", +") c #AFD6E1", +"! c #A9D9E1", +"~ c #A6D7E2", +"{ c #AAD7E4", +"] c #A9D6E1", +"^ c #AAD7E2", +"/ c #A6D4E0", +"( c #174155", +"_ c #D1E7F1", +": c #AED4E6", +"< c #A9D5DD", +"[ c #ACD7E6", +"} c #A7D4E3", +"| c #ABD5E3", +"1 c #AAD3E0", +"2 c #B0D7E4", +"3 c #AAD4E4", +"4 c #A8D7E6", +"5 c #A8D5E0", +"6 c #A3D7E1", +"7 c #A7D7E3", +"8 c #B0D2E2", +"9 c #154255", +"0 c #CBE3EF", +"a c #A5CFDF", +"b c #A3CFE1", +"c c #A1D2D9", +"d c #A6D2E2", +"e c #A7D0DD", +"f c #A8D1E0", +"g c #A7D0DF", +"h c #A7CFDF", +"i c #A9D2E1", +"j c #A7D0E1", +"k c #ADD2E1", +"l c #A5D2E1", +"m c #A4CDDE", +"n c #154355", +"o c #C4E1EA", +"p c #9DCCDB", +"q c #9BCCDF", +"r c #98CED8", +"s c #9DCDDD", +"t c #9DCCD9", +"u c #A2CFDC", +"v c #9CCCDA", +"w c #9AC9DA", +"x c #9ACCDC", +"y c #97C7D7", +"z c #9FCDDD", +"A c #A2CADE", +"B c #99CBDD", +"C c #9ACDDE", +"D c #9ECDDE", +"E c #9CCBDC", +"F c #B9DCE7", +"G c #8FC5D5", +"H c #8FC5D9", +"I c #89C5CF", +"J c #8BC3D5", +"K c #89C3D3", +"L c #84BFD0", +"M c #90C7D6", +"N c #89C4D5", +"O c #8CC7D8", +"P c #85C0D3", +"Q c #90C6D8", +"R c #8AC1D0", +"S c #8EC2DA", +"T c #88C4D8", +"U c #8BC6D7", +"V c #8DC1D5", +"W c #90C4D8", +"X c #144656", +"Y c #7CB7CA", +"Z c #7DB8D1", +"` c #7CBECA", +" . c #80BCD2", +".. c #7DBAD1", +"+. c #80B9CE", +"@. c #7EB4C8", +"#. c #83B9CB", +"$. c #80B8CC", +"%. c #86BCD2", +"&. c #7AB2C6", +"*. c #88B7CA", +"=. c #84B6D0", +"-. c #81B8CD", +";. c #87BACB", +">. c #7CB3CA", +",. c #134253", +"'. c #91C1D1", +"). c #4995B1", +"!. c #428EB2", +"~. c #4193AB", +"{. c #4591B5", +"]. c #478DB5", +"^. c #3C7396", +"/. c #37637F", +"(. c #39627D", +"_. c #325D7C", +":. c #356383", +"<. c #366380", +"[. c #3A607E", +"}. c #376185", +"|. c #355F79", +"1. c #366078", +"2. c #3C7596", +"3. c #124456", +"4. c #87BACD", +"5. c #3C8BA8", +"6. c #3786AB", +"7. c #388CA8", +"8. c #3A89B2", +"9. c #3C7FAA", +"0. c #316485", +"a. c #000000", +"b. c #356485", +"c. c #14445A", +"d. c #85BBCF", +"e. c #3E8BAC", +"f. c #3A8DB4", +"g. c #3A91AE", +"h. c #3A8AB4", +"i. c #3F8AB1", +"j. c #1A3C54", +"k. c #8FC0D5", +"l. c #3796B1", +"m. c #3D8DB7", +"n. c #3E91B8", +"o. c #3D92B1", +"p. c #4790B1", +"q. c #1F4B61", +"r. c #8EC0D2", +"s. c #3F9AB7", +"t. c #4D93BB", +"u. c #4F95BD", +"v. c #4796BB", +"w. c #3A6276", +"x. c #29566F", +"y. c #93BDD1", +"z. c #66ABC2", +"A. c #5E95B8", +"B. c #5794BB", +"C. c #5D9BBF", +"D. c #4FA4C3", +"E. c #589CBC", +"F. c #5798BD", +"G. c #569BBE", +"H. c #3A7A92", +"I. c #3E7F94", +"J. c #81CAD5", +"K. c #6CAEC4", +"L. c #5BA6BF", +"M. c #4FA4BD", +"N. c #59A2BD", +"O. c #61A5C5", +"P. c #5A9EBE", +"Q. c #629FBE", +"R. c #63A3C5", +"S. c #62A3C4", +"T. c #5D9FC1", +"U. c #66A8C6", +"V. c #60A0C2", +"W. c #204A62", +"X. c #38798E", +"Y. c #98C2D4", +"Z. c #A6D6E2", +"`. c #A1D1E1", +" + c #A5D1DF", +".+ c #ABD4E3", +"++ c #A4CDE0", +"@+ c #A3CFE3", +"#+ c #A8D7E8", +"$+ c #A3D2E3", +"%+ c #A9D3E5", +"&+ c #A9D1E3", +"*+ c #A6CFE2", +"=+ c #A6D0E2", +"-+ c #A4D1E2", +";+ c #A3D3E3", +">+ c #A6D3E4", +",+ c #6AB2CA", +"'+ c #A4D3E4", +")+ c #3E7F9A", +"!+ c #2B5773", +"~+ c #1B455B", +"{+ c #1A4358", +"]+ c #1B4357", +"^+ c #1A3F56", +"/+ c #1B445B", +"(+ c #194059", +"_+ c #19415B", +":+ c #153E55", +"<+ c #194155", +"[+ c #1A465A", +"}+ c #1A4458", +"|+ c #184256", +"1+ c #55A4C1", +"2+ c #77B0D1", +"3+ c #A5D8EB", +"4+ c #BCDDF0", +"5+ c #B7DEED", +"6+ c #BDDFEF", +"7+ c #BEE2EC", +"8+ c #B4DDE8", +"9+ c #B9E1E9", +"0+ c #BAE2EA", +"a+ c #B5DEE7", +"b+ c #BFE4ED", +"c+ c #B7E0E9", +"d+ c #BCE3EC", +"e+ c #BCE1EA", +"f+ c #B6DFE8", +". + + + + + + + + + + + + + + + + + + + + + + + . ", +"@ # $ % & * = = = = = = = = - ; ; - > * & % $ # @ ", +", ' ) ! ~ { % % % % % % % % ] ^ ^ ] / { ~ ! ) ' , ", +"( _ - : < ; [ } [ | 1 2 3 4 5 6 7 ; 8 ; < : - _ ( ", +"9 0 a b c d e f g g h h i j k l l m i d c b a 0 9 ", +"n o p q r s t u v w x s y z A B C D E s r q p o n ", +"n F G H I J K L M N O P Q R S T U V W J I H G F n ", +"X ) Y Z ` ...+.@.#.$.%.&.*.=.-.;.*.>. .` Z Y ) X ", +",.'.).!.~.{.].^./.(._.:.<.[.}.|.1.2.{.{.~.!.).'.,.", +"3.4.5.6.7.8.9.0.a.a.a.a.a.a.a.a.a.b.8.8.7.6.5.4.3.", +"c.d.e.f.g.h.i.h.b.a.a.a.a.a.a.a.b.h.h.h.g.f.e.d.c.", +"j.k.l.m.n.o.p.o.o.b.a.a.a.a.a.b.o.o.o.o.n.m.l.k.j.", +"q.r.s.t.u.v.).v.v.v.w.a.a.a.b.v.v.v.v.v.u.t.s.r.q.", +"x.y.z.A.B.C.D.C.C.C.E.b.a.b.F.C.G.C.C.C.B.A.z.y.x.", +"H.I.J.K.L.M.N.M.M.M.O.P.b.Q.R.S.T.U.V.M.L.K.J.I.H.", +"D W.X.Y.Z.`. +.+++@+#+$+%+&+*+=+-+;+>+`.Z.Y.X.W.D ", +",+'+)+!+~+{+]+^+/+(+(+_+:+/+{+<+[+}+|+{+~+!+)+'+,+", +"1+2+3+4+5+6+7+8+9+9+0+a+b+c+a+d+c+e+f+6+5+4+3+2+1+", +" ", +" ", +" ", +" ", +" ", +" "}; diff --git a/xfwm4/right-active.xpm b/xfwm4/right-active.xpm new file mode 100755 index 0000000..34b2b57 --- /dev/null +++ b/xfwm4/right-active.xpm @@ -0,0 +1,26 @@ +/* XPM */ +static char * right_active_xpm[] = { +"6 20 3 1", +" c None", +". c #BFD4EA", +"+ c #58606A", +".....+", +".....+", +".....+", +".....+", +".....+", +".....+", +".....+", +".....+", +".....+", +".....+", +".....+", +".....+", +".....+", +".....+", +".....+", +".....+", +".....+", +".....+", +".....+", +".....+"}; diff --git a/xfwm4/right-inactive.xpm b/xfwm4/right-inactive.xpm new file mode 100755 index 0000000..34b2b57 --- /dev/null +++ b/xfwm4/right-inactive.xpm @@ -0,0 +1,26 @@ +/* XPM */ +static char * right_active_xpm[] = { +"6 20 3 1", +" c None", +". c #BFD4EA", +"+ c #58606A", +".....+", +".....+", +".....+", +".....+", +".....+", +".....+", +".....+", +".....+", +".....+", +".....+", +".....+", +".....+", +".....+", +".....+", +".....+", +".....+", +".....+", +".....+", +".....+", +".....+"}; diff --git a/xfwm4/themerc b/xfwm4/themerc new file mode 100755 index 0000000..21c0bb9 --- /dev/null +++ b/xfwm4/themerc @@ -0,0 +1,27 @@ +full_width_title=false + +button_offset=0 +button_spacing=0 +button_horizontal_offset=0 +button_layout=|HMC + +active_text_color=#000000 +inactive_text_color=#000000 +active_text_shadow_color=#bed4e9 + +title_horizontal_offset=0 +title_vertical_offset_active=0 +title_vertical_offset_inactive=0 +title_shadow_active=true + +shadow_delta_height=1 +shadow_delta_width=1 +shadow_delta_x=0 +shadow_delta_y=2 + +resize_opacity=100 +move_opacity=60 +popup_opacity=90 + +show_frame_shadow=true +show_popup_shadow=true diff --git a/xfwm4/title-1-active.xpm b/xfwm4/title-1-active.xpm new file mode 100755 index 0000000..0298e8c --- /dev/null +++ b/xfwm4/title-1-active.xpm @@ -0,0 +1,36 @@ +/* XPM */ +static char * title_1_active_xpm[] = { +"5 30 3 1", +" c #6E747D", +". c #B5CEE7", +"+ c #90A3D4", +" ", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +"+++++"}; diff --git a/xfwm4/title-1-inactive.xpm b/xfwm4/title-1-inactive.xpm new file mode 100755 index 0000000..0298e8c --- /dev/null +++ b/xfwm4/title-1-inactive.xpm @@ -0,0 +1,36 @@ +/* XPM */ +static char * title_1_active_xpm[] = { +"5 30 3 1", +" c #6E747D", +". c #B5CEE7", +"+ c #90A3D4", +" ", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +"+++++"}; diff --git a/xfwm4/title-2-active.xpm b/xfwm4/title-2-active.xpm new file mode 100755 index 0000000..3765a2b --- /dev/null +++ b/xfwm4/title-2-active.xpm @@ -0,0 +1,36 @@ +/* XPM */ +static char * title_2_active_xpm[] = { +"5 30 3 1", +" c #6E747D", +". c #B5CEE7", +"+ c #90A3D4", +" ", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +"+++++"}; diff --git a/xfwm4/title-2-inactive.xpm b/xfwm4/title-2-inactive.xpm new file mode 100755 index 0000000..3765a2b --- /dev/null +++ b/xfwm4/title-2-inactive.xpm @@ -0,0 +1,36 @@ +/* XPM */ +static char * title_2_active_xpm[] = { +"5 30 3 1", +" c #6E747D", +". c #B5CEE7", +"+ c #90A3D4", +" ", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +"+++++"}; diff --git a/xfwm4/title-3-active.xpm b/xfwm4/title-3-active.xpm new file mode 100755 index 0000000..56209f5 --- /dev/null +++ b/xfwm4/title-3-active.xpm @@ -0,0 +1,36 @@ +/* XPM */ +static char * title_3_active_xpm[] = { +"5 30 3 1", +" c #6E747D", +". c #B5CEE7", +"+ c #90A3D4", +" ", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +"+++++"}; diff --git a/xfwm4/title-3-inactive.xpm b/xfwm4/title-3-inactive.xpm new file mode 100755 index 0000000..56209f5 --- /dev/null +++ b/xfwm4/title-3-inactive.xpm @@ -0,0 +1,36 @@ +/* XPM */ +static char * title_3_active_xpm[] = { +"5 30 3 1", +" c #6E747D", +". c #B5CEE7", +"+ c #90A3D4", +" ", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +"+++++"}; diff --git a/xfwm4/title-4-active.xpm b/xfwm4/title-4-active.xpm new file mode 100755 index 0000000..561665b --- /dev/null +++ b/xfwm4/title-4-active.xpm @@ -0,0 +1,36 @@ +/* XPM */ +static char * title_4_active_xpm[] = { +"5 30 3 1", +" c #6E747D", +". c #B5CEE7", +"+ c #90A3D4", +" ", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +"+++++"}; diff --git a/xfwm4/title-4-inactive.xpm b/xfwm4/title-4-inactive.xpm new file mode 100755 index 0000000..561665b --- /dev/null +++ b/xfwm4/title-4-inactive.xpm @@ -0,0 +1,36 @@ +/* XPM */ +static char * title_4_active_xpm[] = { +"5 30 3 1", +" c #6E747D", +". c #B5CEE7", +"+ c #90A3D4", +" ", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +"+++++"}; diff --git a/xfwm4/title-5-active.xpm b/xfwm4/title-5-active.xpm new file mode 100755 index 0000000..19ddbcd --- /dev/null +++ b/xfwm4/title-5-active.xpm @@ -0,0 +1,36 @@ +/* XPM */ +static char * title_5_active_xpm[] = { +"5 30 3 1", +" c #6E747D", +". c #B5CEE7", +"+ c #90A3D4", +" ", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +"+++++"}; diff --git a/xfwm4/title-5-inactive.xpm b/xfwm4/title-5-inactive.xpm new file mode 100755 index 0000000..19ddbcd --- /dev/null +++ b/xfwm4/title-5-inactive.xpm @@ -0,0 +1,36 @@ +/* XPM */ +static char * title_5_active_xpm[] = { +"5 30 3 1", +" c #6E747D", +". c #B5CEE7", +"+ c #90A3D4", +" ", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +"+++++"}; diff --git a/xfwm4/title-6-active.xpm b/xfwm4/title-6-active.xpm new file mode 100755 index 0000000..1fce0ff --- /dev/null +++ b/xfwm4/title-6-active.xpm @@ -0,0 +1,36 @@ +/* XPM */ +static char * title_6_active_xpm[] = { +"5 30 3 1", +" c #6E747D", +". c #B5CEE7", +"+ c #90A3D4", +" ", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +"+++++"}; diff --git a/xfwm4/title-6-inactive.xpm b/xfwm4/title-6-inactive.xpm new file mode 100755 index 0000000..1fce0ff --- /dev/null +++ b/xfwm4/title-6-inactive.xpm @@ -0,0 +1,36 @@ +/* XPM */ +static char * title_6_active_xpm[] = { +"5 30 3 1", +" c #6E747D", +". c #B5CEE7", +"+ c #90A3D4", +" ", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +".....", +"+++++"}; diff --git a/xfwm4/top-left-active.xpm b/xfwm4/top-left-active.xpm new file mode 100755 index 0000000..7750ff7 --- /dev/null +++ b/xfwm4/top-left-active.xpm @@ -0,0 +1,45 @@ +/* XPM */ +static char * top_left_active_xpm[] = { +"34 30 12 1", +" c None", +". c #67707B", +"+ c #6D747D", +"@ c #6E747D", +"# c #A2B1C2", +"$ c #B5CEE7", +"% c #8998A8", +"& c #A7B9CC", +"* c #7C8997", +"= c #7C8A98", +"- c #7C8998", +"; c #90A3D4", +" .+@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@", +" #$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$", +" %$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$", +" &$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$", +"*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$", +"=$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$", +"-$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$", +"-$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$", +"-$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$", +"-$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$", +"-$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$", +"-$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$", +"-$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$", +"-$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$", +"-$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$", +"-$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$", +"-$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$", +"-$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$", +"-$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$", +"-$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$", +"-$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$", +"-$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$", +"-$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$", +"-$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$", +"-$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$", +"-$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$", +"-$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$", +"-$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$", +"-$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$", +"-$$$$$;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}; diff --git a/xfwm4/top-left-inactive.xpm b/xfwm4/top-left-inactive.xpm new file mode 100755 index 0000000..7750ff7 --- /dev/null +++ b/xfwm4/top-left-inactive.xpm @@ -0,0 +1,45 @@ +/* XPM */ +static char * top_left_active_xpm[] = { +"34 30 12 1", +" c None", +". c #67707B", +"+ c #6D747D", +"@ c #6E747D", +"# c #A2B1C2", +"$ c #B5CEE7", +"% c #8998A8", +"& c #A7B9CC", +"* c #7C8997", +"= c #7C8A98", +"- c #7C8998", +"; c #90A3D4", +" .+@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@", +" #$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$", +" %$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$", +" &$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$", +"*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$", +"=$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$", +"-$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$", +"-$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$", +"-$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$", +"-$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$", +"-$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$", +"-$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$", +"-$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$", +"-$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$", +"-$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$", +"-$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$", +"-$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$", +"-$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$", +"-$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$", +"-$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$", +"-$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$", +"-$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$", +"-$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$", +"-$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$", +"-$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$", +"-$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$", +"-$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$", +"-$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$", +"-$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$", +"-$$$$$;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}; diff --git a/xfwm4/top-right-active.xpm b/xfwm4/top-right-active.xpm new file mode 100755 index 0000000..c21f718 --- /dev/null +++ b/xfwm4/top-right-active.xpm @@ -0,0 +1,45 @@ +/* XPM */ +static char * top_right_active_xpm[] = { +"27 30 12 1", +" c None", +". c #6E747D", +"+ c #68717C", +"@ c #B5CEE7", +"# c #A9B8C8", +"$ c #8F9EAF", +"% c #AFC4DA", +"& c #778391", +"* c #7F8C9A", +"= c #7F8C9B", +"- c #90A3D4", +"; c #99ADD8", +"........................+ ", +"@@@@@@@@@@@@@@@@@@@@@@@@# ", +"@@@@@@@@@@@@@@@@@@@@@@@@@$ ", +"@@@@@@@@@@@@@@@@@@@@@@@@@%&", +"@@@@@@@@@@@@@@@@@@@@@@@@@@*", +"@@@@@@@@@@@@@@@@@@@@@@@@@@=", +"@@@@@@@@@@@@@@@@@@@@@@@@@@=", +"@@@@@@@@@@@@@@@@@@@@@@@@@@=", +"@@@@@@@@@@@@@@@@@@@@@@@@@@=", +"@@@@@@@@@@@@@@@@@@@@@@@@@@=", +"@@@@@@@@@@@@@@@@@@@@@@@@@@=", +"@@@@@@@@@@@@@@@@@@@@@@@@@@=", +"@@@@@@@@@@@@@@@@@@@@@@@@@@=", +"@@@@@@@@@@@@@@@@@@@@@@@@@@=", +"@@@@@@@@@@@@@@@@@@@@@@@@@@=", +"@@@@@@@@@@@@@@@@@@@@@@@@@@=", +"@@@@@@@@@@@@@@@@@@@@@@@@@@=", +"@@@@@@@@@@@@@@@@@@@@@@@@@@=", +"@@@@@@@@@@@@@@@@@@@@@@@@@@=", +"@@@@@@@@@@@@@@@@@@@@@@@@@@=", +"@@@@@@@@@@@@@@@@@@@@@@@@@@=", +"@@@@@@@@@@@@@@@@@@@@@@@@@@=", +"@@@@@@@@@@@@@@@@@@@@@@@@@@=", +"@@@@@@@@@@@@@@@@@@@@@@@@@@=", +"@@@@@@@@@@@@@@@@@@@@@@@@@@=", +"@@@@@@@@@@@@@@@@@@@@@@@@@@=", +"@@@@@@@@@@@@@@@@@@@@@@@@@@=", +"@@@@@@@@@@@@@@@@@@@@@@@@@@=", +"@@@@@@@@@@@@@@@@@@@@@@@@@@=", +"-------------------;@@@@@@="}; diff --git a/xfwm4/top-right-inactive.xpm b/xfwm4/top-right-inactive.xpm new file mode 100755 index 0000000..c21f718 --- /dev/null +++ b/xfwm4/top-right-inactive.xpm @@ -0,0 +1,45 @@ +/* XPM */ +static char * top_right_active_xpm[] = { +"27 30 12 1", +" c None", +". c #6E747D", +"+ c #68717C", +"@ c #B5CEE7", +"# c #A9B8C8", +"$ c #8F9EAF", +"% c #AFC4DA", +"& c #778391", +"* c #7F8C9A", +"= c #7F8C9B", +"- c #90A3D4", +"; c #99ADD8", +"........................+ ", +"@@@@@@@@@@@@@@@@@@@@@@@@# ", +"@@@@@@@@@@@@@@@@@@@@@@@@@$ ", +"@@@@@@@@@@@@@@@@@@@@@@@@@%&", +"@@@@@@@@@@@@@@@@@@@@@@@@@@*", +"@@@@@@@@@@@@@@@@@@@@@@@@@@=", +"@@@@@@@@@@@@@@@@@@@@@@@@@@=", +"@@@@@@@@@@@@@@@@@@@@@@@@@@=", +"@@@@@@@@@@@@@@@@@@@@@@@@@@=", +"@@@@@@@@@@@@@@@@@@@@@@@@@@=", +"@@@@@@@@@@@@@@@@@@@@@@@@@@=", +"@@@@@@@@@@@@@@@@@@@@@@@@@@=", +"@@@@@@@@@@@@@@@@@@@@@@@@@@=", +"@@@@@@@@@@@@@@@@@@@@@@@@@@=", +"@@@@@@@@@@@@@@@@@@@@@@@@@@=", +"@@@@@@@@@@@@@@@@@@@@@@@@@@=", +"@@@@@@@@@@@@@@@@@@@@@@@@@@=", +"@@@@@@@@@@@@@@@@@@@@@@@@@@=", +"@@@@@@@@@@@@@@@@@@@@@@@@@@=", +"@@@@@@@@@@@@@@@@@@@@@@@@@@=", +"@@@@@@@@@@@@@@@@@@@@@@@@@@=", +"@@@@@@@@@@@@@@@@@@@@@@@@@@=", +"@@@@@@@@@@@@@@@@@@@@@@@@@@=", +"@@@@@@@@@@@@@@@@@@@@@@@@@@=", +"@@@@@@@@@@@@@@@@@@@@@@@@@@=", +"@@@@@@@@@@@@@@@@@@@@@@@@@@=", +"@@@@@@@@@@@@@@@@@@@@@@@@@@=", +"@@@@@@@@@@@@@@@@@@@@@@@@@@=", +"@@@@@@@@@@@@@@@@@@@@@@@@@@=", +"-------------------;@@@@@@="};