diff --git a/.gitignore b/.gitignore new file mode 100644 index 00000000..853c3648 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +build/user/share/themes/tokyonight diff --git a/.gitmodules b/.gitmodules new file mode 100644 index 00000000..0511b95f --- /dev/null +++ b/.gitmodules @@ -0,0 +1,3 @@ +[submodule "oomox-gtk-theme"] + path = oomox-gtk-theme + url = https://github.com/themix-project/oomox-gtk-theme diff --git a/.woodpecker.yml b/.woodpecker.yml new file mode 100644 index 00000000..a88e6db9 --- /dev/null +++ b/.woodpecker.yml @@ -0,0 +1,55 @@ +when: + event: tag +steps: + build: + image: alpine + commands: | + apk add bash make sassc glib-dev gdk-pixbuf libxml2-utils gtk-murrine-engine rsvg-convert librsvg + mkdir -p pkg/user/share/themes + oomox-gtk-theme/change_color.sh -t pkg/user/share/themes -o tokyonight -d true ./tokyonight + + package-xbps: + image: ghcr.io/void-linux/void-musl-busybox + environment: + - LICENSE=GPL-3.0 + - SHORT_DESCRIPTION=Tokyonight GTK Theme + commands: | + xbps-create -A x86_64 \ + -H "$${CI_REPO_URL}" \ + -l "$${LICENSE}" \ + -n "$${CI_REPO_NAME}-$${CI_COMMIT_TAG}" \ + -m "$${CI_COMMIT_AUTHOR} <$${CI_COMMIT_AUTHOR_EMAIL}>" \ + -s "$${SHORT_DESCRIPTION}" \ + -c "$${CI_COMMIT_MESSAGE}" \ + "$${CI_WORKSPACE}/pkg" + + package-targz: + image: alpine + commands: | + tar czf $${CI_REPO_NAME}-$${CI_COMMIT_TAG}.tar.gz --directory=$${CI_WORKSPACE}/pkg . + + publish: + image: woodpeckerci/plugin-gitea-release + settings: + base_url: https://git.snaile.de + files: + - "${CI_REPO_NAME}-${CI_COMMIT_TAG}.tar.gz" + api_key: + from_secret: gitea_release + target: main + + publish-xbps: + image: ghcr.io/void-linux/void-musl-busybox + environment: + - XBPS_TARGET_ARCH=x86_64 + secrets: + - source: xbps_pem_passphrase + target: XBPS_PASSPHRASE + volumes: + - /srv/xbps:/target + - /etc/woodpecker/:/etc/woodpecker:ro + commands: | + export XBPS_TARGET_ARCH + mv $${CI_REPO_NAME}-$${CI_COMMIT_TAG}.x86_64.xbps /target + xbps-rindex -a /target/$${CI_REPO_NAME}-$${CI_COMMIT_TAG}.x86_64.xbps + xbps-rindex -S --signedby "$${CI_COMMIT_AUTHOR} <$${CI_COMMIT_AUTHOR_EMAIL}>" --privkey /etc/woodpecker/privkey.pem /target/$${CI_REPO_NAME}-$${CI_COMMIT_TAG}.x86_64.xbps diff --git a/COPYING b/COPYING deleted file mode 100644 index d159169d..00000000 --- a/COPYING +++ /dev/null @@ -1,339 +0,0 @@ - GNU GENERAL PUBLIC LICENSE - Version 2, June 1991 - - Copyright (C) 1989, 1991 Free Software Foundation, Inc., - 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA - Everyone is permitted to copy and distribute verbatim copies - of this license document, but changing it is not allowed. - - Preamble - - The licenses for most software are designed to take away your -freedom to share and change it. By contrast, the GNU General Public -License is intended to guarantee your freedom to share and change free -software--to make sure the software is free for all its users. This -General Public License applies to most of the Free Software -Foundation's software and to any other program whose authors commit to -using it. (Some other Free Software Foundation software is covered by -the GNU Lesser General Public License instead.) You can apply it to -your programs, too. - - When we speak of free software, we are referring to freedom, not -price. Our General Public Licenses are designed to make sure that you -have the freedom to distribute copies of free software (and charge for -this service if you wish), that you receive source code or can get it -if you want it, that you can change the software or use pieces of it -in new free programs; and that you know you can do these things. - - To protect your rights, we need to make restrictions that forbid -anyone to deny you these rights or to ask you to surrender the rights. -These restrictions translate to certain responsibilities for you if you -distribute copies of the software, or if you modify it. - - For example, if you distribute copies of such a program, whether -gratis or for a fee, you must give the recipients all the rights that -you have. You must make sure that they, too, receive or can get the -source code. And you must show them these terms so they know their -rights. - - We protect your rights with two steps: (1) copyright the software, and -(2) offer you this license which gives you legal permission to copy, -distribute and/or modify the software. - - Also, for each author's protection and ours, we want to make certain -that everyone understands that there is no warranty for this free -software. If the software is modified by someone else and passed on, we -want its recipients to know that what they have is not the original, so -that any problems introduced by others will not reflect on the original -authors' reputations. - - Finally, any free program is threatened constantly by software -patents. We wish to avoid the danger that redistributors of a free -program will individually obtain patent licenses, in effect making the -program proprietary. To prevent this, we have made it clear that any -patent must be licensed for everyone's free use or not licensed at all. - - The precise terms and conditions for copying, distribution and -modification follow. - - GNU GENERAL PUBLIC LICENSE - TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION - - 0. This License applies to any program or other work which contains -a notice placed by the copyright holder saying it may be distributed -under the terms of this General Public License. The "Program", below, -refers to any such program or work, and a "work based on the Program" -means either the Program or any derivative work under copyright law: -that is to say, a work containing the Program or a portion of it, -either verbatim or with modifications and/or translated into another -language. (Hereinafter, translation is included without limitation in -the term "modification".) Each licensee is addressed as "you". - -Activities other than copying, distribution and modification are not -covered by this License; they are outside its scope. The act of -running the Program is not restricted, and the output from the Program -is covered only if its contents constitute a work based on the -Program (independent of having been made by running the Program). -Whether that is true depends on what the Program does. - - 1. You may copy and distribute verbatim copies of the Program's -source code as you receive it, in any medium, provided that you -conspicuously and appropriately publish on each copy an appropriate -copyright notice and disclaimer of warranty; keep intact all the -notices that refer to this License and to the absence of any warranty; -and give any other recipients of the Program a copy of this License -along with the Program. - -You may charge a fee for the physical act of transferring a copy, and -you may at your option offer warranty protection in exchange for a fee. - - 2. You may modify your copy or copies of the Program or any portion -of it, thus forming a work based on the Program, and copy and -distribute such modifications or work under the terms of Section 1 -above, provided that you also meet all of these conditions: - - a) You must cause the modified files to carry prominent notices - stating that you changed the files and the date of any change. - - b) You must cause any work that you distribute or publish, that in - whole or in part contains or is derived from the Program or any - part thereof, to be licensed as a whole at no charge to all third - parties under the terms of this License. - - c) If the modified program normally reads commands interactively - when run, you must cause it, when started running for such - interactive use in the most ordinary way, to print or display an - announcement including an appropriate copyright notice and a - notice that there is no warranty (or else, saying that you provide - a warranty) and that users may redistribute the program under - these conditions, and telling the user how to view a copy of this - License. (Exception: if the Program itself is interactive but - does not normally print such an announcement, your work based on - the Program is not required to print an announcement.) - -These requirements apply to the modified work as a whole. If -identifiable sections of that work are not derived from the Program, -and can be reasonably considered independent and separate works in -themselves, then this License, and its terms, do not apply to those -sections when you distribute them as separate works. But when you -distribute the same sections as part of a whole which is a work based -on the Program, the distribution of the whole must be on the terms of -this License, whose permissions for other licensees extend to the -entire whole, and thus to each and every part regardless of who wrote it. - -Thus, it is not the intent of this section to claim rights or contest -your rights to work written entirely by you; rather, the intent is to -exercise the right to control the distribution of derivative or -collective works based on the Program. - -In addition, mere aggregation of another work not based on the Program -with the Program (or with a work based on the Program) on a volume of -a storage or distribution medium does not bring the other work under -the scope of this License. - - 3. You may copy and distribute the Program (or a work based on it, -under Section 2) in object code or executable form under the terms of -Sections 1 and 2 above provided that you also do one of the following: - - a) Accompany it with the complete corresponding machine-readable - source code, which must be distributed under the terms of Sections - 1 and 2 above on a medium customarily used for software interchange; or, - - b) Accompany it with a written offer, valid for at least three - years, to give any third party, for a charge no more than your - cost of physically performing source distribution, a complete - machine-readable copy of the corresponding source code, to be - distributed under the terms of Sections 1 and 2 above on a medium - customarily used for software interchange; or, - - c) Accompany it with the information you received as to the offer - to distribute corresponding source code. (This alternative is - allowed only for noncommercial distribution and only if you - received the program in object code or executable form with such - an offer, in accord with Subsection b above.) - -The source code for a work means the preferred form of the work for -making modifications to it. For an executable work, complete source -code means all the source code for all modules it contains, plus any -associated interface definition files, plus the scripts used to -control compilation and installation of the executable. However, as a -special exception, the source code distributed need not include -anything that is normally distributed (in either source or binary -form) with the major components (compiler, kernel, and so on) of the -operating system on which the executable runs, unless that component -itself accompanies the executable. - -If distribution of executable or object code is made by offering -access to copy from a designated place, then offering equivalent -access to copy the source code from the same place counts as -distribution of the source code, even though third parties are not -compelled to copy the source along with the object code. - - 4. You may not copy, modify, sublicense, or distribute the Program -except as expressly provided under this License. Any attempt -otherwise to copy, modify, sublicense or distribute the Program is -void, and will automatically terminate your rights under this License. -However, parties who have received copies, or rights, from you under -this License will not have their licenses terminated so long as such -parties remain in full compliance. - - 5. You are not required to accept this License, since you have not -signed it. However, nothing else grants you permission to modify or -distribute the Program or its derivative works. These actions are -prohibited by law if you do not accept this License. Therefore, by -modifying or distributing the Program (or any work based on the -Program), you indicate your acceptance of this License to do so, and -all its terms and conditions for copying, distributing or modifying -the Program or works based on it. - - 6. Each time you redistribute the Program (or any work based on the -Program), the recipient automatically receives a license from the -original licensor to copy, distribute or modify the Program subject to -these terms and conditions. You may not impose any further -restrictions on the recipients' exercise of the rights granted herein. -You are not responsible for enforcing compliance by third parties to -this License. - - 7. If, as a consequence of a court judgment or allegation of patent -infringement or for any other reason (not limited to patent issues), -conditions are imposed on you (whether by court order, agreement or -otherwise) that contradict the conditions of this License, they do not -excuse you from the conditions of this License. If you cannot -distribute so as to satisfy simultaneously your obligations under this -License and any other pertinent obligations, then as a consequence you -may not distribute the Program at all. For example, if a patent -license would not permit royalty-free redistribution of the Program by -all those who receive copies directly or indirectly through you, then -the only way you could satisfy both it and this License would be to -refrain entirely from distribution of the Program. - -If any portion of this section is held invalid or unenforceable under -any particular circumstance, the balance of the section is intended to -apply and the section as a whole is intended to apply in other -circumstances. - -It is not the purpose of this section to induce you to infringe any -patents or other property right claims or to contest validity of any -such claims; this section has the sole purpose of protecting the -integrity of the free software distribution system, which is -implemented by public license practices. Many people have made -generous contributions to the wide range of software distributed -through that system in reliance on consistent application of that -system; it is up to the author/donor to decide if he or she is willing -to distribute software through any other system and a licensee cannot -impose that choice. - -This section is intended to make thoroughly clear what is believed to -be a consequence of the rest of this License. - - 8. If the distribution and/or use of the Program is restricted in -certain countries either by patents or by copyrighted interfaces, the -original copyright holder who places the Program under this License -may add an explicit geographical distribution limitation excluding -those countries, so that distribution is permitted only in or among -countries not thus excluded. In such case, this License incorporates -the limitation as if written in the body of this License. - - 9. The Free Software Foundation may publish revised and/or new versions -of the General Public License from time to time. Such new versions will -be similar in spirit to the present version, but may differ in detail to -address new problems or concerns. - -Each version is given a distinguishing version number. If the Program -specifies a version number of this License which applies to it and "any -later version", you have the option of following the terms and conditions -either of that version or of any later version published by the Free -Software Foundation. If the Program does not specify a version number of -this License, you may choose any version ever published by the Free Software -Foundation. - - 10. If you wish to incorporate parts of the Program into other free -programs whose distribution conditions are different, write to the author -to ask for permission. For software which is copyrighted by the Free -Software Foundation, write to the Free Software Foundation; we sometimes -make exceptions for this. Our decision will be guided by the two goals -of preserving the free status of all derivatives of our free software and -of promoting the sharing and reuse of software generally. - - NO WARRANTY - - 11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY -FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW. EXCEPT WHEN -OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES -PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED -OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF -MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE. THE ENTIRE RISK AS -TO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU. SHOULD THE -PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING, -REPAIR OR CORRECTION. - - 12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING -WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR -REDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, -INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING -OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED -TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY -YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER -PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE -POSSIBILITY OF SUCH DAMAGES. - - END OF TERMS AND CONDITIONS - - How to Apply These Terms to Your New Programs - - If you develop a new program, and you want it to be of the greatest -possible use to the public, the best way to achieve this is to make it -free software which everyone can redistribute and change under these terms. - - To do so, attach the following notices to the program. It is safest -to attach them to the start of each source file to most effectively -convey the exclusion of warranty; and each file should have at least -the "copyright" line and a pointer to where the full notice is found. - - - Copyright (C) - - This program is free software; you can redistribute it and/or modify - it under the terms of the GNU General Public License as published by - the Free Software Foundation; either version 2 of the License, or - (at your option) any later version. - - This program is distributed in the hope that it will be useful, - but WITHOUT ANY WARRANTY; without even the implied warranty of - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - GNU General Public License for more details. - - You should have received a copy of the GNU General Public License along - with this program; if not, write to the Free Software Foundation, Inc., - 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA. - -Also add information on how to contact you by electronic and paper mail. - -If the program is interactive, make it output a short notice like this -when it starts in an interactive mode: - - Gnomovision version 69, Copyright (C) year name of author - Gnomovision comes with ABSOLUTELY NO WARRANTY; for details type `show w'. - This is free software, and you are welcome to redistribute it - under certain conditions; type `show c' for details. - -The hypothetical commands `show w' and `show c' should show the appropriate -parts of the General Public License. Of course, the commands you use may -be called something other than `show w' and `show c'; they could even be -mouse-clicks or menu items--whatever suits your program. - -You should also get your employer (if you work as a programmer) or your -school, if any, to sign a "copyright disclaimer" for the program, if -necessary. Here is a sample; alter the names: - - Yoyodyne, Inc., hereby disclaims all copyright interest in the program - `Gnomovision' (which makes passes at compilers) written by James Hacker. - - , 1 April 1989 - Ty Coon, President of Vice - -This General Public License does not permit incorporating your program into -proprietary programs. If your program is a subroutine library, you may -consider it more useful to permit linking proprietary applications with the -library. If this is what you want to do, use the GNU Lesser General -Public License instead of this License. diff --git a/gtk-2.0/apps.rc b/gtk-2.0/apps.rc deleted file mode 100644 index ef31766a..00000000 --- a/gtk-2.0/apps.rc +++ /dev/null @@ -1,92 +0,0 @@ -# vim:set ft=gtkrc ts=2 sw=2 sts=2 ai et: -# -# This file, unlike hacks.rc, contains legitimate cases we need to handle, e.g. -# custom widgets, programs giving us a chance to alter their UI to fit more with -# the theme or stuff that is supposed to look different, like panels. - -# TODO: This could really look nicer -style "gimp_spin_scale" { - # Spin background - bg[NORMAL] = @base_color - - engine "pixmap" { - image { - function = BOX - state = NORMAL - detail = "spinbutton_up" - overlay_file = "assets/pan-up.png" - overlay_stretch = FALSE - } - - image { - function = BOX - state = PRELIGHT - detail = "spinbutton_up" - overlay_file = "assets/pan-up-alt.png" - overlay_stretch = FALSE - } - - image { - function = BOX - state = ACTIVE - detail = "spinbutton_up" - overlay_file = "assets/pan-up-alt.png" - overlay_stretch = FALSE - } - - image { - function = BOX - state = INSENSITIVE - detail = "spinbutton_up" - overlay_file = "assets/pan-up-disabled.png" - overlay_stretch = FALSE - } - - image { - function = BOX - state = NORMAL - detail = "spinbutton_down" - overlay_file = "assets/pan-down.png" - overlay_stretch = FALSE - } - - image { - function = BOX - state = PRELIGHT - detail = "spinbutton_down" - overlay_file = "assets/pan-down-alt.png" - overlay_stretch = FALSE - } - - image { - function = BOX - state = ACTIVE - detail = "spinbutton_down" - overlay_file = "assets/pan-down-alt.png" - overlay_stretch = FALSE - } - - image { - function = BOX - state = INSENSITIVE - detail = "spinbutton_down" - overlay_file = "assets/pan-down-disabled.png" - overlay_stretch = FALSE - } - } -} - -style "chrome_gtk_frame" { - ChromeGtkFrame::frame-color = @titlebar_bg_color - ChromeGtkFrame::inactive-frame-color = @titlebar_bg_color - ChromeGtkFrame::incognito-frame-color = @titlebar_bg_color - ChromeGtkFrame::incognito-inactive-frame-color = @titlebar_bg_color - - ChromeGtkFrame::frame-gradient-size = 0 -} - -# Disable spin button assets for GimpSpinScale -class "GimpSpinScale" style "gimp_spin_scale" - -# Chromium lets us define some colours and settings for better integration -class "ChromeGtkFrame" style "chrome_gtk_frame" diff --git a/gtk-2.0/assets/border.png b/gtk-2.0/assets/border.png deleted file mode 100644 index d82f42ec..00000000 Binary files a/gtk-2.0/assets/border.png and /dev/null differ diff --git a/gtk-2.0/assets/button-active.png b/gtk-2.0/assets/button-active.png deleted file mode 100644 index 7c8750d1..00000000 Binary files a/gtk-2.0/assets/button-active.png and /dev/null differ diff --git a/gtk-2.0/assets/button-disabled.png b/gtk-2.0/assets/button-disabled.png deleted file mode 100644 index 3752b1fb..00000000 Binary files a/gtk-2.0/assets/button-disabled.png and /dev/null differ diff --git a/gtk-2.0/assets/button-hover.png b/gtk-2.0/assets/button-hover.png deleted file mode 100644 index 30b248b0..00000000 Binary files a/gtk-2.0/assets/button-hover.png and /dev/null differ diff --git a/gtk-2.0/assets/button.png b/gtk-2.0/assets/button.png deleted file mode 100644 index 18979d27..00000000 Binary files a/gtk-2.0/assets/button.png and /dev/null differ diff --git a/gtk-2.0/assets/checkbox-checked-active.png b/gtk-2.0/assets/checkbox-checked-active.png deleted file mode 100644 index 447ddeee..00000000 Binary files a/gtk-2.0/assets/checkbox-checked-active.png and /dev/null differ diff --git a/gtk-2.0/assets/checkbox-checked-disabled.png b/gtk-2.0/assets/checkbox-checked-disabled.png deleted file mode 100644 index f41745e0..00000000 Binary files a/gtk-2.0/assets/checkbox-checked-disabled.png and /dev/null differ diff --git a/gtk-2.0/assets/checkbox-checked-hover.png b/gtk-2.0/assets/checkbox-checked-hover.png deleted file mode 100644 index 2d3c4199..00000000 Binary files a/gtk-2.0/assets/checkbox-checked-hover.png and /dev/null differ diff --git a/gtk-2.0/assets/checkbox-checked.png b/gtk-2.0/assets/checkbox-checked.png deleted file mode 100644 index 7391d9fc..00000000 Binary files a/gtk-2.0/assets/checkbox-checked.png and /dev/null differ diff --git a/gtk-2.0/assets/checkbox-mixed-active.png b/gtk-2.0/assets/checkbox-mixed-active.png deleted file mode 100644 index 7fb9bc05..00000000 Binary files a/gtk-2.0/assets/checkbox-mixed-active.png and /dev/null differ diff --git a/gtk-2.0/assets/checkbox-mixed-disabled.png b/gtk-2.0/assets/checkbox-mixed-disabled.png deleted file mode 100644 index 5e0657a7..00000000 Binary files a/gtk-2.0/assets/checkbox-mixed-disabled.png and /dev/null differ diff --git a/gtk-2.0/assets/checkbox-mixed-hover.png b/gtk-2.0/assets/checkbox-mixed-hover.png deleted file mode 100644 index 4b6962ae..00000000 Binary files a/gtk-2.0/assets/checkbox-mixed-hover.png and /dev/null differ diff --git a/gtk-2.0/assets/checkbox-mixed.png b/gtk-2.0/assets/checkbox-mixed.png deleted file mode 100644 index c6794926..00000000 Binary files a/gtk-2.0/assets/checkbox-mixed.png and /dev/null differ diff --git a/gtk-2.0/assets/checkbox-unchecked-active.png b/gtk-2.0/assets/checkbox-unchecked-active.png deleted file mode 100644 index 985fdb6f..00000000 Binary files a/gtk-2.0/assets/checkbox-unchecked-active.png and /dev/null differ diff --git a/gtk-2.0/assets/checkbox-unchecked-disabled.png b/gtk-2.0/assets/checkbox-unchecked-disabled.png deleted file mode 100644 index c488c573..00000000 Binary files a/gtk-2.0/assets/checkbox-unchecked-disabled.png and /dev/null differ diff --git a/gtk-2.0/assets/checkbox-unchecked-hover.png b/gtk-2.0/assets/checkbox-unchecked-hover.png deleted file mode 100644 index 048e982f..00000000 Binary files a/gtk-2.0/assets/checkbox-unchecked-hover.png and /dev/null differ diff --git a/gtk-2.0/assets/checkbox-unchecked.png b/gtk-2.0/assets/checkbox-unchecked.png deleted file mode 100644 index a3131d6d..00000000 Binary files a/gtk-2.0/assets/checkbox-unchecked.png and /dev/null differ diff --git a/gtk-2.0/assets/combo-left-entry-active.png b/gtk-2.0/assets/combo-left-entry-active.png deleted file mode 100644 index ec615867..00000000 Binary files a/gtk-2.0/assets/combo-left-entry-active.png and /dev/null differ diff --git a/gtk-2.0/assets/combo-left-entry-disabled.png b/gtk-2.0/assets/combo-left-entry-disabled.png deleted file mode 100644 index e503c4c9..00000000 Binary files a/gtk-2.0/assets/combo-left-entry-disabled.png and /dev/null differ diff --git a/gtk-2.0/assets/combo-left-entry-hover.png b/gtk-2.0/assets/combo-left-entry-hover.png deleted file mode 100644 index 8b0d3bf3..00000000 Binary files a/gtk-2.0/assets/combo-left-entry-hover.png and /dev/null differ diff --git a/gtk-2.0/assets/combo-left-entry.png b/gtk-2.0/assets/combo-left-entry.png deleted file mode 100644 index 115e364f..00000000 Binary files a/gtk-2.0/assets/combo-left-entry.png and /dev/null differ diff --git a/gtk-2.0/assets/combo-right-entry-active.png b/gtk-2.0/assets/combo-right-entry-active.png deleted file mode 100644 index 2c1b4337..00000000 Binary files a/gtk-2.0/assets/combo-right-entry-active.png and /dev/null differ diff --git a/gtk-2.0/assets/combo-right-entry-disabled.png b/gtk-2.0/assets/combo-right-entry-disabled.png deleted file mode 100644 index d77b307b..00000000 Binary files a/gtk-2.0/assets/combo-right-entry-disabled.png and /dev/null differ diff --git a/gtk-2.0/assets/combo-right-entry-hover.png b/gtk-2.0/assets/combo-right-entry-hover.png deleted file mode 100644 index d3458c6f..00000000 Binary files a/gtk-2.0/assets/combo-right-entry-hover.png and /dev/null differ diff --git a/gtk-2.0/assets/combo-right-entry.png b/gtk-2.0/assets/combo-right-entry.png deleted file mode 100644 index 252bc522..00000000 Binary files a/gtk-2.0/assets/combo-right-entry.png and /dev/null differ diff --git a/gtk-2.0/assets/entry-active.png b/gtk-2.0/assets/entry-active.png deleted file mode 100644 index 5258b3cd..00000000 Binary files a/gtk-2.0/assets/entry-active.png and /dev/null differ diff --git a/gtk-2.0/assets/entry-background-disabled.png b/gtk-2.0/assets/entry-background-disabled.png deleted file mode 100644 index 4c68807b..00000000 Binary files a/gtk-2.0/assets/entry-background-disabled.png and /dev/null differ diff --git a/gtk-2.0/assets/entry-background.png b/gtk-2.0/assets/entry-background.png deleted file mode 100644 index 4c68807b..00000000 Binary files a/gtk-2.0/assets/entry-background.png and /dev/null differ diff --git a/gtk-2.0/assets/entry-disabled.png b/gtk-2.0/assets/entry-disabled.png deleted file mode 100644 index 23cfd2b6..00000000 Binary files a/gtk-2.0/assets/entry-disabled.png and /dev/null differ diff --git a/gtk-2.0/assets/entry-hover.png b/gtk-2.0/assets/entry-hover.png deleted file mode 100644 index 96ffb9a8..00000000 Binary files a/gtk-2.0/assets/entry-hover.png and /dev/null differ diff --git a/gtk-2.0/assets/entry.png b/gtk-2.0/assets/entry.png deleted file mode 100644 index 3ff1c630..00000000 Binary files a/gtk-2.0/assets/entry.png and /dev/null differ diff --git a/gtk-2.0/assets/flat-button-active.png b/gtk-2.0/assets/flat-button-active.png deleted file mode 100644 index 01a7731c..00000000 Binary files a/gtk-2.0/assets/flat-button-active.png and /dev/null differ diff --git a/gtk-2.0/assets/flat-button-disabled.png b/gtk-2.0/assets/flat-button-disabled.png deleted file mode 100644 index 2e3cfdc7..00000000 Binary files a/gtk-2.0/assets/flat-button-disabled.png and /dev/null differ diff --git a/gtk-2.0/assets/flat-button-hover.png b/gtk-2.0/assets/flat-button-hover.png deleted file mode 100644 index 3752b1fb..00000000 Binary files a/gtk-2.0/assets/flat-button-hover.png and /dev/null differ diff --git a/gtk-2.0/assets/flat-button.png b/gtk-2.0/assets/flat-button.png deleted file mode 100644 index 2e3cfdc7..00000000 Binary files a/gtk-2.0/assets/flat-button.png and /dev/null differ diff --git a/gtk-2.0/assets/focus.png b/gtk-2.0/assets/focus.png deleted file mode 100644 index 752c950c..00000000 Binary files a/gtk-2.0/assets/focus.png and /dev/null differ diff --git a/gtk-2.0/assets/frame-inline.png b/gtk-2.0/assets/frame-inline.png deleted file mode 100644 index 0857c072..00000000 Binary files a/gtk-2.0/assets/frame-inline.png and /dev/null differ diff --git a/gtk-2.0/assets/frame-notebook.png b/gtk-2.0/assets/frame-notebook.png deleted file mode 100644 index e18e15cb..00000000 Binary files a/gtk-2.0/assets/frame-notebook.png and /dev/null differ diff --git a/gtk-2.0/assets/frame.png b/gtk-2.0/assets/frame.png deleted file mode 100644 index 41100f88..00000000 Binary files a/gtk-2.0/assets/frame.png and /dev/null differ diff --git a/gtk-2.0/assets/handle-horz-active.png b/gtk-2.0/assets/handle-horz-active.png deleted file mode 100644 index 74d0c307..00000000 Binary files a/gtk-2.0/assets/handle-horz-active.png and /dev/null differ diff --git a/gtk-2.0/assets/handle-horz-hover.png b/gtk-2.0/assets/handle-horz-hover.png deleted file mode 100644 index 1d8e9190..00000000 Binary files a/gtk-2.0/assets/handle-horz-hover.png and /dev/null differ diff --git a/gtk-2.0/assets/handle-horz.png b/gtk-2.0/assets/handle-horz.png deleted file mode 100644 index 5e4687b6..00000000 Binary files a/gtk-2.0/assets/handle-horz.png and /dev/null differ diff --git a/gtk-2.0/assets/handle-vert-active.png b/gtk-2.0/assets/handle-vert-active.png deleted file mode 100644 index 361fa6a8..00000000 Binary files a/gtk-2.0/assets/handle-vert-active.png and /dev/null differ diff --git a/gtk-2.0/assets/handle-vert-hover.png b/gtk-2.0/assets/handle-vert-hover.png deleted file mode 100644 index ae5e32df..00000000 Binary files a/gtk-2.0/assets/handle-vert-hover.png and /dev/null differ diff --git a/gtk-2.0/assets/handle-vert.png b/gtk-2.0/assets/handle-vert.png deleted file mode 100644 index 38f91f1a..00000000 Binary files a/gtk-2.0/assets/handle-vert.png and /dev/null differ diff --git a/gtk-2.0/assets/menu-checkbox-checked-disabled.png b/gtk-2.0/assets/menu-checkbox-checked-disabled.png deleted file mode 100644 index 72c83d01..00000000 Binary files a/gtk-2.0/assets/menu-checkbox-checked-disabled.png and /dev/null differ diff --git a/gtk-2.0/assets/menu-checkbox-checked.png b/gtk-2.0/assets/menu-checkbox-checked.png deleted file mode 100644 index 0d6c51bd..00000000 Binary files a/gtk-2.0/assets/menu-checkbox-checked.png and /dev/null differ diff --git a/gtk-2.0/assets/menu-checkbox-mixed-disabled.png b/gtk-2.0/assets/menu-checkbox-mixed-disabled.png deleted file mode 100644 index 80317bfd..00000000 Binary files a/gtk-2.0/assets/menu-checkbox-mixed-disabled.png and /dev/null differ diff --git a/gtk-2.0/assets/menu-checkbox-mixed.png b/gtk-2.0/assets/menu-checkbox-mixed.png deleted file mode 100644 index 490eb96d..00000000 Binary files a/gtk-2.0/assets/menu-checkbox-mixed.png and /dev/null differ diff --git a/gtk-2.0/assets/menu-checkbox-unchecked-disabled.png b/gtk-2.0/assets/menu-checkbox-unchecked-disabled.png deleted file mode 100644 index 30c99713..00000000 Binary files a/gtk-2.0/assets/menu-checkbox-unchecked-disabled.png and /dev/null differ diff --git a/gtk-2.0/assets/menu-checkbox-unchecked.png b/gtk-2.0/assets/menu-checkbox-unchecked.png deleted file mode 100644 index 868c801b..00000000 Binary files a/gtk-2.0/assets/menu-checkbox-unchecked.png and /dev/null differ diff --git a/gtk-2.0/assets/menu-radio-checked-disabled.png b/gtk-2.0/assets/menu-radio-checked-disabled.png deleted file mode 100644 index 6818e2de..00000000 Binary files a/gtk-2.0/assets/menu-radio-checked-disabled.png and /dev/null differ diff --git a/gtk-2.0/assets/menu-radio-checked.png b/gtk-2.0/assets/menu-radio-checked.png deleted file mode 100644 index 78eb0f13..00000000 Binary files a/gtk-2.0/assets/menu-radio-checked.png and /dev/null differ diff --git a/gtk-2.0/assets/menu-radio-mixed-disabled.png b/gtk-2.0/assets/menu-radio-mixed-disabled.png deleted file mode 100644 index 30f9a0c2..00000000 Binary files a/gtk-2.0/assets/menu-radio-mixed-disabled.png and /dev/null differ diff --git a/gtk-2.0/assets/menu-radio-mixed.png b/gtk-2.0/assets/menu-radio-mixed.png deleted file mode 100644 index 4478375c..00000000 Binary files a/gtk-2.0/assets/menu-radio-mixed.png and /dev/null differ diff --git a/gtk-2.0/assets/menu-radio-unchecked-disabled.png b/gtk-2.0/assets/menu-radio-unchecked-disabled.png deleted file mode 100644 index 80becd3e..00000000 Binary files a/gtk-2.0/assets/menu-radio-unchecked-disabled.png and /dev/null differ diff --git a/gtk-2.0/assets/menu-radio-unchecked.png b/gtk-2.0/assets/menu-radio-unchecked.png deleted file mode 100644 index 91ccfc3a..00000000 Binary files a/gtk-2.0/assets/menu-radio-unchecked.png and /dev/null differ diff --git a/gtk-2.0/assets/pan-down-alt.png b/gtk-2.0/assets/pan-down-alt.png deleted file mode 100644 index 5cac009b..00000000 Binary files a/gtk-2.0/assets/pan-down-alt.png and /dev/null differ diff --git a/gtk-2.0/assets/pan-down-disabled.png b/gtk-2.0/assets/pan-down-disabled.png deleted file mode 100644 index 5ce5747c..00000000 Binary files a/gtk-2.0/assets/pan-down-disabled.png and /dev/null differ diff --git a/gtk-2.0/assets/pan-down.png b/gtk-2.0/assets/pan-down.png deleted file mode 100644 index 5141aef3..00000000 Binary files a/gtk-2.0/assets/pan-down.png and /dev/null differ diff --git a/gtk-2.0/assets/pan-left-alt.png b/gtk-2.0/assets/pan-left-alt.png deleted file mode 100644 index 588acbfa..00000000 Binary files a/gtk-2.0/assets/pan-left-alt.png and /dev/null differ diff --git a/gtk-2.0/assets/pan-left-disabled.png b/gtk-2.0/assets/pan-left-disabled.png deleted file mode 100644 index 4c9aa40f..00000000 Binary files a/gtk-2.0/assets/pan-left-disabled.png and /dev/null differ diff --git a/gtk-2.0/assets/pan-left-semi.png b/gtk-2.0/assets/pan-left-semi.png deleted file mode 100644 index f708f840..00000000 Binary files a/gtk-2.0/assets/pan-left-semi.png and /dev/null differ diff --git a/gtk-2.0/assets/pan-left.png b/gtk-2.0/assets/pan-left.png deleted file mode 100644 index 2f0eb0e6..00000000 Binary files a/gtk-2.0/assets/pan-left.png and /dev/null differ diff --git a/gtk-2.0/assets/pan-right-alt.png b/gtk-2.0/assets/pan-right-alt.png deleted file mode 100644 index 8398ffd0..00000000 Binary files a/gtk-2.0/assets/pan-right-alt.png and /dev/null differ diff --git a/gtk-2.0/assets/pan-right-disabled.png b/gtk-2.0/assets/pan-right-disabled.png deleted file mode 100644 index 07359d6f..00000000 Binary files a/gtk-2.0/assets/pan-right-disabled.png and /dev/null differ diff --git a/gtk-2.0/assets/pan-right-semi.png b/gtk-2.0/assets/pan-right-semi.png deleted file mode 100644 index 8101dd31..00000000 Binary files a/gtk-2.0/assets/pan-right-semi.png and /dev/null differ diff --git a/gtk-2.0/assets/pan-right.png b/gtk-2.0/assets/pan-right.png deleted file mode 100644 index 2154b622..00000000 Binary files a/gtk-2.0/assets/pan-right.png and /dev/null differ diff --git a/gtk-2.0/assets/pan-up-alt.png b/gtk-2.0/assets/pan-up-alt.png deleted file mode 100644 index 31c80f26..00000000 Binary files a/gtk-2.0/assets/pan-up-alt.png and /dev/null differ diff --git a/gtk-2.0/assets/pan-up-disabled.png b/gtk-2.0/assets/pan-up-disabled.png deleted file mode 100644 index 62319636..00000000 Binary files a/gtk-2.0/assets/pan-up-disabled.png and /dev/null differ diff --git a/gtk-2.0/assets/pan-up.png b/gtk-2.0/assets/pan-up.png deleted file mode 100644 index 686e3104..00000000 Binary files a/gtk-2.0/assets/pan-up.png and /dev/null differ diff --git a/gtk-2.0/assets/progressbar-progress.png b/gtk-2.0/assets/progressbar-progress.png deleted file mode 100644 index dbd4df2e..00000000 Binary files a/gtk-2.0/assets/progressbar-progress.png and /dev/null differ diff --git a/gtk-2.0/assets/progressbar-trough.png b/gtk-2.0/assets/progressbar-trough.png deleted file mode 100644 index 3f092948..00000000 Binary files a/gtk-2.0/assets/progressbar-trough.png and /dev/null differ diff --git a/gtk-2.0/assets/radio-checked-active.png b/gtk-2.0/assets/radio-checked-active.png deleted file mode 100644 index 4ac99f6c..00000000 Binary files a/gtk-2.0/assets/radio-checked-active.png and /dev/null differ diff --git a/gtk-2.0/assets/radio-checked-disabled.png b/gtk-2.0/assets/radio-checked-disabled.png deleted file mode 100644 index 3ac87a16..00000000 Binary files a/gtk-2.0/assets/radio-checked-disabled.png and /dev/null differ diff --git a/gtk-2.0/assets/radio-checked-hover.png b/gtk-2.0/assets/radio-checked-hover.png deleted file mode 100644 index b0b97a08..00000000 Binary files a/gtk-2.0/assets/radio-checked-hover.png and /dev/null differ diff --git a/gtk-2.0/assets/radio-checked.png b/gtk-2.0/assets/radio-checked.png deleted file mode 100644 index 1da75028..00000000 Binary files a/gtk-2.0/assets/radio-checked.png and /dev/null differ diff --git a/gtk-2.0/assets/radio-mixed-active.png b/gtk-2.0/assets/radio-mixed-active.png deleted file mode 100644 index cd37090f..00000000 Binary files a/gtk-2.0/assets/radio-mixed-active.png and /dev/null differ diff --git a/gtk-2.0/assets/radio-mixed-disabled.png b/gtk-2.0/assets/radio-mixed-disabled.png deleted file mode 100644 index 6aef8657..00000000 Binary files a/gtk-2.0/assets/radio-mixed-disabled.png and /dev/null differ diff --git a/gtk-2.0/assets/radio-mixed-hover.png b/gtk-2.0/assets/radio-mixed-hover.png deleted file mode 100644 index 60ee3fca..00000000 Binary files a/gtk-2.0/assets/radio-mixed-hover.png and /dev/null differ diff --git a/gtk-2.0/assets/radio-mixed.png b/gtk-2.0/assets/radio-mixed.png deleted file mode 100644 index ece9a7d6..00000000 Binary files a/gtk-2.0/assets/radio-mixed.png and /dev/null differ diff --git a/gtk-2.0/assets/radio-unchecked-active.png b/gtk-2.0/assets/radio-unchecked-active.png deleted file mode 100644 index 62030b8c..00000000 Binary files a/gtk-2.0/assets/radio-unchecked-active.png and /dev/null differ diff --git a/gtk-2.0/assets/radio-unchecked-disabled.png b/gtk-2.0/assets/radio-unchecked-disabled.png deleted file mode 100644 index dd17c980..00000000 Binary files a/gtk-2.0/assets/radio-unchecked-disabled.png and /dev/null differ diff --git a/gtk-2.0/assets/radio-unchecked-hover.png b/gtk-2.0/assets/radio-unchecked-hover.png deleted file mode 100644 index 7257c86e..00000000 Binary files a/gtk-2.0/assets/radio-unchecked-hover.png and /dev/null differ diff --git a/gtk-2.0/assets/radio-unchecked.png b/gtk-2.0/assets/radio-unchecked.png deleted file mode 100644 index 60a689c9..00000000 Binary files a/gtk-2.0/assets/radio-unchecked.png and /dev/null differ diff --git a/gtk-2.0/assets/scale-horz-trough-active.png b/gtk-2.0/assets/scale-horz-trough-active.png deleted file mode 100644 index 6e27a699..00000000 Binary files a/gtk-2.0/assets/scale-horz-trough-active.png and /dev/null differ diff --git a/gtk-2.0/assets/scale-horz-trough-disabled.png b/gtk-2.0/assets/scale-horz-trough-disabled.png deleted file mode 100644 index 6d95beb4..00000000 Binary files a/gtk-2.0/assets/scale-horz-trough-disabled.png and /dev/null differ diff --git a/gtk-2.0/assets/scale-horz-trough.png b/gtk-2.0/assets/scale-horz-trough.png deleted file mode 100644 index 8ba86498..00000000 Binary files a/gtk-2.0/assets/scale-horz-trough.png and /dev/null differ diff --git a/gtk-2.0/assets/scale-slider-active.png b/gtk-2.0/assets/scale-slider-active.png deleted file mode 100644 index c43f7122..00000000 Binary files a/gtk-2.0/assets/scale-slider-active.png and /dev/null differ diff --git a/gtk-2.0/assets/scale-slider-disabled.png b/gtk-2.0/assets/scale-slider-disabled.png deleted file mode 100644 index 6ad81619..00000000 Binary files a/gtk-2.0/assets/scale-slider-disabled.png and /dev/null differ diff --git a/gtk-2.0/assets/scale-slider-hover.png b/gtk-2.0/assets/scale-slider-hover.png deleted file mode 100644 index 9402cd34..00000000 Binary files a/gtk-2.0/assets/scale-slider-hover.png and /dev/null differ diff --git a/gtk-2.0/assets/scale-slider.png b/gtk-2.0/assets/scale-slider.png deleted file mode 100644 index 611a11ec..00000000 Binary files a/gtk-2.0/assets/scale-slider.png and /dev/null differ diff --git a/gtk-2.0/assets/scale-vert-trough-active.png b/gtk-2.0/assets/scale-vert-trough-active.png deleted file mode 100644 index 1a115160..00000000 Binary files a/gtk-2.0/assets/scale-vert-trough-active.png and /dev/null differ diff --git a/gtk-2.0/assets/scale-vert-trough-disabled.png b/gtk-2.0/assets/scale-vert-trough-disabled.png deleted file mode 100644 index bb5aa6d2..00000000 Binary files a/gtk-2.0/assets/scale-vert-trough-disabled.png and /dev/null differ diff --git a/gtk-2.0/assets/scale-vert-trough.png b/gtk-2.0/assets/scale-vert-trough.png deleted file mode 100644 index 8a987ce9..00000000 Binary files a/gtk-2.0/assets/scale-vert-trough.png and /dev/null differ diff --git a/gtk-2.0/assets/scrollbar-horz-slider-active.png b/gtk-2.0/assets/scrollbar-horz-slider-active.png deleted file mode 100644 index bd749e04..00000000 Binary files a/gtk-2.0/assets/scrollbar-horz-slider-active.png and /dev/null differ diff --git a/gtk-2.0/assets/scrollbar-horz-slider-disabled.png b/gtk-2.0/assets/scrollbar-horz-slider-disabled.png deleted file mode 100644 index af78bbea..00000000 Binary files a/gtk-2.0/assets/scrollbar-horz-slider-disabled.png and /dev/null differ diff --git a/gtk-2.0/assets/scrollbar-horz-slider-hover.png b/gtk-2.0/assets/scrollbar-horz-slider-hover.png deleted file mode 100644 index 2499f65a..00000000 Binary files a/gtk-2.0/assets/scrollbar-horz-slider-hover.png and /dev/null differ diff --git a/gtk-2.0/assets/scrollbar-horz-slider.png b/gtk-2.0/assets/scrollbar-horz-slider.png deleted file mode 100644 index 03fa6703..00000000 Binary files a/gtk-2.0/assets/scrollbar-horz-slider.png and /dev/null differ diff --git a/gtk-2.0/assets/scrollbar-horz-trough.png b/gtk-2.0/assets/scrollbar-horz-trough.png deleted file mode 100644 index 1d8ab7a5..00000000 Binary files a/gtk-2.0/assets/scrollbar-horz-trough.png and /dev/null differ diff --git a/gtk-2.0/assets/scrollbar-vert-ltr-slider-active.png b/gtk-2.0/assets/scrollbar-vert-ltr-slider-active.png deleted file mode 100644 index fb604c10..00000000 Binary files a/gtk-2.0/assets/scrollbar-vert-ltr-slider-active.png and /dev/null differ diff --git a/gtk-2.0/assets/scrollbar-vert-ltr-slider-disabled.png b/gtk-2.0/assets/scrollbar-vert-ltr-slider-disabled.png deleted file mode 100644 index 2294f1f5..00000000 Binary files a/gtk-2.0/assets/scrollbar-vert-ltr-slider-disabled.png and /dev/null differ diff --git a/gtk-2.0/assets/scrollbar-vert-ltr-slider-hover.png b/gtk-2.0/assets/scrollbar-vert-ltr-slider-hover.png deleted file mode 100644 index fd4f99aa..00000000 Binary files a/gtk-2.0/assets/scrollbar-vert-ltr-slider-hover.png and /dev/null differ diff --git a/gtk-2.0/assets/scrollbar-vert-ltr-slider.png b/gtk-2.0/assets/scrollbar-vert-ltr-slider.png deleted file mode 100644 index 4616d42f..00000000 Binary files a/gtk-2.0/assets/scrollbar-vert-ltr-slider.png and /dev/null differ diff --git a/gtk-2.0/assets/scrollbar-vert-ltr-trough.png b/gtk-2.0/assets/scrollbar-vert-ltr-trough.png deleted file mode 100644 index ded40670..00000000 Binary files a/gtk-2.0/assets/scrollbar-vert-ltr-trough.png and /dev/null differ diff --git a/gtk-2.0/assets/scrollbar-vert-rtl-slider-active.png b/gtk-2.0/assets/scrollbar-vert-rtl-slider-active.png deleted file mode 100644 index 1f9c7997..00000000 Binary files a/gtk-2.0/assets/scrollbar-vert-rtl-slider-active.png and /dev/null differ diff --git a/gtk-2.0/assets/scrollbar-vert-rtl-slider-disabled.png b/gtk-2.0/assets/scrollbar-vert-rtl-slider-disabled.png deleted file mode 100644 index 3b4b49c9..00000000 Binary files a/gtk-2.0/assets/scrollbar-vert-rtl-slider-disabled.png and /dev/null differ diff --git a/gtk-2.0/assets/scrollbar-vert-rtl-slider-hover.png b/gtk-2.0/assets/scrollbar-vert-rtl-slider-hover.png deleted file mode 100644 index 378fa07e..00000000 Binary files a/gtk-2.0/assets/scrollbar-vert-rtl-slider-hover.png and /dev/null differ diff --git a/gtk-2.0/assets/scrollbar-vert-rtl-slider.png b/gtk-2.0/assets/scrollbar-vert-rtl-slider.png deleted file mode 100644 index 2f194239..00000000 Binary files a/gtk-2.0/assets/scrollbar-vert-rtl-slider.png and /dev/null differ diff --git a/gtk-2.0/assets/scrollbar-vert-rtl-trough.png b/gtk-2.0/assets/scrollbar-vert-rtl-trough.png deleted file mode 100644 index 0fd9c5a1..00000000 Binary files a/gtk-2.0/assets/scrollbar-vert-rtl-trough.png and /dev/null differ diff --git a/gtk-2.0/assets/spin-ltr-down-active.png b/gtk-2.0/assets/spin-ltr-down-active.png deleted file mode 100644 index 9a999d70..00000000 Binary files a/gtk-2.0/assets/spin-ltr-down-active.png and /dev/null differ diff --git a/gtk-2.0/assets/spin-ltr-down-disabled.png b/gtk-2.0/assets/spin-ltr-down-disabled.png deleted file mode 100644 index 5e10c362..00000000 Binary files a/gtk-2.0/assets/spin-ltr-down-disabled.png and /dev/null differ diff --git a/gtk-2.0/assets/spin-ltr-down-hover.png b/gtk-2.0/assets/spin-ltr-down-hover.png deleted file mode 100644 index 63661d0f..00000000 Binary files a/gtk-2.0/assets/spin-ltr-down-hover.png and /dev/null differ diff --git a/gtk-2.0/assets/spin-ltr-down.png b/gtk-2.0/assets/spin-ltr-down.png deleted file mode 100644 index 14f02c00..00000000 Binary files a/gtk-2.0/assets/spin-ltr-down.png and /dev/null differ diff --git a/gtk-2.0/assets/spin-ltr-up-active.png b/gtk-2.0/assets/spin-ltr-up-active.png deleted file mode 100644 index 50dbe861..00000000 Binary files a/gtk-2.0/assets/spin-ltr-up-active.png and /dev/null differ diff --git a/gtk-2.0/assets/spin-ltr-up-disabled.png b/gtk-2.0/assets/spin-ltr-up-disabled.png deleted file mode 100644 index cfb86e61..00000000 Binary files a/gtk-2.0/assets/spin-ltr-up-disabled.png and /dev/null differ diff --git a/gtk-2.0/assets/spin-ltr-up-hover.png b/gtk-2.0/assets/spin-ltr-up-hover.png deleted file mode 100644 index eefc6c92..00000000 Binary files a/gtk-2.0/assets/spin-ltr-up-hover.png and /dev/null differ diff --git a/gtk-2.0/assets/spin-ltr-up.png b/gtk-2.0/assets/spin-ltr-up.png deleted file mode 100644 index cfb86e61..00000000 Binary files a/gtk-2.0/assets/spin-ltr-up.png and /dev/null differ diff --git a/gtk-2.0/assets/spin-rtl-down-active.png b/gtk-2.0/assets/spin-rtl-down-active.png deleted file mode 100644 index debf9a72..00000000 Binary files a/gtk-2.0/assets/spin-rtl-down-active.png and /dev/null differ diff --git a/gtk-2.0/assets/spin-rtl-down-disabled.png b/gtk-2.0/assets/spin-rtl-down-disabled.png deleted file mode 100644 index a4ddaee1..00000000 Binary files a/gtk-2.0/assets/spin-rtl-down-disabled.png and /dev/null differ diff --git a/gtk-2.0/assets/spin-rtl-down-hover.png b/gtk-2.0/assets/spin-rtl-down-hover.png deleted file mode 100644 index 114dde68..00000000 Binary files a/gtk-2.0/assets/spin-rtl-down-hover.png and /dev/null differ diff --git a/gtk-2.0/assets/spin-rtl-down.png b/gtk-2.0/assets/spin-rtl-down.png deleted file mode 100644 index d77a34c2..00000000 Binary files a/gtk-2.0/assets/spin-rtl-down.png and /dev/null differ diff --git a/gtk-2.0/assets/spin-rtl-up-active.png b/gtk-2.0/assets/spin-rtl-up-active.png deleted file mode 100644 index 6c17c427..00000000 Binary files a/gtk-2.0/assets/spin-rtl-up-active.png and /dev/null differ diff --git a/gtk-2.0/assets/spin-rtl-up-disabled.png b/gtk-2.0/assets/spin-rtl-up-disabled.png deleted file mode 100644 index c692461a..00000000 Binary files a/gtk-2.0/assets/spin-rtl-up-disabled.png and /dev/null differ diff --git a/gtk-2.0/assets/spin-rtl-up-hover.png b/gtk-2.0/assets/spin-rtl-up-hover.png deleted file mode 100644 index d073352d..00000000 Binary files a/gtk-2.0/assets/spin-rtl-up-hover.png and /dev/null differ diff --git a/gtk-2.0/assets/spin-rtl-up.png b/gtk-2.0/assets/spin-rtl-up.png deleted file mode 100644 index c692461a..00000000 Binary files a/gtk-2.0/assets/spin-rtl-up.png and /dev/null differ diff --git a/gtk-2.0/assets/tab.png b/gtk-2.0/assets/tab.png deleted file mode 100644 index a2d39c5f..00000000 Binary files a/gtk-2.0/assets/tab.png and /dev/null differ diff --git a/gtk-2.0/assets/treeview-ltr-button-active.png b/gtk-2.0/assets/treeview-ltr-button-active.png deleted file mode 100644 index 3632b4be..00000000 Binary files a/gtk-2.0/assets/treeview-ltr-button-active.png and /dev/null differ diff --git a/gtk-2.0/assets/treeview-ltr-button-hover.png b/gtk-2.0/assets/treeview-ltr-button-hover.png deleted file mode 100644 index 2c9ddfaf..00000000 Binary files a/gtk-2.0/assets/treeview-ltr-button-hover.png and /dev/null differ diff --git a/gtk-2.0/assets/treeview-ltr-button.png b/gtk-2.0/assets/treeview-ltr-button.png deleted file mode 100644 index a44dd04a..00000000 Binary files a/gtk-2.0/assets/treeview-ltr-button.png and /dev/null differ diff --git a/gtk-2.0/assets/treeview-rtl-button-active.png b/gtk-2.0/assets/treeview-rtl-button-active.png deleted file mode 100644 index 8a92741f..00000000 Binary files a/gtk-2.0/assets/treeview-rtl-button-active.png and /dev/null differ diff --git a/gtk-2.0/assets/treeview-rtl-button-hover.png b/gtk-2.0/assets/treeview-rtl-button-hover.png deleted file mode 100644 index bfbf2633..00000000 Binary files a/gtk-2.0/assets/treeview-rtl-button-hover.png and /dev/null differ diff --git a/gtk-2.0/assets/treeview-rtl-button.png b/gtk-2.0/assets/treeview-rtl-button.png deleted file mode 100644 index e27b4820..00000000 Binary files a/gtk-2.0/assets/treeview-rtl-button.png and /dev/null differ diff --git a/gtk-2.0/gtkrc b/gtk-2.0/gtkrc deleted file mode 100644 index f9f37fd0..00000000 --- a/gtk-2.0/gtkrc +++ /dev/null @@ -1,42 +0,0 @@ -# Based on Bridge by ScionicSpectre and Adwaita by GNOME -# vim:set ts=2 sw=2 sts=2 ai et: -# -# This is the GTK 2 version of tokyo-night. It's whole purpose is to look as the -# GTK 3 version as much as possible until GTK 2 dies completely. -# -# Note: comments for explaining styles are on the bottom of each file beside the -# widget matches. - -# Declare the colours used throughout the theme. -# There shouldn't be any fiddling with them in the theme files themselves in -# order to not mess up the dark theme. - -# Text/base -gtk-color-scheme = "base_color:#24283b" -gtk-color-scheme = "text_color:#acb0d0" -# Foreground/background -gtk-color-scheme = "bg_color:#1a1b26" -gtk-color-scheme = "fg_color:#acb0d0" -# Selected foreground/background -gtk-color-scheme = "selected_bg_color:#7aa2f7" -gtk-color-scheme = "selected_fg_color:#000000" -# Titlebar foreground/background -gtk-color-scheme = "titlebar_bg_color:#1a1b26" -gtk-color-scheme = "titlebar_fg_color:#acb0d0" -# Menus -gtk-color-scheme = "menu_color:#24283b" -# Tooltips foreground/background -gtk-color-scheme = "tooltip_bg_color:#616161" -gtk-color-scheme = "tooltip_fg_color:#acb0d0" -# Links -gtk-color-scheme = "link_color:#7aa2f7" -gtk-color-scheme = "visited_link_color:#c58af9" - -# Set GTK settings -gtk-auto-mnemonics = 1 -gtk-primary-button-warps-slider = 1 - -# And hand over the control to the theme files -include "main.rc" -include "apps.rc" -include "hacks.rc" diff --git a/gtk-2.0/hacks.rc b/gtk-2.0/hacks.rc deleted file mode 100644 index c288da35..00000000 --- a/gtk-2.0/hacks.rc +++ /dev/null @@ -1,36 +0,0 @@ -# vim:set ft=gtkrc ts=2 sw=2 sts=2 ai et: -# -# This file contains horrible hacks to make this theme work with some programs -# This is mostly due to the limitations of GTK 2 but sometimes its the fault of -# the programs themselves. Not going to point fingers. -# -# Either way, it's a WONTFIX for both, hence this horrible file. - -style "toplevel_hack" { - engine "adwaita" {} -} - -style "chrome_entry" { - base[NORMAL] = @base_color - base[INSENSITIVE] = @base_color -} - -style "vim_notebook" { - bg[NORMAL] = @base_color - bg[ACTIVE] = @bg_color -} - -# Vim puts an eventbox between the tab and the label and colours it, -# we need to handle that -widget "vim-main-window*GtkNotebook.GtkEventBox" style "vim_notebook" - -# (he)xchat input box -class "SexySpellEntry" style:highest "normal_entry" - -# Chromium uses base as the fill colour of its own entries -# This would be fine but GTK uses it to fill the surrounding space, so its set to bg -# That results in Chromium using it for the fill, so we need to handle that -widget_class "*Chrom*" style "chrome_entry" - -# Hack to be able to match widgets in LibreOffice -class "GtkWindow" style "toplevel_hack" diff --git a/gtk-2.0/main.rc b/gtk-2.0/main.rc deleted file mode 100644 index b29ee95d..00000000 --- a/gtk-2.0/main.rc +++ /dev/null @@ -1,2669 +0,0 @@ -# vim:set ft=gtkrc ts=2 sw=2 sts=2 ai et: -# -# This is the main theme file, handling all the default widgets and theme -# properties. Since GTK 2 is old, we need to overcome some of its limitations, -# which is also mostly done in this file. Sadly not all of them can be overcome -# so there will always be a visible difference between the GTK 2 and 3 theme. - -style "default" { - xthickness = 2 - ythickness = 2 - - #################### - # Style Properties # - #################### - - GtkWidget::focus-padding = 0 - GtkWidget::focus-line-width = 4 - GtkWidget::focus-line-pattern = "\2\1" - - GtkToolbar::space-size = 10 # 2 + 4*2 (separator + margins) - GtkToolbar::internal-padding = 4 - GtkToolButton::icon-spacing = 8 - - GtkWidget::tooltip-radius = 8 - GtkWidget::tooltip-alpha = 230 - GtkWidget::new-tooltip-style = 1 #for compatibility - - GtkWidget::link-color = @link_color - GtkWidget::visited-link-color = @visited_link_color - GnomeHRef::link_color = @link_color - GtkHTML::link-color = @link_color - GtkHTML::vlink-color = @visited_link_color - GtkIMHtml::hyperlink-color = @link_color - GtkIMHtml::hyperlink-visited-color = @visited_link_color - - GtkSeparatorMenuItem::horizontal-padding = 0 - GtkSeparatorMenuItem::wide-separators = 1 - GtkSeparatorMenuItem::separator-height = 6 - - GtkButton::child-displacement-y = 0 - - GtkButton::default-border = {0, 0, 0, 0} - GtkButton::default-outside-border = {0, 0, 0, 0} - GtkButton::inner-border = {8, 8, 8, 8} - - GtkEntry::state-hint = 1 - GtkEntry::inner-border = {8, 8, 8, 8} - - GtkPaned::handle-size = 16 - GtkHPaned::handle-size = 16 - GtkVPaned::handle-size = 16 - - GtkScrollbar::trough-border = 0 - GtkRange::trough-border = 0 - GtkRange::slider-width = 34 - GtkRange::stepper-size = 0 - GtkRange::activate-slider = 1 - - GtkScrollbar::activate-slider = 1 - GtkScrollbar::stepper-size = 0 - GtkScrollbar::has-backward-stepper = 0 - GtkScrollbar::has-forward-stepper = 0 - GtkScrollbar::min-slider-length = 64 # 48 + 2*8 (margins) - GtkScrolledWindow::scrollbar-spacing = 0 - GtkScrolledWindow::scrollbars-within-bevel = 1 - - GtkScale::slider_length = 48 - GtkScale::slider_width = 48 - GtkScale::trough-side-details = 1 - - GtkProgressBar::min-horizontal-bar-height = 8 - GtkProgressBar::min-vertical-bar-width = 8 - GtkProgressBar::xspacing = 8 - GtkProgressBar::yspacing = 8 - - GtkStatusbar::shadow_type = GTK_SHADOW_NONE - GtkSpinButton::shadow_type = GTK_SHADOW_NONE - GtkMenuBar::shadow-type = GTK_SHADOW_NONE - GtkToolbar::shadow-type = GTK_SHADOW_NONE - # TODO: find out what this comment means: - # ( every window is misaligned for the sake of menus ): - GtkMenuBar::internal-padding = 0 - GtkMenu::horizontal-padding = 0 - GtkMenu::vertical-padding = 8 - GtkMenu::double-arrows = 0 - GtkMenuItem::arrow-scaling = 1 - GtkMenuItem::toggle-spacing = 24 - - GtkCheckButton::indicator-size = 48 - GtkCheckButton::indicator_spacing = 4 - GtkOptionMenu::indicator_spacing = {16, 16, 8, 8} - - GtkTreeView::expander-size = 32 - GtkTreeView::vertical-separator = 0 - GtkTreeView::horizontal-separator = 8 - GtkTreeView::allow-rules = 0 - # Set this because some apps read it - GtkTreeView::odd-row-color = @base_color - GtkTreeView::even-row-color = @base_color - - GtkExpander::expander-size = 32 - - GtkNotebook::tab-overlap = 0 - - ########## - # Colors # - ########## - - bg[NORMAL] = @bg_color - bg[PRELIGHT] = @bg_color - bg[SELECTED] = mix (0.24, @selected_bg_color, @bg_color) - bg[INSENSITIVE] = @bg_color - bg[ACTIVE] = @bg_color - - fg[NORMAL] = @fg_color - fg[PRELIGHT] = @fg_color - fg[SELECTED] = @fg_color - fg[INSENSITIVE] = mix (0.5, @fg_color, @bg_color) - fg[ACTIVE] = @fg_color - - text[NORMAL] = @text_color - text[PRELIGHT] = @text_color - text[SELECTED] = @text_color - text[INSENSITIVE] = mix (0.5, @text_color, @base_color) - text[ACTIVE] = @text_color - - base[NORMAL] = @base_color - base[PRELIGHT] = mix (0.08, @text_color, @base_color) - base[SELECTED] = mix (0.24, @selected_bg_color, @base_color) - base[INSENSITIVE] = mix (0.5, @base_color, @bg_color) - base[ACTIVE] = mix (0.24, @selected_bg_color, @base_color) - - # For succinctness, all reasonable pixmap options remain here - - # Draw frame around menu in a non-compositied environment - # This needs to go before pixmap because we need to override some stuff - engine "adwaita" {} - - engine "pixmap" { - - ################# - # Check Buttons # - ################# - - image { - function = CHECK - state = NORMAL - shadow = OUT - overlay_file = "assets/checkbox-unchecked.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = PRELIGHT - shadow = OUT - overlay_file = "assets/checkbox-unchecked-hover.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = ACTIVE - shadow = OUT - overlay_file = "assets/checkbox-unchecked-active.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = SELECTED - shadow = OUT - overlay_file = "assets/checkbox-unchecked.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = INSENSITIVE - shadow = OUT - overlay_file = "assets/checkbox-unchecked-disabled.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = NORMAL - shadow = IN - overlay_file = "assets/checkbox-checked.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = PRELIGHT - shadow = IN - overlay_file = "assets/checkbox-checked-hover.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = ACTIVE - shadow = IN - overlay_file = "assets/checkbox-checked-active.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = SELECTED - shadow = IN - overlay_file = "assets/checkbox-checked.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = INSENSITIVE - shadow = IN - overlay_file = "assets/checkbox-checked-disabled.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = NORMAL - shadow = ETCHED_IN - overlay_file = "assets/checkbox-mixed.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = PRELIGHT - shadow = ETCHED_IN - overlay_file = "assets/checkbox-mixed-hover.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = ACTIVE - shadow = ETCHED_IN - overlay_file = "assets/checkbox-mixed-active.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = SELECTED - shadow = ETCHED_IN - overlay_file = "assets/checkbox-mixed.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = INSENSITIVE - shadow = ETCHED_IN - overlay_file = "assets/checkbox-mixed-disabled.png" - overlay_stretch = FALSE - } - - ################# - # Radio Buttons # - ################# - - image { - function = OPTION - state = NORMAL - shadow = OUT - overlay_file = "assets/radio-unchecked.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = PRELIGHT - shadow = OUT - overlay_file = "assets/radio-unchecked-hover.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = ACTIVE - shadow = OUT - overlay_file = "assets/radio-unchecked-active.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = SELECTED - shadow = OUT - overlay_file = "assets/radio-unchecked.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = INSENSITIVE - shadow = OUT - overlay_file = "assets/radio-unchecked-disabled.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = NORMAL - shadow = IN - overlay_file = "assets/radio-checked.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = PRELIGHT - shadow = IN - overlay_file = "assets/radio-checked-hover.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = ACTIVE - shadow = IN - overlay_file = "assets/radio-checked-active.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = SELECTED - shadow = IN - overlay_file = "assets/radio-checked.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = INSENSITIVE - shadow = IN - overlay_file = "assets/radio-checked-disabled.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = NORMAL - shadow = ETCHED_IN - overlay_file = "assets/radio-mixed.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = PRELIGHT - shadow = ETCHED_IN - overlay_file = "assets/radio-mixed-hover.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = ACTIVE - shadow = ETCHED_IN - overlay_file = "assets/radio-mixed-active.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = SELECTED - shadow = ETCHED_IN - overlay_file = "assets/radio-mixed.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = INSENSITIVE - shadow = ETCHED_IN - overlay_file = "assets/radio-mixed-disabled.png" - overlay_stretch = FALSE - } - - ########## - # Arrows # - ########## - - # Overrides - - # Disable arrows in spinbuttons - image { - function = ARROW - detail = "spinbutton" - } - - # Disable arrows for qt in scrollbars - - image { - function = ARROW - detail = "vscrollbar" - } - - image { - function = ARROW - detail = "hscrollbar" - } - - # Menu arrows - - image { - function = ARROW - state = NORMAL - detail = "menuitem" - overlay_file = "assets/pan-left.png" - overlay_stretch = FALSE - arrow_direction = LEFT - } - - image { - function = ARROW - state = PRELIGHT - detail = "menuitem" - overlay_file = "assets/pan-left.png" - overlay_stretch = FALSE - arrow_direction = LEFT - } - - image { - function = ARROW - state = INSENSITIVE - detail = "menuitem" - overlay_file = "assets/pan-left-disabled.png" - overlay_stretch = FALSE - arrow_direction = LEFT - } - - image { - function = ARROW - state = NORMAL - detail = "menuitem" - overlay_file = "assets/pan-right.png" - overlay_stretch = FALSE - arrow_direction = RIGHT - } - - image { - function = ARROW - state = PRELIGHT - detail = "menuitem" - overlay_file = "assets/pan-right.png" - overlay_stretch = FALSE - arrow_direction = RIGHT - } - - image { - function = ARROW - state = INSENSITIVE - detail = "menuitem" - overlay_file = "assets/pan-right-disabled.png" - overlay_stretch = FALSE - arrow_direction = RIGHT - } - - image { - function = ARROW - state = INSENSITIVE - detail = "menu_scroll_arrow_up" - overlay_file = "assets/pan-up-disabled.png" - overlay_stretch = FALSE - } - - image { - function = ARROW - detail = "menu_scroll_arrow_up" - overlay_file = "assets/pan-up.png" - overlay_stretch = FALSE - } - - image { - function = ARROW - state = INSENSITIVE - detail = "menu_scroll_arrow_down" - overlay_file = "assets/pan-down-disabled.png" - overlay_stretch = FALSE - } - - image { - function = ARROW - detail = "menu_scroll_arrow_down" - overlay_file = "assets/pan-down.png" - overlay_stretch = FALSE - } - - # Regular arrows - - image { - function = ARROW - state = NORMAL - overlay_file = "assets/pan-up.png" - overlay_stretch = FALSE - arrow_direction = UP - } - - image { - function = ARROW - state = PRELIGHT - overlay_file = "assets/pan-up.png" - overlay_stretch = FALSE - arrow_direction = UP - } - - image { - function = ARROW - state = ACTIVE - overlay_file = "assets/pan-up.png" - overlay_stretch = FALSE - arrow_direction = UP - } - - image { - function = ARROW - state = INSENSITIVE - overlay_file = "assets/pan-up-disabled.png" - overlay_stretch = FALSE - arrow_direction = UP - } - - image { - function = ARROW - state = NORMAL - overlay_file = "assets/pan-down.png" - overlay_stretch = FALSE - arrow_direction = DOWN - } - - image { - function = ARROW - state = PRELIGHT - overlay_file = "assets/pan-down.png" - overlay_stretch = FALSE - arrow_direction = DOWN - } - - image { - function = ARROW - state = ACTIVE - overlay_file = "assets/pan-down.png" - overlay_stretch = FALSE - arrow_direction = DOWN - } - - image { - function = ARROW - state = INSENSITIVE - overlay_file = "assets/pan-down-disabled.png" - overlay_stretch = FALSE - arrow_direction = DOWN - } - - image { - function = ARROW - state = NORMAL - overlay_file = "assets/pan-left.png" - overlay_stretch = FALSE - arrow_direction = LEFT - } - - image { - function = ARROW - state = PRELIGHT - overlay_file = "assets/pan-left.png" - overlay_stretch = FALSE - arrow_direction = LEFT - } - - image { - function = ARROW - state = ACTIVE - overlay_file = "assets/pan-left.png" - overlay_stretch = FALSE - arrow_direction = LEFT - } - - image { - function = ARROW - state = INSENSITIVE - overlay_file = "assets/pan-left-disabled.png" - overlay_stretch = FALSE - arrow_direction = LEFT - } - - image { - function = ARROW - state = NORMAL - overlay_file = "assets/pan-right.png" - overlay_stretch = FALSE - arrow_direction = RIGHT - } - - image { - function = ARROW - state = PRELIGHT - overlay_file = "assets/pan-right.png" - overlay_stretch = FALSE - arrow_direction = RIGHT - } - - image { - function = ARROW - state = ACTIVE - overlay_file = "assets/pan-right.png" - overlay_stretch = FALSE - arrow_direction = RIGHT - } - - image { - function = ARROW - state = INSENSITIVE - overlay_file = "assets/pan-right-disabled.png" - overlay_stretch = FALSE - arrow_direction = RIGHT - } - - ###################### - # Option Menu Arrows # - ###################### - - image { - function = TAB - state = NORMAL - overlay_file = "assets/pan-down.png" - overlay_stretch = FALSE - } - - image { - function = TAB - state = PRELIGHT - overlay_file = "assets/pan-down.png" - overlay_stretch = FALSE - } - - image { - function = TAB - state = ACTIVE - overlay_file = "assets/pan-down.png" - overlay_stretch = FALSE - } - - image { - function = TAB - state = INSENSITIVE - overlay_file = "assets/pan-down-disabled.png" - overlay_stretch = FALSE - } - - ######### - # Lines # - ######### - - image { - function = VLINE - file = "assets/border.png" - border = {2, 0, 0, 0} - } - - image { - function = HLINE - file = "assets/border.png" - border = {0, 0, 2, 0} - } - - ######### - # Focus # - ######### - - image { - function = FOCUS - file = "assets/focus.png" - border = {10, 10, 10, 10} # Super strange, {8, 8, 8, 8} does not work properly... - stretch = TRUE - } - - ########### - # Handles # - ########### - - image { - function = HANDLE - detail = "handlebox" - overlay_file = "assets/handle-vert.png" - overlay_stretch = FALSE - } - - image { - function = HANDLE - overlay_file = "assets/handle-horz.png" - overlay_stretch = FALSE - orientation = HORIZONTAL - } - - image { - function = HANDLE - overlay_file = "assets/handle-vert.png" - overlay_stretch = FALSE - orientation = VERTICAL - } - - image { - function = RESIZE_GRIP - } - - ############# - # Expanders # - ############# - - image { - function = EXPANDER - expander_style = EXPANDED - state = NORMAL - file = "assets/pan-down.png" - } - - image { - function = EXPANDER - expander_style = EXPANDED - state = PRELIGHT - file = "assets/pan-down-alt.png" - } - - image { - function = EXPANDER - expander_style = EXPANDED - state = ACTIVE - file = "assets/pan-down-alt.png" - } - - image { - function = EXPANDER - expander_style = EXPANDED - state = INSENSITIVE - file = "assets/pan-down-disabled.png" - } - - # LTR - - image { - function = EXPANDER - expander_style = COLLAPSED - state = NORMAL - file = "assets/pan-right.png" - direction = LTR - } - - image { - function = EXPANDER - expander_style = COLLAPSED - state = PRELIGHT - file = "assets/pan-right-alt.png" - direction = LTR - } - - image { - function = EXPANDER - expander_style = COLLAPSED - state = ACTIVE - file = "assets/pan-right-alt.png" - direction = LTR - } - - image { - function = EXPANDER - expander_style = COLLAPSED - state = INSENSITIVE - file = "assets/pan-right-disabled.png" - direction = LTR - } - - image { - function = EXPANDER - expander_style = SEMI_COLLAPSED - file = "assets/pan-right-semi.png" - direction = LTR - } - - image { - function = EXPANDER - expander_style = SEMI_EXPANDED - file = "assets/pan-right-semi.png" - direction = LTR - } - - # RTL - - image { - function = EXPANDER - expander_style = COLLAPSED - state = NORMAL - file = "assets/pan-left.png" - direction = RTL - } - - image { - function = EXPANDER - expander_style = COLLAPSED - state = PRELIGHT - file = "assets/pan-left-alt.png" - direction = RTL - } - - image { - function = EXPANDER - expander_style = COLLAPSED - state = ACTIVE - file = "assets/pan-left-alt.png" - direction = RTL - } - - image { - function = EXPANDER - expander_style = COLLAPSED - state = INSENSITIVE - file = "assets/pan-left-disabled.png" - direction = RTL - } - - image { - function = EXPANDER - expander_style = SEMI_COLLAPSED - file = "assets/pan-left-semi.png" - direction = RTL - } - - image { - function = EXPANDER - expander_style = SEMI_EXPANDED - file = "assets/pan-left-semi.png" - direction = RTL - } - - ############# - # Notebooks # - ############# - - # Left - - image { - function = EXTENSION - state = NORMAL - file = "assets/tab.png" - border = {0, 2, 0, 0} - stretch = TRUE - gap_side = RIGHT - } - - image { - function = EXTENSION - gap_side = RIGHT - } - - # Right - - image { - function = EXTENSION - state = NORMAL - file = "assets/tab.png" - border = {2, 0, 0, 0} - stretch = TRUE - gap_side = LEFT - } - - image { - function = EXTENSION - gap_side = LEFT - } - - # Up - - image { - function = EXTENSION - state = NORMAL - file = "assets/tab.png" - border = {0, 0, 0, 2} - stretch = TRUE - gap_side = BOTTOM - } - - image { - function = EXTENSION - gap_side = BOTTOM - } - - # Down - - image { - function = EXTENSION - state = NORMAL - file = "assets/tab.png" - border = {0, 0, 2, 0} - stretch = TRUE - gap_side = TOP - } - - image { - function = EXTENSION - gap_side = TOP - } - - # Inner frame - - image { - function = BOX_GAP - detail = "notebook" - file = "assets/frame-notebook.png" - border = {2, 2, 2, 2} - stretch = TRUE - gap_file = "assets/tab.png" - gap_border = {2, 0, 0, 0} - gap_side = LEFT - } - - image { - function = BOX_GAP - detail = "notebook" - file = "assets/frame-notebook.png" - border = {2, 2, 2, 2} - stretch = TRUE - gap_file = "assets/tab.png" - gap_border = {0, 2, 0, 0} - gap_side = RIGHT - } - - image { - function = BOX_GAP - detail = "notebook" - file = "assets/frame-notebook.png" - border = {2, 2, 2, 2} - stretch = TRUE - gap_file = "assets/tab.png" - gap_border = {0, 0, 2, 0} - gap_side = TOP - } - - image { - function = BOX_GAP - detail = "notebook" - file = "assets/frame-notebook.png" - border = {2, 2, 2, 2} - stretch = TRUE - gap_file = "assets/tab.png" - gap_border = {0, 0, 0, 2} - gap_side = BOTTOM - } - - # Standalone frame - image { - function = BOX - detail = "notebook" - file = "assets/frame-notebook.png" - border = {2, 2, 2, 2} - stretch = TRUE - } - - ############## - # Scrollbars # - ############## - - image { - function = BOX - detail = "trough" - file = "assets/scrollbar-horz-trough.png" - border = {0, 0, 2, 0} - orientation = HORIZONTAL - } - - image { - function = BOX - detail = "trough" - file = "assets/scrollbar-vert-ltr-trough.png" - border = {2, 0, 0, 0} - orientation = VERTICAL - direction = LTR - } - - image { - function = BOX - detail = "trough" - file = "assets/scrollbar-vert-rtl-trough.png" - border = {0, 2, 0, 0} - orientation = VERTICAL - direction = RTL - } - - # Horizontal sliders - - image { - function = SLIDER - state = NORMAL - detail = "slider" - file = "assets/scrollbar-horz-slider.png" - border = {16, 16, 18, 16 } - stretch = TRUE - orientation = HORIZONTAL - } - - image { - function = SLIDER - state = PRELIGHT - detail = "slider" - file = "assets/scrollbar-horz-slider-hover.png" - border = {16, 16, 18, 16 } - stretch = TRUE - orientation = HORIZONTAL - } - - image { - function = SLIDER - state = ACTIVE - detail = "slider" - file = "assets/scrollbar-horz-slider-active.png" - border = {16, 16, 18, 16 } - stretch = TRUE - orientation = HORIZONTAL - } - - image { - function = SLIDER - state = INSENSITIVE - detail = "slider" - file = "assets/scrollbar-horz-slider-disabled.png" - border = {16, 16, 18, 16 } - stretch = TRUE - orientation = HORIZONTAL - } - - # Vertical sliders - - image { - function = SLIDER - state = NORMAL - detail = "slider" - file = "assets/scrollbar-vert-ltr-slider.png" - border = {18, 16, 16, 16} - stretch = TRUE - orientation = VERTICAL - direction = LTR - } - - image { - function = SLIDER - state = PRELIGHT - detail = "slider" - file = "assets/scrollbar-vert-ltr-slider-hover.png" - border = {18, 16, 16, 16} - stretch = TRUE - orientation = VERTICAL - direction = LTR - } - - image { - function = SLIDER - state = ACTIVE - detail = "slider" - file = "assets/scrollbar-vert-ltr-slider-active.png" - border = {18, 16, 16, 16} - stretch = TRUE - orientation = VERTICAL - direction = LTR - } - - image { - function = SLIDER - state = INSENSITIVE - detail = "slider" - file = "assets/scrollbar-vert-ltr-slider-disabled.png" - border = {18, 16, 16, 16} - stretch = TRUE - orientation = VERTICAL - direction = LTR - } - - # RTL - - image { - function = SLIDER - state = NORMAL - detail = "slider" - file = "assets/scrollbar-vert-rtl-slider.png" - border = {16, 18, 16, 16} - stretch = TRUE - orientation = VERTICAL - direction = RTL - } - - image { - function = SLIDER - state = PRELIGHT - detail = "slider" - file = "assets/scrollbar-vert-rtl-slider-hover.png" - border = {16, 18, 16, 16} - stretch = TRUE - orientation = VERTICAL - direction = RTL - } - - image { - function = SLIDER - state = ACTIVE - detail = "slider" - file = "assets/scrollbar-vert-rtl-slider-active.png" - border = {16, 18, 16, 16} - stretch = TRUE - orientation = VERTICAL - direction = RTL - } - - image { - function = SLIDER - state = INSENSITIVE - detail = "slider" - file = "assets/scrollbar-vert-rtl-slider-disabled.png" - border = {16, 18, 16, 16} - stretch = TRUE - orientation = VERTICAL - direction = RTL - } - - ########## - # Scales # - ########## - - # Troughs, overrided later on. We set them here too because some widgets - # don't specify their orientation. - - image { - function = BOX - detail = "trough-upper" - file = "assets/scale-horz-trough.png" - border = {12, 12, 0, 0} - stretch = TRUE - orientation = HORIZONTAL - } - - image { - function = BOX - state = INSENSITIVE - detail = "trough-upper" - file = "assets/scale-horz-trough-disabled.png" - border = {12, 12, 0, 0} - stretch = TRUE - orientation = HORIZONTAL - } - - image { - function = BOX - detail = "trough-lower" - file = "assets/scale-horz-trough-active.png" - border = {12, 12, 0, 0} - stretch = TRUE - orientation = HORIZONTAL - } - - image { - function = BOX - state = INSENSITIVE - detail = "trough-lower" - file = "assets/scale-horz-trough-disabled.png" - border = {12, 12, 0, 0} - stretch = TRUE - orientation = HORIZONTAL - } - - image { - function = BOX - detail = "trough-upper" - file = "assets/scale-vert-trough.png" - border = {0, 0, 12, 12} - stretch = TRUE - orientation = VERTICAL - } - - image { - function = BOX - state = INSENSITIVE - detail = "trough-upper" - file = "assets/scale-vert-trough-disabled.png" - border = {0, 0, 12, 12} - stretch = TRUE - orientation = VERTICAL - } - - image { - function = BOX - detail = "trough-lower" - file = "assets/scale-vert-trough-active.png" - border = {0, 0, 12, 12} - stretch = TRUE - orientation = VERTICAL - } - - image { - function = BOX - state = INSENSITIVE - detail = "trough-lower" - file = "assets/scale-vert-trough-disabled.png" - border = {0, 0, 12, 12} - stretch = TRUE - orientation = VERTICAL - } - - # Sliders - - image { - function = SLIDER - state = NORMAL - detail = "hscale" - file = "assets/scale-slider.png" - } - - image { - function = SLIDER - state = PRELIGHT - detail = "hscale" - file = "assets/scale-slider-hover.png" - } - - image { - function = SLIDER - state = ACTIVE - detail = "hscale" - file = "assets/scale-slider-active.png" - } - - image { - function = SLIDER - state = INSENSITIVE - detail = "hscale" - file = "assets/scale-slider-disabled.png" - } - - image { - function = SLIDER - state = NORMAL - detail = "vscale" - file = "assets/scale-slider.png" - } - - image { - function = SLIDER - state = PRELIGHT - detail = "vscale" - file = "assets/scale-slider-hover.png" - } - - image { - function = SLIDER - state = ACTIVE - detail = "vscale" - file = "assets/scale-slider-active.png" - } - - image { - function = SLIDER - state = INSENSITIVE - detail = "vscale" - file = "assets/scale-slider-disabled.png" - } - - ########### - # Menubar # - ########### - - # image { - # function = BOX - # detail = "menubar" - # file = "assets/border.png" - # border = {0, 0, 0, 2} - # } - - ######### - # Menus # - ######### - - image { - function = BOX - state = PRELIGHT - detail = "menu_scroll_arrow_up" - file = "assets/border.png" - } - - image { - function = BOX - detail = "menu_scroll_arrow_up" - file = "assets/border.png" - border = {0, 0, 0, 2} - } - - image { - function = BOX - state = PRELIGHT - detail = "menu_scroll_arrow_down" - file = "assets/border.png" - } - - image { - function = BOX - detail = "menu_scroll_arrow_down" - file = "assets/border.png" - border = {0, 0, 2, 0} - } - - ########### - # Entries # - ########### - - image { - function = SHADOW - state = ACTIVE - detail = "entry" - file = "assets/entry-active.png" - border = {16, 16, 16, 16} - stretch = TRUE - } - - image { - function = SHADOW - state = INSENSITIVE - detail = "entry" - file = "assets/entry-disabled.png" - border = {16, 16, 16, 16} - stretch = TRUE - } - - image { - function = SHADOW - detail = "entry" - file = "assets/entry.png" - border = {16, 16, 16, 16} - stretch = TRUE - } - - image { - function = FLAT_BOX - state = ACTIVE - detail = "entry_bg" - file = "assets/entry-background.png" - } - - image { - function = FLAT_BOX - state = INSENSITIVE - detail = "entry_bg" - file = "assets/entry-background-disabled.png" - } - - image { - function = FLAT_BOX - detail = "entry_bg" - file = "assets/entry-background.png" - } - - ######### - # Spins # - ######### - - # Spin-Up LTR - - image { - function = BOX - state = NORMAL - detail = "spinbutton_up" - file = "assets/spin-ltr-up.png" - border = {0, 16, 16, 0} - stretch = TRUE - overlay_file = "assets/pan-up.png" - overlay_stretch = FALSE - direction = LTR - } - - image { - function = BOX - state = PRELIGHT - detail = "spinbutton_up" - file = "assets/spin-ltr-up-hover.png" - border = {0, 16, 16, 0} - stretch = TRUE - overlay_file = "assets/pan-up.png" - overlay_stretch = FALSE - direction = LTR - } - - image { - function = BOX - state = ACTIVE - detail = "spinbutton_up" - file = "assets/spin-ltr-up-active.png" - border = {0, 16, 16, 0} - stretch = TRUE - overlay_file = "assets/pan-up.png" - overlay_stretch = FALSE - direction = LTR - } - - image { - function = BOX - state = INSENSITIVE - detail = "spinbutton_up" - file = "assets/spin-ltr-up-disabled.png" - border = {0, 16, 16, 0} - stretch = TRUE - overlay_file = "assets/pan-up-disabled.png" - overlay_stretch = FALSE - direction = LTR - } - - # Spin-Up RTL - - image { - function = BOX - state = NORMAL - detail = "spinbutton_up" - file = "assets/spin-rtl-up.png" - border = {16, 0, 16, 0} - stretch = TRUE - overlay_file = "assets/pan-up.png" - overlay_stretch = FALSE - direction = RTL - } - - image { - function = BOX - state = PRELIGHT - detail = "spinbutton_up" - file = "assets/spin-rtl-up-hover.png" - border = {16, 0, 16, 0} - stretch = TRUE - overlay_file = "assets/pan-up.png" - overlay_stretch = FALSE - direction = RTL - } - - image { - function = BOX - state = ACTIVE - detail = "spinbutton_up" - file = "assets/spin-rtl-up-hover.png" - border = {16, 0, 16, 0} - stretch = TRUE - overlay_file = "assets/pan-up.png" - overlay_stretch = FALSE - direction = RTL - } - - image { - function = BOX - state = INSENSITIVE - detail = "spinbutton_up" - file = "assets/spin-rtl-up-disabled.png" - border = {16, 0, 16, 0} - stretch = TRUE - overlay_file = "assets/pan-up-disabled.png" - overlay_stretch = FALSE - direction = RTL - } - - # Spin-Down LTR - - image { - function = BOX - state = NORMAL - detail = "spinbutton_down" - file = "assets/spin-ltr-down.png" - border = {0, 16, 0, 16} - stretch = TRUE - overlay_file = "assets/pan-down.png" - overlay_stretch = FALSE - direction = LTR - } - - image { - function = BOX - state = PRELIGHT - detail = "spinbutton_down" - file = "assets/spin-ltr-down-hover.png" - border = {0, 16, 0, 16} - stretch = TRUE - overlay_file = "assets/pan-down.png" - overlay_stretch = FALSE - direction = LTR - } - - image { - function = BOX - state = ACTIVE - detail = "spinbutton_down" - file = "assets/spin-ltr-down-active.png" - border = {0, 16, 0, 16} - stretch = TRUE - overlay_file = "assets/pan-down.png" - overlay_stretch = FALSE - direction = LTR - } - - image { - function = BOX - state = INSENSITIVE - detail = "spinbutton_down" - file = "assets/spin-ltr-down-disabled.png" - border = {0, 16, 0, 16} - stretch = TRUE - overlay_file = "assets/pan-down-disabled.png" - overlay_stretch = FALSE - direction = LTR - } - - # Spin-Down RTL - - image { - function = BOX - state = NORMAL - detail = "spinbutton_down" - file = "assets/spin-rtl-down.png" - border = {16, 0, 0, 16} - stretch = TRUE - overlay_file = "assets/pan-down.png" - overlay_stretch = FALSE - direction = RTL - } - - image { - function = BOX - state = PRELIGHT - detail = "spinbutton_down" - file = "assets/spin-rtl-down-hover.png" - border = {16, 0, 0, 16} - stretch = TRUE - overlay_file = "assets/pan-down.png" - overlay_stretch = FALSE - direction = RTL - } - - image { - function = BOX - state = ACTIVE - detail = "spinbutton_down" - file = "assets/spin-rtl-down-active.png" - border = {16, 0, 0, 16} - stretch = TRUE - overlay_file = "assets/pan-down.png" - overlay_stretch = FALSE - direction = RTL - } - - image { - function = BOX - state = INSENSITIVE - detail = "spinbutton_down" - file = "assets/spin-rtl-down-disabled.png" - border = {16, 0, 0, 16} - stretch = TRUE - overlay_file = "assets/pan-down-disabled.png" - overlay_stretch = FALSE - direction = RTL - } - - ############## - # Scrollbars # - ############## - - image { - function = BOX - detail = "bar" - file = "assets/progressbar-progress.png" - stretch = TRUE - border = {0, 0, 0, 0} - orientation = HORIZONTAL - } - - image { - function = BOX - detail = "bar" - file = "assets/progressbar-progress.png" - stretch = TRUE - border = {0, 0, 0, 0} - orientation = VERTICAL - } - - ############# - # Treeviews # - ############# - - # Disable active the column highlight - # We need to match specific cells or we break stuff - # Looking at you deadbeef - - image { - function = FLAT_BOX - detail = "cell_even_sorted" - state = NORMAL - } - - image { - function = FLAT_BOX - detail = "cell_odd_sorted" - state = NORMAL - } - - # Disable all the other shadows - # This prevents the Raleigh effect - image { - function = SHADOW - } - } -} - -style "menubar" { - bg[NORMAL] = @titlebar_bg_color - fg[NORMAL] = mix(0.7, @titlebar_fg_color, @titlebar_bg_color) - fg[PRELIGHT] = @titlebar_fg_color - fg[INSENSITIVE] = mix(0.3, @titlebar_fg_color, @titlebar_bg_color) - # Needed to fix Firefox's menubar text - bg[SELECTED] = mix(0.12, @titlebar_fg_color, @titlebar_bg_color) - fg[SELECTED] = @titlebar_fg_color -} - -style "menubar_item" { - xthickness = 6 - ythickness = 8 - - fg[NORMAL] = mix(0.7, @titlebar_fg_color, @titlebar_bg_color) - bg[PRELIGHT] = mix(0.12, @titlebar_fg_color, @titlebar_bg_color) - fg[PRELIGHT] = @titlebar_fg_color - fg[INSENSITIVE] = mix(0.3, @titlebar_fg_color, @titlebar_bg_color) -} - -style "menu" { - xthickness = 0 - ythickness = 0 - - bg[NORMAL] = @menu_color - bg[INSENSITIVE] = @menu_color - bg[PRELIGHT] = @menu_color - bg[SELECTED] = mix(0.08, @fg_color, @menu_color) -} - -style "menu_item" { - xthickness = 8 - ythickness = 8 - - bg[PRELIGHT] = mix(0.08, @fg_color, @menu_color) - fg[PRELIGHT] = @fg_color - # Chromium uses this setting - bg[SELECTED] = mix(0.08, @fg_color, @menu_color) - text[SELECTED] = @fg_color - # Some widgets use text, we need to handle that - text[NORMAL] = @fg_color - text[PRELIGHT] = @fg_color - - # Unfortunately we can't tell regular and menu checks/radios apart - # Without the heirarchy - engine "pixmap" { - - ################# - # Check Buttons # - ################# - - image { - function = CHECK - state = NORMAL - shadow = OUT - overlay_file = "assets/menu-checkbox-unchecked.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = PRELIGHT - shadow = OUT - overlay_file = "assets/menu-checkbox-unchecked.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = ACTIVE - shadow = OUT - overlay_file = "assets/menu-checkbox-unchecked.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = INSENSITIVE - shadow = OUT - overlay_file = "assets/menu-checkbox-unchecked-disabled.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = NORMAL - shadow = IN - overlay_file = "assets/menu-checkbox-checked.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = PRELIGHT - shadow = IN - overlay_file = "assets/menu-checkbox-checked.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = ACTIVE - shadow = IN - overlay_file = "assets/menu-checkbox-checked.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = INSENSITIVE - shadow = IN - overlay_file = "assets/menu-checkbox-checked-disabled.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = NORMAL - shadow = ETCHED_IN - overlay_file = "assets/menu-checkbox-mixed.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = PRELIGHT - shadow = ETCHED_IN - overlay_file = "assets/menu-checkbox-mixed.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = ACTIVE - shadow = ETCHED_IN - overlay_file = "assets/menu-checkbox-mixed.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = INSENSITIVE - shadow = ETCHED_IN - overlay_file = "assets/menu-checkbox-mixed-disabled.png" - overlay_stretch = FALSE - } - - ################# - # Radio Buttons # - ################# - - image { - function = OPTION - state = NORMAL - shadow = OUT - overlay_file = "assets/menu-radio-unchecked.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = PRELIGHT - shadow = OUT - overlay_file = "assets/menu-radio-unchecked.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = ACTIVE - shadow = OUT - overlay_file = "assets/menu-radio-unchecked.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = INSENSITIVE - shadow = OUT - overlay_file = "assets/menu-radio-unchecked-disabled.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = NORMAL - shadow = IN - overlay_file = "assets/menu-radio-checked.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = PRELIGHT - shadow = IN - overlay_file = "assets/menu-radio-checked.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = ACTIVE - shadow = IN - overlay_file = "assets/menu-radio-checked.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = INSENSITIVE - shadow = IN - overlay_file = "assets/menu-radio-checked-disabled.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = NORMAL - shadow = ETCHED_IN - overlay_file = "assets/menu-radio-mixed.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = PRELIGHT - shadow = ETCHED_IN - overlay_file = "assets/menu-radio-mixed.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = ACTIVE - shadow = ETCHED_IN - overlay_file = "assets/menu-radio-mixed.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = INSENSITIVE - shadow = ETCHED_IN - overlay_file = "assets/menu-radio-mixed-disabled.png" - overlay_stretch = FALSE - } - } -} - -style "separator_menu_item" { - xthickness = 0 - ythickness = 4 - - engine "pixmap" { - image { - function = BOX - file = "assets/border.png" - border = {0, 0, 0, 2} - } - } -} - -style "button_label" { - # fg[NORMAL] = mix(0.7, @fg_color, @bg_color) - # fg[INSENSITIVE] = mix(0.3, @fg_color, @bg_color) - - font_name = "Medium" -} - -style "normal_button_label" { - # fg[NORMAL] = @fg_color - # fg[INSENSITIVE] = mix(0.5, @fg_color, @bg_color) - - font_name = "Regular" -} - -style "button" { - xthickness = 8 - ythickness = 8 - - # For the sake of sanity style buttons this way - engine "pixmap" { - - ########### - # Buttons # - ########### - - image { - function = BOX - state = NORMAL - file = "assets/button.png" - border = {16, 16, 16, 16} - stretch = TRUE - } - - image { - function = BOX - state = PRELIGHT - shadow = OUT - file = "assets/button-hover.png" - border = {16, 16, 16, 16} - stretch = TRUE - } - - # Don't add hover effect on pressed buttons - image { - function = BOX - state = PRELIGHT - shadow = IN - file = "assets/button-active.png" - border = {16, 16, 16, 16} - stretch = TRUE - } - - image { - function = BOX - state = ACTIVE - file = "assets/button-active.png" - border = {16, 16, 16, 16} - stretch = TRUE - } - - image { - function = BOX - state = INSENSITIVE - file = "assets/button-disabled.png" - border = {16, 16, 16, 16} - stretch = TRUE - } - } -} - -style "link_button" { - # Disable the button effect, leave just the link - engine "pixmap" { - image { - function = BOX - } - } -} - -style "entry" { - base[NORMAL] = @bg_color - base[SELECTED] = mix (0.24, @selected_bg_color, @bg_color) - base[INSENSITIVE] = @bg_color - base[ACTIVE] = mix (0.24, @selected_bg_color, @bg_color) - - # We set this same as the border of the border of the entry - # This way there's no overlap - xthickness = 12 - ythickness = 12 -} - -style "combobox" { - xthickness = 12 - ythickness = 12 - - # This affects only the button beside an entry - GtkButton::inner-border = {0, 0, 0, 0} - - # For the sake of sanity style buttons this way - engine "pixmap" { - - ########### - # Buttons # - ########### - - image { - function = BOX - state = NORMAL - file = "assets/entry.png" - border = {16, 16, 16, 16} - stretch = TRUE - } - - image { - function = BOX - state = PRELIGHT - file = "assets/entry-hover.png" - border = {16, 16, 16, 16} - stretch = TRUE - } - - image { - function = BOX - state = ACTIVE - file = "assets/entry-active.png" - border = {16, 16, 16, 16} - stretch = TRUE - } - - image { - function = BOX - state = INSENSITIVE - file = "assets/entry-disabled.png" - border = {16, 16, 16, 16} - stretch = TRUE - } - } -} - -style "combobox_cellview" { - # text[NORMAL] = mix(0.7, @fg_color, @bg_color) - # text[INSENSITIVE] = mix(0.3, @fg_color, @bg_color) -} - -style "combobox_entry" { - # Since one side of the button is missing, we need to shift the arrow a little to the right - GtkButton::inner-border = {0, 4, 0, 0} - - engine "pixmap" { - - ############# - # LTR entry # - ############# - - image { - function = SHADOW - state = NORMAL - detail = "entry" - file = "assets/combo-left-entry.png" - border = {16, 16, 16, 16} - stretch = TRUE - direction = LTR - } - - image { - function = SHADOW - state = ACTIVE - detail = "entry" - file = "assets/combo-left-entry-active.png" - border = {16, 16, 16, 16} - stretch = TRUE - direction = LTR - } - - image { - function = SHADOW - state = INSENSITIVE - detail = "entry" - file = "assets/combo-left-entry-disabled.png" - border = {16, 16, 16, 16} - stretch = TRUE - direction = LTR - } - - ############# - # RTL entry # - ############# - - image { - function = SHADOW - state = NORMAL - detail = "entry" - file = "assets/combo-right-entry.png" - border = {16, 16, 16, 16} - stretch = TRUE - direction = RTL - } - - image { - function = SHADOW - state = ACTIVE - detail = "entry" - file = "assets/combo-right-entry-active.png" - border = {16, 16, 16, 16} - stretch = TRUE - direction = RTL - } - - image { - function = SHADOW - state = INSENSITIVE - detail = "entry" - file = "assets/combo-right-entry-disabled.png" - border = {16, 16, 16, 16} - stretch = TRUE - direction = RTL - } - - ############## - # LTR button # - ############## - - image { - function = BOX - state = NORMAL - detail = "button" - file = "assets/combo-right-entry.png" - border = {0, 16, 16, 16} - stretch = TRUE - direction = LTR - } - - image { - function = BOX - state = PRELIGHT - detail = "button" - file = "assets/combo-right-entry-hover.png" - border = {0, 16, 16, 16} - stretch = TRUE - direction = LTR - } - - image { - function = BOX - state = ACTIVE - detail = "button" - file = "assets/combo-right-entry-active.png" - border = {0, 16, 16, 16} - stretch = TRUE - direction = LTR - } - - image { - function = BOX - state = INSENSITIVE - detail = "button" - file = "assets/combo-right-entry-disabled.png" - border = {0, 16, 16, 16} - stretch = TRUE - direction = LTR - } - - ############## - # RTL button # - ############## - - image { - function = BOX - state = NORMAL - detail = "button" - file = "assets/combo-left-entry.png" - border = {16, 0, 16, 16} - stretch = TRUE - direction = RTL - } - - image { - function = BOX - state = PRELIGHT - detail = "button" - file = "assets/combo-left-entry-hover.png" - border = {16, 0, 16, 16} - stretch = TRUE - direction = RTL - } - - image { - function = BOX - state = ACTIVE - detail = "button" - file = "assets/combo-left-entry-active.png" - border = {16, 0, 16, 16} - stretch = TRUE - direction = RTL - } - - image { - function = BOX - state = INSENSITIVE - detail = "button" - file = "assets/combo-left-entry-disabled.png" - border = {16, 0, 16, 16} - stretch = TRUE - direction = RTL - } - } -} - -style "combo_button_padding" { - # Since one side of the button is missing, we need to shift the arrow a - # little to the right. - # This is the same thing we've done above but the combo, unlike the combobox, - # uses padding the same way as a button. - GtkButton::inner-border = {6, 12, 6, 6} -} - -style "notebook" { - xthickness = 6 - ythickness = 6 -} - -style "notebook_tab_label" { - fg[ACTIVE] = mix(0.7, @fg_color, @bg_color) - - font_name = "Medium" -} - -style "notebook_viewport" { - bg[NORMAL] = @base_color -} - -style "notebook_bg" { - bg[NORMAL] = @base_color - bg[PRELIGHT] = @base_color - bg[INSENSITIVE] = @base_color -} - -style "notebook_entry" { - base[NORMAL] = @base_color - base[SELECTED] = mix (0.24, @selected_bg_color, @base_color) - base[INSENSITIVE] = @base_color - base[ACTIVE] = mix (0.24, @selected_bg_color, @base_color) -} - -style "normal_bg" { - bg[NORMAL] = @bg_color - bg[PRELIGHT] = @bg_color - bg[INSENSITIVE] = @bg_color -} - -style "normal_entry" { - base[NORMAL] = @bg_color - base[SELECTED] = mix (0.24, @selected_bg_color, @bg_color) - base[INSENSITIVE] = @bg_color - base[ACTIVE] = mix (0.24, @selected_bg_color, @bg_color) -} - -style "textview" { - bg[NORMAL] = @base_color -} - -style "scale_horz" { - engine "pixmap" { - image { - function = BOX - detail = "trough-upper" - file = "assets/scale-horz-trough.png" - border = {12, 12, 0, 0} - stretch = TRUE - } - - image { - function = BOX - detail = "trough-lower" - file = "assets/scale-horz-trough-active.png" - border = {12, 12, 0, 0} - stretch = TRUE - } - } -} - -style "scale_vert" { - engine "pixmap" { - image { - function = BOX - detail = "trough-upper" - file = "assets/scale-vert-trough.png" - border = {0, 0, 12, 12} - stretch = TRUE - } - - image { - function = BOX - detail = "trough-lower" - file = "assets/scale-vert-trough-active.png" - border = {0, 0, 12, 12} - stretch = TRUE - } - } -} - -style "progressbar" { - xthickness = 0 - ythickness = 0 - - fg[PRELIGHT] = @selected_fg_color - - engine "pixmap" { - image { - function = BOX - detail = "trough" - file = "assets/progressbar-trough.png" - border = {0, 0, 0, 0} - stretch = TRUE - orientation = HORIZONTAL - } - - image { - function = BOX - detail = "trough" - file = "assets/progressbar-trough.png" - border = {0, 0, 0, 0} - stretch = TRUE - orientation = VERTICAL - } - } -} - -style "treeview_header" { - xthickness = 4 - ythickness = 4 - - fg[NORMAL] = mix(0.7, @fg_color, @base_color) - fg[PRELIGHT] = mix(0.7, @fg_color, @base_color) - fg[ACTIVE] = mix(0.7, @fg_color, @base_color) - - font_name = "Medium" - - GtkButton::inner-border = {8, 8, 0, 4} - - engine "pixmap" { - image { - function = BOX - state = NORMAL - file = "assets/treeview-ltr-button.png" - border = {0, 2, 0, 2} - stretch = TRUE - direction = LTR - } - - image { - function = BOX - state = PRELIGHT - file = "assets/treeview-ltr-button-hover.png" - border = {0, 2, 0, 2} - stretch = TRUE - direction = LTR - } - - image { - function = BOX - state = ACTIVE - file = "assets/treeview-ltr-button-active.png" - border = {0, 2, 0, 2} - stretch = TRUE - direction = LTR - } - - image { - function = BOX - state = NORMAL - file = "assets/treeview-rtl-button.png" - border = {2, 0, 0, 2} - stretch = TRUE - direction = RTL - } - - image { - function = BOX - state = PRELIGHT - file = "assets/treeview-rtl-button-hover.png" - border = {2, 0, 0, 2} - stretch = TRUE - direction = RTL - } - - image { - function = BOX - state = ACTIVE - file = "assets/treeview-rtl-button-active.png" - border = {2, 0, 0, 2} - stretch = TRUE - direction = RTL - } - - image { - function = ARROW - state = NORMAL - overlay_file = "assets/pan-up.png" - overlay_stretch = FALSE - arrow_direction = UP - } - - image { - function = ARROW - state = PRELIGHT - overlay_file = "assets/pan-up.png" - overlay_stretch = FALSE - arrow_direction = UP - } - - image { - function = ARROW - state = ACTIVE - overlay_file = "assets/pan-up.png" - overlay_stretch = FALSE - arrow_direction = UP - } - - image { - function = ARROW - state = NORMAL - overlay_file = "assets/pan-down.png" - overlay_stretch = FALSE - arrow_direction = DOWN - } - - image { - function = ARROW - state = PRELIGHT - overlay_file = "assets/pan-down.png" - overlay_stretch = FALSE - arrow_direction = DOWN - } - - image { - function = ARROW - state = ACTIVE - overlay_file = "assets/pan-down.png" - overlay_stretch = FALSE - arrow_direction = DOWN - } - } -} - -style "scrolled_window" { - engine "pixmap" { - image { - function = SHADOW - file = "assets/frame.png" - border = {2, 2, 2, 2} - stretch = TRUE - } - } -} - -style "frame" { - engine "pixmap" { - image { - function = SHADOW - shadow = NONE - } - - image { - function = SHADOW - file = "assets/frame.png" - border = {2, 2, 2, 2} - stretch = TRUE - } - - image { - function = SHADOW_GAP - file = "assets/frame.png" - border = {2, 2, 2, 2} - stretch = TRUE - gap_start_file = "assets/border.png" - gap_end_file = "assets/border.png" - } - } -} - -style "tool_button" { - GtkButton::inner-border = {4, 4, 4, 4} - - # For the sake of sanity style buttons this way - engine "pixmap" { - image { - function = BOX - state = NORMAL - file = "assets/flat-button.png" - border = {16, 16, 16, 16} - stretch = TRUE - } - - image { - function = BOX - state = PRELIGHT - shadow = OUT - file = "assets/flat-button-hover.png" - border = {16, 16, 16, 16} - stretch = TRUE - } - - # Don't add hover effect on pressed buttons - image { - function = BOX - state = PRELIGHT - shadow = IN - file = "assets/flat-button-active.png" - border = {16, 16, 16, 16} - stretch = TRUE - } - - image { - function = BOX - state = ACTIVE - file = "assets/flat-button-active.png" - border = {16, 16, 16, 16} - stretch = TRUE - } - - image { - function = BOX - state = INSENSITIVE - shadow = OUT - file = "assets/flat-button-disabled.png" - border = {16, 16, 16, 16} - stretch = TRUE - } - - image { - function = BOX - state = INSENSITIVE - shadow = IN - file = "assets/button-disabled.png" - border = {16, 16, 16, 16} - stretch = TRUE - } - } -} - -style "toolbar_separator" { - GtkWidget::wide-separators = 1 - GtkWidget::separator-width = 2 - GtkWidget::separator-height = 2 - - engine "pixmap" { - image { - function = BOX - file = "assets/border.png" - } - } -} - -style "inline_toolbar" { - # GtkToolbar::button-relief = GTK_RELIEF_NORMAL - - engine "pixmap" { - image { - function = BOX - file = "assets/frame-inline.png" - border = {2, 2, 0, 2} - stretch = TRUE - } - } -} - -style "tooltip" { - xthickness = 16 - ythickness = 16 - - bg[NORMAL] = @tooltip_bg_color - fg[NORMAL] = @tooltip_fg_color - bg[SELECTED] = @tooltip_bg_color -} - -style "disable_text_shadow" { - engine "murrine" { - textstyle = 0 - } -} - -style "disable_separator" { - xthickness = 0 - ythickness = 0 - - GtkWidget::wide-separators = 1 -} - -# Default style, containing theme properties and trying to match every widget as -# much as possible, which is not only faster than trying to match every widget -# by its own but also less bug-prune and more consistent. However there is some -# widget specific stuff that needs to be taken care of, which is the point of -# every other style below. -class "GtkWidget" style "default" - -###################################### -# Override padding, style and colour # -###################################### - -class "GtkButton" style "button" -class "GtkLinkButton" style "link_button" -class "GtkEntry" style "entry" -class "GtkOldEditable" style "entry" -class "GtkNotebook" style "notebook" -class "GtkHScale" style "scale_horz" -class "GtkVScale" style "scale_vert" -class "GtkProgressBar" style "progressbar" -class "GtkScrolledWindow" style "scrolled_window" -class "GtkFrame" style "frame" -class "GtkSeparatorToolItem" style "toolbar_separator" -class "GtkMenuBar" style "menubar" -class "GtkMenu" style "menu" -class "GtkTextView" style "textview" - -# Menu and menubar items -widget_class "**" style "menu_item" -widget_class "*.*" style "menubar_item" -widget_class "**" style "separator_menu_item" - -# Treeview buttons -widget_class "***" style "treeview_header" - -# Give the file chooser toolbar a border -widget_class "**" style "inline_toolbar" - -# Fix padding on regular comboboxes -widget_class "*." style "combobox" -widget_class "*" style "combobox" - -# And disable separators on them -widget_class "*.*" style "disable_separator" -widget_class "**" style "disable_separator" -widget_class "**" style "disable_separator" - -# Join together the ComboBoxEntry entry and button -widget_class "**" style "combobox_entry" - -# Join the Combo entry and button -widget_class "**" style "combobox_entry" - -# Tweak the padding on the button a little bit because it -# uses it a bit differently -widget_class "*." style "combo_button_padding" - -# Alas we cannot do the same for ComboBoxText because there -# isn't a way to apply the style to only the comboboxes that -# have an entry inside - -# Tool buttons have different styles -widget_class "**" style "tool_button" -widget_class "**.*" style "tool_button" - -# Notebooks -widget_class "*." style "notebook_tab_label" -widget_class "*.." style "notebook_tab_label" - -# Notebooks are white, act accordingly -widget_class "**" style "notebook_entry" -widget_class "**" style "notebook_bg" -widget_class "**" style "notebook_bg" -widget_class "***" style "notebook_bg" -widget_class "**" style "notebook_bg" -widget_class "*.*" style "notebook_bg" - -# However, stuff inside eventboxes inside notebooks is grey -# again, react -widget_class "***" style "normal_entry" -widget_class "***" style "normal_bg" -widget_class "***" style "normal_bg" - -# Button labels -widget_class "*." style "button_label" - -# Normalize button labels -widget_class "*." style "normal_button_label" -widget_class "*." style "normal_button_label" - -# ComboBoxes tend to draw the button label with text[] -# instead of fg[], we need to fix that -widget_class "**" style "combobox_cellview" - -# Disable white text shadows -widget_class "*" style "disable_text_shadow" -widget_class "*" style "disable_text_shadow" - -# GTK tooltips -widget "gtk-tooltip*" style "tooltip" diff --git a/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png b/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png deleted file mode 100644 index 00270c15..00000000 Binary files a/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png and /dev/null differ diff --git a/gtk-3.0/assets/scale-horz-marks-after-slider-dark@2.png b/gtk-3.0/assets/scale-horz-marks-after-slider-dark@2.png deleted file mode 100644 index 48d2aef5..00000000 Binary files a/gtk-3.0/assets/scale-horz-marks-after-slider-dark@2.png and /dev/null differ diff --git a/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png b/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png deleted file mode 100644 index cb927448..00000000 Binary files a/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png and /dev/null differ diff --git a/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png b/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png deleted file mode 100644 index efd26968..00000000 Binary files a/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png and /dev/null differ diff --git a/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png b/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png deleted file mode 100644 index b6d8c2db..00000000 Binary files a/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png and /dev/null differ diff --git a/gtk-3.0/assets/scale-horz-marks-after-slider-disabled@2.png b/gtk-3.0/assets/scale-horz-marks-after-slider-disabled@2.png deleted file mode 100644 index a0bbe3d7..00000000 Binary files a/gtk-3.0/assets/scale-horz-marks-after-slider-disabled@2.png and /dev/null differ diff --git a/gtk-3.0/assets/scale-horz-marks-after-slider.png b/gtk-3.0/assets/scale-horz-marks-after-slider.png deleted file mode 100644 index f8a1f306..00000000 Binary files a/gtk-3.0/assets/scale-horz-marks-after-slider.png and /dev/null differ diff --git a/gtk-3.0/assets/scale-horz-marks-after-slider@2.png b/gtk-3.0/assets/scale-horz-marks-after-slider@2.png deleted file mode 100644 index 33b11569..00000000 Binary files a/gtk-3.0/assets/scale-horz-marks-after-slider@2.png and /dev/null differ diff --git a/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png b/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png deleted file mode 100644 index 006cde9f..00000000 Binary files a/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png and /dev/null differ diff --git a/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.png b/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.png deleted file mode 100644 index 621fb633..00000000 Binary files a/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.png and /dev/null differ diff --git a/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png b/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png deleted file mode 100644 index 18ee2168..00000000 Binary files a/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png and /dev/null differ diff --git a/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png b/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png deleted file mode 100644 index 54378157..00000000 Binary files a/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png and /dev/null differ diff --git a/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png b/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png deleted file mode 100644 index 27039651..00000000 Binary files a/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png and /dev/null differ diff --git a/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.png b/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.png deleted file mode 100644 index 608edebd..00000000 Binary files a/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.png and /dev/null differ diff --git a/gtk-3.0/assets/scale-horz-marks-before-slider.png b/gtk-3.0/assets/scale-horz-marks-before-slider.png deleted file mode 100644 index 0b9dd24d..00000000 Binary files a/gtk-3.0/assets/scale-horz-marks-before-slider.png and /dev/null differ diff --git a/gtk-3.0/assets/scale-horz-marks-before-slider@2.png b/gtk-3.0/assets/scale-horz-marks-before-slider@2.png deleted file mode 100644 index ec43f55d..00000000 Binary files a/gtk-3.0/assets/scale-horz-marks-before-slider@2.png and /dev/null differ diff --git a/gtk-3.0/assets/scale-slider-dark.png b/gtk-3.0/assets/scale-slider-dark.png deleted file mode 100644 index 611a11ec..00000000 Binary files a/gtk-3.0/assets/scale-slider-dark.png and /dev/null differ diff --git a/gtk-3.0/assets/scale-slider-dark@2.png b/gtk-3.0/assets/scale-slider-dark@2.png deleted file mode 100644 index a30e41aa..00000000 Binary files a/gtk-3.0/assets/scale-slider-dark@2.png and /dev/null differ diff --git a/gtk-3.0/assets/scale-slider-disabled-dark.png b/gtk-3.0/assets/scale-slider-disabled-dark.png deleted file mode 100644 index 6ad81619..00000000 Binary files a/gtk-3.0/assets/scale-slider-disabled-dark.png and /dev/null differ diff --git a/gtk-3.0/assets/scale-slider-disabled-dark@2.png b/gtk-3.0/assets/scale-slider-disabled-dark@2.png deleted file mode 100644 index 38bb8fbb..00000000 Binary files a/gtk-3.0/assets/scale-slider-disabled-dark@2.png and /dev/null differ diff --git a/gtk-3.0/assets/scale-slider-disabled.png b/gtk-3.0/assets/scale-slider-disabled.png deleted file mode 100644 index 1c8170fd..00000000 Binary files a/gtk-3.0/assets/scale-slider-disabled.png and /dev/null differ diff --git a/gtk-3.0/assets/scale-slider-disabled@2.png b/gtk-3.0/assets/scale-slider-disabled@2.png deleted file mode 100644 index 1e3395e0..00000000 Binary files a/gtk-3.0/assets/scale-slider-disabled@2.png and /dev/null differ diff --git a/gtk-3.0/assets/scale-slider.png b/gtk-3.0/assets/scale-slider.png deleted file mode 100644 index d6506743..00000000 Binary files a/gtk-3.0/assets/scale-slider.png and /dev/null differ diff --git a/gtk-3.0/assets/scale-slider@2.png b/gtk-3.0/assets/scale-slider@2.png deleted file mode 100644 index dc34378d..00000000 Binary files a/gtk-3.0/assets/scale-slider@2.png and /dev/null differ diff --git a/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png b/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png deleted file mode 100644 index 0a93333b..00000000 Binary files a/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png and /dev/null differ diff --git a/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.png b/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.png deleted file mode 100644 index b0fac076..00000000 Binary files a/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.png and /dev/null differ diff --git a/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png b/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png deleted file mode 100644 index d83e03fe..00000000 Binary files a/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png and /dev/null differ diff --git a/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png b/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png deleted file mode 100644 index 7dae175a..00000000 Binary files a/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png and /dev/null differ diff --git a/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png b/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png deleted file mode 100644 index 018a21ea..00000000 Binary files a/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png and /dev/null differ diff --git a/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.png b/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.png deleted file mode 100644 index 58318cd8..00000000 Binary files a/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.png and /dev/null differ diff --git a/gtk-3.0/assets/scale-vert-marks-after-slider.png b/gtk-3.0/assets/scale-vert-marks-after-slider.png deleted file mode 100644 index 9d44619a..00000000 Binary files a/gtk-3.0/assets/scale-vert-marks-after-slider.png and /dev/null differ diff --git a/gtk-3.0/assets/scale-vert-marks-after-slider@2.png b/gtk-3.0/assets/scale-vert-marks-after-slider@2.png deleted file mode 100644 index 1cd35bb5..00000000 Binary files a/gtk-3.0/assets/scale-vert-marks-after-slider@2.png and /dev/null differ diff --git a/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png b/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png deleted file mode 100644 index 4df4027d..00000000 Binary files a/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png and /dev/null differ diff --git a/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.png b/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.png deleted file mode 100644 index 5e8b000e..00000000 Binary files a/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.png and /dev/null differ diff --git a/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png b/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png deleted file mode 100644 index 361bc5ec..00000000 Binary files a/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png and /dev/null differ diff --git a/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png b/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png deleted file mode 100644 index 1011e3c2..00000000 Binary files a/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png and /dev/null differ diff --git a/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png b/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png deleted file mode 100644 index 4604c409..00000000 Binary files a/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png and /dev/null differ diff --git a/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.png b/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.png deleted file mode 100644 index 5d554256..00000000 Binary files a/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.png and /dev/null differ diff --git a/gtk-3.0/assets/scale-vert-marks-before-slider.png b/gtk-3.0/assets/scale-vert-marks-before-slider.png deleted file mode 100644 index a6ecdd21..00000000 Binary files a/gtk-3.0/assets/scale-vert-marks-before-slider.png and /dev/null differ diff --git a/gtk-3.0/assets/scale-vert-marks-before-slider@2.png b/gtk-3.0/assets/scale-vert-marks-before-slider@2.png deleted file mode 100644 index 098dbe93..00000000 Binary files a/gtk-3.0/assets/scale-vert-marks-before-slider@2.png and /dev/null differ diff --git a/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png b/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png deleted file mode 100644 index 147bc745..00000000 Binary files a/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png and /dev/null differ diff --git a/gtk-3.0/assets/selectionmode-checkbox-checked-dark@2.png b/gtk-3.0/assets/selectionmode-checkbox-checked-dark@2.png deleted file mode 100644 index 75d6c503..00000000 Binary files a/gtk-3.0/assets/selectionmode-checkbox-checked-dark@2.png and /dev/null differ diff --git a/gtk-3.0/assets/selectionmode-checkbox-checked.png b/gtk-3.0/assets/selectionmode-checkbox-checked.png deleted file mode 100644 index ae006eb3..00000000 Binary files a/gtk-3.0/assets/selectionmode-checkbox-checked.png and /dev/null differ diff --git a/gtk-3.0/assets/selectionmode-checkbox-checked@2.png b/gtk-3.0/assets/selectionmode-checkbox-checked@2.png deleted file mode 100644 index 241e0d38..00000000 Binary files a/gtk-3.0/assets/selectionmode-checkbox-checked@2.png and /dev/null differ diff --git a/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png b/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png deleted file mode 100644 index b816b61d..00000000 Binary files a/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png and /dev/null differ diff --git a/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.png b/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.png deleted file mode 100644 index 23ecb9fe..00000000 Binary files a/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.png and /dev/null differ diff --git a/gtk-3.0/assets/selectionmode-checkbox-unchecked.png b/gtk-3.0/assets/selectionmode-checkbox-unchecked.png deleted file mode 100644 index 249338b3..00000000 Binary files a/gtk-3.0/assets/selectionmode-checkbox-unchecked.png and /dev/null differ diff --git a/gtk-3.0/assets/selectionmode-checkbox-unchecked@2.png b/gtk-3.0/assets/selectionmode-checkbox-unchecked@2.png deleted file mode 100644 index a7fb76f8..00000000 Binary files a/gtk-3.0/assets/selectionmode-checkbox-unchecked@2.png and /dev/null differ diff --git a/gtk-3.0/gtk.css b/gtk-3.0/gtk.css deleted file mode 100644 index 61bbaacd..00000000 --- a/gtk-3.0/gtk.css +++ /dev/null @@ -1,6249 +0,0 @@ -@keyframes ripple { - to { - background-size: 1000% 1000%; - } -} -@keyframes ripple-on-slider { - to { - background-size: auto, 1000% 1000%; - } -} -@keyframes ripple-on-headerbar { - from { - background-image: radial-gradient(circle, #7aa2f7 0%, transparent 0%); - } - to { - background-image: radial-gradient(circle, #7aa2f7 100%, transparent 0%); - } -} -button, modelbutton.flat, -.menuitem.button.flat, notebook > header > tabs > arrow, check, -radio, row.activatable { - transition-property: all, border-image, background-size, background-image; - transition-duration: 75ms, 225ms, 300ms, 1200ms; - transition-timing-function: cubic-bezier(0, 0, 0.2, 1); - outline: none; - background-image: radial-gradient(circle, transparent 10%, transparent 0%); - background-repeat: no-repeat; - background-position: center; - background-size: 1000% 1000%; -} -button:active, modelbutton.flat:active, -.menuitem.button.flat:active, notebook > header > tabs > arrow:active, check:active, -radio:active, row.activatable:active { - transition-duration: 75ms, 225ms, 0ms, 0ms; - animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; - background-size: 0% 0%; -} - -* { - -GtkToolButton-icon-spacing: 0; - -GtkTextView-error-underline-color: #f7768e; - -GtkScrolledWindow-scrollbar-spacing: 0; - -GtkToolItemGroup-expander-size: 11; - -GtkWidget-text-handle-width: 24; - -GtkWidget-text-handle-height: 24; - -GtkDialog-button-spacing: 6; - -GtkDialog-action-area-border: 6; - -gtk-secondary-caret-color: #7aa2f7; - outline: 2px solid transparent; - outline-offset: -4px; - -gtk-outline-radius: 4px; -} -*:focus { - outline-color: rgba(172, 176, 208, 0.08); -} - -/** - * Base States - */ -.background { - background-color: #1a1b26; - color: #acb0d0; -} - -/* - These wildcard seems unavoidable, need to investigate. - Wildcards are bad and troublesome, use them with care, - or better, just don't. - Everytime a wildcard is used a kitten dies, painfully. -*/ -*:disabled { - -gtk-icon-effect: dim; -} - -.gtkstyle-fallback { - background-color: #1a1b26; - color: #acb0d0; -} -.gtkstyle-fallback:hover { - background-color: #262734; -} -.gtkstyle-fallback:active { - background-color: #2c2d3a; -} -.gtkstyle-fallback:disabled { - color: rgba(172, 176, 208, 0.5); -} -.gtkstyle-fallback:selected { - background-color: #7aa2f7; - color: #000; -} - -.view:hover { - background-color: rgba(172, 176, 208, 0.04); -} -.view:selected:hover { - background-color: rgba(122, 162, 247, 0.3744); -} -.view:disabled { - color: rgba(172, 176, 208, 0.5); -} -.view:hover, .view:selected { - border-radius: 4px; -} -.view selection, .view:selected { - background-color: rgba(122, 162, 247, 0.32); -} - -textview text { - background-color: #1a1b26; - caret-color: #7aa2f7; -} -frame:not(.flat) textview text, .frame textview text { - background-color: #24283b; -} -popover.background textview text { - background-color: #24283b; -} -messagedialog.background textview text { - background-color: #24283b; -} -textview border { - color: rgba(172, 176, 208, 0.7); -} - -.nemo-desktop.nemo-canvas-item, .caja-desktop.caja-canvas-item, .nautilus-desktop.nautilus-canvas-item { - color: #fff; - text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); -} -.nemo-desktop.nemo-canvas-item .rubberband, .caja-desktop.caja-canvas-item .rubberband, .nautilus-desktop.nautilus-canvas-item .rubberband, -.nemo-desktop.nemo-canvas-item rubberband, -.caja-desktop.caja-canvas-item rubberband, -.nautilus-desktop.nautilus-canvas-item rubberband { - border: 1px solid #7aa2f7; - background-color: rgba(122, 162, 247, 0.3); -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, -.content-view .rubberband, treeview.view rubberband, flowbox rubberband, -.rubberband, -rubberband { - border: 1px solid #7aa2f7; - background-color: rgba(122, 162, 247, 0.24); -} - -flowbox flowboxchild { - padding: 4px; - border-radius: 4px; -} -flowbox flowboxchild:selected { - background-color: rgba(122, 162, 247, 0.32); -} - -.content-view .tile:selected { - background-color: transparent; -} - -label { - caret-color: #7aa2f7; -} -label.separator { - color: rgba(172, 176, 208, 0.7); -} -label.error { - color: #f7768e; -} -label selection { - background-color: rgba(122, 162, 247, 0.32); -} -label:disabled { - color: rgba(172, 176, 208, 0.5); -} -headerbar label:disabled, menuitem label:disabled, tab label:disabled, button label:disabled { - color: inherit; -} -label.osd { - border-radius: 4px; - background-color: rgba(26, 27, 38, 0.9); - color: #ffffff; -} - -.dim-label { - color: rgba(172, 176, 208, 0.7); -} - -assistant .sidebar { - padding: 4px 0; -} -assistant .sidebar label { - min-height: 36px; - margin: 0 4px; - padding: 0 8px; - border-radius: 4px; - color: rgba(172, 176, 208, 0.5); - font-weight: 500; -} -assistant .sidebar label.highlight { - background-color: rgba(122, 162, 247, 0.16); - color: #7aa2f7; -} - -/** - * Spinner Animation - */ -@keyframes spin { - to { - -gtk-icon-transform: rotate(1turn); - } -} -spinner { - background: none; - opacity: 0; - color: #7aa2f7; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - transition: opacity 300ms cubic-bezier(0, 0, 0.2, 1); - animation: spin 1s linear infinite; -} -spinner:checked { - opacity: 1; -} -spinner:disabled { - color: rgba(172, 176, 208, 0.3); -} - -/** - * General Typography - */ -.large-title { - font-weight: 400; - font-size: 36pt; -} - -.title-1, .nautilus-empty-state-icon + .large-title { - font-weight: 400; - font-size: 25.5pt; - letter-spacing: 0.1875pt; -} - -.title-2 { - font-weight: 400; - font-size: 18pt; -} - -.title-3 { - font-weight: 500; - font-size: 15pt; - letter-spacing: 0.1125pt; -} - -.title-4 { - font-weight: 400; - font-size: 12pt; - letter-spacing: 0.375pt; -} - -.heading { - font-weight: 500; - font-size: 1em; -} - -.body { - font-weight: 400; - font-size: 1em; -} - -.caption-heading { - font-weight: 500; - font-size: 9pt; - letter-spacing: 1.125pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; - letter-spacing: 0.3pt; -} - -/** - * Text Entries - */ -spinbutton:not(.vertical), -entry { - min-height: 36px; - padding: 0 8px; - border-radius: 4px 4px 0 0; - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #7aa2f7 0%, transparent 0%) 2/0 0 0; - box-shadow: inset 0 -1px rgba(172, 176, 208, 0.3); - background-color: rgba(172, 176, 208, 0.04); - color: #acb0d0; - caret-color: #7aa2f7; -} -spinbutton:focus:not(.vertical), -entry:focus { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #7aa2f7 100%, transparent 0%) 2/0 0 2px; - box-shadow: inset 0 -1px rgba(172, 176, 208, 0.3); - background-color: rgba(172, 176, 208, 0.1168); -} -spinbutton:drop(active):not(.vertical), -entry:drop(active) { - box-shadow: inset 0 -1px rgba(172, 176, 208, 0.3); - background-color: rgba(172, 176, 208, 0.0784); -} -spinbutton:disabled:not(.vertical), -entry:disabled { - box-shadow: inset 0 -1px rgba(172, 176, 208, 0.2); - background-color: rgba(172, 176, 208, 0.04); - color: rgba(172, 176, 208, 0.5); -} -spinbutton.flat:not(.vertical), -entry.flat { - min-height: 0; - padding: 2px; - border-radius: 0; - background-color: transparent; -} -spinbutton:not(.vertical) image, -entry image { - color: rgba(172, 176, 208, 0.7); -} -spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active, -entry image:hover, -entry image:active { - color: #acb0d0; -} -spinbutton:not(.vertical) image:disabled, -entry image:disabled { - color: rgba(172, 176, 208, 0.5); -} -spinbutton:not(.vertical) image.left, -entry image.left { - margin-left: 2px; - margin-right: 6px; -} -spinbutton:not(.vertical) image.right, -entry image.right { - margin-left: 6px; - margin-right: 2px; -} -spinbutton:not(.vertical) selection, -entry selection { - background-color: rgba(122, 162, 247, 0.32); -} -spinbutton.error:not(.vertical), -entry.error { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f7768e 0%, transparent 0%) 2/0 0 0; - box-shadow: inset 0 -1px #f7768e; - background-color: rgba(172, 176, 208, 0.04); - color: #acb0d0; - caret-color: #f7768e; -} -spinbutton.error:focus:not(.vertical), -entry.error:focus { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f7768e 100%, transparent 0%) 2/0 0 2px; - box-shadow: inset 0 -1px #f7768e; - background-color: rgba(172, 176, 208, 0.1168); -} -spinbutton.error:disabled:not(.vertical), -entry.error:disabled { - box-shadow: inset 0 -1px rgba(172, 176, 208, 0.2); - background-color: rgba(172, 176, 208, 0.04); - color: rgba(172, 176, 208, 0.5); -} -spinbutton.warning:not(.vertical), -entry.warning { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #e0af68 0%, transparent 0%) 2/0 0 0; - box-shadow: inset 0 -1px #e0af68; - background-color: rgba(172, 176, 208, 0.04); - color: #acb0d0; - caret-color: #e0af68; -} -spinbutton.warning:focus:not(.vertical), -entry.warning:focus { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #e0af68 100%, transparent 0%) 2/0 0 2px; - box-shadow: inset 0 -1px #e0af68; - background-color: rgba(172, 176, 208, 0.1168); -} -spinbutton.warning:disabled:not(.vertical), -entry.warning:disabled { - box-shadow: inset 0 -1px rgba(172, 176, 208, 0.2); - background-color: rgba(172, 176, 208, 0.04); - color: rgba(172, 176, 208, 0.5); -} -spinbutton:not(.vertical) progress, -entry progress { - margin: 0 -8px -4px; - border-bottom: 2px solid #7aa2f7; - background-color: transparent; -} -.gedit-search-slider .linked:not(.vertical) > entry, spinbutton.vertical entry { - border-radius: 4px; - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - border-image: none; - box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); - background-color: #24283b; - color: #acb0d0; - caret-color: #7aa2f7; -} -.gedit-search-slider .linked:not(.vertical) > entry:focus, spinbutton.vertical entry:focus { - border-image: none; - box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); -} -.gedit-search-slider .linked:not(.vertical) > entry:drop(active), spinbutton.vertical entry:drop(active) { - box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); -} -.gedit-search-slider .linked:not(.vertical) > entry:disabled, spinbutton.vertical entry:disabled { - box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); - background-color: #24283b; - color: rgba(172, 176, 208, 0.5); -} -.gedit-search-slider .linked:not(.vertical) > entry.error, spinbutton.vertical entry.error { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - border-image: none; - box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); - background-color: #f7768e; - color: #000; - caret-color: #000; -} -.gedit-search-slider .linked:not(.vertical) > entry.error:focus, spinbutton.vertical entry.error:focus { - border-image: none; - box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); -} -.gedit-search-slider .linked:not(.vertical) > entry.error:disabled, spinbutton.vertical entry.error:disabled { - box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); - background-color: #24283b; - color: rgba(172, 176, 208, 0.5); -} -.gedit-search-slider .linked:not(.vertical) > entry.error image, spinbutton.vertical entry.error image { - color: rgba(0, 0, 0, 0.7); -} -.gedit-search-slider .linked:not(.vertical) > entry.error image:hover, spinbutton.vertical entry.error image:hover, .gedit-search-slider .linked:not(.vertical) > entry.error image:active, spinbutton.vertical entry.error image:active { - color: #000; -} -.gedit-search-slider .linked:not(.vertical) > entry.error image:disabled, spinbutton.vertical entry.error image:disabled { - color: rgba(0, 0, 0, 0.5); -} -.gedit-search-slider .linked:not(.vertical) > entry.warning, spinbutton.vertical entry.warning { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - border-image: none; - box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); - background-color: #e0af68; - color: #000; - caret-color: #000; -} -.gedit-search-slider .linked:not(.vertical) > entry.warning:focus, spinbutton.vertical entry.warning:focus { - border-image: none; - box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); -} -.gedit-search-slider .linked:not(.vertical) > entry.warning:disabled, spinbutton.vertical entry.warning:disabled { - box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); - background-color: #24283b; - color: rgba(172, 176, 208, 0.5); -} -.gedit-search-slider .linked:not(.vertical) > entry.warning image, spinbutton.vertical entry.warning image { - color: rgba(0, 0, 0, 0.7); -} -.gedit-search-slider .linked:not(.vertical) > entry.warning image:hover, spinbutton.vertical entry.warning image:hover, .gedit-search-slider .linked:not(.vertical) > entry.warning image:active, spinbutton.vertical entry.warning image:active { - color: #000; -} -.gedit-search-slider .linked:not(.vertical) > entry.warning image:disabled, spinbutton.vertical entry.warning image:disabled { - color: rgba(0, 0, 0, 0.5); -} - -treeview entry, treeview entry.flat { - background-color: #24283b; -} -treeview entry, treeview entry:focus, treeview entry.flat, treeview entry.flat:focus { - border-image: none; - box-shadow: none; -} - -.entry-tag, .documents-entry-tag, .photos-entry-tag { - margin: 2px; - border-radius: 9999px; - box-shadow: none; - background-color: rgba(172, 176, 208, 0.08); - color: #acb0d0; -} -.entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover { - background-image: image(rgba(172, 176, 208, 0.08)); -} -:dir(ltr) .entry-tag, :dir(ltr) .documents-entry-tag, :dir(ltr) .photos-entry-tag { - margin-left: 4px; - margin-right: 0; - padding-left: 12px; - padding-right: 8px; -} -:dir(rtl) .entry-tag, :dir(rtl) .documents-entry-tag, :dir(rtl) .photos-entry-tag { - margin-left: 0; - margin-right: 4px; - padding-left: 8px; - padding-right: 12px; -} -.entry-tag.button, .button.documents-entry-tag, .button.photos-entry-tag { - box-shadow: none; - background-color: transparent; - color: rgba(172, 176, 208, 0.7); -} - -/** - * Buttons - */ -@keyframes needs-attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#7aa2f7), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#7aa2f7), to(transparent)); - } -} -button { - min-height: 24px; - min-width: 16px; - padding: 6px 10px; - border-radius: 4px; - color: #acb0d0; - font-weight: 500; - box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12); - background-color: #24283b; -} -button:drop(active), -button:hover { - box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); - background-color: #292d41; -} -button:focus { - box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); - background-color: #2f3347; -} -button:active { - box-shadow: 0 5px 3px -3px rgba(0, 0, 0, 0.2), 0 8px 6px 1px rgba(0, 0, 0, 0.14), 0 3px 8.4px 2px rgba(0, 0, 0, 0.12); - background-image: radial-gradient(circle, rgba(172, 176, 208, 0.12) 10%, transparent 0%); -} -button:disabled { - box-shadow: none; - background-color: rgba(172, 176, 208, 0.08); - color: rgba(172, 176, 208, 0.5); -} -button:checked { - color: #7aa2f7; - box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12); - background-color: #323c59; -} -button:checked:drop(active), -button:checked:hover { - box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); - background-color: #384466; -} -button:checked:focus { - box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); - background-color: #3b486c; -} -button:checked:active { - box-shadow: 0 5px 3px -3px rgba(0, 0, 0, 0.2), 0 8px 6px 1px rgba(0, 0, 0, 0.14), 0 3px 8.4px 2px rgba(0, 0, 0, 0.12); - background-image: radial-gradient(circle, rgba(122, 162, 247, 0.16) 10%, transparent 0%); -} -button:checked:disabled { - box-shadow: none; - background-color: rgba(172, 176, 208, 0.1904); - color: rgba(172, 176, 208, 0.5); -} -button.text-button { - min-width: 32px; - padding-left: 16px; - padding-right: 16px; -} -button.image-button { - min-width: 24px; - padding: 6px; - border-radius: 9999px; -} -button.text-button.image-button { - min-width: 24px; - padding: 6px; - border-radius: 4px; -} -button.text-button.image-button label:first-child { - margin-left: 10px; -} -button.text-button.image-button label:last-child { - margin-right: 10px; -} -button.text-button.image-button image:not(:only-child) { - margin: 0 4px; -} -.budgie-settings-window buttonbox.inline-toolbar button, #MatePanelPopupWindow button, #mate-menu button, .gedit-search-slider .linked:not(.vertical) > button, popover.messagepopover .popover-action-area button, button.sidebar-button, scrollbar button, combobox > .linked:not(.vertical) > button:not(:only-child), spinbutton.vertical button, spinbutton:not(.vertical) button, .nemo-window .toolbar button, .raven .raven-header.top stackswitcher.linked > button, .caja-navigation-window box.horizontal > button.toggle.image-button, #CanvasTable button, layouttabbar button, .message-input-area button, filechooser #pathbarbox > stack > box > button, #buttonbox_frame button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, #caja-extra-view-widget button, .lock-dialog button, infobar.info > revealer > box button, infobar.question > revealer > box button, messagedialog .dialog-action-box button, .app-notification button, actionbar > revealer > box button:not(.suggested-action):not(.destructive-action), popover.background.menu button, -popover.background button.model, .titlebar button:not(.suggested-action):not(.destructive-action), toolbar button, -button.flat { - color: rgba(172, 176, 208, 0.7); - box-shadow: none; - background-color: transparent; -} -.budgie-settings-window buttonbox.inline-toolbar button:drop(active), #MatePanelPopupWindow button:drop(active), #mate-menu button:drop(active), .gedit-search-slider .linked:not(.vertical) > button:drop(active), popover.messagepopover .popover-action-area button:drop(active), button.sidebar-button:drop(active), scrollbar button:drop(active), combobox > .linked:not(.vertical) > button:drop(active):not(:only-child), spinbutton.vertical button:drop(active), spinbutton:not(.vertical) button:drop(active), .nemo-window .toolbar button:drop(active), .raven .raven-header.top stackswitcher.linked > button:drop(active), .caja-navigation-window box.horizontal > button.toggle.image-button:drop(active), #CanvasTable button:drop(active), layouttabbar button:drop(active), .message-input-area button:drop(active), filechooser #pathbarbox > stack > box > button:drop(active), #buttonbox_frame button:drop(active), .drop-shadow button:drop(active), .budgie-session-dialog .linked.horizontal > button:drop(active), #caja-extra-view-widget button:drop(active), .lock-dialog button:drop(active), infobar.info > revealer > box button:drop(active), infobar.question > revealer > box button:drop(active), messagedialog .dialog-action-box button:drop(active), .app-notification button:drop(active), actionbar > revealer > box button:drop(active):not(.suggested-action):not(.destructive-action), popover.background.menu button:drop(active), -popover.background button.model:drop(active), .titlebar button:drop(active):not(.suggested-action):not(.destructive-action), toolbar button:drop(active), -button.flat:drop(active), .budgie-settings-window buttonbox.inline-toolbar button:hover, #MatePanelPopupWindow button:hover, #mate-menu button:hover, .gedit-search-slider .linked:not(.vertical) > button:hover, popover.messagepopover .popover-action-area button:hover, button.sidebar-button:hover, scrollbar button:hover, combobox > .linked:not(.vertical) > button:hover:not(:only-child), spinbutton.vertical button:hover, spinbutton:not(.vertical) button:hover, .nemo-window .toolbar button:hover, .raven .raven-header.top stackswitcher.linked > button:hover, .caja-navigation-window box.horizontal > button.toggle.image-button:hover, #CanvasTable button:hover, layouttabbar button:hover, .message-input-area button:hover, filechooser #pathbarbox > stack > box > button:hover, #buttonbox_frame button:hover, .drop-shadow button:hover, .budgie-session-dialog .linked.horizontal > button:hover, #caja-extra-view-widget button:hover, .lock-dialog button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, messagedialog .dialog-action-box button:hover, .app-notification button:hover, actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action), popover.background.menu button:hover, -popover.background button.model:hover, .titlebar button:hover:not(.suggested-action):not(.destructive-action), toolbar button:hover, -button.flat:hover { - box-shadow: none; - background-color: rgba(172, 176, 208, 0.08); -} -.budgie-settings-window buttonbox.inline-toolbar button:focus, #MatePanelPopupWindow button:focus, #mate-menu button:focus, .gedit-search-slider .linked:not(.vertical) > button:focus, popover.messagepopover .popover-action-area button:focus, button.sidebar-button:focus, scrollbar button:focus, combobox > .linked:not(.vertical) > button:focus:not(:only-child), spinbutton.vertical button:focus, spinbutton:not(.vertical) button:focus, .nemo-window .toolbar button:focus, .raven .raven-header.top stackswitcher.linked > button:focus, .caja-navigation-window box.horizontal > button.toggle.image-button:focus, #CanvasTable button:focus, layouttabbar button:focus, .message-input-area button:focus, filechooser #pathbarbox > stack > box > button:focus, #buttonbox_frame button:focus, .drop-shadow button:focus, .budgie-session-dialog .linked.horizontal > button:focus, #caja-extra-view-widget button:focus, .lock-dialog button:focus, infobar.info > revealer > box button:focus, infobar.question > revealer > box button:focus, messagedialog .dialog-action-box button:focus, .app-notification button:focus, actionbar > revealer > box button:focus:not(.suggested-action):not(.destructive-action), popover.background.menu button:focus, -popover.background button.model:focus, .titlebar button:focus:not(.suggested-action):not(.destructive-action), toolbar button:focus, -button.flat:focus { - box-shadow: none; - background-color: rgba(172, 176, 208, 0.08); -} -.budgie-settings-window buttonbox.inline-toolbar button:active, #MatePanelPopupWindow button:active, #mate-menu button:active, .gedit-search-slider .linked:not(.vertical) > button:active, popover.messagepopover .popover-action-area button:active, button.sidebar-button:active, scrollbar button:active, combobox > .linked:not(.vertical) > button:active:not(:only-child), spinbutton.vertical button:active, spinbutton:not(.vertical) button:active, .nemo-window .toolbar button:active, .raven .raven-header.top stackswitcher.linked > button:active, .caja-navigation-window box.horizontal > button.toggle.image-button:active, #CanvasTable button:active, layouttabbar button:active, .message-input-area button:active, filechooser #pathbarbox > stack > box > button:active, #buttonbox_frame button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, #caja-extra-view-widget button:active, .lock-dialog button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, messagedialog .dialog-action-box button:active, .app-notification button:active, actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action), popover.background.menu button:active, -popover.background button.model:active, .titlebar button:active:not(.suggested-action):not(.destructive-action), toolbar button:active, -button.flat:active { - box-shadow: none; - background-image: radial-gradient(circle, rgba(172, 176, 208, 0.12) 10%, transparent 0%); -} -.budgie-settings-window buttonbox.inline-toolbar button:disabled, #MatePanelPopupWindow button:disabled, #mate-menu button:disabled, .gedit-search-slider .linked:not(.vertical) > button:disabled, popover.messagepopover .popover-action-area button:disabled, button.sidebar-button:disabled, scrollbar button:disabled, combobox > .linked:not(.vertical) > button:disabled:not(:only-child), spinbutton.vertical button:disabled, spinbutton:not(.vertical) button:disabled, .nemo-window .toolbar button:disabled, .raven .raven-header.top stackswitcher.linked > button:disabled, .caja-navigation-window box.horizontal > button.toggle.image-button:disabled, #CanvasTable button:disabled, layouttabbar button:disabled, .message-input-area button:disabled, filechooser #pathbarbox > stack > box > button:disabled, #buttonbox_frame button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, #caja-extra-view-widget button:disabled, .lock-dialog button:disabled, infobar.info > revealer > box button:disabled, infobar.question > revealer > box button:disabled, messagedialog .dialog-action-box button:disabled, .app-notification button:disabled, actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action), popover.background.menu button:disabled, -popover.background button.model:disabled, .titlebar button:disabled:not(.suggested-action):not(.destructive-action), toolbar button:disabled, -button.flat:disabled { - background-color: transparent; - color: rgba(172, 176, 208, 0.3); -} - -.nemo-window .toolbar button:checked, .raven .raven-header.top stackswitcher.linked > button:checked, .caja-navigation-window box.horizontal > button.toggle.image-button:checked, #CanvasTable button:checked, layouttabbar button:checked, .message-input-area button:checked, filechooser #pathbarbox > stack > box > button:checked, #buttonbox_frame button:checked, .drop-shadow button:checked, .budgie-session-dialog .linked.horizontal > button:checked, #caja-extra-view-widget button:checked, .lock-dialog button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, messagedialog .dialog-action-box button:checked, .app-notification button:checked, actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked, -popover.background button.model:checked, .titlebar button:checked:not(.suggested-action):not(.destructive-action), toolbar button:checked, -button.flat:checked { - color: #7aa2f7; - box-shadow: none; - background-color: rgba(122, 162, 247, 0.16); -} -.nemo-window .toolbar button:checked:drop(active), .raven .raven-header.top stackswitcher.linked > button:checked:drop(active), .caja-navigation-window box.horizontal > button.toggle.image-button:checked:drop(active), #CanvasTable button:checked:drop(active), layouttabbar button:checked:drop(active), .message-input-area button:checked:drop(active), filechooser #pathbarbox > stack > box > button:checked:drop(active), #buttonbox_frame button:checked:drop(active), .drop-shadow button:checked:drop(active), .budgie-session-dialog .linked.horizontal > button:checked:drop(active), #caja-extra-view-widget button:checked:drop(active), .lock-dialog button:checked:drop(active), infobar.info > revealer > box button:checked:drop(active), infobar.question > revealer > box button:checked:drop(active), messagedialog .dialog-action-box button:checked:drop(active), .app-notification button:checked:drop(active), actionbar > revealer > box button:checked:drop(active):not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:drop(active), -popover.background button.model:checked:drop(active), .titlebar button:checked:drop(active):not(.suggested-action):not(.destructive-action), toolbar button:checked:drop(active), -button.flat:checked:drop(active), .nemo-window .toolbar button:checked:hover, .raven .raven-header.top stackswitcher.linked > button:checked:hover, .caja-navigation-window box.horizontal > button.toggle.image-button:checked:hover, #CanvasTable button:checked:hover, layouttabbar button:checked:hover, .message-input-area button:checked:hover, filechooser #pathbarbox > stack > box > button:checked:hover, #buttonbox_frame button:checked:hover, .drop-shadow button:checked:hover, .budgie-session-dialog .linked.horizontal > button:checked:hover, #caja-extra-view-widget button:checked:hover, .lock-dialog button:checked:hover, infobar.info > revealer > box button:checked:hover, infobar.question > revealer > box button:checked:hover, messagedialog .dialog-action-box button:checked:hover, .app-notification button:checked:hover, actionbar > revealer > box button:checked:hover:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:hover, -popover.background button.model:checked:hover, .titlebar button:checked:hover:not(.suggested-action):not(.destructive-action), toolbar button:checked:hover, -button.flat:checked:hover { - box-shadow: none; - background-color: rgba(122, 162, 247, 0.2608); -} -.nemo-window .toolbar button:checked:focus, .raven .raven-header.top stackswitcher.linked > button:checked:focus, .caja-navigation-window box.horizontal > button.toggle.image-button:checked:focus, #CanvasTable button:checked:focus, layouttabbar button:checked:focus, .message-input-area button:checked:focus, filechooser #pathbarbox > stack > box > button:checked:focus, #buttonbox_frame button:checked:focus, .drop-shadow button:checked:focus, .budgie-session-dialog .linked.horizontal > button:checked:focus, #caja-extra-view-widget button:checked:focus, .lock-dialog button:checked:focus, infobar.info > revealer > box button:checked:focus, infobar.question > revealer > box button:checked:focus, messagedialog .dialog-action-box button:checked:focus, .app-notification button:checked:focus, actionbar > revealer > box button:checked:focus:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:focus, -popover.background button.model:checked:focus, .titlebar button:checked:focus:not(.suggested-action):not(.destructive-action), toolbar button:checked:focus, -button.flat:checked:focus { - box-shadow: none; - background-color: rgba(122, 162, 247, 0.2608); -} -.nemo-window .toolbar button:checked:active, .raven .raven-header.top stackswitcher.linked > button:checked:active, .caja-navigation-window box.horizontal > button.toggle.image-button:checked:active, #CanvasTable button:checked:active, layouttabbar button:checked:active, .message-input-area button:checked:active, filechooser #pathbarbox > stack > box > button:checked:active, #buttonbox_frame button:checked:active, .drop-shadow button:checked:active, .budgie-session-dialog .linked.horizontal > button:checked:active, #caja-extra-view-widget button:checked:active, .lock-dialog button:checked:active, infobar.info > revealer > box button:checked:active, infobar.question > revealer > box button:checked:active, messagedialog .dialog-action-box button:checked:active, .app-notification button:checked:active, actionbar > revealer > box button:checked:active:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:active, -popover.background button.model:checked:active, .titlebar button:checked:active:not(.suggested-action):not(.destructive-action), toolbar button:checked:active, -button.flat:checked:active { - box-shadow: none; - background-image: radial-gradient(circle, rgba(122, 162, 247, 0.16) 10%, transparent 0%); -} -.nemo-window .toolbar button:checked:disabled, .raven .raven-header.top stackswitcher.linked > button:checked:disabled, .caja-navigation-window box.horizontal > button.toggle.image-button:checked:disabled, #CanvasTable button:checked:disabled, layouttabbar button:checked:disabled, .message-input-area button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, #buttonbox_frame button:checked:disabled, .drop-shadow button:checked:disabled, .budgie-session-dialog .linked.horizontal > button:checked:disabled, #caja-extra-view-widget button:checked:disabled, .lock-dialog button:checked:disabled, infobar.info > revealer > box button:checked:disabled, infobar.question > revealer > box button:checked:disabled, messagedialog .dialog-action-box button:checked:disabled, .app-notification button:checked:disabled, actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:disabled, -popover.background button.model:checked:disabled, .titlebar button:checked:disabled:not(.suggested-action):not(.destructive-action), toolbar button:checked:disabled, -button.flat:checked:disabled { - color: rgba(172, 176, 208, 0.5); -} - -#buttonbox_frame button.text-button, .drop-shadow button.text-button, .budgie-session-dialog .linked.horizontal > button.text-button, #caja-extra-view-widget button.text-button, .lock-dialog button.text-button, infobar.info > revealer > box button.text-button, infobar.question > revealer > box button.text-button, messagedialog .dialog-action-box button.text-button, .app-notification button.text-button, actionbar > revealer > box button.text-button:not(.suggested-action):not(.destructive-action), popover.background.menu button.text-button, -popover.background button.text-button.model, .titlebar button.text-button:not(.suggested-action):not(.destructive-action), toolbar button.text-button, -button.flat.text-button { - min-width: 48px; - padding-left: 8px; - padding-right: 8px; -} -#buttonbox_frame button.text-button.image-button, .drop-shadow button.text-button.image-button, .budgie-session-dialog .linked.horizontal > button.text-button.image-button, #caja-extra-view-widget button.text-button.image-button, .lock-dialog button.text-button.image-button, infobar.info > revealer > box button.text-button.image-button, infobar.question > revealer > box button.text-button.image-button, messagedialog .dialog-action-box button.text-button.image-button, .app-notification button.text-button.image-button, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action), popover.background.menu button.text-button.image-button, -popover.background button.text-button.image-button.model, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action), toolbar button.text-button.image-button, -button.flat.text-button.image-button { - min-width: 24px; - padding: 6px; -} -#buttonbox_frame button.text-button.image-button label:first-child, .drop-shadow button.text-button.image-button label:first-child, .budgie-session-dialog .linked.horizontal > button.text-button.image-button label:first-child, #caja-extra-view-widget button.text-button.image-button label:first-child, .lock-dialog button.text-button.image-button label:first-child, infobar.info > revealer > box button.text-button.image-button label:first-child, infobar.question > revealer > box button.text-button.image-button label:first-child, messagedialog .dialog-action-box button.text-button.image-button label:first-child, .app-notification button.text-button.image-button label:first-child, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child, popover.background.menu button.text-button.image-button label:first-child, -popover.background button.text-button.image-button.model label:first-child, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child, toolbar button.text-button.image-button label:first-child, -button.flat.text-button.image-button label:first-child { - margin-left: 6px; -} -#buttonbox_frame button.text-button.image-button label:last-child, .drop-shadow button.text-button.image-button label:last-child, .budgie-session-dialog .linked.horizontal > button.text-button.image-button label:last-child, #caja-extra-view-widget button.text-button.image-button label:last-child, .lock-dialog button.text-button.image-button label:last-child, infobar.info > revealer > box button.text-button.image-button label:last-child, infobar.question > revealer > box button.text-button.image-button label:last-child, messagedialog .dialog-action-box button.text-button.image-button label:last-child, .app-notification button.text-button.image-button label:last-child, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child, popover.background.menu button.text-button.image-button label:last-child, -popover.background button.text-button.image-button.model label:last-child, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child, toolbar button.text-button.image-button label:last-child, -button.flat.text-button.image-button label:last-child { - margin-right: 6px; -} -#buttonbox_frame .linked:not(.vertical) > button:not(:only-child), .drop-shadow .linked:not(.vertical) > button:not(:only-child), .budgie-session-dialog .linked.horizontal:not(.vertical) > button:not(:only-child), #caja-extra-view-widget .linked:not(.vertical) > button:not(:only-child), .lock-dialog .linked:not(.vertical) > button:not(:only-child), infobar.info > revealer > box .linked:not(.vertical) > button:not(:only-child), infobar.question > revealer > box .linked:not(.vertical) > button:not(:only-child), messagedialog .dialog-action-box .linked:not(.vertical) > button:not(:only-child), .app-notification .linked:not(.vertical) > button:not(:only-child), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child):not(.suggested-action):not(.destructive-action), popover.background.menu .linked:not(.vertical) > button:not(:only-child), -popover.background .linked:not(.vertical) > button.model:not(:only-child), .titlebar .linked:not(.vertical) > button:not(:only-child):not(.suggested-action):not(.destructive-action), toolbar .linked:not(.vertical) > button:not(:only-child), #buttonbox_frame .linked.vertical > button:not(:only-child), .drop-shadow .linked.vertical > button:not(:only-child), .budgie-session-dialog .linked.horizontal.vertical > button:not(:only-child), #caja-extra-view-widget .linked.vertical > button:not(:only-child), .lock-dialog .linked.vertical > button:not(:only-child), infobar.info > revealer > box .linked.vertical > button:not(:only-child), infobar.question > revealer > box .linked.vertical > button:not(:only-child), messagedialog .dialog-action-box .linked.vertical > button:not(:only-child), .app-notification .linked.vertical > button:not(:only-child), actionbar > revealer > box .linked.vertical > button:not(:only-child):not(.suggested-action):not(.destructive-action), popover.background.menu .linked.vertical > button:not(:only-child), -popover.background .linked.vertical > button.model:not(:only-child), .titlebar .linked.vertical > button:not(:only-child):not(.suggested-action):not(.destructive-action), toolbar .linked.vertical > button:not(:only-child), -.linked:not(.vertical) > button.flat:not(:only-child), -.linked.vertical > button.flat:not(:only-child) { - border-radius: 4px; -} -#buttonbox_frame .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .drop-shadow .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .budgie-session-dialog .linked.horizontal:not(.vertical) > button:not(:only-child).image-button:not(.text-button), #caja-extra-view-widget .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .lock-dialog .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), infobar.info > revealer > box .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), infobar.question > revealer > box .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), messagedialog .dialog-action-box .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .app-notification .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), popover.background.menu .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), -popover.background .linked:not(.vertical) > button.model:not(:only-child).image-button:not(.text-button), .titlebar .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), toolbar .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), #buttonbox_frame .linked.vertical > button:not(:only-child).image-button:not(.text-button), .drop-shadow .linked.vertical > button:not(:only-child).image-button:not(.text-button), .budgie-session-dialog .linked.horizontal.vertical > button:not(:only-child).image-button:not(.text-button), #caja-extra-view-widget .linked.vertical > button:not(:only-child).image-button:not(.text-button), .lock-dialog .linked.vertical > button:not(:only-child).image-button:not(.text-button), infobar.info > revealer > box .linked.vertical > button:not(:only-child).image-button:not(.text-button), infobar.question > revealer > box .linked.vertical > button:not(:only-child).image-button:not(.text-button), messagedialog .dialog-action-box .linked.vertical > button:not(:only-child).image-button:not(.text-button), .app-notification .linked.vertical > button:not(:only-child).image-button:not(.text-button), actionbar > revealer > box .linked.vertical > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), popover.background.menu .linked.vertical > button:not(:only-child).image-button:not(.text-button), -popover.background .linked.vertical > button.model:not(:only-child).image-button:not(.text-button), .titlebar .linked.vertical > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), toolbar .linked.vertical > button:not(:only-child).image-button:not(.text-button), -.linked:not(.vertical) > button.flat:not(:only-child).image-button:not(.text-button), -.linked.vertical > button.flat:not(:only-child).image-button:not(.text-button) { - border-radius: 9999px; -} - -button.osd { - padding: 12px 16px; -} -button.osd.image-button { - padding: 12px; -} -button.osd:disabled { - opacity: 0; -} -button.suggested-action { - color: #000; - box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12); - background-color: #7aa2f7; -} -button.suggested-action:drop(active), button.suggested-action:hover { - box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); - background-color: #7095e3; -} -button.suggested-action:focus { - box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); - background-color: #6b8fd9; -} -button.suggested-action:active { - box-shadow: 0 5px 3px -3px rgba(0, 0, 0, 0.2), 0 8px 6px 1px rgba(0, 0, 0, 0.14), 0 3px 8.4px 2px rgba(0, 0, 0, 0.12); - background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%); -} -button.suggested-action:disabled { - box-shadow: none; - background-color: rgba(172, 176, 208, 0.08); - color: rgba(172, 176, 208, 0.5); -} -button.suggested-action:checked { - box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12); - background-color: #6688cf; -} -button.suggested-action:checked:drop(active), button.suggested-action:checked:hover { - box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); - background-color: #5e7dbe; -} -button.suggested-action:checked:focus { - box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); - background-color: #5a78b6; -} -button.suggested-action:checked:active { - box-shadow: 0 5px 3px -3px rgba(0, 0, 0, 0.2), 0 8px 6px 1px rgba(0, 0, 0, 0.14), 0 3px 8.4px 2px rgba(0, 0, 0, 0.12); - background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%); -} -button.suggested-action.flat { - color: #7aa2f7; - box-shadow: none; - background-color: transparent; -} -button.suggested-action.flat:drop(active), button.suggested-action.flat:hover { - box-shadow: none; - background-color: rgba(122, 162, 247, 0.12); -} -button.suggested-action.flat:focus { - box-shadow: none; - background-color: rgba(122, 162, 247, 0.12); -} -button.suggested-action.flat:active { - box-shadow: none; - background-image: radial-gradient(circle, rgba(122, 162, 247, 0.16) 10%, transparent 0%); -} -button.suggested-action.flat:disabled { - box-shadow: none; - background-color: transparent; - color: rgba(172, 176, 208, 0.3); -} -button.suggested-action.flat:checked { - box-shadow: none; - background-color: rgba(122, 162, 247, 0.16); -} -button.suggested-action.flat:checked:drop(active), button.suggested-action.flat:checked:hover { - box-shadow: none; - background-color: rgba(122, 162, 247, 0.2608); -} -button.suggested-action.flat:checked:focus { - box-shadow: none; - background-color: rgba(122, 162, 247, 0.2608); -} -button.suggested-action.flat:checked:active { - box-shadow: none; - background-image: radial-gradient(circle, rgba(122, 162, 247, 0.16) 10%, transparent 0%); -} -button.destructive-action { - color: #000; - box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12); - background-color: #f7768e; -} -button.destructive-action:drop(active), button.destructive-action:hover { - box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); - background-color: #e36d83; -} -button.destructive-action:focus { - box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); - background-color: #d9687d; -} -button.destructive-action:active { - box-shadow: 0 5px 3px -3px rgba(0, 0, 0, 0.2), 0 8px 6px 1px rgba(0, 0, 0, 0.14), 0 3px 8.4px 2px rgba(0, 0, 0, 0.12); - background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%); -} -button.destructive-action:disabled { - box-shadow: none; - background-color: rgba(172, 176, 208, 0.08); - color: rgba(172, 176, 208, 0.5); -} -button.destructive-action:checked { - box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12); - background-color: #cf6377; -} -button.destructive-action:checked:drop(active), button.destructive-action:checked:hover { - box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); - background-color: #be5b6d; -} -button.destructive-action:checked:focus { - box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); - background-color: #b65769; -} -button.destructive-action:checked:active { - box-shadow: 0 5px 3px -3px rgba(0, 0, 0, 0.2), 0 8px 6px 1px rgba(0, 0, 0, 0.14), 0 3px 8.4px 2px rgba(0, 0, 0, 0.12); - background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%); -} -button.destructive-action.flat { - color: #f7768e; - box-shadow: none; - background-color: transparent; -} -button.destructive-action.flat:drop(active), button.destructive-action.flat:hover { - box-shadow: none; - background-color: rgba(247, 118, 142, 0.12); -} -button.destructive-action.flat:focus { - box-shadow: none; - background-color: rgba(247, 118, 142, 0.12); -} -button.destructive-action.flat:active { - box-shadow: none; - background-image: radial-gradient(circle, rgba(247, 118, 142, 0.16) 10%, transparent 0%); -} -button.destructive-action.flat:disabled { - box-shadow: none; - background-color: transparent; - color: rgba(172, 176, 208, 0.3); -} -button.destructive-action.flat:checked { - box-shadow: none; - background-color: rgba(247, 118, 142, 0.16); -} -button.destructive-action.flat:checked:drop(active), button.destructive-action.flat:checked:hover { - box-shadow: none; - background-color: rgba(247, 118, 142, 0.2608); -} -button.destructive-action.flat:checked:focus { - box-shadow: none; - background-color: rgba(247, 118, 142, 0.2608); -} -button.destructive-action.flat:checked:active { - box-shadow: none; - background-image: radial-gradient(circle, rgba(247, 118, 142, 0.16) 10%, transparent 0%); -} -.stack-switcher > button > label { - margin: 0 -6px; - padding: 0 6px; -} -.stack-switcher > button > image { - margin: -3px -6px; - padding: 3px 6px; -} -.stack-switcher > button.needs-attention:checked > label, -.stack-switcher > button.needs-attention:checked > image { - animation: none; - background-image: none; -} -.inline-toolbar button:not(.text-button) { - border-radius: 9999px; -} -.primary-toolbar button { - -gtk-icon-shadow: none; -} -button.close, button.circular { - border-radius: 9999px; -} -.pluma-window paned.horizontal box.vertical box.horizontal button.flat, .nautilus-window .floating-bar button, .gedit-document-panel row button.flat, .gedit-search-slider .linked:not(.vertical) > button, button.sidebar-button, notebook > header > tabs > tab button.flat, spinbutton:not(.vertical) button { - min-height: 24px; - min-width: 24px; - padding: 0; - border-radius: 9999px; -} - -stacksidebar.sidebar row.needs-attention > label, .stack-switcher > button.needs-attention > label, -.stack-switcher > button.needs-attention > image { - animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards; - background-repeat: no-repeat; - background-position: right 3px; - background-size: 6px 6px; -} -stacksidebar.sidebar row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), -.stack-switcher > button.needs-attention > image:dir(rtl) { - background-position: left 3px; -} - -.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo, .linked:not(.vertical) > spinbutton:not(:first-child):not(.vertical), -.linked:not(.vertical) > entry:not(:first-child), -.linked:not(.vertical) > button:not(:first-child) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} - -.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo, .linked:not(.vertical) > spinbutton:not(:last-child):not(.vertical), -.linked:not(.vertical) > entry:not(:last-child), -.linked:not(.vertical) > button:not(:last-child) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -.linked.vertical > combobox:not(:first-child) > box > button.combo, .linked.vertical > spinbutton:not(:first-child):not(.vertical), -.linked.vertical > entry:not(:first-child), -.linked.vertical > button:not(:first-child) { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.linked.vertical > combobox:not(:last-child) > box > button.combo, .linked.vertical > spinbutton:not(:last-child):not(.vertical), -.linked.vertical > entry:not(:last-child), -.linked.vertical > button:not(:last-child) { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} - -.linked:not(.vertical) > button.image-button:first-child:not(.text-button) { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} -.linked:not(.vertical) > button.image-button:last-child:not(.text-button) { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} -.linked:not(.vertical) > button.image-button:only-child:not(.text-button) { - border-radius: 9999px; -} - -.linked.vertical > button.image-button:first-child:not(.text-button) { - border-top-left-radius: 4px; - border-top-right-radius: 4px; -} -.linked.vertical > button.image-button:last-child:not(.text-button) { - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; -} -.linked.vertical > button.image-button:only-child:not(.text-button) { - border-radius: 9999px; -} - -/* menu buttons */ -modelbutton.flat, -.menuitem.button.flat { - min-height: 28px; - padding: 0 8px; - border-radius: 4px; -} -modelbutton.flat:drop(active), modelbutton.flat:hover, -.menuitem.button.flat:drop(active), -.menuitem.button.flat:hover { - background-color: rgba(172, 176, 208, 0.08); -} -modelbutton.flat:focus, -.menuitem.button.flat:focus { - background-color: rgba(172, 176, 208, 0.08); -} -modelbutton.flat:active, -.menuitem.button.flat:active { - background-image: radial-gradient(circle, rgba(172, 176, 208, 0.12) 10%, transparent 0%); -} -modelbutton.flat:selected, -.menuitem.button.flat:selected { - background-color: rgba(122, 162, 247, 0.32); -} - -modelbutton.flat arrow { - transition: color 75ms cubic-bezier(0, 0, 0.2, 1); - color: rgba(172, 176, 208, 0.7); -} -modelbutton.flat arrow:disabled { - color: rgba(172, 176, 208, 0.3); -} -modelbutton.flat arrow.left { - -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); -} -modelbutton.flat arrow.right { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -button.color { - min-height: 24px; - min-width: 24px; - padding: 6px; -} -/** - * Links - */ -*:link { - color: #7aa2f7; -} -*:link:disabled { - color: rgba(172, 176, 208, 0.5); -} - -*:visited { - color: #bb9af7; -} -*:visited:disabled { - color: rgba(172, 176, 208, 0.5); -} - -button.link:link { - color: #7aa2f7; - box-shadow: none; - background-color: transparent; -} -button.link:link:drop(active), button.link:link:hover { - box-shadow: none; - background-color: rgba(122, 162, 247, 0.12); -} -button.link:link:focus { - box-shadow: none; - background-color: rgba(122, 162, 247, 0.12); -} -button.link:link:active { - box-shadow: none; - background-image: radial-gradient(circle, rgba(122, 162, 247, 0.16) 10%, transparent 0%); -} -button.link:visited { - color: #bb9af7; - box-shadow: none; - background-color: transparent; -} -button.link:visited:drop(active), button.link:visited:hover { - box-shadow: none; - background-color: rgba(187, 154, 247, 0.12); -} -button.link:visited:focus { - box-shadow: none; - background-color: rgba(187, 154, 247, 0.12); -} -button.link:visited:active { - box-shadow: none; - background-image: radial-gradient(circle, rgba(187, 154, 247, 0.16) 10%, transparent 0%); -} -button.link:disabled { - color: rgba(172, 176, 208, 0.5); -} -button.link > label { - text-decoration-line: underline; -} - -/** - * GtkSpinButton - */ -spinbutton:not(.vertical) { - padding: 0; -} -spinbutton:not(.vertical) entry { - min-width: 32px; - margin: 0; - border-image: none; - border-radius: 0; - box-shadow: none; - background-color: transparent; -} -spinbutton:not(.vertical) button { - border: solid 6px transparent; - background-clip: padding-box; -} -spinbutton:not(.vertical) button:focus:not(:hover):not(:active) { - background-color: transparent; -} -spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) { - margin-left: -3px; -} -spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) { - margin-right: -3px; -} -spinbutton.vertical { - caret-color: #7aa2f7; -} -spinbutton.vertical:disabled { - color: rgba(172, 176, 208, 0.5); -} -spinbutton.vertical entry { - min-height: 36px; - min-width: 48px; - padding: 0; -} -spinbutton.vertical button { - min-height: 36px; - min-width: 48px; - padding: 0; -} -spinbutton.vertical button:focus:not(:hover):not(:active) { - background-color: transparent; -} -spinbutton.vertical button.up { - border-radius: 4px 4px 0 0; -} -spinbutton.vertical button.down { - border-radius: 0 0 4px 4px; -} -treeview spinbutton:not(.vertical) { - min-height: 0; - border-style: none; - border-radius: 0; -} -treeview spinbutton:not(.vertical) entry { - min-height: 0; - padding: 1px 2px; -} - -/** - * ComboBoxes - */ -combobox arrow { - transition: -gtk-icon-transform 75ms cubic-bezier(0, 0, 0.2, 1); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} -combobox button.combo:checked arrow { - -gtk-icon-transform: rotate(-0.5turn); -} -combobox decoration { - transition: none; -} -combobox cellview { - margin: -2px; -} -combobox button.combo cellview:dir(ltr) { - margin-left: -4px; -} -combobox button.combo cellview:dir(rtl) { - margin-right: -4px; -} -combobox menu { - padding: 2px 0; -} -combobox menu menuitem { - min-height: 32px; - padding: 0 8px; -} -combobox menu > arrow.top { - margin-top: -2px; -} -combobox menu > arrow.bottom { - margin-top: 4px; - margin-bottom: -6px; -} -combobox > .linked:not(.vertical) > entry:not(:only-child) { - border-radius: 4px 4px 0 0; -} -combobox > .linked:not(.vertical) > entry:not(:only-child):first-child { - margin-right: -36px; - padding-right: 36px; -} -combobox > .linked:not(.vertical) > entry:not(:only-child):last-child { - margin-left: -36px; - padding-left: 36px; -} -combobox > .linked:not(.vertical) > button:not(:only-child) { - min-height: 16px; - min-width: 16px; - margin: 6px; - padding: 4px; - border-radius: 9999px; -} - -button.combo:only-child { - border-radius: 4px 4px 0 0; - font-weight: normal; - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #7aa2f7 0%, transparent 0%) 2/0 0 0; - box-shadow: inset 0 -1px rgba(172, 176, 208, 0.3); - background-color: rgba(172, 176, 208, 0.04); - color: #acb0d0; - caret-color: #7aa2f7; -} -button.combo:only-child:focus { - box-shadow: inset 0 -1px rgba(172, 176, 208, 0.3); - background-color: rgba(172, 176, 208, 0.1168); -} -button.combo:only-child:drop(active), button.combo:only-child:hover { - box-shadow: inset 0 -1px rgba(172, 176, 208, 0.3); - background-color: rgba(172, 176, 208, 0.0784); -} -button.combo:only-child:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #7aa2f7 100%, transparent 0%) 2/0 0 2px; - box-shadow: inset 0 -1px rgba(172, 176, 208, 0.3); - background-color: rgba(172, 176, 208, 0.1168); -} -button.combo:only-child:disabled { - box-shadow: inset 0 -1px rgba(172, 176, 208, 0.2); - background-color: rgba(172, 176, 208, 0.04); - color: rgba(172, 176, 208, 0.5); -} -button.combo:only-child arrow { - transition: color 75ms cubic-bezier(0, 0, 0.2, 1); - color: rgba(172, 176, 208, 0.7); -} -button.combo:only-child arrow:disabled { - color: rgba(172, 176, 208, 0.3); -} - -/** - * Toolbars - */ -toolbar { - -GtkWidget-window-dragging: true; - padding: 2px; -} -toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} -toolbar.osd.bottom { - box-shadow: none; - background-color: transparent; - background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4)); -} -toolbar.horizontal > separator { - margin: 2px; -} -toolbar.vertical > separator { - margin: 2px; -} -toolbar:not(.inline-toolbar):not(.osd) scale, -toolbar:not(.inline-toolbar):not(.osd) entry, -toolbar:not(.inline-toolbar):not(.osd) spinbutton, -toolbar:not(.inline-toolbar):not(.osd) button { - margin: 2px; -} -toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child), -toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child), -toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) { - margin-left: 0; -} -toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child), -toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child), -toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) { - margin-right: 0; -} -toolbar:not(.inline-toolbar):not(.osd) spinbutton entry, -toolbar:not(.inline-toolbar):not(.osd) spinbutton button { - margin: 0; -} -toolbar:not(.inline-toolbar):not(.osd) switch { - margin: 8px 2px; -} - -frame.documents-dropdown, .app-notification, toolbar.osd { - transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); - padding: 6px; - border-radius: 4px; - box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.05); - background-color: #24283b; -} -frame.documents-dropdown:backdrop, .app-notification:backdrop, toolbar.osd:backdrop { - box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.05); -} - -.inline-toolbar { - padding: 6px; - border-style: solid; - border-width: 0 1px 1px; - border-color: rgba(172, 176, 208, 0.2); - background-color: #24283b; - background-clip: padding-box; -} - -searchbar > revealer > box, -.location-bar { - padding: 6px; - border-style: solid; - border-width: 0 0 1px; - border-color: rgba(172, 176, 208, 0.2); -} - -searchbar > revealer > box { - margin: -6px; - padding: 6px; -} - -/** - * Header bars - */ -.titlebar { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 4px 4px 0 0; - box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17), inset 0 1px rgba(255, 255, 255, 0.05); - background-color: #1a1b26; - color: #ffffff; -} -.titlebar:disabled { - color: rgba(255, 255, 255, 0.5); -} -.titlebar:backdrop { - background-color: #10111c; - color: rgba(255, 255, 255, 0.7); -} -.titlebar:backdrop:disabled { - color: rgba(255, 255, 255, 0.3); -} -.titlebar .title { - padding-left: 12px; - padding-right: 12px; - font-weight: bold; -} -.titlebar .subtitle { - padding-left: 12px; - padding-right: 12px; - font-size: smaller; -} -.titlebar .subtitle, -.titlebar .dim-label { - transition: color 75ms cubic-bezier(0, 0, 0.2, 1); - color: rgba(255, 255, 255, 0.7); -} -.titlebar .subtitle:backdrop, -.titlebar .dim-label:backdrop { - color: rgba(255, 255, 255, 0.5); -} -.titlebar .titlebar { - background-color: transparent; - box-shadow: none; -} -.titlebar headerbar + separator { - background-color: rgba(255, 255, 255, 0.2); -} -.titlebar entry { - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); - background-color: rgba(255, 255, 255, 0.04); - color: #ffffff; -} -.titlebar entry:disabled { - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.2); - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); -} -.titlebar entry image { - color: rgba(255, 255, 255, 0.7); -} -.titlebar entry image:hover, .titlebar entry image:active { - color: #ffffff; -} -.titlebar entry image:disabled { - color: rgba(255, 255, 255, 0.5); -} -.titlebar .linked:not(.vertical) > entry:not(:only-child) { - border-radius: 4px 4px 0 0; -} -.titlebar button:not(.suggested-action):not(.destructive-action) { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentcolor 0%, transparent 0%) 0 0 0/0 0 0; - background-color: transparent; - color: rgba(255, 255, 255, 0.7); - box-shadow: none; - background-color: transparent; -} -.titlebar button:not(.suggested-action):not(.destructive-action):drop(active), .titlebar button:not(.suggested-action):not(.destructive-action):hover { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.08); -} -.titlebar button:not(.suggested-action):not(.destructive-action):focus { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.08); -} -.titlebar button:not(.suggested-action):not(.destructive-action):active { - box-shadow: none; - background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); -} -.titlebar button:not(.suggested-action):not(.destructive-action):disabled { - color: rgba(255, 255, 255, 0.3); -} -.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentcolor 100%, transparent 0%) 0 0 2/0 0 2px; - background-color: transparent; - color: #ffffff; - box-shadow: none; - background-color: transparent; -} -.path-bar-box .nautilus-path-bar button:drop(active):not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:drop(active):not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .path-bar-box .nautilus-path-bar button:hover:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:hover:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):checked:drop(active), .titlebar button:not(.suggested-action):not(.destructive-action):checked:hover { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.08); -} -.path-bar-box .nautilus-path-bar button:focus:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:focus:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):checked:focus { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.08); -} -.path-bar-box .nautilus-path-bar button:active:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:active:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):checked:active { - box-shadow: none; - background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); -} -.path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):checked:disabled { - background-color: transparent; - color: rgba(255, 255, 255, 0.5); -} - -.titlebar button:not(.suggested-action):not(.destructive-action):backdrop { - color: rgba(255, 255, 255, 0.5); -} -.titlebar button:not(.suggested-action):not(.destructive-action):backdrop:disabled { - color: rgba(255, 255, 255, 0.3); -} -.titlebar button:not(.suggested-action):not(.destructive-action):backdrop:checked { - color: rgba(255, 255, 255, 0.7); -} -.titlebar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { - color: rgba(255, 255, 255, 0.3); -} - -.titlebar button.suggested-action:disabled, .titlebar button.destructive-action:disabled { - background-color: rgba(255, 255, 255, 0.08); - color: rgba(255, 255, 255, 0.5); -} -.titlebar stackswitcher button:not(.suggested-action):not(.destructive-action).text-button { - min-width: 104px; -} -.titlebar .path-bar button:not(.suggested-action):not(.destructive-action).text-button { - min-width: 0; - padding-left: 6px; - padding-right: 6px; -} -.titlebar.selection-mode { - transition: background-color 0.1ms 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1); - animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17), inset 0 1px rgba(255, 255, 255, 0.2); - background-color: #7aa2f7; - color: #000; -} -.titlebar.selection-mode:backdrop { - color: rgba(0, 0, 0, 0.7); -} -.titlebar.selection-mode .subtitle:link { - color: #000; -} -.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action) { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentcolor 0%, transparent 0%) 0 0 0/0 0 0; - color: #000; -} -.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled { - color: rgba(0, 0, 0, 0.5); -} -.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentcolor 100%, transparent 0%) 0 0 2/0 0 2px; - color: #000; -} -.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled { - color: rgba(0, 0, 0, 0.5); -} -.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop { - color: rgba(0, 0, 0, 0.7); -} -.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled { - color: rgba(0, 0, 0, 0.3); -} -.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked { - color: rgba(0, 0, 0, 0.7); -} -.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { - color: rgba(0, 0, 0, 0.3); -} -.titlebar.selection-mode .selection-menu { - padding-left: 16px; - padding-right: 16px; -} -.titlebar.selection-mode .selection-menu arrow { - -GtkArrow-arrow-scaling: 1; -} -.titlebar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} -.titlebar .selection-mode { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); - background-color: #7aa2f7; -} -.tiled .titlebar, .tiled-top .titlebar, .tiled-right .titlebar, .tiled-bottom .titlebar, .tiled-left .titlebar, .maximized .titlebar, .fullscreen .titlebar { - border-radius: 0; - box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); -} -.titlebar.default-decoration { - min-height: 24px; - padding: 6px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} -.tiled .titlebar.default-decoration, .maximized .titlebar.default-decoration, .fullscreen .titlebar.default-decoration { - box-shadow: none; -} -.titlebar.default-decoration button.titlebutton { - min-height: 24px; - min-width: 24px; - margin: 0; - padding: 0; -} -.background:not(.csd) .titlebar.default-decoration button.titlebutton:active { - background-size: 1000% 1000%; -} -.solid-csd .titlebar:dir(rtl), .solid-csd .titlebar:dir(ltr) { - border-radius: 0; - box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); -} - -headerbar { - min-height: 48px; - padding: 0 6px; -} -headerbar entry, -headerbar spinbutton, -headerbar button { - margin-top: 6px; - margin-bottom: 6px; -} -headerbar separator.titlebutton { - margin-top: 12px; - margin-bottom: 12px; - background-color: rgba(255, 255, 255, 0.2); -} -headerbar switch { - margin-top: 12px; - margin-bottom: 12px; -} -headerbar spinbutton button { - margin-top: 0; - margin-bottom: 0; -} -headerbar .entry-tag, headerbar .documents-entry-tag, headerbar .photos-entry-tag { - margin-top: 5px; - margin-bottom: 5px; -} - -/** - * Pathbars - */ -.caja-pathbar button, -.path-bar.linked:not(.vertical) > button { - padding-left: 6px; - padding-right: 6px; - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #7aa2f7 0%, transparent 0%) 0 0 0/0 0 0; - border-radius: 4px; - color: rgba(172, 176, 208, 0.7); - box-shadow: none; - background-color: transparent; -} -.caja-pathbar button:drop(active), .caja-pathbar button:hover, -.path-bar.linked:not(.vertical) > button:drop(active), -.path-bar.linked:not(.vertical) > button:hover { - box-shadow: none; - background-color: rgba(172, 176, 208, 0.08); -} -.caja-pathbar button:focus, -.path-bar.linked:not(.vertical) > button:focus { - box-shadow: none; - background-color: rgba(172, 176, 208, 0.08); -} -.caja-pathbar button:active, -.path-bar.linked:not(.vertical) > button:active { - box-shadow: none; - background-image: radial-gradient(circle, rgba(172, 176, 208, 0.12) 10%, transparent 0%); -} -.caja-pathbar button:disabled, -.path-bar.linked:not(.vertical) > button:disabled { - background-color: transparent; - color: rgba(172, 176, 208, 0.3); -} -.caja-pathbar button:checked, -.path-bar.linked:not(.vertical) > button:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #7aa2f7 100%, transparent 0%) 0 0 2/0 0 2px; - color: #7aa2f7; - box-shadow: none; - background-color: transparent; -} -.caja-pathbar button:checked:drop(active), .caja-pathbar button:checked:hover, -.path-bar.linked:not(.vertical) > button:checked:drop(active), -.path-bar.linked:not(.vertical) > button:checked:hover { - box-shadow: none; - background-color: rgba(122, 162, 247, 0.12); -} -.caja-pathbar button:checked:focus, -.path-bar.linked:not(.vertical) > button:checked:focus { - box-shadow: none; - background-color: rgba(122, 162, 247, 0.12); -} -.caja-pathbar button:checked:active, -.path-bar.linked:not(.vertical) > button:checked:active { - box-shadow: none; - background-image: radial-gradient(circle, rgba(122, 162, 247, 0.16) 10%, transparent 0%); -} -.caja-pathbar button:checked:disabled, -.path-bar.linked:not(.vertical) > button:checked:disabled { - background-color: transparent; - color: rgba(172, 176, 208, 0.5); -} -.caja-pathbar button label:not(:only-child):first-child, -.path-bar.linked:not(.vertical) > button label:not(:only-child):first-child { - margin-left: 0; -} -.caja-pathbar button label:not(:only-child):last-child, -.path-bar.linked:not(.vertical) > button label:not(:only-child):last-child { - margin-right: 0; -} -.caja-pathbar button.text-button, -.path-bar.linked:not(.vertical) > button.text-button { - min-width: 0; -} -.caja-pathbar button.slider-button, -.path-bar.linked:not(.vertical) > button.slider-button { - padding-left: 4px; - padding-right: 4px; -} - -/** - * Tree Views - */ -treeview.view { - border-left-color: rgba(172, 176, 208, 0.3); - border-top-color: rgba(172, 176, 208, 0.2); -} -* { - -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:hover, treeview.view:selected { - border-radius: 0; -} -treeview.view.separator { - min-height: 5px; - color: rgba(172, 176, 208, 0.2); -} -treeview.view:drop(active) { - border-style: solid none; - border-width: 9999px; - border-color: rgba(172, 176, 208, 0.08); -} -treeview.view:drop(active).after { - border-top-style: none; -} -treeview.view:drop(active).before { - border-bottom-style: none; -} -treeview.view.expander { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - -gtk-icon-transform: rotate(-90deg); - color: rgba(172, 176, 208, 0.7); -} -treeview.view.expander:dir(rtl) { - -gtk-icon-transform: rotate(90deg); -} -treeview.view.expander:checked { - -gtk-icon-transform: unset; -} -treeview.view.expander:hover, treeview.view.expander:active { - color: #acb0d0; -} -treeview.view.expander:disabled { - color: rgba(172, 176, 208, 0.3); -} -treeview.view.progressbar { - border-bottom: 4px solid #7aa2f7; - background-color: transparent; -} -treeview.view.progressbar:selected:hover { - background-color: transparent; -} -treeview.view.trough { - border-bottom: 4px solid rgba(172, 176, 208, 0.2); - background-color: transparent; -} -treeview.view.trough:selected:hover { - background-color: transparent; -} -treeview.view header button { - padding: 2px 6px; - border-style: none solid solid none; - border-width: 1px; - border-color: rgba(172, 176, 208, 0.2); - border-radius: 0; - background-clip: padding-box; - color: rgba(172, 176, 208, 0.7); - box-shadow: none; - background-color: transparent; -} -treeview.view header button:drop(active), treeview.view header button:hover { - box-shadow: none; - background-color: rgba(172, 176, 208, 0.04); -} -treeview.view header button:focus { - box-shadow: none; - background-color: rgba(172, 176, 208, 0.08); -} -treeview.view header button:active { - box-shadow: none; - background-image: radial-gradient(circle, rgba(172, 176, 208, 0.12) 10%, transparent 0%); -} -treeview.view header button:drop(active):not(:active), treeview.view header button:hover:not(:active) { - transition-property: all, border-image, background-size, background-image, background-color; - transition-duration: 75ms, 225ms, 300ms, 1200ms, 0ms; -} -treeview.view header button:disabled { - background-color: transparent; - color: rgba(172, 176, 208, 0.3); -} -treeview.view header button:last-child { - border-right-style: none; -} -treeview.view button.dnd, -treeview.view header.button.dnd { - padding: 2px 6px; - border-style: none solid solid; - border-width: 1px; - border-color: rgba(172, 176, 208, 0.2); - border-radius: 0; - box-shadow: none; - background-clip: padding-box; - background-color: #24283b; - color: #7aa2f7; -} -treeview.view acceleditor > label { - background-color: #7aa2f7; -} - -/** - * Menus - */ -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #1a1b26; - color: #ffffff; -} -menubar:backdrop, -.menubar:backdrop { - background-color: #10111c; - color: rgba(255, 255, 255, 0.7); -} -.csd menubar, -.csd .menubar { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); -} -menubar > menuitem, -.menubar > menuitem { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - min-height: 20px; - padding: 4px 8px; - color: rgba(255, 255, 255, 0.7); -} -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - background-color: rgba(255, 255, 255, 0.12); - color: #ffffff; -} -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(255, 255, 255, 0.3); -} - -.background.popup { - background-color: transparent; -} - -menu, -.menu, -.context-menu { - margin: 4px 0; - padding: 4px 0; - border: 1px solid rgba(172, 176, 208, 0.2); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); - background-color: #24283b; - color: #acb0d0; - font: initial; - text-shadow: none; -} -.csd menu, -.csd .menu, -.csd .context-menu { - border: none; - border-radius: 4px; -} -menu menuitem, -.menu menuitem, -.context-menu menuitem { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); - min-height: 20px; - min-width: 40px; - padding: 4px 8px; -} -menu menuitem:hover, -.menu menuitem:hover, -.context-menu menuitem:hover { - transition: none; - background-color: rgba(172, 176, 208, 0.08); -} -menu menuitem:disabled, -.menu menuitem:disabled, -.context-menu menuitem:disabled { - color: rgba(172, 176, 208, 0.5); -} -menu menuitem arrow, -.menu menuitem arrow, -.context-menu menuitem arrow { - min-height: 16px; - min-width: 16px; - color: rgba(172, 176, 208, 0.7); -} -menu menuitem arrow:disabled, -.menu menuitem arrow:disabled, -.context-menu menuitem arrow:disabled { - color: rgba(172, 176, 208, 0.3); -} -menu menuitem arrow:dir(ltr), -.menu menuitem arrow:dir(ltr), -.context-menu menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-left: 8px; -} -menu menuitem arrow:dir(rtl), -.menu menuitem arrow:dir(rtl), -.context-menu menuitem arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); - margin-right: 8px; -} -menu > arrow, -.menu > arrow, -.context-menu > arrow { - min-height: 16px; - min-width: 16px; - padding: 4px; - background-color: #24283b; - color: rgba(172, 176, 208, 0.7); -} -menu > arrow.top, -.menu > arrow.top, -.context-menu > arrow.top { - margin-top: -4px; - border-bottom: 1px solid rgba(172, 176, 208, 0.2); - border-radius: 4px 4px 0 0; - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} -menu > arrow.bottom, -.menu > arrow.bottom, -.context-menu > arrow.bottom { - margin-top: 8px; - margin-bottom: -12px; - border-top: 1px solid rgba(172, 176, 208, 0.2); - border-radius: 0 0 4px 4px; - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} -menu > arrow:hover, -.menu > arrow:hover, -.context-menu > arrow:hover { - background-image: image(rgba(172, 176, 208, 0.08)); -} -menu > arrow:disabled, -.menu > arrow:disabled, -.context-menu > arrow:disabled { - border-color: transparent; - background-color: transparent; - color: transparent; -} -menu separator, -.menu separator, -.context-menu separator { - margin: 4px 0; -} - -menuitem accelerator { - color: rgba(172, 176, 208, 0.7); -} -menuitem:disabled accelerator { - color: rgba(172, 176, 208, 0.3); -} - -/** - * Popovers - */ -popover.background { - transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); - padding: 2px; - box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); - background-color: #24283b; -} -popover.background:backdrop { - box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12); -} -popover.background, .csd popover.background { - border-style: solid; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3); - border-radius: 5px; - background-clip: padding-box; -} -popover.background > stack { - margin: -4px; -} -popover.background > toolbar { - margin: -2px; -} -popover.background > list, -popover.background > .view, -popover.background > toolbar { - border-style: none; - box-shadow: none; - background-color: transparent; -} -popover.background.menu button, -popover.background button.model { - min-height: 32px; - padding: 0 8px; - border-radius: 4px; -} -popover.background separator { - margin: 4px 0; -} -popover.background list separator { - margin: 0; -} - -/** - * Notebooks - */ -notebook:focus > header > tabs > tab:checked { - background-color: rgba(122, 162, 247, 0.12); -} -notebook > header.top { - box-shadow: inset 0 -1px rgba(172, 176, 208, 0.2); -} -notebook > header.top > tabs > tab { - box-shadow: inset 0 -2px transparent; -} -notebook > header.top > tabs > tab:checked { - box-shadow: inset 0 -2px #7aa2f7; -} -notebook > header.bottom { - box-shadow: inset 0 1px rgba(172, 176, 208, 0.2); -} -notebook > header.bottom > tabs > tab { - box-shadow: inset 0 2px transparent; -} -notebook > header.bottom > tabs > tab:checked { - box-shadow: inset 0 2px #7aa2f7; -} -notebook > header.left { - box-shadow: inset -1px 0 rgba(172, 176, 208, 0.2); -} -notebook > header.left > tabs > tab { - box-shadow: inset -2px 0 transparent; -} -notebook > header.left > tabs > tab:checked { - box-shadow: inset -2px 0 #7aa2f7; -} -notebook > header.right { - box-shadow: inset 1px 0 rgba(172, 176, 208, 0.2); -} -notebook > header.right > tabs > tab { - box-shadow: inset 2px 0 transparent; -} -notebook > header.right > tabs > tab:checked { - box-shadow: inset 2px 0 #7aa2f7; -} -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.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; - padding: 4px; - border-radius: 0; - color: rgba(172, 176, 208, 0.7); -} -notebook > header > tabs > arrow:drop(active), notebook > header > tabs > arrow:hover { - background-color: rgba(172, 176, 208, 0.04); -} -notebook > header > tabs > arrow:focus { - background-color: rgba(172, 176, 208, 0.08); -} -notebook > header > tabs > arrow:active { - background-image: radial-gradient(circle, rgba(172, 176, 208, 0.12) 10%, transparent 0%); -} -notebook > header > tabs > arrow:disabled { - color: rgba(172, 176, 208, 0.3); -} -notebook > header > tabs > tab { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; - min-height: 24px; - min-width: 24px; - padding: 6px 16px; - outline: none; - background-image: radial-gradient(circle, #7aa2f7 10%, transparent 0%); - background-repeat: no-repeat; - background-position: center; - background-size: 0% 0%; - color: rgba(172, 176, 208, 0.7); - font-weight: 500; -} -notebook > header > tabs > tab:hover { - background-color: rgba(172, 176, 208, 0.04); -} -notebook > header > tabs > tab:disabled { - color: rgba(172, 176, 208, 0.3); -} -notebook > header > tabs > tab:checked { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - background-image: radial-gradient(circle, transparent 10%, transparent 0%); - background-size: 1000% 1000%; - color: #7aa2f7; -} -notebook > header > tabs > tab:checked:disabled { - color: rgba(172, 176, 208, 0.5); -} -notebook > header > tabs > tab:checked.dnd { - background-color: rgba(122, 162, 247, 0.12); -} -notebook > header > tabs > tab > box { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); - margin: -6px -16px; - padding: 6px 16px; -} -notebook > header > tabs > tab > box:drop(active) { - background-color: rgba(172, 176, 208, 0.08); -} -notebook > header > tabs > tab button.flat:last-child { - margin-left: 6px; - margin-right: -10px; -} -notebook > header > tabs > tab button.flat:first-child { - margin-left: -10px; - margin-right: 6px; -} - -/** - * Scrollbars - */ -scrollbar { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - background-clip: padding-box; -} -* { - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; -} - -scrollbar.top { - border-bottom: 1px solid rgba(172, 176, 208, 0.2); -} -scrollbar.bottom { - border-top: 1px solid rgba(172, 176, 208, 0.2); -} -scrollbar.left { - border-right: 1px solid rgba(172, 176, 208, 0.2); -} -scrollbar.right { - border-left: 1px solid rgba(172, 176, 208, 0.2); -} -scrollbar slider { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); - min-width: 8px; - min-height: 8px; - border: 4px solid transparent; - border-radius: 9999px; - background-clip: padding-box; - background-color: rgba(172, 176, 208, 0.5); -} -scrollbar slider:hover { - background-color: rgba(172, 176, 208, 0.6); -} -scrollbar slider:active { - background-color: rgba(172, 176, 208, 0.7); -} -scrollbar slider:disabled { - background-color: rgba(172, 176, 208, 0.3); -} -scrollbar.fine-tune slider { - min-width: 4px; - min-height: 4px; -} -scrollbar.fine-tune.horizontal slider { - margin: 2px 0; -} -scrollbar.fine-tune.vertical slider { - margin: 0 2px; -} -scrollbar.overlay-indicator:not(.fine-tune) slider { - transition-property: background-color, min-height, min-width; -} -scrollbar.overlay-indicator:not(.dragging):not(.hovering) { - border-color: transparent; - background-color: transparent; -} -scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - min-width: 4px; - min-height: 4px; - margin: 3px; - border: 1px solid rgba(36, 40, 59, 0.3); -} -scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { - min-width: 4px; - min-height: 4px; - margin: 3px; - border: 1px solid rgba(36, 40, 59, 0.3); - border-radius: 9999px; - background-color: rgba(172, 176, 208, 0.5); - background-clip: padding-box; - -gtk-icon-source: none; -} -scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { - background-color: rgba(172, 176, 208, 0.3); -} -scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { - min-width: 24px; -} -scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { - min-width: 8px; -} -scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { - min-height: 24px; -} -scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { - min-height: 8px; -} -scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - background-color: #24283b; -} -scrollbar.horizontal slider { - min-width: 24px; -} -scrollbar.vertical slider { - min-height: 24px; -} -scrollbar button { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; -} -scrollbar.vertical button.down { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} -scrollbar.vertical button.up { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} -scrollbar.horizontal button.down { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} -scrollbar.horizontal button.up { - -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); -} - -/** - * Switch - */ -switch { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - margin: 6px 0; - padding: 0 2px; - border: 5px solid transparent; - border-radius: 9999px; - background-color: rgba(172, 176, 208, 0.3); - background-clip: padding-box; - font-size: 0; -} -switch:checked { - background-color: rgba(122, 162, 247, 0.5); -} -switch:disabled { - opacity: 0.5; -} -switch image { - margin: -8px; - -gtk-icon-transform: scale(0); -} -switch slider { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - min-width: 20px; - min-height: 20px; - margin: -3px -2px; - border-radius: 9999px; - outline: none; - box-shadow: 0 0 0 10px transparent, 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); - background-color: #24283b; -} -switch:hover slider { - box-shadow: 0 0 0 10px rgba(172, 176, 208, 0.08), 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); -} -switch:focus slider { - box-shadow: 0 0 0 10px rgba(172, 176, 208, 0.08), 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); -} -switch:checked slider { - background-color: #7aa2f7; -} -switch:checked:hover slider { - box-shadow: 0 0 0 10px rgba(122, 162, 247, 0.12), 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); -} -switch:checked:focus slider { - box-shadow: 0 0 0 10px rgba(122, 162, 247, 0.12), 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); -} -/** - * Check and Radio items - */ -.view.content-view.check:not(list), -.content-view:not(list) check { - min-height: 40px; - min-width: 40px; - margin: 0; - padding: 0; - background-color: transparent; - background-image: none; - -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); -} -.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active, -.content-view:not(list) check:hover, -.content-view:not(list) check:active { - -gtk-icon-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 3px rgba(0, 0, 0, 0.14), 0 1px 6px rgba(0, 0, 0, 0.12); -} -.view.content-view.check:not(list), -.content-view:not(list) check { - -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked-dark.png"), url("assets/selectionmode-checkbox-unchecked-dark@2.png")); -} -.view.content-view.check:not(list):checked, -.content-view:not(list) check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked-dark.png"), url("assets/selectionmode-checkbox-checked-dark@2.png")); -} - -checkbutton, -radiobutton { - outline: none; -} - -checkbutton.text-button, -radiobutton.text-button { - padding: 2px; -} -checkbutton.text-button label:not(:only-child), -radiobutton.text-button label:not(:only-child) { - margin: 0 4px; -} - -check, -radio { - min-height: 24px; - min-width: 24px; - margin: -8px; - padding: 8px; - border-radius: 9999px; - color: rgba(172, 176, 208, 0.7); -} -check:drop(active), check:hover, -radio:drop(active), -radio:hover { - background-color: rgba(172, 176, 208, 0.08); -} -check:focus, -radio:focus { - background-color: rgba(172, 176, 208, 0.08); -} -check:active, -radio:active { - background-image: radial-gradient(circle, rgba(172, 176, 208, 0.12) 10%, transparent 0%); -} -check:checked, check:indeterminate, -radio:checked, -radio:indeterminate { - color: #7aa2f7; -} -check:checked:drop(active), check:checked:hover, check:indeterminate:drop(active), check:indeterminate:hover, -radio:checked:drop(active), -radio:checked:hover, -radio:indeterminate:drop(active), -radio:indeterminate:hover { - background-color: rgba(122, 162, 247, 0.12); -} -check:checked:focus, check:indeterminate:focus, -radio:checked:focus, -radio:indeterminate:focus { - background-color: rgba(122, 162, 247, 0.12); -} -check:checked:active, check:indeterminate:active, -radio:checked:active, -radio:indeterminate:active { - background-image: radial-gradient(circle, rgba(122, 162, 247, 0.16) 10%, transparent 0%); -} -check:disabled, -radio:disabled { - color: rgba(172, 176, 208, 0.3); -} -popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, -popover modelbutton.flat radio, -popover modelbutton.flat radio:focus, -popover modelbutton.flat radio:hover, -popover modelbutton.flat radio:focus:hover, -popover modelbutton.flat radio:active, -popover modelbutton.flat radio:disabled { - transition: none; - background-color: transparent; - background-image: none; -} -popover modelbutton.flat check.left:dir(rtl), -popover modelbutton.flat radio.left:dir(rtl) { - margin-left: -12px; - margin-right: -4px; -} -popover modelbutton.flat check.right:dir(ltr), -popover modelbutton.flat radio.right:dir(ltr) { - margin-left: -4px; - margin-right: -12px; -} -menu menuitem check, -menu menuitem radio { - transition: none; - margin: 0; - padding: 0; -} -menu menuitem check:dir(ltr), -menu menuitem radio:dir(ltr) { - margin-right: 8px; -} -menu menuitem check:dir(rtl), -menu menuitem radio:dir(rtl) { - margin-left: 8px; -} -menu menuitem check:hover, menu menuitem check:focus, menu menuitem check:checked:hover, menu menuitem check:checked:focus, menu menuitem check:indeterminate:hover, menu menuitem check:indeterminate:focus, -menu menuitem radio:hover, -menu menuitem radio:focus, -menu menuitem radio:checked:hover, -menu menuitem radio:checked:focus, -menu menuitem radio:indeterminate:hover, -menu menuitem radio:indeterminate:focus { - background-color: transparent; -} - -check { - -gtk-icon-source: -gtk-recolor(url("icons/checkbox-unchecked-symbolic.svg")); -} -check:checked { - -gtk-icon-source: -gtk-recolor(url("icons/checkbox-checked-symbolic.svg")); -} -check:indeterminate { - -gtk-icon-source: -gtk-recolor(url("icons/checkbox-mixed-symbolic.svg")); -} - -radio { - -gtk-icon-source: -gtk-recolor(url("icons/radio-unchecked-symbolic.svg")); - border-image-slice: 20; - border-image-width: 20px; - border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#7aa2f7), to(transparent)); -} -radio:indeterminate { - -gtk-icon-source: -gtk-recolor(url("icons/radio-mixed-symbolic.svg")); -} -radio:checked:not(:indeterminate) { - border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#7aa2f7), to(transparent)); -} -radio:checked:not(:indeterminate):disabled { - border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(rgba(172, 176, 208, 0.3)), to(transparent)); -} - -#MozillaGtkWidget > widget > checkbutton > check, -menu menuitem check { - min-height: 16px; - min-width: 16px; - border-radius: 4px; - -gtk-icon-source: -gtk-recolor(url("icons/small-checkbox-unchecked-symbolic.svg")); -} -#MozillaGtkWidget > widget > checkbutton > check:checked, -menu menuitem check:checked { - -gtk-icon-source: -gtk-recolor(url("icons/small-checkbox-checked-symbolic.svg")); -} -#MozillaGtkWidget > widget > checkbutton > check:indeterminate, -menu menuitem check:indeterminate { - -gtk-icon-source: -gtk-recolor(url("icons/small-checkbox-mixed-symbolic.svg")); -} - -#MozillaGtkWidget > widget > radiobutton > radio, -menu menuitem radio { - min-height: 16px; - min-width: 16px; - border-image: none; - -gtk-icon-source: -gtk-recolor(url("icons/small-radio-unchecked-symbolic.svg")); -} -#MozillaGtkWidget > widget > radiobutton > radio:checked, -menu menuitem radio:checked { - -gtk-icon-source: -gtk-recolor(url("icons/small-radio-checked-symbolic.svg")); -} -#MozillaGtkWidget > widget > radiobutton > radio:indeterminate, -menu menuitem radio:indeterminate { - -gtk-icon-source: -gtk-recolor(url("icons/small-radio-mixed-symbolic.svg")); -} - -treeview.view check, -treeview.view radio { - padding: 0; - color: rgba(172, 176, 208, 0.7); -} -treeview.view check:checked, treeview.view check:indeterminate, -treeview.view radio:checked, -treeview.view radio:indeterminate { - color: #7aa2f7; -} -treeview.view check:disabled, -treeview.view radio:disabled { - color: rgba(172, 176, 208, 0.3); -} -treeview.view check, treeview.view check:hover, treeview.view check:selected, treeview.view check:selected:hover, -treeview.view radio, -treeview.view radio:hover, -treeview.view radio:selected, -treeview.view radio:selected:hover { - box-shadow: none; - background-color: transparent; -} - -treeview.view radio:checked { - -gtk-icon-source: -gtk-recolor(url("icons/radio-checked-symbolic.svg")); - border-image: none; -} - -/** - * GtkScale - */ -scale { - min-height: 2px; - min-width: 2px; -} -scale.horizontal { - padding: 17px 12px; -} -scale.vertical { - padding: 12px 17px; -} -scale slider { - min-height: 32px; - min-width: 32px; - margin: -15px; -} -scale.fine-tune.horizontal { - min-height: 4px; - padding-top: 16px; - padding-bottom: 16px; -} -scale.fine-tune.vertical { - min-width: 4px; - padding-left: 16px; - padding-right: 16px; -} -scale.fine-tune slider { - margin: -14px; -} -scale trough { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); - outline: none; - background-color: rgba(172, 176, 208, 0.3); -} -scale trough:disabled { - background-color: rgba(172, 176, 208, 0.2); -} -scale highlight { - transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1); - background-image: image(#7aa2f7); -} -scale highlight:disabled { - background-color: #1a1b26; - background-image: image(rgba(172, 176, 208, 0.3)); -} -scale fill { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: rgba(172, 176, 208, 0.3); -} -scale fill:disabled { - background-color: transparent; -} -scale slider { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); - background-repeat: no-repeat; - background-position: center; - background-size: auto, 1000% 1000%; - border-radius: 50%; - color: #7aa2f7; -} -scale slider { - background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} -scale slider:disabled { - background-image: -gtk-scaled(url("assets/scale-slider-disabled-dark.png"), url("assets/scale-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} -scale slider:hover { - background-color: rgba(122, 162, 247, 0.12); -} -scale slider:focus { - background-color: rgba(122, 162, 247, 0.12); -} -scale slider:active { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; - animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards; - background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png")), radial-gradient(circle, rgba(122, 162, 247, 0.16) 10%, transparent 0%); - background-size: auto, 0% 0%; -} -scale marks, -scale value { - color: rgba(172, 176, 208, 0.7); -} -scale indicator { - background-color: rgba(172, 176, 208, 0.3); - color: transparent; -} -scale.horizontal marks.top { - margin-bottom: 7px; - margin-top: -15px; -} -scale.horizontal.fine-tune marks.top { - margin-bottom: 6px; - margin-top: -14px; -} -scale.horizontal marks.bottom { - margin-top: 7px; - margin-bottom: -15px; -} -scale.horizontal.fine-tune marks.bottom { - margin-top: 6px; - margin-bottom: -14px; -} -scale.vertical marks.top { - margin-right: 7px; - margin-left: -15px; -} -scale.vertical.fine-tune marks.top { - margin-right: 6px; - margin-left: -14px; -} -scale.vertical marks.bottom { - margin-left: 7px; - margin-right: -15px; -} -scale.vertical.fine-tune marks.bottom { - margin-left: 6px; - margin-right: -14px; -} -scale.horizontal indicator { - min-height: 8px; - min-width: 1px; -} -scale.vertical indicator { - min-height: 1px; - min-width: 8px; -} -scale.horizontal.marks-before:not(.marks-after) slider { - background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} -scale.horizontal.marks-before:not(.marks-after) slider:disabled { - background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled-dark.png"), url("assets/scale-horz-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} -scale.horizontal.marks-before:not(.marks-after) slider:active { - background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")), radial-gradient(circle, rgba(122, 162, 247, 0.16) 10%, transparent 0%); -} -scale.horizontal.marks-after:not(.marks-before) slider { - background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} -scale.horizontal.marks-after:not(.marks-before) slider:disabled { - background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled-dark.png"), url("assets/scale-horz-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} -scale.horizontal.marks-after:not(.marks-before) slider:active { - background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")), radial-gradient(circle, rgba(122, 162, 247, 0.16) 10%, transparent 0%); -} -scale.vertical.marks-before:not(.marks-after) slider { - background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} -scale.vertical.marks-before:not(.marks-after) slider:disabled { - background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled-dark.png"), url("assets/scale-vert-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} -scale.vertical.marks-before:not(.marks-after) slider:active { - background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")), radial-gradient(circle, rgba(122, 162, 247, 0.16) 10%, transparent 0%); -} -scale.vertical.marks-after:not(.marks-before) slider { - background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} -scale.vertical.marks-after:not(.marks-before) slider:disabled { - background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled-dark.png"), url("assets/scale-vert-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} -scale.vertical.marks-after:not(.marks-before) slider:active { - background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")), radial-gradient(circle, rgba(122, 162, 247, 0.16) 10%, transparent 0%); -} -scale.color { - min-height: 0; - min-width: 0; -} -scale.color.horizontal { - padding: 0 0 12px 0; -} -scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) { - margin-bottom: -24px; - margin-top: 8px; -} -scale.color.vertical:dir(ltr) { - padding: 0 0 0 12px; -} -scale.color.vertical:dir(ltr) slider { - margin-left: -24px; - margin-right: 8px; -} -scale.color.vertical:dir(rtl) { - padding: 0 12px 0 0; -} -scale.color.vertical:dir(rtl) slider { - margin-right: -24px; - margin-left: 8px; -} - -/** - * Progress bars - */ -progressbar { - color: rgba(172, 176, 208, 0.7); - font-size: smaller; -} -progressbar.horizontal trough, -progressbar.horizontal progress { - min-height: 4px; -} -progressbar.vertical trough, -progressbar.vertical progress { - min-width: 4px; -} -progressbar trough { - background-color: rgba(172, 176, 208, 0.2); -} -progressbar progress { - background-color: #7aa2f7; -} -progressbar trough.empty progress { - all: unset; -} - -/** - * Level Bar - */ -levelbar.horizontal block { - min-height: 4px; -} -levelbar.horizontal.discrete block { - min-width: 36px; -} -levelbar.horizontal.discrete block:not(:last-child) { - margin-right: 2px; -} -levelbar.vertical block { - min-width: 4px; -} -levelbar.vertical.discrete block { - min-height: 36px; -} -levelbar.vertical.discrete block:not(:last-child) { - margin-bottom: 2px; -} -levelbar block.low { - background-color: #e0af68; -} -levelbar block.high, levelbar block:not(.empty) { - background-color: #7aa2f7; -} -levelbar block.full { - background-color: #9ece6a; -} -levelbar block.empty { - background-color: rgba(172, 176, 208, 0.2); -} - -/** - * Print dialog - */ -printdialog paper { - padding: 0; - border: 1px solid rgba(172, 176, 208, 0.2); - background-clip: padding-box; - background-color: #24283b; - color: #acb0d0; -} -printdialog .dialog-action-box { - margin: 12px; -} - -/** - * Frames - */ -frame > border, -.frame { - margin: 0; - padding: 0; - border: 1px solid rgba(172, 176, 208, 0.2); - border-radius: 0; - box-shadow: none; - background-clip: padding-box; - background-color: #24283b; -} -frame > border.flat, -.frame.flat { - border-style: none; - background-color: transparent; -} - -frame.flat > border { - border-style: none; - background-color: transparent; -} - -actionbar > revealer > box { - padding: 6px; - border-top: 1px solid rgba(172, 176, 208, 0.2); -} -actionbar > revealer > box .linked:not(.vertical) > entry:not(:only-child) { - border-radius: 4px 4px 0 0; -} - -scrolledwindow viewport.frame { - border-style: none; - background-color: transparent; -} -overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(122, 162, 247, 0.24)), to(transparent)); - background-repeat: no-repeat; - background-position: center top; - background-color: transparent; - border: none; - box-shadow: none; -} -overshoot.bottom { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(122, 162, 247, 0.24)), to(transparent)); - background-repeat: no-repeat; - background-position: center bottom; - background-color: transparent; - border: none; - box-shadow: none; -} -overshoot.left { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(122, 162, 247, 0.24)), to(transparent)); - background-repeat: no-repeat; - background-position: left center; - background-color: transparent; - border: none; - box-shadow: none; -} -overshoot.right { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(122, 162, 247, 0.24)), to(transparent)); - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(172, 176, 208, 0.2); -} -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - min-width: 1px; - min-height: 1px; - background-color: rgba(172, 176, 208, 0.2); -} - -.tweak-categories separator, preferences stacksidebar.sidebar list separator, stacksidebar.sidebar + separator.vertical, -stacksidebar.sidebar separator.horizontal, button.font separator, button.file separator { - min-width: 0; - min-height: 0; - background-color: transparent; -} - -/** - * Lists - */ -list { - border-color: rgba(172, 176, 208, 0.2); -} -list row { - padding: 2px; -} - -row { - background-clip: padding-box; -} -row.activatable:drop(active), row.activatable:hover { - background-color: rgba(172, 176, 208, 0.04); -} -row.activatable:focus { - background-color: rgba(172, 176, 208, 0.08); -} -row.activatable:active { - background-image: radial-gradient(circle, rgba(172, 176, 208, 0.12) 10%, transparent 0%); -} -row.activatable:drop(active):not(:active), row.activatable:hover:not(:active) { - transition-property: all, border-image, background-size, background-image, background-color; - transition-duration: 75ms, 225ms, 300ms, 1200ms, 0ms; -} -row.activatable.has-open-popup { - background-color: rgba(172, 176, 208, 0.12); -} -row:selected { - background-color: rgba(122, 162, 247, 0.32); -} -row:selected:drop(active), row:selected:hover { - background-color: rgba(122, 162, 247, 0.3744); -} -row:selected:focus { - background-color: rgba(122, 162, 247, 0.4016); -} -row:selected:active { - background-image: radial-gradient(circle, rgba(122, 162, 247, 0.16) 10%, transparent 0%); -} -row:selected.has-open-popup { - background-color: rgba(122, 162, 247, 0.4288); -} - -/** - * App Notifications - */ -.app-notification { - margin: 8px; -} -.app-notification button.text-button:not(:disabled) { - color: #7aa2f7; - box-shadow: none; - background-color: transparent; -} -.app-notification button.text-button:not(:disabled):drop(active), .app-notification button.text-button:not(:disabled):hover { - box-shadow: none; - background-color: rgba(122, 162, 247, 0.12); -} -.app-notification button.text-button:not(:disabled):focus { - box-shadow: none; - background-color: rgba(122, 162, 247, 0.12); -} -.app-notification button.text-button:not(:disabled):active { - box-shadow: none; - background-image: radial-gradient(circle, rgba(122, 162, 247, 0.16) 10%, transparent 0%); -} -.app-notification.frame { - border-style: none; -} -.app-notification border { - border-style: none; - background-color: transparent; -} - -/** - * Expanders - */ -expander title > arrow { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - min-width: 16px; - min-height: 16px; - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - color: rgba(172, 176, 208, 0.7); -} -expander title > arrow:checked:dir(ltr) { - -gtk-icon-transform: rotate(-180deg); -} -expander title > arrow:checked:dir(rtl) { - -gtk-icon-transform: rotate(180deg); -} -expander title > arrow:hover, expander title > arrow:active { - color: #acb0d0; -} -expander title > arrow:disabled { - color: rgba(172, 176, 208, 0.3); -} - -/** - * Calendar - */ -calendar { - padding: 1px; - border: 1px solid rgba(172, 176, 208, 0.2); - background-clip: padding-box; - background-color: #24283b; - color: #acb0d0; -} -calendar:disabled { - color: rgba(172, 176, 208, 0.5); -} -calendar:selected { - border-radius: 5px; - background-color: rgba(122, 162, 247, 0.32); -} -calendar.header { - border-style: none none solid; - border-color: rgba(172, 176, 208, 0.2); - border-radius: 0; -} -calendar.button { - border-radius: 5px; - color: rgba(172, 176, 208, 0.7); -} -calendar.button:hover { - background-image: image(rgba(172, 176, 208, 0.08)); -} -calendar.button:disabled { - color: rgba(172, 176, 208, 0.3); -} -calendar.highlight { - color: rgba(172, 176, 208, 0.7); - font-weight: 500; -} -calendar:indeterminate { - color: rgba(172, 176, 208, 0.3); -} - -/** - * Dialogs - */ -messagedialog.background { - background-color: #24283b; -} -messagedialog .titlebar { - min-height: 24px; - border-style: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); - background-color: #24283b; - color: #acb0d0; -} -messagedialog .titlebar:backdrop { - background-color: #24283b; - color: rgba(172, 176, 208, 0.7); -} -messagedialog.csd.background { - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; -} -messagedialog box.vertical > label + label { - color: rgba(172, 176, 208, 0.7); -} -messagedialog .dialog-action-box { - margin-top: -6px; -} -messagedialog .dialog-action-box button:not(:last-child) { - margin-right: 6px; -} -messagedialog .dialog-action-box button:not(:disabled) { - color: #7aa2f7; - box-shadow: none; - background-color: transparent; -} -messagedialog .dialog-action-box button:not(:disabled):drop(active), messagedialog .dialog-action-box button:not(:disabled):hover { - box-shadow: none; - background-color: rgba(122, 162, 247, 0.12); -} -messagedialog .dialog-action-box button:not(:disabled):focus { - box-shadow: none; - background-color: rgba(122, 162, 247, 0.12); -} -messagedialog .dialog-action-box button:not(:disabled):active { - box-shadow: none; - background-image: radial-gradient(circle, rgba(122, 162, 247, 0.16) 10%, transparent 0%); -} -messagedialog .dialog-action-box button.destructive-action:not(:disabled) { - color: #f7768e; - box-shadow: none; - background-color: transparent; -} -messagedialog .dialog-action-box button.destructive-action:not(:disabled):drop(active), messagedialog .dialog-action-box button.destructive-action:not(:disabled):hover { - box-shadow: none; - background-color: rgba(247, 118, 142, 0.12); -} -messagedialog .dialog-action-box button.destructive-action:not(:disabled):focus { - box-shadow: none; - background-color: rgba(247, 118, 142, 0.12); -} -messagedialog .dialog-action-box button.destructive-action:not(:disabled):active { - box-shadow: none; - background-image: radial-gradient(circle, rgba(247, 118, 142, 0.16) 10%, transparent 0%); -} - -filechooser .dialog-action-box { - border-top: 1px solid rgba(172, 176, 208, 0.2); -} -filechooser #pathbarbox { - border-bottom: 1px solid rgba(172, 176, 208, 0.2); -} -filechooser #pathbarbox > stack > box > button { - border-radius: 9999px; -} - -/** - * Sidebar - */ -.sidebar { - border-style: none; - background-color: transparent; -} -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { - border-right: 1px solid rgba(172, 176, 208, 0.2); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { - border-left: 1px solid rgba(172, 176, 208, 0.2); - border-right-style: none; -} - -paned .sidebar, paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr) { - border-style: none; -} - -stacksidebar.sidebar list { - padding: 4px; -} -stacksidebar.sidebar row { - min-height: 32px; - padding: 0 2px; - border-radius: 4px; - color: rgba(172, 176, 208, 0.7); - font-weight: 500; -} -stacksidebar.sidebar row:selected { - color: #7aa2f7; - background-color: rgba(122, 162, 247, 0.16); -} -stacksidebar.sidebar row:selected:drop(active), stacksidebar.sidebar row:selected:hover { - background-color: rgba(122, 162, 247, 0.2272); -} -stacksidebar.sidebar row:selected:focus { - background-color: rgba(122, 162, 247, 0.2608); -} -stacksidebar.sidebar row:selected:active { - background-image: radial-gradient(circle, rgba(122, 162, 247, 0.16) 10%, transparent 0%); -} -stacksidebar.sidebar row + row { - margin-top: 4px; -} -stacksidebar.sidebar row > label { - padding-left: 6px; - padding-right: 6px; -} -separator.sidebar { - background-color: rgba(172, 176, 208, 0.2); -} -/** - * File chooser - */ -row image.sidebar-icon { - transition: color 75ms cubic-bezier(0, 0, 0.2, 1); - color: rgba(172, 176, 208, 0.7); -} -row image.sidebar-icon:disabled { - color: rgba(172, 176, 208, 0.3); -} - -placessidebar.sidebar > viewport.frame { - border-style: none; - background-color: transparent; -} -placessidebar.sidebar list { - padding: 1px 0 4px; -} -placessidebar.sidebar row { - min-height: 32px; - margin: -1px 4px; - padding: 0; - border-radius: 4px; -} -placessidebar.sidebar row > revealer { - padding: 0 8px; -} -placessidebar.sidebar row:selected { - color: #7aa2f7; - font-weight: 500; - background-color: rgba(122, 162, 247, 0.16); -} -placessidebar.sidebar row:selected:drop(active), placessidebar.sidebar row:selected:hover { - background-color: rgba(122, 162, 247, 0.2272); -} -placessidebar.sidebar row:selected:focus { - background-color: rgba(122, 162, 247, 0.2608); -} -placessidebar.sidebar row:selected:active { - background-image: radial-gradient(circle, rgba(122, 162, 247, 0.16) 10%, transparent 0%); -} -placessidebar.sidebar row:selected image.sidebar-icon { - color: #7aa2f7; -} -placessidebar.sidebar row:disabled { - color: rgba(172, 176, 208, 0.5); -} -placessidebar.sidebar row image.sidebar-icon:dir(ltr) { - padding-right: 8px; -} -placessidebar.sidebar row image.sidebar-icon:dir(rtl) { - padding-left: 8px; -} -placessidebar.sidebar row label.sidebar-label:dir(ltr) { - padding-right: 2px; -} -placessidebar.sidebar row label.sidebar-label:dir(rtl) { - padding-left: 2px; -} -placessidebar.sidebar row.sidebar-placeholder-row { - background-color: rgba(172, 176, 208, 0.08); -} -placessidebar.sidebar row.sidebar-new-bookmark-row { - color: #7aa2f7; -} -placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon { - color: #7aa2f7; -} - -placesview .server-list-button > image { - -gtk-icon-transform: rotate(-0.5turn); -} -placesview .server-list-button:checked > image { - -gtk-icon-transform: rotate(0turn); -} -placesview > actionbar > revealer > box > label { - padding-left: 8px; - padding-right: 8px; -} - -/** - * Paned - */ -paned > separator { - min-width: 1px; - min-height: 1px; - -gtk-icon-source: none; - border-style: none; - background-color: transparent; - background-image: image(rgba(172, 176, 208, 0.2)); - background-size: 1px 1px; - background-clip: content-box; -} -paned > separator.wide { - min-width: 6px; - min-height: 6px; - background-image: image(rgba(172, 176, 208, 0.2)), image(rgba(172, 176, 208, 0.2)); - background-size: 1px 1px, 1px 1px; -} -paned.horizontal > separator { - background-repeat: repeat-y; -} -paned.horizontal > separator:dir(ltr) { - margin: 0 -8px 0 0; - padding: 0 8px 0 0; - background-position: left; -} -paned.horizontal > separator:dir(rtl) { - margin: 0 0 0 -8px; - padding: 0 0 0 8px; - background-position: right; -} -paned.horizontal > separator.wide { - margin: 0; - padding: 0; - background-repeat: repeat-y, repeat-y; - background-position: left, right; -} -paned.vertical > separator { - margin: 0 0 -8px 0; - padding: 0 0 8px 0; - background-repeat: repeat-x; - background-position: top; -} -paned.vertical > separator.wide { - margin: 0; - padding: 0; - background-repeat: repeat-x, repeat-x; - background-position: bottom, top; -} - -/** - * GtkInfoBar - */ -infobar { - border-style: none; -} -infobar.action:hover > revealer > box { - background-image: image(rgba(172, 176, 208, 0.08)); -} -infobar.info > revealer > box, infobar.question > revealer > box { - border-bottom: 1px solid rgba(172, 176, 208, 0.2); -} -infobar.info > revealer > box button.text-button:not(:disabled), infobar.question > revealer > box button.text-button:not(:disabled) { - color: #7aa2f7; - box-shadow: none; - background-color: transparent; -} -infobar.info > revealer > box button.text-button:not(:disabled):drop(active), infobar.info > revealer > box button.text-button:not(:disabled):hover, infobar.question > revealer > box button.text-button:not(:disabled):drop(active), infobar.question > revealer > box button.text-button:not(:disabled):hover { - box-shadow: none; - background-color: rgba(122, 162, 247, 0.12); -} -infobar.info > revealer > box button.text-button:not(:disabled):focus, infobar.question > revealer > box button.text-button:not(:disabled):focus { - box-shadow: none; - background-color: rgba(122, 162, 247, 0.12); -} -infobar.info > revealer > box button.text-button:not(:disabled):active, infobar.question > revealer > box button.text-button:not(:disabled):active { - box-shadow: none; - background-image: radial-gradient(circle, rgba(122, 162, 247, 0.16) 10%, transparent 0%); -} -infobar.warning > revealer > box { - background-color: #e0af68; - color: #000; -} -infobar.warning > revealer > box button.flat { - color: #000; - box-shadow: none; - background-color: transparent; -} -infobar.warning > revealer > box button.flat:drop(active), infobar.warning > revealer > box button.flat:hover { - box-shadow: none; - background-color: rgba(0, 0, 0, 0.08); -} -infobar.warning > revealer > box button.flat:focus { - box-shadow: none; - background-color: rgba(0, 0, 0, 0.08); -} -infobar.warning > revealer > box button.flat:active { - box-shadow: none; - background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%); -} -infobar.warning > revealer > box *:link { - color: #000; -} -infobar.error > revealer > box { - background-color: #f7768e; - color: #000; -} -infobar.error > revealer > box button.flat { - color: #000; - box-shadow: none; - background-color: transparent; -} -infobar.error > revealer > box button.flat:drop(active), infobar.error > revealer > box button.flat:hover { - box-shadow: none; - background-color: rgba(0, 0, 0, 0.08); -} -infobar.error > revealer > box button.flat:focus { - box-shadow: none; - background-color: rgba(0, 0, 0, 0.08); -} -infobar.error > revealer > box button.flat:active { - box-shadow: none; - background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%); -} -infobar.error > revealer > box *:link { - color: #000; -} -infobar button label { - margin: 0 -4px; -} - -/** - * Tooltips - */ -tooltip { - border-radius: 4px; - box-shadow: none; -} -tooltip.background { - background-color: rgba(26, 27, 38, 0.9); - color: #ffffff; -} -tooltip decoration { - background-color: transparent; -} -tooltip > box { - margin: -6px; - min-height: 24px; - padding: 4px 8px; -} -tooltip .dim-label { - color: rgba(255, 255, 255, 0.7); -} -/** - * Color Chooser - */ -colorswatch.top { - border-top-left-radius: 4.5px; - border-top-right-radius: 4.5px; -} -colorswatch.top overlay { - border-top-left-radius: 4px; - border-top-right-radius: 4px; -} -colorswatch.bottom { - border-bottom-left-radius: 4.5px; - border-bottom-right-radius: 4.5px; -} -colorswatch.bottom overlay { - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; -} -colorswatch.left, colorswatch:first-child:not(.top) { - border-top-left-radius: 4.5px; - border-bottom-left-radius: 4.5px; -} -colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} -colorswatch.right, colorswatch:last-child:not(.bottom) { - border-top-right-radius: 4.5px; - border-bottom-right-radius: 4.5px; -} -colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} -colorswatch.dark { - color: #fff; -} -colorswatch.light { - color: #000; -} -colorswatch overlay { - transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); -} -colorswatch overlay:drop(active), colorswatch overlay:hover { - box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); -} -colorswatch#add-color-button { - border-radius: 4px 4px 0 0; - color: #acb0d0; -} -colorswatch#add-color-button:only-child { - border-radius: 4px; -} -colorswatch#add-color-button overlay { - background-color: #24283b; -} -colorswatch:disabled { - opacity: 0.5; -} -colorswatch:disabled overlay { - box-shadow: none; -} -colorswatch#editor-color-sample { - border-radius: 4.5px; -} -colorswatch#editor-color-sample overlay { - border-radius: 4px; -} -colorchooser .popover.osd { - transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 4px; - box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.05); - background-color: #24283b; -} -colorchooser .popover.osd:backdrop { - box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.05); -} - -/** - * Misc - */ -/** - * Window Decorations - */ -decoration { - transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 4px 4px 0 0; - box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent; - margin: 8px; -} -decoration:backdrop { - box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent; -} -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - border-radius: 0; -} -.popup decoration { - box-shadow: none; -} -.ssd decoration { - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16); -} -.csd.popup decoration { - border-radius: 4px; - box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); -} -tooltip.csd decoration { - border-radius: 4px; - box-shadow: none; -} -messagedialog.csd decoration { - border-radius: 4px; -} -.solid-csd decoration { - margin: 0; - padding: 2px; - border-radius: 0; - box-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); - background-color: #1a1b26; -} -.solid-csd decoration:backdrop { - background-color: #10111c; -} - -button.titlebutton { - border-radius: 9999px; -} -.monospace { - font-family: monospace; -} - -/** - * Touch Copy & Paste - */ -cursor-handle { - color: #7aa2f7; - -gtk-icon-source: -gtk-recolor(url("icons/cursor-handle-symbolic.svg")); -} -cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { - -gtk-icon-transform: rotate(90deg); -} -cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { - -gtk-icon-transform: unset; -} -cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { - padding-top: 6px; - -gtk-icon-transform: rotate(45deg); -} - -.context-menu { - font: initial; -} - -.keycap { - min-width: 12px; - min-height: 28px; - padding-left: 8px; - padding-right: 8px; - border-radius: 4px; - box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); - background-color: #24283b; - color: #acb0d0; - font-size: smaller; -} - -shortcut:last-child { - margin-bottom: 4px; -} - -stackswitcher button.text-button { - min-width: 100px; -} - -stackswitcher button.circular, -stackswitcher button.text-button.circular { - min-width: 36px; - min-height: 36px; - padding: 0; -} - -/** - * App Icons - */ -/** - * Emoji - */ -popover.emoji-picker { - padding: 0; -} -popover.emoji-picker entry { - border-bottom: 1px solid rgba(172, 176, 208, 0.2); - border-image: none; - border-radius: 0; - box-shadow: none; - background-color: transparent; -} -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(172, 176, 208, 0.2); -} - -button.emoji-section { - margin: 4px; -} -button.emoji-section:not(:last-child) { - margin-right: 0; -} - -popover.emoji-picker .emoji { - min-width: 3em; - min-height: 3em; - padding: 0 8px; -} -popover.emoji-picker .emoji widget { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 4px; -} -popover.emoji-picker .emoji widget:hover { - background-color: rgba(172, 176, 208, 0.08); -} - -popover.emoji-completion { - padding: 8px 0; -} -popover.emoji-completion arrow { - border: none; - background: none; -} -popover.emoji-completion .emoji-completion-row { - min-height: 28px; - padding: 0 12px; -} -popover.emoji-completion .emoji:hover { - background-color: rgba(172, 176, 208, 0.08); -} - -/** - * libhandy - */ -popover.combo { - padding: 8px 0; -} -popover.combo list { - border-style: none; - background-color: transparent; -} -popover.combo list > row { - min-height: 32px; - padding: 0 12px; -} -keypad .digit { - font-size: 200%; - font-weight: bold; -} -keypad .letters { - font-size: 70%; -} -keypad .symbol { - font-size: 160%; -} - -viewswitcher button { - margin: 0; - padding: 0; - border-radius: 0; -} -viewswitcher button > stack > box.narrow image, -viewswitcher button > stack > box.narrow label { - padding-left: 8px; - padding-right: 8px; -} -viewswitcher button > stack > box.wide { - padding: 8px 12px; -} -viewswitcher button > stack > box.wide label:dir(ltr) { - padding-right: 8px; -} -viewswitcher button > stack > box.wide label:dir(rtl) { - padding-left: 8px; -} -list.content { - border: 1px solid rgba(172, 176, 208, 0.2); - background-clip: padding-box; - background-color: #24283b; -} -list.content > row:not(:first-child) { - border-top: 1px solid rgba(172, 176, 208, 0.2); -} -window.csd.unified:not(.solid-csd):not(.maximized):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right) headerbar { - box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); -} -window.csd.unified:not(.solid-csd):not(.maximized):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right) > decoration-overlay { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} -window.csd.unified:not(.solid-csd):not(.maximized):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right), -window.csd.unified:not(.solid-csd):not(.maximized):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right) > decoration, -window.csd.unified:not(.solid-csd):not(.maximized):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right) > decoration-overlay { - border-radius: 4px; -} - -/** - * Nautilus - */ -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: rgba(172, 176, 208, 0.7); -} - -@keyframes nautilus-operations-button-needs-attention { - to { - background-color: rgba(255, 255, 255, 0.08); - } -} -.nautilus-operations-button-needs-attention { - animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate; -} - -.nautilus-operations-button-needs-attention-multiple { - animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 6 alternate; -} - -.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):not(:only-child).disclosure-button { - border-radius: 9999px; -} - -.path-bar-box { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); - margin: 6px 0; - border-radius: 4px; -} -.path-bar-box button { - margin: 0; -} -.path-bar-box.width-maximized { - background-color: rgba(255, 255, 255, 0.04); -} -.path-bar-box.background.frame { - border-style: none; - background-color: rgba(255, 255, 255, 0.04); -} -.path-bar-box .path-bar button label:not(:only-child):first-child { - margin-left: 0; -} -.path-bar-box .path-bar button label:not(:only-child):last-child { - margin-right: 0; -} -.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action) { - padding-left: 6px; - padding-right: 6px; -} -.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button { - min-width: 0; -} -.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action) label:not(:only-child):first-child { - margin-left: 0; -} -.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action) label:not(:only-child):last-child { - margin-right: 0; -} -.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button.image-button image:not(:only-child) { - margin: 0; -} -.nautilus-window .floating-bar { - min-height: 32px; - padding: 0; - border-style: solid solid none; - border-width: 1px; - border-color: rgba(172, 176, 208, 0.2); - border-radius: 5px 5px 0 0; - background-clip: padding-box; - background-color: #24283b; -} -.nautilus-window .floating-bar.bottom.left { - margin-right: 7px; - border-left-style: none; - border-top-left-radius: 0; -} -.nautilus-window .floating-bar.bottom.right { - margin-left: 7px; - border-right-style: none; - border-top-right-radius: 0; -} -.nautilus-window .floating-bar button { - margin: 4px; -} - -.disk-space-display.unknown { - background-color: rgba(172, 176, 208, 0.3); - color: rgba(172, 176, 208, 0.3); -} -.disk-space-display.used { - background-color: #7aa2f7; - color: #7aa2f7; -} -.disk-space-display.free { - background-color: rgba(172, 176, 208, 0.08); - color: rgba(172, 176, 208, 0.08); -} - -.nautilus-empty-state-icon + .large-title { - color: rgba(172, 176, 208, 0.7); -} - -.search-information { - padding: 2px; - border-bottom: 1px solid rgba(172, 176, 208, 0.2); -} - -.conflict-row:not(:selected) { - background-color: #5c5149; -} - -.nautilus-window flowboxchild .icon-item-background { - padding: 4px; - border-radius: 4px; -} -.nautilus-window flowboxchild:selected { - background-color: transparent; -} -.nautilus-window flowboxchild:selected .icon-item-background { - background-color: rgba(122, 162, 247, 0.32); -} - -dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame { - border-style: none; -} -dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child { - margin: -6px 0 0 -6px; - border-top: 1px solid rgba(172, 176, 208, 0.2); -} -dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label { - margin: 0 8px; -} -dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button { - border-radius: 0; -} - -.nautilus-window > popover.menu:not(:last-child) { - padding: 3px; -} -.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box { - margin-top: -6px; -} -.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box { - margin-bottom: -6px; -} -.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked { - margin-top: 1px; -} -.nautilus-window > popover.menu:not(:last-child) separator { - margin-bottom: -2px; -} - -.nautilus-menu-sort-heading { - margin: 1px 3px; - font-weight: 500; -} -.nautilus-menu-sort-heading:disabled { - color: rgba(172, 176, 208, 0.7); -} - -.nautilus-window headerbar revealer > button { - border-radius: 9999px; -} - -.nautilus-window paned > separator { - background-color: #1a1b26; -} - -/** - * gedit - */ -.open-document-selector-path-label { - color: rgba(172, 176, 208, 0.7); - font-size: smaller; -} - -.open-document-selector-match { - background-color: #e0af68; - color: #000; -} - -.gedit-document-panel row button.flat { - margin-top: 8px; - margin-bottom: 8px; -} - -.gedit-document-panel-group-row:not(:first-child) { - border-top: 1px solid rgba(172, 176, 208, 0.2); -} - -.gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(172, 176, 208, 0.2); -} - -.gedit-search-slider { - margin: 4px 4px 8px; -} -.gedit-search-slider .linked:not(.vertical) > entry { - border-radius: 4px; -} -.gedit-search-slider .linked:not(.vertical) > entry .gedit-search-entry-occurrences-tag { - all: unset; - color: rgba(172, 176, 208, 0.7); -} -.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) { - margin-right: -66px; - padding-right: 66px; -} -.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) .gedit-search-entry-occurrences-tag { - margin-left: 6px; -} -.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right { - margin-right: 0; -} -.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) { - margin-left: -66px; - padding-left: 66px; -} -.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) .gedit-search-entry-occurrences-tag { - margin-right: 6px; -} -.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left { - margin-left: 0; -} -.gedit-search-slider .linked:not(.vertical) > entry:not(.error) { - background-color: #24283b; -} -.gedit-search-slider .linked:not(.vertical) > entry.error ~ button { - color: rgba(0, 0, 0, 0.7); - box-shadow: none; - background-color: transparent; -} -.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:drop(active), .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover { - box-shadow: none; - background-color: rgba(0, 0, 0, 0.08); -} -.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:focus { - box-shadow: none; - background-color: rgba(0, 0, 0, 0.08); -} -.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active { - box-shadow: none; - background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%); -} -.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled { - color: rgba(0, 0, 0, 0.3); -} -.gedit-search-slider .linked:not(.vertical) > button { - border: solid 6px transparent; - border-radius: 9999px; - background-clip: padding-box; -} -.gedit-search-slider .linked:not(.vertical) > button:last-child:dir(ltr), .gedit-search-slider .linked:not(.vertical) > button:not(:first-child):dir(rtl) { - margin-left: -3px; -} -.gedit-search-slider .linked:not(.vertical) > button:first-child:dir(rtl), .gedit-search-slider .linked:not(.vertical) > button:not(:last-child):dir(ltr) { - margin-right: -3px; -} - -frame.gedit-map-frame > border:dir(ltr) { - border-style: none none none solid; -} -frame.gedit-map-frame > border:dir(rtl) { - border-style: none solid none none; -} - -/** - * Tweaks - */ -.tweak-categories { - background-image: image(#1a1b26); -} -.tweak { - padding: 3px; -} -.tweak.title:hover { - box-shadow: none; -} - -.tweak-group-white, -.tweak-white, -.tweak-white:hover { - background-image: image(#24283b); -} - -.tweak-startup, -.tweak-startup:hover { - background-image: image(#24283b); -} - -.tweak-group-startup { - border: 1px solid rgba(172, 176, 208, 0.2); - background-clip: padding-box; - background-image: image(#24283b); -} - -row#Focus, -row#ClickMethod, -row#StaticWorkspaceTweak, -row#dynamic-workspaces, -row#PrimaryWorkspaceTweak, -row#workspaces-only-on-primary { - padding: 0; - border: 1px solid rgba(172, 176, 208, 0.2); - background-clip: padding-box; - background-image: image(#24283b); -} -row#Focus row:not(:last-child), -row#ClickMethod row:not(:last-child), -row#StaticWorkspaceTweak row:not(:last-child), -row#dynamic-workspaces row:not(:last-child), -row#PrimaryWorkspaceTweak row:not(:last-child), -row#workspaces-only-on-primary row:not(:last-child) { - border-bottom: 1px solid rgba(172, 176, 208, 0.2); -} -row#Focus.tweak > list, -row#ClickMethod.tweak > list, -row#StaticWorkspaceTweak.tweak > list, -row#dynamic-workspaces.tweak > list, -row#PrimaryWorkspaceTweak.tweak > list, -row#workspaces-only-on-primary.tweak > list { - margin-top: -3px; -} - -row#Focus, -row#ClickMethod, -row#PrimaryWorkspaceTweak, -row#workspaces-only-on-primary { - margin-top: 4px; -} - -leaflet.titlebar > .titlebar.tweak-titlebar-left, -leaflet.titlebar > .titlebar.tweak-titlebar-right, -hdyleaflet.titlebar > .titlebar.tweak-titlebar-left, -hdyleaflet.titlebar > .titlebar.tweak-titlebar-right { - background-color: inherit; - box-shadow: inherit; - transition: color 75ms cubic-bezier(0, 0, 0.2, 1); -} -leaflet.titlebar > .titlebar.tweak-titlebar-left + separator, -leaflet.titlebar > .titlebar.tweak-titlebar-right + separator, -hdyleaflet.titlebar > .titlebar.tweak-titlebar-left + separator, -hdyleaflet.titlebar > .titlebar.tweak-titlebar-right + separator { - background-color: inherit; - background-image: image(rgba(255, 255, 255, 0.2)); -} - -/** - * Builder - */ -layouttabbar { - border-bottom: 1px solid rgba(172, 176, 208, 0.2); - background-color: #1a1b26; -} -layouttabbar > box > button { - margin: 2px 0; -} - -layouttab { - margin: 0 8px; - border-style: none solid; - border-width: 1px; - border-color: rgba(172, 176, 208, 0.2); - box-shadow: inset 0 -2px #7aa2f7; - background-color: #24283b; -} -layouttab separator.vertical { - margin: 8px 4px; -} -layouttab button, layouttab button.text-button, layouttab button.image-button { - margin-top: 8px; - margin-bottom: 8px; - padding: 0 4px; -} -layout { - border: 1px solid rgba(172, 176, 208, 0.2); - -PnlDockBin-handle-size: 1; -} - -entry.search-missing { - background-color: #f7768e; - color: #000; -} - -window.workbench treeview.image { - color: rgba(172, 176, 208, 0.7); -} - -popover.popover-selector list { - padding: 6px; -} -popover.popover-selector list row { - border-radius: 4px; -} -popover.popover-selector list row image:dir(ltr) { - margin-right: 6px; -} -popover.popover-selector list row image:dir(rtl) { - margin-left: 6px; -} -popover.popover-selector list row .accel:dir(ltr) { - margin-left: 6px; -} -popover.popover-selector list row .accel:dir(rtl) { - margin-right: 6px; -} - -omnibar.linked:not(.vertical) entry { - border-radius: 4px; -} -omnibar entry { - color: rgba(172, 176, 208, 0.7); -} - -popover.omnibar list row:not(:last-child) { - border-bottom: 1px solid rgba(172, 176, 208, 0.2); -} - -entry.preferences-search { - border-bottom: 1px solid rgba(172, 176, 208, 0.2); - box-shadow: none; - background-color: transparent; -} -preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list { - border-style: none; -} -preferences > box > box:dir(ltr) { - border-right: 1px solid rgba(172, 176, 208, 0.2); -} -preferences > box > box:dir(rtl) { - border-left: 1px solid rgba(172, 176, 208, 0.2); -} - -popover.messagepopover.background { - padding: 0; -} -popover.messagepopover .popover-action-area button { - padding: 8px 16px; - border-top: 1px solid rgba(172, 176, 208, 0.2); - border-radius: 0; -} -popover.messagepopover .popover-action-area button:first-child { - border-bottom-left-radius: 4px; -} -popover.messagepopover .popover-action-area button:last-child { - border-bottom-right-radius: 4px; -} -popover.messagepopover .popover-content-area { - margin: 16px; -} - -popover.transfers list { - background-color: transparent; -} -popover.transfers list row:not(:first-child) { - border-top: 1px solid rgba(172, 176, 208, 0.2); -} -popover.transfers list row > box { - padding: 10px; -} - -dockbin { - border: 1px solid rgba(172, 176, 208, 0.2); - -PnlDockBin-handle-size: 1; -} - -dockpaned { - border: 1px solid rgba(172, 176, 208, 0.2); -} - -eggsearchbar box.search-bar { - padding: 0 8px; - border-bottom: 1px solid rgba(172, 176, 208, 0.2); - background-color: #1a1b26; -} - -docktabstrip { - padding: 0 8px; - border-bottom: 1px solid rgba(172, 176, 208, 0.2); - background-color: #1a1b26; -} - -docktab { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; - min-height: 24px; - min-width: 24px; - margin-bottom: -1px; - padding: 6px 6px; - border-width: 1px; - border-color: transparent; - box-shadow: inset 0 -2px transparent; - background-image: radial-gradient(circle, #7aa2f7 10%, transparent 0%); - background-repeat: no-repeat; - background-position: center; - background-size: 0% 0%; - color: rgba(172, 176, 208, 0.7); - font-weight: 500; -} -docktab:hover { - background-color: rgba(172, 176, 208, 0.08); -} -docktab:checked { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: inset 0 -2px #7aa2f7; - background-color: transparent; - background-image: radial-gradient(circle, transparent 10%, transparent 0%); - background-size: 1000% 1000%; - color: #acb0d0; -} - -dockoverlayedge { - background-color: #1a1b26; -} -dockoverlayedge docktabstrip { - padding: 0; - border: none; -} -dockoverlayedge.left-edge docktab:checked { - box-shadow: inset -2px 0 #7aa2f7; -} -dockoverlayedge.right-edge docktab:checked { - box-shadow: inset 2px 0 #7aa2f7; -} - -pillbox { - background-color: #1a1b26; - border-radius: 4px; -} - -layoutpane entry.search { - border-bottom: 1px solid rgba(172, 176, 208, 0.2); - box-shadow: none; - background-color: #24283b; -} - -editortweak entry.search { - margin-bottom: -1px; - box-shadow: none; - background-color: transparent; -} - -.gb-search-entry-occurrences-tag { - box-shadow: none; - background-color: transparent; -} - -docktabstrip { - min-height: 39px; -} - -window.workbench preferences preferencesgroup list entry { - padding-top: 8px; - padding-bottom: 8px; -} - -button.run-arrow-button { - padding-left: 10px; - padding-right: 10px; -} - -button.dzlmenubutton image { - min-width: 30px; -} -button.dzlmenubutton image.arrow { - min-width: 27px; -} - -button.dzlmenubuttonitem { - color: #acb0d0; - font-weight: normal; -} -button.dzlmenubuttonitem:disabled { - color: rgba(172, 176, 208, 0.5); -} - -idelayoutstackheader { - border-bottom: 1px solid rgba(172, 176, 208, 0.2); -} -idelayoutstackheader button:checked { - color: #acb0d0; -} - -ideeditorutilities > dzldockpaned > box > stackswitcher { - padding: 8px 0; - background-color: #1a1b26; -} -ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) { - border-right: 1px solid rgba(172, 176, 208, 0.2); -} -ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) { - border-left: 1px solid rgba(172, 176, 208, 0.2); -} -ideeditorutilities > dzldockpaned > box > stackswitcher button { - border-radius: 0; - box-shadow: none; - background-color: transparent; -} -ideeditorutilities > dzldockpaned > box > stackswitcher button:active { - background-image: radial-gradient(circle, rgba(122, 162, 247, 0.7) 10%, transparent 0%); -} -ideeditorutilities > dzldockpaned > box > stackswitcher button:checked { - background-color: transparent; - color: #acb0d0; -} -ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) { - margin-right: -1px; -} -ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked { - box-shadow: inset -2px 0 #7aa2f7; -} -ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) { - margin-left: -1px; -} -ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked { - box-shadow: inset 2px 0 #7aa2f7; -} - -ideeditorsidebar notebook header { - background: transparent; -} - -popover.messagepopover list { - border: 1px solid rgba(172, 176, 208, 0.2); - background-clip: padding-box; -} -popover.messagepopover list row:not(:last-child) { - border-bottom: 1px solid rgba(172, 176, 208, 0.2); -} - -dzlsuggestionpopover > revealer > box > elastic > scrolledwindow > viewport > list > row:selected { - background-color: #7aa2f7; - color: #000; -} -#titlebar_container .suggestionbutton button { - padding: 0; - border-radius: 0; - box-shadow: inset 0 0 0 9999px #1a1b26; -} -#titlebar_container .suggestionbutton button:backdrop { - box-shadow: inset 0 0 0 9999px #10111c; -} -#titlebar_container .suggestionbutton button image { - transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1), background-color 225ms cubic-bezier(0, 0, 0.2, 1); - min-width: 36px; - min-height: 36px; - border-radius: 9999px; - box-shadow: inset 0 0 0 9999px transparent; -} -#titlebar_container .suggestionbutton button:hover image { - box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); -} -#titlebar_container .suggestionbutton button:focus image { - box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); -} -#titlebar_container .suggestionbutton button:active image { - background-color: rgba(255, 255, 255, 0.12); -} - -/** - * Photos - */ -GdMainIconView.content-view { - -GdMainIconView-icon-size: 48; -} -.documents-counter { - margin: 8px; - border-radius: 9999px; - box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); - background-color: #7aa2f7; - color: #000; - font-weight: bold; -} - -.documents-scrolledwin.frame { - border-style: none; - background-color: transparent; -} -.documents-scrolledwin.frame frame.content-view > border { - border-style: none; - background-color: transparent; -} - -.photos-fade-in { - opacity: 1; - transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1); -} - -.photos-fade-out { - opacity: 0; - transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1); -} - -button.photos-filter-preview { - color: #acb0d0; - font-weight: normal; -} -button.photos-filter-preview:checked { - background-color: rgba(122, 162, 247, 0.32); - color: #acb0d0; -} -button.photos-filter-preview:checked image { - color: #fff; - -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); -} - -overlay grid.horizontal > revealer > scrolledwindow.frame { - border-style: none; - background-color: transparent; -} -overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) { - border-left-style: solid; -} -overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) { - border-right-style: solid; -} - -/** - * Music - */ -.side-panel:dir(ltr) { - border-style: solid; - border-color: rgba(172, 176, 208, 0.2); -} - -.side-panel:dir(rtl) { - border-style: solid; - border-color: rgba(172, 176, 208, 0.2); -} - -.side-panel .view { - background-image: image(#1a1b26); -} -.side-panel .view:hover { - background-image: image(#262734); -} - -.side-panel .view:selected { - background-image: image(#7aa2f7); -} -.side-panel .view:selected:hover { - background-image: image(#6b8fd9); -} - -.songs-list:hover { - background-image: image(rgba(172, 176, 208, 0.08)); -} - -frame.documents-dropdown { - margin: 8px; -} -frame.documents-dropdown > border { - border: none; -} - -box.vertical > revealer > toolbar.search-bar { - border-bottom: 1px solid rgba(172, 176, 208, 0.2); -} -box.vertical > revealer > toolbar.search-bar button > widget { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -/** - * Terminal - */ -terminal-window notebook > header > box { - margin: -2px; -} -terminal-window notebook > header > box button { - border-radius: 0; -} - -/** - * To Do - */ -task-list-view taskrow { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - margin: 0 -8px; -} -task-list-view taskrow:hover { - transition: none; -} -task-list-view taskrow label { - margin: 0 8px; -} -task-list-view taskrow image.dim-label { - min-width: 16px; -} -task-list-view > box > revealer > box > button { - margin: -6px; -} -task-list-view > box > revealer > box > button .dim-label { - color: inherit; -} - -tasklistview taskrow { - outline: none; -} -tasklistview taskrow entry, tasklistview taskrow entry:focus, tasklistview taskrow entry:disabled { - box-shadow: none; -} -tasklistview taskrow image.dim-label { - min-width: 16px; -} -tasklistview > box > revealer > box > button { - margin: -6px; -} -tasklistview > box > revealer > box > button .dim-label { - color: inherit; -} - -/** - * eog - */ -#eog-thumb-nav scrolledwindow.frame { - border-top: none; -} - -/** - * Evolution - */ -frame.taskbar > border { - border-style: solid none none; -} - -box.vertical > paned.horizontal notebook widget .frame { - border-style: none; -} - -/** - * gitg - */ -frame.commit-frame > border { - border-style: solid none none; -} - -/** - * Characters - */ -box.dialog-vbox scrolledwindow.related { - border: 1px solid rgba(172, 176, 208, 0.2); - background-clip: padding-box; - background-color: #24283b; -} - -list.categories { - background-image: image(#1a1b26); -} - -/** - * Boxes - */ -.transparent-bg + stack overlay > label { - min-height: 24px; - padding: 0 4px; - border-radius: 4px; - background-color: rgba(0, 0, 0, 0.6); - color: #fff; -} - -/** - * Evince - */ -evview.content-view.view:selected { - background-color: #7aa2f7; - color: #000; -} - -/** - * Polari - */ -.polari-room-list row:selected { - background-color: rgba(122, 162, 247, 0.5); -} - -/** - * Fractal - */ -button.osd.scroll_button { - margin: 4px; -} - -/** - * Mines - */ -grid.minefield > button.tile { - border-style: solid; -} - -/** - * Tilix - */ -overlay > revealer.left > scrolledwindow.frame, overlay > revealer.right > scrolledwindow.frame { - border-style: none; - box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12); -} -overlay > revealer.left > scrolledwindow.frame { - margin-right: 32px; -} -overlay > revealer.right > scrolledwindow.frame { - margin-left: 32px; -} - -.terminix-session-sidebar, -.tilix-session-sidebar { - background-image: image(#24283b); -} - -.terminal-titlebar button { - border-radius: 0; -} - -button.image-button.session-new-button { - min-width: 32px; -} - -notebook.tilix-background tab > box > stack { - margin: -6px; -} - -button.flat.tilix-small-button { - min-height: 20px; - min-width: 16px; -} - -/** - * Terminator - */ -.terminator-terminal-window paned > separator { - background-color: #1a1b26; -} -.terminator-terminal-window notebook.frame { - border-style: none; - background-color: transparent; -} - -/** - * Ubitquity - */ -#live_installer .menubar progressbar trough { - border-radius: 4px; - background-color: rgba(255, 255, 255, 0.2); -} - -/** - * Eclipse - */ -window.background > box.vertical > scrolledwindow > widget toolbar { - padding: 2px; -} -window.background > box.vertical > scrolledwindow > widget toolbar separator, -window.background > box.vertical > scrolledwindow > widget toolbar button { - margin: 2px; -} -window.background > box.vertical > scrolledwindow > widget toolbar button { - border-radius: 4px; -} - -/** - * FileZilla - */ -window.background > box.vertical > widget > widget > widget > widget > widget > widget > widget > scrolledwindow > widget > entry { - all: unset; - padding: 5px; - box-shadow: inset 0 0 0 1px rgba(122, 162, 247, 0.32); - background-color: #24283b; -} -window.background > box.vertical > widget > widget > widget > widget > widget > widget > widget > scrolledwindow > widget > widget > entry { - all: unset; - padding: 0 3px 1px; - box-shadow: inset 0 0 0 1px rgba(122, 162, 247, 0.32); - background-color: #24283b; -} - -/** - * Chromium - */ -window.background.chromium { - background-color: #24283b; -} -window.background.chromium entry, -window.background.chromium > button { - border: 1px solid rgba(172, 176, 208, 0.3); -} -window.background.chromium > button { - color: #7aa2f7; - border-color: #4d5168; -} -window.background.chromium > button:disabled { - color: rgba(172, 176, 208, 0.3); -} -window.background.chromium menubar, -window.background.chromium headerbar { - color: rgba(255, 255, 255, 0.7); -} -window.background.chromium headerbar button:active { - background-color: rgba(255, 255, 255, 0.12); -} -window.background.chromium textview.view { - background-color: transparent; -} -window.background.chromium treeview.view.cell:selected:focus { - background-color: #7aa2f7; - color: #000; -} -window.background.chromium treeview.view button { - border: 1px solid rgba(172, 176, 208, 0.3); - background-color: #24283b; -} - -tooltip.background.chromium { - background-color: #1a1b26; -} - -/** - * Firefox - */ -#MozillaGtkWidget > widget text { - background-color: #24283b; -} -#MozillaGtkWidget > widget text:selected { - background-color: #7aa2f7; - color: #000; -} -#MozillaGtkWidget > widget > separator { - color: rgba(172, 176, 208, 0.2); -} -#MozillaGtkWidget > widget > frame > border { - border-color: #464859; -} -#MozillaGtkWidget > widget > entry, -#MozillaGtkWidget > widget > button > button { - border: 1px solid rgba(172, 176, 208, 0.3); - border-radius: 4px; - box-shadow: none; -} -#MozillaGtkWidget > widget > entry:disabled, -#MozillaGtkWidget > widget > button > button:disabled { - border-color: rgba(172, 176, 208, 0.2); -} -#MozillaGtkWidget > widget > entry { - min-height: 30px; - background-color: #24283b; -} -#MozillaGtkWidget > widget > entry:focus { - border-color: #7aa2f7; - box-shadow: inset 0 0 0 1px #7aa2f7; -} -#MozillaGtkWidget > widget > entry:disabled { - background-color: #24283b; -} -#MozillaGtkWidget > widget > button > button { - padding: 4px 8px; -} -#MozillaGtkWidget > widget > button > button:active { - background-size: 1000% 1000%; -} -#MozillaGtkWidget > widget > checkbutton > check, -#MozillaGtkWidget > widget > radiobutton > radio { - margin: 0; - padding: 0; -} -#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate), -#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate) { - color: #757575; -} -#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):disabled, -#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):disabled { - color: rgba(117, 117, 117, 0.5); -} -#MozillaGtkWidget menuitem label:disabled { - color: rgba(172, 176, 208, 0.5); -} - -#MozillaGtkWidget > widget > menubar { - color: rgba(255, 255, 255, 0.7); -} -#MozillaGtkWidget > widget > menubar:hover { - color: #ffffff; -} -#MozillaGtkWidget > widget > menubar:disabled { - color: rgba(255, 255, 255, 0.3); -} -#MozillaGtkWidget > widget > frame { - color: rgba(172, 176, 208, 0.3); -} -#MozillaGtkWidget menu > separator { - color: rgba(172, 176, 208, 0.2); -} - -/** - * Inkscape - */ -#ToolboxCommon > #AuxToolbox #StyleSwatch { - font-size: smaller; -} -#ToolboxCommon > #AuxToolbox #Kludge { - padding: 0; -} -#ToolboxCommon > #AuxToolbox spinbutton, -#ToolboxCommon > #AuxToolbox entry { - min-height: 32px; -} -#ToolboxCommon > #AuxToolbox button:not(.up):not(.down) { - min-height: 24px; - min-width: 16px; - padding: 4px 8px; - border-radius: 4px; -} -#ToolboxCommon > #AuxToolbox spinbutton button { - border-width: 4px; -} -#ToolboxCommon > toolbar.vertical { - margin-top: -4px; -} -#ToolboxCommon > toolbar.vertical button { - min-height: 24px; - min-width: 24px; - padding: 4px; - border-radius: 4px; -} - -#CanvasTable button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; -} -#CanvasTable #HorizontalScrollbar { - border-top: 1px solid rgba(172, 176, 208, 0.2); -} -#CanvasTable #VerticalScrollbar:dir(ltr) { - border-left: 1px solid rgba(172, 176, 208, 0.2); -} -#CanvasTable #VerticalScrollbar:dir(rtl) { - border-right: 1px solid rgba(172, 176, 208, 0.2); -} - -#Canvas_and_Dock frame > border { - border: none; - background-color: transparent; -} -#Canvas_and_Dock widget > widget > button.flat { - min-height: 16px; - min-width: 16px; - padding: 4px; -} -#Canvas_and_Dock widget > widget > box.horizontal image { - padding: 4px; -} -#Canvas_and_Dock box.horizontal > box.vertical > button.flat { - min-height: 16px; - min-width: 24px; - padding: 8px 4px; -} - -/** - * Synapse - */ -box.vertical > widget > widget:selected { - background-color: rgba(122, 162, 247, 0.32); -} - -/** - * Unity - */ -UnityDecoration { - -UnityDecoration-extents: 28px 0 0 0; - -UnityDecoration-input-extents: 8px; - -UnityDecoration-shadow-offset-x: 0; - -UnityDecoration-shadow-offset-y: 3px; - -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48); - -UnityDecoration-active-shadow-radius: 18px; - -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32); - -UnityDecoration-inactive-shadow-radius: 6px; - -UnityDecoration-glow-size: 8px; - -UnityDecoration-glow-color: #7aa2f7; - -UnityDecoration-title-indent: 4px; - -UnityDecoration-title-fade: 32px; - -UnityDecoration-title-alignment: 0; -} -UnityDecoration .top { - padding: 0 2px; - border-style: none; - border-radius: 4px 4px 0 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); - background-color: #1a1b26; - color: #ffffff; -} -UnityDecoration .top:backdrop { - background-color: #10111c; - color: rgba(255, 255, 255, 0.7); -} -UnityDecoration .menuitem { - border-radius: 4px 4px 0 0; - box-shadow: none; - color: rgba(255, 255, 255, 0.7); -} -UnityDecoration .menuitem:hover { - background-color: rgba(255, 255, 255, 0.12); - color: #ffffff; -} - -.background:not(.csd) headerbar:not(.titlebar) { - border-radius: 0; - box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); -} -.background:not(.csd) headerbar:not(.titlebar).inline-toolbar { - border-style: none; -} - -UnityPanelWidget, -.unity-panel { - background-color: #060712; - color: #ffffff; -} -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: rgba(255, 255, 255, 0.7); -} - -.unity-panel.menuitem, -.unity-panel .menuitem { - color: rgba(255, 255, 255, 0.7); -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - background-color: rgba(255, 255, 255, 0.12); - color: #ffffff; -} - -.menu IdoPlaybackMenuItem.menuitem:active { - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - animation: spin 1s linear infinite; - color: #7aa2f7; -} - -/** - * Mate-Panel - */ -.mate-panel-menu-bar menubar, -#PanelApplet-window-menu-applet-button { - background-color: transparent; -} - -.mate-panel-menu-bar { - background-color: #060712; - color: rgba(255, 255, 255, 0.7); - font-weight: 500; -} -.mate-panel-menu-bar button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - color: rgba(255, 255, 255, 0.7); - box-shadow: none; - background-color: transparent; -} -.mate-panel-menu-bar button:drop(active), .mate-panel-menu-bar button:hover { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.08); -} -.mate-panel-menu-bar button:focus { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.08); -} -.mate-panel-menu-bar button:active { - box-shadow: none; - background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); -} -.mate-panel-menu-bar button:disabled { - background-color: transparent; - color: rgba(255, 255, 255, 0.3); -} -.mate-panel-menu-bar button:checked { - color: #ffffff; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.12); -} -.mate-panel-menu-bar button:checked:drop(active), .mate-panel-menu-bar button:checked:hover { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.1904); -} -.mate-panel-menu-bar button:checked:focus { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.1904); -} -.mate-panel-menu-bar button:checked:active { - box-shadow: none; - background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); -} -.mate-panel-menu-bar button:checked:disabled { - background-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.5); -} - -PanelToplevel.horizontal > grid > button { - min-width: 24px; -} - -PanelToplevel.vertical > grid > button { - min-height: 24px; -} - -PanelSeparator { - color: rgba(255, 255, 255, 0.2); -} - -MatePanelAppletFrameDBus > MatePanelAppletFrameDBus { - background-image: repeating-linear-gradient(currentcolor, currentcolor 4px, transparent 4px, transparent 6px); - background-repeat: no-repeat; - background-size: 4px 10px; - color: rgba(255, 255, 255, 0.3); -} -MatePanelAppletFrameDBus > MatePanelAppletFrameDBus:dir(ltr) { - background-position: 3px; -} -MatePanelAppletFrameDBus > MatePanelAppletFrameDBus:dir(rtl) { - background-position: calc(100% - 3px); -} - -.mate-panel-menu-bar menubar > menuitem { - color: rgba(255, 255, 255, 0.7); -} -.mate-panel-menu-bar menubar > menuitem:hover { - background-color: rgba(255, 255, 255, 0.12); - color: #ffffff; -} -.mate-panel-menu-bar menubar > menuitem:disabled { - color: rgba(255, 255, 255, 0.3); -} -.mate-panel-menu-bar.horizontal menubar > menuitem { - padding: 0 8px; -} -.mate-panel-menu-bar.vertical menubar > menuitem { - padding: 8px 0; -} -.mate-panel-menu-bar menubar menu > menuitem { - min-height: 28px; - padding: 0 6px; -} - -.mate-panel-menu-bar #PanelApplet button { - -GtkWidget-window-dragging: true; -} - -.mate-panel-menu-bar #tasklist-button { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentcolor 0%, transparent 0%) 0 0 0/0 0 0; -} -.mate-panel-menu-bar #tasklist-button:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentcolor 100%, transparent 0%) 0 0 2/0 0 2px; -} -.mate-panel-menu-bar #tasklist-button image:dir(ltr), -.mate-panel-menu-bar #tasklist-button label:dir(rtl) { - padding-left: 4px; -} -.mate-panel-menu-bar #tasklist-button label:dir(ltr), -.mate-panel-menu-bar #tasklist-button image:dir(rtl) { - padding-right: 4px; -} - -.mate-panel-menu-bar.vertical #tasklist-button { - min-height: 32px; -} - -.mate-panel-menu-bar.horizontal #showdesktop-button image { - min-width: 24px; - padding: 0 4px; -} -.mate-panel-menu-bar.vertical #showdesktop-button image { - min-height: 24px; - padding: 4px 0; -} - -PanelApplet.wnck-applet .wnck-pager { - background-color: transparent; - color: #7aa2f7; -} -PanelApplet.wnck-applet .wnck-pager:hover { - background-color: rgba(255, 255, 255, 0.08); -} -PanelApplet.wnck-applet .wnck-pager:active { - background-color: rgba(255, 255, 255, 0.12); -} -PanelApplet.wnck-applet .wnck-pager:selected { - background-color: #7aa2f7; -} - -.mate-panel-menu-bar.horizontal #clock-applet-button label { - padding: 0 8px; -} -.mate-panel-menu-bar.vertical #clock-applet-button label { - padding: 8px 0; -} - -#MatePanelPopupWindow { - border: 1px solid rgba(172, 176, 208, 0.2); - border-radius: 5px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); - background-clip: padding-box; - background-color: #24283b; -} -#MatePanelPopupWindow frame > border { - border-style: none; - background-color: transparent; -} -#MatePanelPopupWindow calendar { - border-style: none; -} -#MatePanelPopupWindow calendar:not(:selected) { - background-color: transparent; -} -#MatePanelPopupWindow calendar + box { - margin-top: -5px; - padding-top: 5px; - border-top: 1px solid rgba(172, 176, 208, 0.2); -} -#MatePanelPopupWindow expander > title { - min-height: 32px; -} -#MatePanelPopupWindow button { - padding: 4px 16px; -} -#MatePanelPopupWindow > frame > box > box > box > widget { - color: rgba(172, 176, 208, 0.2); -} - -na-tray-applet { - -NaTrayApplet-icon-padding: 3px; - -NaTrayApplet-icon-size: 16; -} - -.mate-panel-menu-bar { - -PanelMenuBar-icon-visible: true; -} - -.mate-panel-applet-slider { - border: 1px solid rgba(172, 176, 208, 0.2); - border-radius: 5px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); - background-clip: padding-box; - background-color: #24283b; -} -.mate-panel-applet-slider frame > border { - border-style: none; - background-color: transparent; -} - -#PanelApplet:not(:selected) > box { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); -} -#PanelApplet:selected > box { - background-color: rgba(255, 255, 255, 0.12); - color: #ffffff; -} - -#mate-menu { - border: 1px solid rgba(172, 176, 208, 0.2); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); - background-clip: padding-box; - background-color: #24283b; -} -#mate-menu button { - min-height: 24px; - min-width: 24px; - padding: 4px 0; - color: #acb0d0; - font-weight: normal; -} -#mate-menu button:not(.flat) { - background-color: rgba(172, 176, 208, 0.12); -} -#mate-menu button image, -#mate-menu button label + label { - color: rgba(172, 176, 208, 0.7); -} -#mate-menu entry { - margin: 0 0 4px; -} -#mate-menu entry image { - margin: 0; -} -#mate-menu entry + button { - margin: 0 4px 4px; - padding: 6px; -} - -.brisk-menu { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); - background-color: #24283b; -} -.brisk-menu entry { - margin-bottom: -2px; - border-bottom: 1px solid rgba(172, 176, 208, 0.2); - border-image: none; - box-shadow: none; - background-color: transparent; -} -.brisk-menu entry + box > box:dir(ltr) { - margin-right: -2px; - border-right: 1px solid rgba(172, 176, 208, 0.2); -} -.brisk-menu entry + box > box:dir(rtl) { - margin-left: -2px; - border-left: 1px solid rgba(172, 176, 208, 0.2); -} -.brisk-menu .categories-list { - padding-top: 4px; -} -.brisk-menu .categories-list button { - margin: 0 4px; -} -.brisk-menu .session-button { - padding: 12px; -} -.brisk-menu .frame { - border-style: none; - background-color: transparent; -} -.brisk-menu .apps-list { - padding: 4px 0; - background-color: transparent; -} -.brisk-menu .apps-list row { - padding: 0; -} -.brisk-menu .apps-list row:hover { - box-shadow: none; -} -.brisk-menu .apps-list button { - border-radius: 0; - color: #acb0d0; - font-weight: normal; -} - -/** - * CAJA File manager - */ -.caja-navigation-window box.horizontal > button.toggle.image-button { - border-radius: 4px; -} - -.caja-pathbar button { - margin: 0 -1px 0 -2px; -} -.caja-pathbar button.slider-button { - min-width: 24px; -} -.caja-pathbar button > widget { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - -GtkArrow-arrow-scaling: 1; -} - -.caja-side-pane notebook, -.caja-notebook { - border-top: 1px solid rgba(172, 176, 208, 0.2); -} -.caja-side-pane notebook .frame, -.caja-notebook .frame { - border-style: none; - background-color: transparent; -} - -.caja-canvas-item { - border-radius: 4px; -} - -.caja-desktop.view .entry, -.caja-navigation-window .view .entry { - border: none; - border-radius: 4px; - background-color: rgba(172, 176, 208, 0.04); - background-image: none; - color: #acb0d0; -} -.caja-desktop.view .entry:selected, -.caja-navigation-window .view .entry:selected { - background-color: rgba(122, 162, 247, 0.32); -} - -.caja-desktop.view .entry { - background-color: rgba(0, 0, 0, 0.3); - color: #fff; - text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); - caret-color: currentcolor; -} -.caja-desktop.view .entry:selected { - background-color: rgba(122, 162, 247, 0.32); -} - -.caja-navigation-window statusbar { - margin: 0 -10px; - padding: 0 4px; - border-top: 1px solid rgba(172, 176, 208, 0.2); -} - -.caja-notebook frame > border { - border-style: none; - background-color: transparent; -} - -#caja-extra-view-widget { - border-bottom: 1px solid rgba(172, 176, 208, 0.2); -} -#caja-extra-view-widget > box > box > label { - font-weight: bold; -} -#caja-extra-view-widget button:not(:disabled) { - color: #7aa2f7; - box-shadow: none; - background-color: transparent; -} -#caja-extra-view-widget button:not(:disabled):drop(active), #caja-extra-view-widget button:not(:disabled):hover { - box-shadow: none; - background-color: rgba(122, 162, 247, 0.12); -} -#caja-extra-view-widget button:not(:disabled):focus { - box-shadow: none; - background-color: rgba(122, 162, 247, 0.12); -} -#caja-extra-view-widget button:not(:disabled):active { - box-shadow: none; - background-image: radial-gradient(circle, rgba(122, 162, 247, 0.16) 10%, transparent 0%); -} - -/** - * Pluma - */ -.pluma-window statusbar { - margin: 0 -10px; - padding: 0 4px; - border-top: 1px solid rgba(172, 176, 208, 0.2); -} -.pluma-window statusbar frame > border { - border-style: none; - background-color: transparent; -} -.pluma-window statusbar frame button.flat { - padding: 0 4px; - border-radius: 0; -} -.pluma-window statusbar frame button.flat widget { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - -GtkArrow-arrow-scaling: 1; -} - -.pluma-print-preview toolbar { - border-bottom: 1px solid rgba(172, 176, 208, 0.2); -} -.pluma-window paned.horizontal box.vertical box.horizontal button.flat { - margin: 1px; -} -.pluma-window paned.horizontal box.vertical .frame { - border-style: none; - background-color: transparent; -} -.pluma-window paned.horizontal box.vertical notebook.frame { - margin-top: -1px; - border-top: 1px solid rgba(172, 176, 208, 0.2); -} -.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal { - border-bottom: 1px solid rgba(172, 176, 208, 0.2); -} - -/** - * Atril - */ -.atril-window paned.horizontal box.vertical .frame { - border-style: none; - background-color: transparent; -} -.atril-window paned.horizontal box.vertical notebook .frame { - border-top: 1px solid rgba(172, 176, 208, 0.2); -} - -/* mate-screensaver lock dialog */ -.lock-dialog { - border: 1px solid rgba(172, 176, 208, 0.2); - border-radius: 5px; - box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.14), 0 1px 10.8px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.05); - background-clip: padding-box; - background-color: #24283b; -} -.lock-dialog frame > border { - border-style: none; - background-color: transparent; -} -.lock-dialog button:not(:disabled) { - color: #7aa2f7; - box-shadow: none; - background-color: transparent; -} -.lock-dialog button:not(:disabled):drop(active), .lock-dialog button:not(:disabled):hover { - box-shadow: none; - background-color: rgba(122, 162, 247, 0.12); -} -.lock-dialog button:not(:disabled):focus { - box-shadow: none; - background-color: rgba(122, 162, 247, 0.12); -} -.lock-dialog button:not(:disabled):active { - box-shadow: none; - background-image: radial-gradient(circle, rgba(122, 162, 247, 0.16) 10%, transparent 0%); -} - -/* multimedia OSD */ -MsdOsdWindow.background.osd { - border-radius: 4px; - background-color: rgba(26, 27, 38, 0.9); - color: #ffffff; -} -MsdOsdWindow.background.osd .trough { - border-radius: 0; - background-color: rgba(255, 255, 255, 0.2); -} -MsdOsdWindow.background.osd .progressbar { - border-radius: 0; - background-color: #ffffff; -} -/** - * Budgie Desktop - */ -.budgie-container { - background-color: transparent; -} - -.budgie-settings-window buttonbox.inline-toolbar { - border-style: none none solid; -} -.budgie-settings-window buttonbox.inline-toolbar button { - border-radius: 4px; -} - -.budgie-popover { - border-style: solid; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3); - border-radius: 5px; - box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); - background-clip: padding-box; - background-color: #24283b; -} -.budgie-popover .container { - padding: 2px; -} -.budgie-popover border { - border: none; - background-color: transparent; -} -.budgie-popover row { - padding: 0; -} -.budgie-popover row:hover { - box-shadow: none; -} -.budgie-popover button.flat:not(.image-button) { - min-height: 28px; - padding: 0 8px; - color: #acb0d0; - font-weight: normal; -} -.budgie-popover button.flat:not(.image-button):disabled { - color: rgba(172, 176, 208, 0.5); -} -.budgie-popover.budgie-menu .container { - padding: 0; -} -.budgie-popover.budgie-menu scrollbar, -.budgie-popover.budgie-menu entry.search { - background-color: transparent; -} -.budgie-popover.budgie-menu entry.search { - border-bottom: 1px solid rgba(172, 176, 208, 0.2); - border-image: none; - border-radius: 0; - box-shadow: none; - font-size: 120%; -} -.budgie-popover.budgie-menu button.flat:not(.image-button) { - min-height: 32px; - padding: 0 8px; - border-radius: 0; -} -.budgie-popover.budgie-menu button.flat:not(.image-button):drop(active):not(:active), .budgie-popover.budgie-menu button.flat:not(.image-button):hover:not(:active) { - transition-property: all, border-image, background-size, background-image, background-color; - transition-duration: 75ms, 225ms, 300ms, 1200ms, 0ms; -} -.budgie-popover.budgie-menu button.flat:not(.image-button):checked { - background-color: rgba(122, 162, 247, 0.32); -} -.budgie-popover.budgie-menu button.flat:not(.image-button):checked:disabled { - background-color: transparent; -} -.budgie-popover.user-menu .container { - padding: 8px; -} -.budgie-popover.user-menu separator { - margin: 4px 0; -} -.budgie-popover.sound-popover separator { - margin: 3px 0; -} -.budgie-popover.night-light-indicator .container { - padding: 8px; -} -.budgie-popover.places-menu .container { - padding: 8px; -} -.budgie-popover.places-menu .name-button image:dir(ltr) { - margin-right: 3px; -} -.budgie-popover.places-menu .name-button image:dir(rtl) { - margin-left: 3px; -} -.budgie-popover.places-menu .unmount-button { - margin: 2px; - padding: 0; -} -.budgie-popover.places-menu .places-list:not(.always-expand) { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(172, 176, 208, 0.2); -} -.budgie-popover.places-menu .alternative-label { - padding: 3px; - font-size: 15px; -} -.budgie-popover.workspace-popover .container { - padding: 8px; -} -.budgie-popover.workspace-popover separator { - margin: 4px 0; -} -.budgie-popover.workspace-popover flowboxchild { - padding: 0; -} - -.workspace-switcher .workspace-layout { - border: 0 solid rgba(255, 255, 255, 0.2); -} -.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { - border-left-width: 1px; -} -.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { - border-right-width: 1px; -} -.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { - border-top-width: 1px; -} -.workspace-switcher .workspace-item, -.workspace-switcher .workspace-add-button { - border: 0 solid rgba(255, 255, 255, 0.2); -} -.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), -.top .workspace-switcher .workspace-add-button:dir(ltr), -.bottom .workspace-switcher .workspace-add-button:dir(ltr) { - border-right-width: 1px; -} -.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), -.top .workspace-switcher .workspace-add-button:dir(rtl), -.bottom .workspace-switcher .workspace-add-button:dir(rtl) { - border-left-width: 1px; -} -.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, -.left .workspace-switcher .workspace-add-button, -.right .workspace-switcher .workspace-add-button { - border-bottom-width: 1px; -} -.workspace-switcher .workspace-item { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); -} -.workspace-switcher .workspace-item.current-workspace { - background-color: rgba(255, 255, 255, 0.12); -} -.workspace-switcher .workspace-add-button:hover { - box-shadow: none; -} -.workspace-switcher .workspace-add-button:active { - background-image: none; -} -.workspace-switcher .workspace-add-button:active image { - margin: 1px 0 -1px; -} -.budgie-panel .workspace-switcher .workspace-icon-button { - min-height: 24px; - min-width: 24px; - padding: 0; - border-radius: 4px; -} - -.budgie-panel { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: #060712; - color: rgba(255, 255, 255, 0.7); - font-weight: 500; -} -.budgie-panel.transparent { - background-color: rgba(0, 0, 0, 0.6); - color: rgba(255, 255, 255, 0.7); -} -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - color: rgba(255, 255, 255, 0.7); - box-shadow: none; - background-color: transparent; -} -.budgie-panel button:drop(active), .budgie-panel button:hover { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.08); -} -.budgie-panel button:focus { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.08); -} -.budgie-panel button:active { - box-shadow: none; - background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); -} -.budgie-panel button:disabled { - background-color: transparent; - color: rgba(255, 255, 255, 0.3); -} -.budgie-panel button:checked { - color: #ffffff; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.12); -} -.budgie-panel button:checked:drop(active), .budgie-panel button:checked:hover { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.1904); -} -.budgie-panel button:checked:focus { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.1904); -} -.budgie-panel button:checked:active { - box-shadow: none; - background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); -} -.budgie-panel button:checked:disabled { - background-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.5); -} -.budgie-panel.horizontal button { - padding: 0 4px; -} -.budgie-panel.vertical button { - padding: 4px 0; -} -.budgie-panel separator { - background-color: rgba(255, 255, 255, 0.3); -} -.budgie-panel .alert { - color: #f7768e; -} -.budgie-panel .titlebar:not(headerbar) { - min-height: 0; - padding: 0; - box-shadow: none; - background-color: transparent; - color: #ffffff; -} -.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action) { - color: rgba(255, 255, 255, 0.7); -} -.budgie-panel #tasklist-button { - padding: 0 4px; -} -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} -.budgie-panel button.flat.launcher { - padding: 0; -} -.budgie-panel button.flat.launcher:not(:checked) { - color: rgba(255, 255, 255, 0.5); -} -.budgie-panel button.flat.launcher:not(:checked):disabled { - color: rgba(255, 255, 255, 0.3); -} -.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(1px), currentcolor 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} -.budgie-panel .unpinned button.flat.launcher, -.budgie-panel .pinned button.flat.launcher.running, .top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), currentcolor 100%, transparent 0%) 2 0 0 0/2px 0 0 0; -} - -.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentcolor 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} -.budgie-panel .unpinned button.flat.launcher, -.budgie-panel .pinned button.flat.launcher.running, .bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentcolor 100%, transparent 0%) 0 0 2 0/0 0 2px 0; -} - -.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(1px) center, currentcolor 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} -.budgie-panel .unpinned button.flat.launcher, -.budgie-panel .pinned button.flat.launcher.running, .left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, currentcolor 100%, transparent 0%) 0 0 0 2/0 0 0 2px; -} - -.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentcolor 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} -.budgie-panel .unpinned button.flat.launcher, -.budgie-panel .pinned button.flat.launcher.running, .right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentcolor 100%, transparent 0%) 0 2 0 0/0 2px 0 0; -} - -frame.raven-frame > border { - border-style: none; - box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12); -} - -.top frame.raven-frame > border { - margin-bottom: 32px; -} - -.bottom frame.raven-frame > border { - margin-top: 32px; -} - -.left frame.raven-frame > border { - margin-right: 32px; -} - -.right frame.raven-frame > border { - margin-left: 32px; -} - -.raven { - background-color: #24283b; -} -.raven > box:not(:only-child) { - margin-bottom: -10px; -} -.raven .raven-header { - min-height: 36px; - padding: 3px; -} -.raven .raven-header.top { - padding: 0; - border-bottom: 1px solid rgba(172, 176, 208, 0.2); -} -.raven .raven-header.top stackswitcher.linked > button { - margin: -4px 0 -5px; - padding: 0 16px; - min-height: 48px; - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #7aa2f7 0%, transparent 0%) 0 0 0/0 0 0; - border-radius: 0; -} -.raven .raven-header.top stackswitcher.linked > button:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #7aa2f7 100%, transparent 0%) 0 0 2/0 0 2px; - background-color: transparent; -} -.raven .raven-header.bottom { - border-top: 1px solid rgba(172, 176, 208, 0.2); -} -.raven stack .raven-header { - margin-top: -6px; -} -.raven stack scrolledwindow .raven-header { - margin-top: -8px; -} -.raven .expander-button { - border-radius: 9999px; -} -.raven .raven-background stackswitcher.linked > button { - margin: -2px 8px 9px; - padding: 0 12px; - min-height: 32px; - border-radius: 9999px; - color: rgba(172, 176, 208, 0.7); - font-weight: normal; - box-shadow: none; - background-color: rgba(172, 176, 208, 0.08); -} -.raven .raven-background stackswitcher.linked > button:drop(active), .raven .raven-background stackswitcher.linked > button:hover { - box-shadow: none; - background-color: rgba(172, 176, 208, 0.1536); -} -.raven .raven-background stackswitcher.linked > button:focus { - box-shadow: none; - background-color: rgba(172, 176, 208, 0.1536); -} -.raven .raven-background stackswitcher.linked > button:active { - box-shadow: none; - background-image: radial-gradient(circle, rgba(172, 176, 208, 0.12) 10%, transparent 0%); -} -.raven .raven-background stackswitcher.linked > button:checked { - color: #7aa2f7; - box-shadow: none; - background-color: rgba(122, 162, 247, 0.16); -} -.raven .raven-background stackswitcher.linked > button:checked:drop(active), .raven .raven-background stackswitcher.linked > button:checked:hover { - box-shadow: none; - background-color: rgba(122, 162, 247, 0.2608); -} -.raven .raven-background stackswitcher.linked > button:checked:focus { - box-shadow: none; - background-color: rgba(122, 162, 247, 0.2608); -} -.raven .raven-background stackswitcher.linked > button:checked:active { - box-shadow: none; - background-image: radial-gradient(circle, rgba(122, 162, 247, 0.16) 10%, transparent 0%); -} -.raven .raven-background stackswitcher.linked > button:not(:first-child) { - margin-left: 0; -} -.raven .raven-background > overlay > widget > image { - color: rgba(172, 176, 208, 0.08); -} -.raven revealer > .raven-background { - border-bottom: 1px solid rgba(172, 176, 208, 0.2); -} -.raven .raven-header + .raven-background { - border-top: 1px solid rgba(172, 176, 208, 0.2); -} -.raven viewport.frame > list > row { - padding: 0; - box-shadow: none; - background: none; -} -.raven viewport.frame > list > row:not(:first-child) { - border-top: 1px solid rgba(172, 176, 208, 0.2); -} -.raven viewport.frame > list > row > box { - margin-top: -5px; - margin-left: -5px; - margin-bottom: -5px; -} -.raven viewport.frame > list > row > box > box { - padding: 6px; - margin-bottom: -10px; -} -.raven viewport.frame > list > row > box > list > row { - padding: 8px; -} -.raven viewport.frame > list > row > box > list > row > box { - margin-bottom: -5px; -} -.raven viewport.frame > list > row > box > list > row > box > box > label { - font-weight: bold; -} -.raven viewport.frame > list > row > box > list > row > box > box > button.image-button { - padding: 0; -} -.raven viewport.frame > list > row > box > list > row > box > label { - margin-top: -6px; - font-size: smaller; -} -.raven .powerstrip button { - margin: 2px 0 1px; - padding: 12px; -} -.raven .option-subtitle { - font-size: smaller; -} - -calendar.raven-calendar { - border-style: none; - background-color: transparent; -} -calendar.raven-calendar:selected { - border-radius: 4px; - background-color: rgba(122, 162, 247, 0.32); -} - -.raven-mpris { - background-color: rgba(0, 0, 0, 0.6); - color: #fff; -} -.raven-mpris label { - min-height: 24px; -} -.raven-mpris button.image-button { - padding: 12px; - color: rgba(255, 255, 255, 0.7); - box-shadow: none; - background-color: transparent; -} -.raven-mpris button.image-button:drop(active), .raven-mpris button.image-button:hover { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.08); -} -.raven-mpris button.image-button:focus { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.08); -} -.raven-mpris button.image-button:active { - box-shadow: none; - background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); -} - -.budgie-notification-window, .budgie-switcher-window, .budgie-osd-window { - background-color: transparent; -} - -.budgie-notification .notification-title, .budgie-switcher .notification-title { - font-size: 120%; -} -.budgie-notification .notification-body, .budgie-switcher .notification-body { - color: rgba(172, 176, 208, 0.7); -} - -.budgie-osd .budgie-osd-text { - font-size: 120%; -} - -.drop-shadow { - margin: 5px 9px; - padding: 3px; - border-radius: 4px; - box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.05); - background-color: #24283b; -} -.drop-shadow button.text-button:not(:disabled) { - color: #7aa2f7; - box-shadow: none; - background-color: transparent; -} -.drop-shadow button.text-button:not(:disabled):drop(active), .drop-shadow button.text-button:not(:disabled):hover { - box-shadow: none; - background-color: rgba(122, 162, 247, 0.12); -} -.drop-shadow button.text-button:not(:disabled):focus { - box-shadow: none; - background-color: rgba(122, 162, 247, 0.12); -} -.drop-shadow button.text-button:not(:disabled):active { - box-shadow: none; - background-image: radial-gradient(circle, rgba(122, 162, 247, 0.16) 10%, transparent 0%); -} -.drop-shadow .linked > button { - margin-right: 6px; -} - -.budgie-run-dialog, .budgie-polkit-dialog, .budgie-session-dialog { - border-radius: 4px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); - background-color: #24283b; -} -.budgie-run-dialog decoration, .budgie-polkit-dialog decoration, .budgie-session-dialog decoration { - border-radius: 4px; -} - -.budgie-session-dialog > box { - padding: 8px; -} -.budgie-session-dialog image { - margin: -8px; - -gtk-icon-transform: scale(0); -} -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title { - margin-bottom: 8px; - font-size: 20px; - font-weight: 500; -} -.budgie-session-dialog .dialog-title + label { - color: rgba(172, 176, 208, 0.7); -} -.budgie-session-dialog .linked.horizontal > button:not(:last-child) { - margin-right: 8px; -} -.budgie-session-dialog .linked.horizontal > button:not(:disabled) { - color: #7aa2f7; - box-shadow: none; - background-color: transparent; -} -.budgie-session-dialog .linked.horizontal > button:not(:disabled):drop(active), .budgie-session-dialog .linked.horizontal > button:not(:disabled):hover { - box-shadow: none; - background-color: rgba(122, 162, 247, 0.12); -} -.budgie-session-dialog .linked.horizontal > button:not(:disabled):focus { - box-shadow: none; - background-color: rgba(122, 162, 247, 0.12); -} -.budgie-session-dialog .linked.horizontal > button:not(:disabled):active { - box-shadow: none; - background-image: radial-gradient(circle, rgba(122, 162, 247, 0.16) 10%, transparent 0%); -} - -.budgie-polkit-dialog .message { - color: rgba(172, 176, 208, 0.7); -} -.budgie-polkit-dialog .failure { - color: #f7768e; -} - -.budgie-run-dialog entry.search { - font-size: 120%; - padding: 6px 14px; - border-image: none; - box-shadow: none; - background-color: transparent; -} -.budgie-run-dialog list { - padding: 4px 0; -} -.budgie-run-dialog list .dim-label { - color: inherit; -} -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(172, 176, 208, 0.2); -} -.budgie-run-dialog scrollbar.right, .budgie-run-dialog scrollbar.bottom { - border-bottom-right-radius: 4px; -} -.budgie-run-dialog scrollbar.left, .budgie-run-dialog scrollbar.bottom { - border-bottom-left-radius: 4px; -} - -/** - * Xfce4 Apps - */ -/** - * xfce4-panel - */ -.xfce4-panel.background { - border: none; - background-color: #060712; - color: rgba(255, 255, 255, 0.7); - font-weight: 500; -} -.xfce4-panel.background button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - color: rgba(255, 255, 255, 0.7); - box-shadow: none; - background-color: transparent; -} -.xfce4-panel.background button:drop(active), .xfce4-panel.background button:hover { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.08); -} -.xfce4-panel.background button:focus { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.08); -} -.xfce4-panel.background button:active { - box-shadow: none; - background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); -} -.xfce4-panel.background button:disabled { - background-color: transparent; - color: rgba(255, 255, 255, 0.3); -} -.xfce4-panel.background button:checked { - color: #ffffff; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.12); -} -.xfce4-panel.background button:checked:drop(active), .xfce4-panel.background button:checked:hover { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.1904); -} -.xfce4-panel.background button:checked:focus { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.1904); -} -.xfce4-panel.background button:checked:active { - box-shadow: none; - background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%); -} -.xfce4-panel.background button:checked:disabled { - background-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.5); -} -.xfce4-panel.background .tasklist button { - border-image: image(transparent) 0 0 2/0 0 2px; -} -.xfce4-panel.background .tasklist button:checked { - border-image: image(currentcolor) 0 0 2/0 0 2px; -} -.xfce4-panel.background .tasklist button image { - padding: 4px; -} -.xfce4-panel.background frame > border { - border-style: none; - background-color: transparent; -} -.xfce4-panel.background progressbar progress { - background-color: #7aa2f7; -} -.xfce4-panel.background progressbar trough { - background-color: rgba(255, 255, 255, 0.2); -} - -wnck-pager:hover { - background-color: rgba(255, 255, 255, 0.08); -} -wnck-pager:active { - background-color: rgba(255, 255, 255, 0.12); -} -wnck-pager:selected { - background-color: #7aa2f7; -} - -XfdesktopIconView.view { - border-radius: 4px; - color: #fff; - text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); -} -XfdesktopIconView.view:active { - box-shadow: none; - background-color: rgba(122, 162, 247, 0.32); -} -XfdesktopIconView.view .rubberband { - border-radius: 0; -} - -#XfceNotifyWindow { - border-radius: 4px; - box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.05); - background-color: #24283b; - color: #acb0d0; -} -#XfceNotifyWindow buttonbox button:not(:disabled) { - color: #7aa2f7; - box-shadow: none; - background-color: transparent; -} -#XfceNotifyWindow buttonbox button:not(:disabled):drop(active), #XfceNotifyWindow buttonbox button:not(:disabled):hover { - box-shadow: none; - background-color: rgba(122, 162, 247, 0.12); -} -#XfceNotifyWindow buttonbox button:not(:disabled):focus { - box-shadow: none; - background-color: rgba(122, 162, 247, 0.12); -} -#XfceNotifyWindow buttonbox button:not(:disabled):active { - box-shadow: none; - background-image: radial-gradient(circle, rgba(122, 162, 247, 0.16) 10%, transparent 0%); -} -#XfceNotifyWindow label#summary { - font-weight: bold; -} -#XfceNotifyWindow label#summary + label { - color: rgba(172, 176, 208, 0.7); -} -#xfwm-tabwin { - padding: 12px; - border-radius: 4px; - -XfwmTabwinWidget-icon-size: 64px; - -XfwmTabwinWidget-preview-size: 64px; -} -/** - * Thunar - */ -.thunar #location-toolbar { - border-bottom: 1px solid rgba(172, 176, 208, 0.2); -} -.thunar #location-toolbar > toolitem > button { - min-width: 24px; - padding: 6px; - border-radius: 9999px; -} -.thunar .shortcuts-pane.frame, -.thunar .standard-view.frame { - border-width: 0; - background-color: transparent; -} -.thunar statusbar { - margin: 0 -10px; - padding: 0 4px; - border-top: 1px solid rgba(172, 176, 208, 0.2); -} - -/** - * LightDM GTK+ Greeter - */ -#panel_window { - background-color: rgba(0, 0, 0, 0.3); - color: #fff; -} -#panel_window menubar, -#panel_window separator { - background-color: transparent; -} -#panel_window separator { - padding: 0 4px; -} -#panel_window separator:first-child { - padding: 0 8px; -} -#panel_window menubar > menuitem { - color: rgba(255, 255, 255, 0.7); -} -#panel_window menubar > menuitem:hover { - background-color: rgba(255, 255, 255, 0.12); - color: #fff; -} -#panel_window menubar > menuitem:disabled { - color: rgba(255, 255, 255, 0.3); -} - -#login_window, -#shutdown_dialog, -#restart_dialog { - margin: 8px; - border-radius: 4px; - box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.14), 0 1px 10.8px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.05); - background-color: #24283b; - color: #acb0d0; -} - -#content_frame { - padding-bottom: 16px; -} - -#buttonbox_frame { - padding-top: 24px; -} -#buttonbox_frame > box, -#buttonbox_frame > buttonbox { - margin: -16px; -} -#buttonbox_frame button:not(:disabled) { - color: #7aa2f7; - box-shadow: none; - background-color: transparent; -} -#buttonbox_frame button:not(:disabled):drop(active), #buttonbox_frame button:not(:disabled):hover { - box-shadow: none; - background-color: rgba(122, 162, 247, 0.12); -} -#buttonbox_frame button:not(:disabled):focus { - box-shadow: none; - background-color: rgba(122, 162, 247, 0.12); -} -#buttonbox_frame button:not(:disabled):active { - box-shadow: none; - background-image: radial-gradient(circle, rgba(122, 162, 247, 0.16) 10%, transparent 0%); -} - -/** - * Nemo - */ -.nemo-window .primary-toolbar { - border-bottom: 1px solid rgba(172, 176, 208, 0.2); -} -.nemo-window .primary-toolbar stack > box { - margin: -2px; -} -.nemo-window .primary-toolbar button.text-button { - padding-left: 8px; - padding-right: 8px; -} -.nemo-window .primary-toolbar button:not(.text-button):not(.image-button) { - padding-left: 4px; - padding-right: 4px; -} -.nemo-window scrolledwindow.frame { - border-style: none; - background-color: transparent; -} -.nemo-window .nemo-window-pane widget.entry { - border-radius: 4px; - background-color: rgba(172, 176, 208, 0.04); -} -.nemo-window .nemo-window-pane widget.entry:selected { - background-color: rgba(122, 162, 247, 0.32); -} -.places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #373948; - -NemoPlacesTreeView-disk-full-fg-color: #7aa2f7; - -NemoPlacesTreeView-disk-full-bar-width: 2px; - -NemoPlacesTreeView-disk-full-bar-radius: 0; - -NemoPlacesTreeView-disk-full-bottom-padding: 1px; - -NemoPlacesTreeView-disk-full-max-length: 80px; -} - -/* GTK NAMED COLORS - ---------------- - use responsibly! */ -/* -widget text/foreground color */ -@define-color theme_fg_color #acb0d0; -/* -text color for entries, views and content in general */ -@define-color theme_text_color #acb0d0; -/* -widget base background color */ -@define-color theme_bg_color #1a1b26; -/* -text widgets and the like base background color */ -@define-color theme_base_color #24283b; -/* -base background color of selections */ -@define-color theme_selected_bg_color #7aa2f7; -/* -text/foreground color of selections */ -@define-color theme_selected_fg_color #000; -/* -base background color of insensitive widgets */ -@define-color insensitive_bg_color #1a1b26; -/* -text foreground color of insensitive widgets */ -@define-color insensitive_fg_color rgba(172, 176, 208, 0.5); -/* -insensitive text widgets and the like base background color */ -@define-color insensitive_base_color #24283b; -/* -widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color #acb0d0; -/* -text color for entries, views and content in general on backdrop windows */ -@define-color theme_unfocused_text_color #acb0d0; -/* -widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #1a1b26; -/* -text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #24283b; -/* -base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #7aa2f7; -/* -text/foreground color of selections on backdrop windows */ -@define-color theme_unfocused_selected_fg_color #000; -/* -insensitive color on backdrop windows */ -@define-color unfocused_insensitive_color rgba(172, 176, 208, 0.5); -/* -widgets main borders color */ -@define-color borders rgba(172, 176, 208, 0.2); -/* -widgets main borders color on backdrop windows */ -@define-color unfocused_borders rgba(172, 176, 208, 0.2); -/* -these are pretty self explicative */ -@define-color warning_color #e0af68; -@define-color error_color #f7768e; -@define-color success_color #9ece6a; -/* -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 #ffffff; -@define-color wm_unfocused_title rgba(255, 255, 255, 0.7); -@define-color wm_highlight rgba(255, 255, 255, 0.05); -@define-color wm_bg #1a1b26; -@define-color wm_unfocused_bg #10111c; -@define-color xfwm4_title white; -@define-color xfwm4_unfocused_title #b7b8bb; -/* content view background such as thumbnails view in Photos or Boxes */ -@define-color content_view_bg #1a1b26; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #1a1b26; -/* placeholder for entries */ -@define-color placeholder_text_color #8387a3; diff --git a/gtk-3.0/icons/checkbox-checked-symbolic.svg b/gtk-3.0/icons/checkbox-checked-symbolic.svg deleted file mode 100644 index 8067c112..00000000 --- a/gtk-3.0/icons/checkbox-checked-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/gtk-3.0/icons/checkbox-mixed-symbolic.svg b/gtk-3.0/icons/checkbox-mixed-symbolic.svg deleted file mode 100644 index 76e69c9e..00000000 --- a/gtk-3.0/icons/checkbox-mixed-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/gtk-3.0/icons/checkbox-unchecked-symbolic.svg b/gtk-3.0/icons/checkbox-unchecked-symbolic.svg deleted file mode 100644 index 97dbb89e..00000000 --- a/gtk-3.0/icons/checkbox-unchecked-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/gtk-3.0/icons/cursor-handle-symbolic.svg b/gtk-3.0/icons/cursor-handle-symbolic.svg deleted file mode 100644 index e2a252b5..00000000 --- a/gtk-3.0/icons/cursor-handle-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/gtk-3.0/icons/radio-checked-symbolic.svg b/gtk-3.0/icons/radio-checked-symbolic.svg deleted file mode 100644 index 7b82c3de..00000000 --- a/gtk-3.0/icons/radio-checked-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/gtk-3.0/icons/radio-mixed-symbolic.svg b/gtk-3.0/icons/radio-mixed-symbolic.svg deleted file mode 100644 index 55d89167..00000000 --- a/gtk-3.0/icons/radio-mixed-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/gtk-3.0/icons/radio-unchecked-symbolic.svg b/gtk-3.0/icons/radio-unchecked-symbolic.svg deleted file mode 100644 index 6d975590..00000000 --- a/gtk-3.0/icons/radio-unchecked-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/gtk-3.0/icons/small-checkbox-checked-symbolic.svg b/gtk-3.0/icons/small-checkbox-checked-symbolic.svg deleted file mode 100644 index 7ad27d5e..00000000 --- a/gtk-3.0/icons/small-checkbox-checked-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/gtk-3.0/icons/small-checkbox-mixed-symbolic.svg b/gtk-3.0/icons/small-checkbox-mixed-symbolic.svg deleted file mode 100644 index 0f808503..00000000 --- a/gtk-3.0/icons/small-checkbox-mixed-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/gtk-3.0/icons/small-checkbox-unchecked-symbolic.svg b/gtk-3.0/icons/small-checkbox-unchecked-symbolic.svg deleted file mode 100644 index bfe0a561..00000000 --- a/gtk-3.0/icons/small-checkbox-unchecked-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/gtk-3.0/icons/small-radio-checked-symbolic.svg b/gtk-3.0/icons/small-radio-checked-symbolic.svg deleted file mode 100644 index 04a9a21e..00000000 --- a/gtk-3.0/icons/small-radio-checked-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/gtk-3.0/icons/small-radio-mixed-symbolic.svg b/gtk-3.0/icons/small-radio-mixed-symbolic.svg deleted file mode 100644 index 31aac91b..00000000 --- a/gtk-3.0/icons/small-radio-mixed-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/gtk-3.0/icons/small-radio-unchecked-symbolic.svg b/gtk-3.0/icons/small-radio-unchecked-symbolic.svg deleted file mode 100644 index f8703819..00000000 --- a/gtk-3.0/icons/small-radio-unchecked-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png b/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png deleted file mode 100644 index 00270c15..00000000 Binary files a/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png and /dev/null differ diff --git a/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.png b/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.png deleted file mode 100644 index 48d2aef5..00000000 Binary files a/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.png and /dev/null differ diff --git a/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png b/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png deleted file mode 100644 index cb927448..00000000 Binary files a/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png and /dev/null differ diff --git a/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png b/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png deleted file mode 100644 index efd26968..00000000 Binary files a/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png and /dev/null differ diff --git a/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.png b/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.png deleted file mode 100644 index b6d8c2db..00000000 Binary files a/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.png and /dev/null differ diff --git a/gtk-4.0/assets/scale-horz-marks-after-slider-disabled@2.png b/gtk-4.0/assets/scale-horz-marks-after-slider-disabled@2.png deleted file mode 100644 index a0bbe3d7..00000000 Binary files a/gtk-4.0/assets/scale-horz-marks-after-slider-disabled@2.png and /dev/null differ diff --git a/gtk-4.0/assets/scale-horz-marks-after-slider.png b/gtk-4.0/assets/scale-horz-marks-after-slider.png deleted file mode 100644 index f8a1f306..00000000 Binary files a/gtk-4.0/assets/scale-horz-marks-after-slider.png and /dev/null differ diff --git a/gtk-4.0/assets/scale-horz-marks-after-slider@2.png b/gtk-4.0/assets/scale-horz-marks-after-slider@2.png deleted file mode 100644 index 33b11569..00000000 Binary files a/gtk-4.0/assets/scale-horz-marks-after-slider@2.png and /dev/null differ diff --git a/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png b/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png deleted file mode 100644 index 006cde9f..00000000 Binary files a/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png and /dev/null differ diff --git a/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png b/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png deleted file mode 100644 index 621fb633..00000000 Binary files a/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png and /dev/null differ diff --git a/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png b/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png deleted file mode 100644 index 18ee2168..00000000 Binary files a/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png and /dev/null differ diff --git a/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png b/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png deleted file mode 100644 index 54378157..00000000 Binary files a/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png and /dev/null differ diff --git a/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png b/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png deleted file mode 100644 index 27039651..00000000 Binary files a/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png and /dev/null differ diff --git a/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.png b/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.png deleted file mode 100644 index 608edebd..00000000 Binary files a/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.png and /dev/null differ diff --git a/gtk-4.0/assets/scale-horz-marks-before-slider.png b/gtk-4.0/assets/scale-horz-marks-before-slider.png deleted file mode 100644 index 0b9dd24d..00000000 Binary files a/gtk-4.0/assets/scale-horz-marks-before-slider.png and /dev/null differ diff --git a/gtk-4.0/assets/scale-horz-marks-before-slider@2.png b/gtk-4.0/assets/scale-horz-marks-before-slider@2.png deleted file mode 100644 index ec43f55d..00000000 Binary files a/gtk-4.0/assets/scale-horz-marks-before-slider@2.png and /dev/null differ diff --git a/gtk-4.0/assets/scale-slider-dark.png b/gtk-4.0/assets/scale-slider-dark.png deleted file mode 100644 index 611a11ec..00000000 Binary files a/gtk-4.0/assets/scale-slider-dark.png and /dev/null differ diff --git a/gtk-4.0/assets/scale-slider-dark@2.png b/gtk-4.0/assets/scale-slider-dark@2.png deleted file mode 100644 index a30e41aa..00000000 Binary files a/gtk-4.0/assets/scale-slider-dark@2.png and /dev/null differ diff --git a/gtk-4.0/assets/scale-slider-disabled-dark.png b/gtk-4.0/assets/scale-slider-disabled-dark.png deleted file mode 100644 index 6ad81619..00000000 Binary files a/gtk-4.0/assets/scale-slider-disabled-dark.png and /dev/null differ diff --git a/gtk-4.0/assets/scale-slider-disabled-dark@2.png b/gtk-4.0/assets/scale-slider-disabled-dark@2.png deleted file mode 100644 index 38bb8fbb..00000000 Binary files a/gtk-4.0/assets/scale-slider-disabled-dark@2.png and /dev/null differ diff --git a/gtk-4.0/assets/scale-slider-disabled.png b/gtk-4.0/assets/scale-slider-disabled.png deleted file mode 100644 index 1c8170fd..00000000 Binary files a/gtk-4.0/assets/scale-slider-disabled.png and /dev/null differ diff --git a/gtk-4.0/assets/scale-slider-disabled@2.png b/gtk-4.0/assets/scale-slider-disabled@2.png deleted file mode 100644 index 1e3395e0..00000000 Binary files a/gtk-4.0/assets/scale-slider-disabled@2.png and /dev/null differ diff --git a/gtk-4.0/assets/scale-slider.png b/gtk-4.0/assets/scale-slider.png deleted file mode 100644 index d6506743..00000000 Binary files a/gtk-4.0/assets/scale-slider.png and /dev/null differ diff --git a/gtk-4.0/assets/scale-slider@2.png b/gtk-4.0/assets/scale-slider@2.png deleted file mode 100644 index dc34378d..00000000 Binary files a/gtk-4.0/assets/scale-slider@2.png and /dev/null differ diff --git a/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png b/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png deleted file mode 100644 index 0a93333b..00000000 Binary files a/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png and /dev/null differ diff --git a/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png b/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png deleted file mode 100644 index b0fac076..00000000 Binary files a/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png and /dev/null differ diff --git a/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png b/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png deleted file mode 100644 index d83e03fe..00000000 Binary files a/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png and /dev/null differ diff --git a/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png b/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png deleted file mode 100644 index 7dae175a..00000000 Binary files a/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png and /dev/null differ diff --git a/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png b/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png deleted file mode 100644 index 018a21ea..00000000 Binary files a/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png and /dev/null differ diff --git a/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.png b/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.png deleted file mode 100644 index 58318cd8..00000000 Binary files a/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.png and /dev/null differ diff --git a/gtk-4.0/assets/scale-vert-marks-after-slider.png b/gtk-4.0/assets/scale-vert-marks-after-slider.png deleted file mode 100644 index 9d44619a..00000000 Binary files a/gtk-4.0/assets/scale-vert-marks-after-slider.png and /dev/null differ diff --git a/gtk-4.0/assets/scale-vert-marks-after-slider@2.png b/gtk-4.0/assets/scale-vert-marks-after-slider@2.png deleted file mode 100644 index 1cd35bb5..00000000 Binary files a/gtk-4.0/assets/scale-vert-marks-after-slider@2.png and /dev/null differ diff --git a/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png b/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png deleted file mode 100644 index 4df4027d..00000000 Binary files a/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png and /dev/null differ diff --git a/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png b/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png deleted file mode 100644 index 5e8b000e..00000000 Binary files a/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png and /dev/null differ diff --git a/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png b/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png deleted file mode 100644 index 361bc5ec..00000000 Binary files a/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png and /dev/null differ diff --git a/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png b/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png deleted file mode 100644 index 1011e3c2..00000000 Binary files a/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png and /dev/null differ diff --git a/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png b/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png deleted file mode 100644 index 4604c409..00000000 Binary files a/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png and /dev/null differ diff --git a/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.png b/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.png deleted file mode 100644 index 5d554256..00000000 Binary files a/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.png and /dev/null differ diff --git a/gtk-4.0/assets/scale-vert-marks-before-slider.png b/gtk-4.0/assets/scale-vert-marks-before-slider.png deleted file mode 100644 index a6ecdd21..00000000 Binary files a/gtk-4.0/assets/scale-vert-marks-before-slider.png and /dev/null differ diff --git a/gtk-4.0/assets/scale-vert-marks-before-slider@2.png b/gtk-4.0/assets/scale-vert-marks-before-slider@2.png deleted file mode 100644 index 098dbe93..00000000 Binary files a/gtk-4.0/assets/scale-vert-marks-before-slider@2.png and /dev/null differ diff --git a/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png b/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png deleted file mode 100644 index 147bc745..00000000 Binary files a/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png and /dev/null differ diff --git a/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.png b/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.png deleted file mode 100644 index 75d6c503..00000000 Binary files a/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.png and /dev/null differ diff --git a/gtk-4.0/assets/selectionmode-checkbox-checked.png b/gtk-4.0/assets/selectionmode-checkbox-checked.png deleted file mode 100644 index ae006eb3..00000000 Binary files a/gtk-4.0/assets/selectionmode-checkbox-checked.png and /dev/null differ diff --git a/gtk-4.0/assets/selectionmode-checkbox-checked@2.png b/gtk-4.0/assets/selectionmode-checkbox-checked@2.png deleted file mode 100644 index 241e0d38..00000000 Binary files a/gtk-4.0/assets/selectionmode-checkbox-checked@2.png and /dev/null differ diff --git a/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png b/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png deleted file mode 100644 index b816b61d..00000000 Binary files a/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png and /dev/null differ diff --git a/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.png b/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.png deleted file mode 100644 index 23ecb9fe..00000000 Binary files a/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.png and /dev/null differ diff --git a/gtk-4.0/assets/selectionmode-checkbox-unchecked.png b/gtk-4.0/assets/selectionmode-checkbox-unchecked.png deleted file mode 100644 index 249338b3..00000000 Binary files a/gtk-4.0/assets/selectionmode-checkbox-unchecked.png and /dev/null differ diff --git a/gtk-4.0/assets/selectionmode-checkbox-unchecked@2.png b/gtk-4.0/assets/selectionmode-checkbox-unchecked@2.png deleted file mode 100644 index a7fb76f8..00000000 Binary files a/gtk-4.0/assets/selectionmode-checkbox-unchecked@2.png and /dev/null differ diff --git a/gtk-4.0/gtk.css b/gtk-4.0/gtk.css deleted file mode 100644 index 28a7cb5b..00000000 --- a/gtk-4.0/gtk.css +++ /dev/null @@ -1,3539 +0,0 @@ -@keyframes ripple { - to { - background-size: 1000% 1000%; - } -} -@keyframes ripple-on-slider { - to { - background-size: auto, 1000% 1000%; - } -} -@keyframes ripple-on-headerbar { - from { - background-image: radial-gradient(circle, #7aa2f7 0%, transparent 0%); - } - to { - background-image: radial-gradient(circle, #7aa2f7 100%, transparent 100%); - } -} -flowbox > flowboxchild, gridview > child, -entry > image, -button, modelbutton.flat, spinbutton:not(.vertical) > image, menubar > item, notebook > header > tabs > arrow, notebook > header > tabs > tab, check, -radio, row.activatable, listview > row, expander, calendar > grid > label.day-number, popover.emoji-picker > contents emoji, popover.emoji-completion > contents emoji-completion-row, popover.emoji-completion > contents emoji { - transition-property: all, border-image, background-size, background-image; - transition-duration: 75ms, 225ms, 300ms, 1200ms; - transition-timing-function: cubic-bezier(0, 0, 0.2, 1); - background-image: radial-gradient(circle, transparent 10%, transparent 10%); - background-repeat: no-repeat; - background-position: center; - background-size: 1000% 1000%; -} -flowbox > flowboxchild:active, gridview > child:active, -entry > image:active, -button:active, modelbutton.flat:active, spinbutton:not(.vertical) > image:active, menubar > item:active, notebook > header > tabs > arrow:active, notebook > header > tabs > tab:active, check:active, -radio:active, row.activatable:active, listview > row:active, expander:active, calendar > grid > label.day-number:active, popover.emoji-picker > contents emoji:active, popover.emoji-completion > contents emoji-completion-row:active, popover.emoji-completion > contents emoji:active { - transition-duration: 75ms, 225ms, 0ms, 0ms; - animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; - background-size: 0% 0%; -} - -/** - * Base States - */ -.background { - background-color: #1a1b26; - color: #acb0d0; -} - -dnd { - color: #acb0d0; -} - -.normal-icons { - -gtk-icon-size: 16px; -} - -.large-icons { - -gtk-icon-size: 32px; -} - -image:disabled { - -gtk-icon-filter: opacity(0.5); -} - -.view > .cell:hover { - background-color: rgba(172, 176, 208, 0.04); -} -.view:disabled { - color: rgba(172, 176, 208, 0.5); -} -.view:selected { - background-color: rgba(122, 162, 247, 0.32); -} -.view > .cell:selected:hover { - background-color: rgba(122, 162, 247, 0.3744); -} - -textview { - caret-color: #7aa2f7; -} -textview > text > selection { - background-color: rgba(122, 162, 247, 0.32); -} -textview > border { - color: rgba(172, 176, 208, 0.7); -} - -iconview > .cell { - border-radius: 4px; -} -iconview > dndtarget:drop(active) { - box-shadow: inset 0 0 0 2px #7aa2f7; -} - -rubberband, columnview.view > rubberband, -treeview.view > rubberband { - border: 1px solid #7aa2f7; - background-color: rgba(122, 162, 247, 0.24); -} - -flowbox { - padding: 4px; - border-spacing: 4px; -} -flowbox > flowboxchild { - padding: 4px; - border-radius: 4px; -} -flowbox > flowboxchild:drop(active), flowbox > flowboxchild:hover { - background-color: rgba(172, 176, 208, 0.04); -} -flowbox > flowboxchild:focus { - background-color: rgba(172, 176, 208, 0.08); -} -flowbox > flowboxchild:active { - background-image: radial-gradient(circle, rgba(172, 176, 208, 0.12) 10%, transparent 10%); -} -flowbox > flowboxchild:selected { - background-color: rgba(122, 162, 247, 0.32); - background-color: rgba(122, 162, 247, 0.32); -} -flowbox > flowboxchild:selected:drop(active), flowbox > flowboxchild:selected:hover { - background-color: rgba(122, 162, 247, 0.3744); -} -flowbox > flowboxchild:selected:focus { - background-color: rgba(122, 162, 247, 0.4016); -} -flowbox > flowboxchild:selected:active { - background-image: radial-gradient(circle, rgba(122, 162, 247, 0.16) 10%, transparent 10%); -} - -gridview { - padding: 4px; - border-spacing: 4px; -} -gridview > child { - padding: 4px; - border-radius: 4px; -} -gridview > child:drop(active), gridview > child:hover { - background-color: rgba(172, 176, 208, 0.04); -} -gridview > child:focus { - background-color: rgba(172, 176, 208, 0.08); -} -gridview > child:active { - background-image: radial-gradient(circle, rgba(172, 176, 208, 0.12) 10%, transparent 10%); -} -gridview > child:selected { - background-color: rgba(122, 162, 247, 0.32); - background-color: rgba(122, 162, 247, 0.32); -} -gridview > child:selected:drop(active), gridview > child:selected:hover { - background-color: rgba(122, 162, 247, 0.3744); -} -gridview > child:selected:focus { - background-color: rgba(122, 162, 247, 0.4016); -} -gridview > child:selected:active { - background-image: radial-gradient(circle, rgba(122, 162, 247, 0.16) 10%, transparent 10%); -} - -coverflow > cover { - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - background-color: #24283b; - color: #acb0d0; -} - -.content-view .tile:selected { - background-color: transparent; -} - -label { - caret-color: #7aa2f7; -} -label.separator { - color: rgba(172, 176, 208, 0.7); -} -label.error { - color: #f7768e; -} -label > selection { - background-color: rgba(122, 162, 247, 0.32); -} -label:disabled { - color: rgba(172, 176, 208, 0.5); -} -headerbar label:disabled, modelbutton label:disabled, tab label:disabled, button label:disabled { - color: inherit; -} -label.osd { - border-radius: 4px; - background-color: rgba(26, 27, 38, 0.9); - color: #ffffff; -} - -.dim-label { - color: rgba(172, 176, 208, 0.7); -} - -window.assistant .sidebar { - padding: 4px 0; -} -window.assistant .sidebar > label { - min-height: 36px; - padding: 0 12px; - color: rgba(172, 176, 208, 0.5); - font-weight: 500; -} -window.assistant .sidebar > label.highlight { - color: #acb0d0; -} - -window.aboutdialog > box > box > image.large-icons { - -gtk-icon-size: 128px; -} - -/** - * Spinner Animation - */ -@keyframes spin { - to { - transform: rotate(1turn); - } -} -spinner { - opacity: 0; - color: #7aa2f7; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - transition: opacity 300ms cubic-bezier(0, 0, 0.2, 1); - animation: spin 1s linear infinite; -} -spinner:checked { - opacity: 1; -} -spinner:disabled { - color: rgba(172, 176, 208, 0.3); -} - -/** - * General Typography - */ -.large-title { - font-weight: 400; - font-size: 36pt; -} - -.title-1 { - font-weight: 400; - font-size: 25.5pt; - letter-spacing: 0.1875pt; -} - -.title-2 { - font-weight: 400; - font-size: 18pt; -} - -.title-3 { - font-weight: 500; - font-size: 15pt; - letter-spacing: 0.1125pt; -} - -.title-4 { - font-weight: 400; - font-size: 12pt; - letter-spacing: 0.375pt; -} - -.heading { - font-weight: 500; - font-size: 1em; -} - -.body { - font-weight: 400; - font-size: 1em; -} - -.caption-heading { - font-weight: 500; - font-size: 9pt; - letter-spacing: 1.125pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; - letter-spacing: 0.3pt; -} - -/** - * Text Entries - */ -spinbutton:not(.vertical), -entry { - min-height: 36px; - padding: 0 8px; - border-spacing: 6px; - border-radius: 4px 4px 0 0; - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #7aa2f7 0%, transparent 0%) 2/0 0 0px; - box-shadow: inset 0 -1px rgba(172, 176, 208, 0.3); - background-color: rgba(172, 176, 208, 0.04); - color: #acb0d0; - caret-color: #7aa2f7; -} -spinbutton:hover:not(.vertical), spinbutton:drop(active):not(.vertical), -entry:hover, -entry:drop(active) { - box-shadow: inset 0 -1px rgba(172, 176, 208, 0.3); - background-color: rgba(172, 176, 208, 0.0784); -} -spinbutton:focus-within:not(.vertical), -entry:focus-within { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #7aa2f7 100%, transparent 100%) 2/0 0 2px; - box-shadow: inset 0 -1px rgba(172, 176, 208, 0.3); - background-color: rgba(172, 176, 208, 0.1168); -} -spinbutton:focus-within:not(.vertical) > text > placeholder, -entry:focus-within > text > placeholder { - opacity: 0; -} -spinbutton:disabled:not(.vertical), -entry:disabled { - box-shadow: inset 0 -1px rgba(172, 176, 208, 0.2); - background-color: rgba(172, 176, 208, 0.04); - color: rgba(172, 176, 208, 0.5); -} -spinbutton.flat:not(.vertical), -entry.flat { - min-height: 0; - padding: 2px; - border-radius: 0; - background-color: transparent; -} -spinbutton:not(.vertical) > text > placeholder, -entry > text > placeholder { - color: rgba(172, 176, 208, 0.7); -} -spinbutton:not(.vertical) > text > selection, -entry > text > selection { - background-color: rgba(122, 162, 247, 0.32); -} -spinbutton:not(.vertical) > text > block-cursor, -entry > text > block-cursor { - background-color: #7aa2f7; - color: #000; -} -spinbutton:not(.vertical) > image, -entry > image { - min-width: 24px; - min-height: 24px; - border-radius: 9999px; - color: rgba(172, 176, 208, 0.7); - margin-top: 6px; - margin-bottom: 6px; -} -spinbutton:not(.vertical) > image:drop(active), spinbutton:not(.vertical) > image:hover, -entry > image:drop(active), -entry > image:hover { - background-color: rgba(172, 176, 208, 0.08); -} -spinbutton:not(.vertical) > image:focus, -entry > image:focus { - background-color: rgba(172, 176, 208, 0.08); -} -spinbutton:not(.vertical) > image:active, -entry > image:active { - background-image: radial-gradient(circle, rgba(172, 176, 208, 0.12) 10%, transparent 10%); -} -spinbutton:not(.vertical) > image:disabled, -entry > image:disabled { - color: rgba(172, 176, 208, 0.5); -} -spinbutton:not(.vertical) > image.left, -entry > image.left { - margin-left: -2px; -} -spinbutton:not(.vertical) > image.right, -entry > image.right { - margin-right: -2px; -} -spinbutton.error:not(.vertical), -entry.error { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f7768e 0%, transparent 0%) 2/0 0 0px; - box-shadow: inset 0 -1px #f7768e; - background-color: rgba(172, 176, 208, 0.04); - color: #acb0d0; - caret-color: #f7768e; -} -spinbutton.error:focus-within:not(.vertical), -entry.error:focus-within { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f7768e 100%, transparent 100%) 2/0 0 2px; - box-shadow: inset 0 -1px #f7768e; - background-color: rgba(172, 176, 208, 0.1168); -} -spinbutton.error:disabled:not(.vertical), -entry.error:disabled { - box-shadow: inset 0 -1px rgba(172, 176, 208, 0.2); - background-color: rgba(172, 176, 208, 0.04); - color: rgba(172, 176, 208, 0.5); -} -spinbutton.warning:not(.vertical), -entry.warning { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #e0af68 0%, transparent 0%) 2/0 0 0px; - box-shadow: inset 0 -1px #e0af68; - background-color: rgba(172, 176, 208, 0.04); - color: #acb0d0; - caret-color: #e0af68; -} -spinbutton.warning:focus-within:not(.vertical), -entry.warning:focus-within { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #e0af68 100%, transparent 100%) 2/0 0 2px; - box-shadow: inset 0 -1px #e0af68; - background-color: rgba(172, 176, 208, 0.1168); -} -spinbutton.warning:disabled:not(.vertical), -entry.warning:disabled { - box-shadow: inset 0 -1px rgba(172, 176, 208, 0.2); - background-color: rgba(172, 176, 208, 0.04); - color: rgba(172, 176, 208, 0.5); -} -spinbutton:not(.vertical) > progress > trough > progress, -entry > progress > trough > progress { - margin: 0 -8px; - margin-bottom: -4px; - border-bottom: 2px solid #7aa2f7; - background-color: transparent; -} -spinbutton.vertical > text { - border-radius: 4px; - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - border-image: none; - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); - background-color: #24283b; - color: #acb0d0; - caret-color: #7aa2f7; -} -spinbutton.vertical > text:focus-within { - border-image: none; - box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12); -} -spinbutton.vertical > text:drop(active) { - box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12); -} -spinbutton.vertical > text:disabled { - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); - background-color: #24283b; - color: rgba(172, 176, 208, 0.5); -} -spinbutton.vertical > text.error { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - border-image: none; - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); - background-color: #f7768e; - color: #000; - caret-color: #000; -} -spinbutton.vertical > text.error:focus-within { - border-image: none; - box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12); -} -spinbutton.vertical > text.error:disabled { - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); - background-color: #24283b; - color: rgba(172, 176, 208, 0.5); -} -spinbutton.vertical > text.error image { - color: rgba(0, 0, 0, 0.7); -} -spinbutton.vertical > text.error image:hover, spinbutton.vertical > text.error image:active { - color: #000; -} -spinbutton.vertical > text.error image:disabled { - color: rgba(0, 0, 0, 0.5); -} -spinbutton.vertical > text.warning { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - border-image: none; - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); - background-color: #e0af68; - color: #000; - caret-color: #000; -} -spinbutton.vertical > text.warning:focus-within { - border-image: none; - box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12); -} -spinbutton.vertical > text.warning:disabled { - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); - background-color: #24283b; - color: rgba(172, 176, 208, 0.5); -} -spinbutton.vertical > text.warning image { - color: rgba(0, 0, 0, 0.7); -} -spinbutton.vertical > text.warning image:hover, spinbutton.vertical > text.warning image:active { - color: #000; -} -spinbutton.vertical > text.warning image:disabled { - color: rgba(0, 0, 0, 0.5); -} - -treeview entry, treeview entry.flat { - background-color: #24283b; -} -treeview entry, treeview entry:focus-within, treeview entry.flat, treeview entry.flat:focus-within { - border-image: none; - box-shadow: none; -} - -.entry-tag { - margin: 2px; - border-radius: 9999px; - box-shadow: none; - background-color: rgba(172, 176, 208, 0.08); - color: #acb0d0; -} -.entry-tag:hover { - background-image: image(rgba(172, 176, 208, 0.08)); -} -:dir(ltr) .entry-tag { - margin-left: 4px; - margin-right: 0; - padding-left: 12px; - padding-right: 8px; -} -:dir(rtl) .entry-tag { - margin-left: 0; - margin-right: 4px; - padding-left: 8px; - padding-right: 12px; -} -.entry-tag.button { - box-shadow: none; - background-color: transparent; - color: rgba(172, 176, 208, 0.7); -} - -/** - * Buttons - */ -@keyframes needs-attention { - from { - background-image: radial-gradient(farthest-side, #7aa2f7 0%, transparent 0%); - } - to { - background-image: radial-gradient(farthest-side, #7aa2f7 100%, transparent 100%); - } -} -button { - min-height: 24px; - min-width: 16px; - padding: 6px 10px; - border-radius: 4px; - background-color: #24283b; - color: #acb0d0; - font-weight: 500; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - background-color: #24283b; -} -button:drop(active), -button:hover { - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - background-color: #292d41; -} -button:focus { - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - background-color: #2f3347; -} -button:active { - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - background-image: radial-gradient(circle, rgba(172, 176, 208, 0.12) 10%, transparent 10%); -} -button:disabled { - box-shadow: none; - background-color: rgba(172, 176, 208, 0.08); - color: rgba(172, 176, 208, 0.5); -} -button:checked { - color: #7aa2f7; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - background-color: #323c59; -} -button:checked:drop(active), -button:checked:hover { - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - background-color: #384466; -} -button:checked:focus { - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - background-color: #3b486c; -} -button:checked:active { - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - background-image: radial-gradient(circle, rgba(122, 162, 247, 0.16) 10%, transparent 10%); -} -button:checked:disabled { - box-shadow: none; - background-color: rgba(172, 176, 208, 0.1904); - color: rgba(172, 176, 208, 0.5); -} -button.text-button { - min-width: 32px; - padding-left: 16px; - padding-right: 16px; -} -button.image-button { - min-width: 24px; - padding: 6px; - border-radius: 9999px; -} -button.text-button.image-button { - min-width: 32px; - padding-left: 16px; - padding-right: 16px; - border-radius: 4px; -} -button.text-button.image-button image:first-child { - margin-left: -4px; - margin-right: 8px; -} -button.text-button.image-button image:last-child { - margin-left: 8px; - margin-right: -4px; -} -frame button, -.frame button, popover button { - background-color: transparent; - box-shadow: inset 0 0 0 1px rgba(172, 176, 208, 0.3); - background-color: transparent; -} -frame button:drop(active), -.frame button:drop(active), popover button:drop(active), frame button:hover, -.frame button:hover, popover button:hover { - box-shadow: inset 0 0 0 1px rgba(172, 176, 208, 0.3); - background-color: rgba(172, 176, 208, 0.04); -} -frame button:focus, -.frame button:focus, popover button:focus { - box-shadow: inset 0 0 0 1px rgba(172, 176, 208, 0.3); - background-color: rgba(172, 176, 208, 0.08); -} -frame button:active, -.frame button:active, popover button:active { - box-shadow: inset 0 0 0 1px rgba(172, 176, 208, 0.3); - background-image: radial-gradient(circle, rgba(172, 176, 208, 0.12) 10%, transparent 10%); -} - -button.sidebar-button, -pathbar.linked:not(.vertical) > button, spinbutton.vertical button, spinbutton:not(.vertical) > button, combobox > .linked:not(.vertical) > button:not(:only-child), infobar.info > revealer > box button, infobar.question > revealer > box button, filechooser #pathbarbox > stack > box > button, window.dialog.message .dialog-action-area > button, .app-notification button, actionbar > revealer > box button:not(.suggested-action):not(.destructive-action), popover.menu button.model, .titlebar button:not(.suggested-action):not(.destructive-action), .toolbar button, -button.flat { - background-color: transparent; - color: rgba(172, 176, 208, 0.7); - box-shadow: none; - background-color: transparent; -} -button.sidebar-button:drop(active), -pathbar.linked:not(.vertical) > button:drop(active), spinbutton.vertical button:drop(active), spinbutton:not(.vertical) > button:drop(active), combobox > .linked:not(.vertical) > button:drop(active):not(:only-child), infobar.info > revealer > box button:drop(active), infobar.question > revealer > box button:drop(active), filechooser #pathbarbox > stack > box > button:drop(active), window.dialog.message .dialog-action-area > button:drop(active), .app-notification button:drop(active), actionbar > revealer > box button:drop(active):not(.suggested-action):not(.destructive-action), popover.menu button.model:drop(active), .titlebar button:drop(active):not(.suggested-action):not(.destructive-action), .toolbar button:drop(active), -button.flat:drop(active), button.sidebar-button:hover, -pathbar.linked:not(.vertical) > button:hover, spinbutton.vertical button:hover, spinbutton:not(.vertical) > button:hover, combobox > .linked:not(.vertical) > button:hover:not(:only-child), infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, filechooser #pathbarbox > stack > box > button:hover, window.dialog.message .dialog-action-area > button:hover, .app-notification button:hover, actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action), popover.menu button.model:hover, .titlebar button:hover:not(.suggested-action):not(.destructive-action), .toolbar button:hover, -button.flat:hover { - box-shadow: none; - background-color: rgba(172, 176, 208, 0.08); -} -button.sidebar-button:focus, -pathbar.linked:not(.vertical) > button:focus, spinbutton.vertical button:focus, spinbutton:not(.vertical) > button:focus, combobox > .linked:not(.vertical) > button:focus:not(:only-child), infobar.info > revealer > box button:focus, infobar.question > revealer > box button:focus, filechooser #pathbarbox > stack > box > button:focus, window.dialog.message .dialog-action-area > button:focus, .app-notification button:focus, actionbar > revealer > box button:focus:not(.suggested-action):not(.destructive-action), popover.menu button.model:focus, .titlebar button:focus:not(.suggested-action):not(.destructive-action), .toolbar button:focus, -button.flat:focus { - box-shadow: none; - background-color: rgba(172, 176, 208, 0.08); -} -button.sidebar-button:active, -pathbar.linked:not(.vertical) > button:active, spinbutton.vertical button:active, spinbutton:not(.vertical) > button:active, combobox > .linked:not(.vertical) > button:active:not(:only-child), infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, filechooser #pathbarbox > stack > box > button:active, window.dialog.message .dialog-action-area > button:active, .app-notification button:active, actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action), popover.menu button.model:active, .titlebar button:active:not(.suggested-action):not(.destructive-action), .toolbar button:active, -button.flat:active { - box-shadow: none; - background-image: radial-gradient(circle, rgba(172, 176, 208, 0.12) 10%, transparent 10%); -} -button.sidebar-button:disabled, -pathbar.linked:not(.vertical) > button:disabled, spinbutton.vertical button:disabled, spinbutton:not(.vertical) > button:disabled, combobox > .linked:not(.vertical) > button:disabled:not(:only-child), infobar.info > revealer > box button:disabled, infobar.question > revealer > box button:disabled, filechooser #pathbarbox > stack > box > button:disabled, window.dialog.message .dialog-action-area > button:disabled, .app-notification button:disabled, actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action), popover.menu button.model:disabled, .titlebar button:disabled:not(.suggested-action):not(.destructive-action), .toolbar button:disabled, -button.flat:disabled { - background-color: transparent; - color: rgba(172, 176, 208, 0.3); -} - -combobox > .linked:not(.vertical) > button:checked:not(:only-child), infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, filechooser #pathbarbox > stack > box > button:checked, window.dialog.message .dialog-action-area > button:checked, .app-notification button:checked, actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action), popover.menu button.model:checked, .titlebar button:checked:not(.suggested-action):not(.destructive-action), .toolbar button:checked, -button.flat:checked { - color: #7aa2f7; - box-shadow: none; - background-color: rgba(122, 162, 247, 0.16); -} -combobox > .linked:not(.vertical) > button:checked:drop(active):not(:only-child), infobar.info > revealer > box button:checked:drop(active), infobar.question > revealer > box button:checked:drop(active), filechooser #pathbarbox > stack > box > button:checked:drop(active), window.dialog.message .dialog-action-area > button:checked:drop(active), .app-notification button:checked:drop(active), actionbar > revealer > box button:checked:drop(active):not(.suggested-action):not(.destructive-action), popover.menu button.model:checked:drop(active), .titlebar button:checked:drop(active):not(.suggested-action):not(.destructive-action), .toolbar button:checked:drop(active), -button.flat:checked:drop(active), combobox > .linked:not(.vertical) > button:checked:hover:not(:only-child), infobar.info > revealer > box button:checked:hover, infobar.question > revealer > box button:checked:hover, filechooser #pathbarbox > stack > box > button:checked:hover, window.dialog.message .dialog-action-area > button:checked:hover, .app-notification button:checked:hover, actionbar > revealer > box button:checked:hover:not(.suggested-action):not(.destructive-action), popover.menu button.model:checked:hover, .titlebar button:checked:hover:not(.suggested-action):not(.destructive-action), .toolbar button:checked:hover, -button.flat:checked:hover { - box-shadow: none; - background-color: rgba(122, 162, 247, 0.2608); -} -combobox > .linked:not(.vertical) > button:checked:focus:not(:only-child), infobar.info > revealer > box button:checked:focus, infobar.question > revealer > box button:checked:focus, filechooser #pathbarbox > stack > box > button:checked:focus, window.dialog.message .dialog-action-area > button:checked:focus, .app-notification button:checked:focus, actionbar > revealer > box button:checked:focus:not(.suggested-action):not(.destructive-action), popover.menu button.model:checked:focus, .titlebar button:checked:focus:not(.suggested-action):not(.destructive-action), .toolbar button:checked:focus, -button.flat:checked:focus { - box-shadow: none; - background-color: rgba(122, 162, 247, 0.2608); -} -combobox > .linked:not(.vertical) > button:checked:active:not(:only-child), infobar.info > revealer > box button:checked:active, infobar.question > revealer > box button:checked:active, filechooser #pathbarbox > stack > box > button:checked:active, window.dialog.message .dialog-action-area > button:checked:active, .app-notification button:checked:active, actionbar > revealer > box button:checked:active:not(.suggested-action):not(.destructive-action), popover.menu button.model:checked:active, .titlebar button:checked:active:not(.suggested-action):not(.destructive-action), .toolbar button:checked:active, -button.flat:checked:active { - box-shadow: none; - background-image: radial-gradient(circle, rgba(122, 162, 247, 0.16) 10%, transparent 10%); -} -combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), infobar.info > revealer > box button:checked:disabled, infobar.question > revealer > box button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, window.dialog.message .dialog-action-area > button:checked:disabled, .app-notification button:checked:disabled, actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action), popover.menu button.model:checked:disabled, .titlebar button:checked:disabled:not(.suggested-action):not(.destructive-action), .toolbar button:checked:disabled, -button.flat:checked:disabled { - color: rgba(172, 176, 208, 0.5); -} - -infobar.info > revealer > box button.text-button, infobar.question > revealer > box button.text-button, filechooser #pathbarbox > stack > box > button.text-button, window.dialog.message .dialog-action-area > button.text-button, .app-notification button.text-button, actionbar > revealer > box button.text-button:not(.suggested-action):not(.destructive-action), popover.menu button.text-button.model, .titlebar button.text-button:not(.suggested-action):not(.destructive-action), .toolbar button.text-button, -button.flat.text-button { - min-width: 48px; - padding-left: 8px; - padding-right: 8px; -} -infobar.info > revealer > box button.text-button.image-button, infobar.question > revealer > box button.text-button.image-button, filechooser #pathbarbox > stack > box > button.text-button.image-button, window.dialog.message .dialog-action-area > button.text-button.image-button, .app-notification button.text-button.image-button, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action), popover.menu button.text-button.image-button.model, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action), .toolbar button.text-button.image-button, -button.flat.text-button.image-button { - min-width: 24px; - padding: 6px; -} -infobar.info > revealer > box button.text-button.image-button label:first-child, infobar.question > revealer > box button.text-button.image-button label:first-child, filechooser #pathbarbox > stack > box > button.text-button.image-button label:first-child, window.dialog.message .dialog-action-area > button.text-button.image-button label:first-child, .app-notification button.text-button.image-button label:first-child, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child, popover.menu button.text-button.image-button.model label:first-child, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child, .toolbar button.text-button.image-button label:first-child, -button.flat.text-button.image-button label:first-child { - margin-left: 6px; -} -infobar.info > revealer > box button.text-button.image-button label:last-child, infobar.question > revealer > box button.text-button.image-button label:last-child, filechooser #pathbarbox > stack > box > button.text-button.image-button label:last-child, window.dialog.message .dialog-action-area > button.text-button.image-button label:last-child, .app-notification button.text-button.image-button label:last-child, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child, popover.menu button.text-button.image-button.model label:last-child, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child, .toolbar button.text-button.image-button label:last-child, -button.flat.text-button.image-button label:last-child { - margin-right: 6px; -} -infobar.info > revealer > box .linked:not(.vertical) > button:not(:only-child), infobar.question > revealer > box .linked:not(.vertical) > button:not(:only-child), filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child), window.dialog.message .dialog-action-area.linked:not(.vertical) > button:not(:only-child), .app-notification .linked:not(.vertical) > button:not(:only-child), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child):not(.suggested-action):not(.destructive-action), popover.menu .linked:not(.vertical) > button.model:not(:only-child), .titlebar .linked:not(.vertical) > button:not(:only-child):not(.suggested-action):not(.destructive-action), .toolbar .linked:not(.vertical) > button:not(:only-child), infobar.info > revealer > box .linked.vertical > button:not(:only-child), infobar.question > revealer > box .linked.vertical > button:not(:only-child), filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child), window.dialog.message .dialog-action-area.linked.vertical > button:not(:only-child), .app-notification .linked.vertical > button:not(:only-child), actionbar > revealer > box .linked.vertical > button:not(:only-child):not(.suggested-action):not(.destructive-action), popover.menu .linked.vertical > button.model:not(:only-child), .titlebar .linked.vertical > button:not(:only-child):not(.suggested-action):not(.destructive-action), .toolbar .linked.vertical > button:not(:only-child), -.linked:not(.vertical) > button.flat:not(:only-child), -.linked.vertical > button.flat:not(:only-child) { - border-radius: 4px; -} -infobar.info > revealer > box .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), infobar.question > revealer > box .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), window.dialog.message .dialog-action-area.linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .app-notification .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), popover.menu .linked:not(.vertical) > button.model:not(:only-child).image-button:not(.text-button), .titlebar .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), .toolbar .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), infobar.info > revealer > box .linked.vertical > button:not(:only-child).image-button:not(.text-button), infobar.question > revealer > box .linked.vertical > button:not(:only-child).image-button:not(.text-button), filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child).image-button:not(.text-button), window.dialog.message .dialog-action-area.linked.vertical > button:not(:only-child).image-button:not(.text-button), .app-notification .linked.vertical > button:not(:only-child).image-button:not(.text-button), actionbar > revealer > box .linked.vertical > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), popover.menu .linked.vertical > button.model:not(:only-child).image-button:not(.text-button), .titlebar .linked.vertical > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), .toolbar .linked.vertical > button:not(:only-child).image-button:not(.text-button), -.linked:not(.vertical) > button.flat:not(:only-child).image-button:not(.text-button), -.linked.vertical > button.flat:not(:only-child).image-button:not(.text-button) { - border-radius: 9999px; -} - -button.osd { - padding: 12px 16px; -} -button.osd.image-button { - padding: 12px; -} -button.osd:disabled { - opacity: 0; -} -button.suggested-action { - background-color: #7aa2f7; - color: #000; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - background-color: #7aa2f7; -} -button.suggested-action:drop(active), button.suggested-action:hover { - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - background-color: #7095e3; -} -button.suggested-action:focus { - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - background-color: #6b8fd9; -} -button.suggested-action:active { - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 10%); -} -button.suggested-action:disabled { - box-shadow: none; - background-color: rgba(172, 176, 208, 0.08); - color: rgba(172, 176, 208, 0.5); -} -button.suggested-action:checked { - background-color: #6688cf; -} -button.suggested-action.flat { - background-color: transparent; -} -button.suggested-action.flat:drop(active), button.suggested-action.flat:hover { - background-color: rgba(122, 162, 247, 0.12); -} -button.suggested-action.flat:focus { - background-color: rgba(122, 162, 247, 0.12); -} -button.suggested-action.flat:active { - background-image: radial-gradient(circle, rgba(122, 162, 247, 0.16) 10%, transparent 10%); -} -button.suggested-action.flat:disabled { - box-shadow: none; - background-color: transparent; - color: rgba(172, 176, 208, 0.3); -} -button.suggested-action.flat:checked { - background-color: rgba(122, 162, 247, 0.16); -} -button.destructive-action { - background-color: #f7768e; - color: #000; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - background-color: #f7768e; -} -button.destructive-action:drop(active), button.destructive-action:hover { - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - background-color: #e36d83; -} -button.destructive-action:focus { - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - background-color: #d9687d; -} -button.destructive-action:active { - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 10%); -} -button.destructive-action:disabled { - box-shadow: none; - background-color: rgba(172, 176, 208, 0.08); - color: rgba(172, 176, 208, 0.5); -} -button.destructive-action:checked { - background-color: #cf6377; -} -button.destructive-action.flat { - background-color: transparent; -} -button.destructive-action.flat:drop(active), button.destructive-action.flat:hover { - background-color: rgba(247, 118, 142, 0.12); -} -button.destructive-action.flat:focus { - background-color: rgba(247, 118, 142, 0.12); -} -button.destructive-action.flat:active { - background-image: radial-gradient(circle, rgba(247, 118, 142, 0.16) 10%, transparent 10%); -} -button.destructive-action.flat:disabled { - box-shadow: none; - background-color: transparent; - color: rgba(172, 176, 208, 0.3); -} -button.destructive-action.flat:checked { - background-color: rgba(247, 118, 142, 0.16); -} -stackswitcher > button > label { - margin: 0 -6px; - padding: 0 6px; -} -stackswitcher > button > image { - margin: -3px -6px; - padding: 3px 6px; -} -stackswitcher > button.needs-attention:checked > label, -stackswitcher > button.needs-attention:checked > image { - animation: none; - background-image: none; -} -button.font > box { - border-spacing: 6px; -} -button.close, menubutton.circular > button, button.circular { - border-radius: 9999px; -} - -button.sidebar-button, notebook > header > tabs > tab button.flat, spinbutton:not(.vertical) > button { - min-height: 24px; - min-width: 24px; - padding: 0; - border-radius: 9999px; -} - -stacksidebar.sidebar row.needs-attention > label, stackswitcher > button.needs-attention > label, -stackswitcher > button.needs-attention > image { - animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards; - background-repeat: no-repeat; - background-position: right 3px; - background-size: 6px 6px; -} -stacksidebar.sidebar row.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), -stackswitcher > button.needs-attention > image:dir(rtl) { - background-position: left 3px; -} - -.linked:not(stackswitcher) { - border-spacing: 6px; -} - -.linked:not(.vertical) > button.radio { - border-radius: 0; -} -.linked:not(.vertical) > button.radio:first-child { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} -.linked:not(.vertical) > button.radio:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} -.linked:not(.vertical) > button.radio:not(:first-child) { - margin-left: -6px; -} - -.linked.vertical > button.radio { - border-radius: 0; -} -.linked.vertical > button.radio:first-child { - border-top-left-radius: 4px; - border-top-right-radius: 4px; -} -.linked.vertical > button.radio:last-child { - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; -} -.linked.vertical > button.radio:not(:first-child) { - margin-top: -6px; -} - -/* menu buttons */ -modelbutton.flat:drop(active), modelbutton.flat:hover { - background-color: rgba(172, 176, 208, 0.08); -} -modelbutton.flat:focus { - background-color: rgba(172, 176, 208, 0.08); -} -modelbutton.flat:active { - background-image: radial-gradient(circle, rgba(172, 176, 208, 0.12) 10%, transparent 10%); -} -modelbutton.flat arrow { - min-width: 16px; - min-height: 16px; - color: rgba(172, 176, 208, 0.7); -} -modelbutton.flat arrow:disabled { - color: rgba(172, 176, 208, 0.3); -} -modelbutton.flat arrow.left { - -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); -} -modelbutton.flat arrow.right { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -button.color { - min-width: 24px; - min-height: 24px; - padding: 6px; -} - -menubutton > button > box > arrow { - min-height: 16px; - min-width: 16px; -} -menubutton > button > box > arrow.none { - -gtk-icon-source: -gtk-icontheme("open-menu-symbolic"); -} -menubutton > button > box > arrow.down { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} -menubutton > button > box > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} -menubutton > button > box > arrow.left { - -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); -} -menubutton > button > box > arrow.right { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -/** - * Links - */ -link { - color: #7aa2f7; -} -link:visited { - color: #bb9af7; -} - -button.link { - color: #7aa2f7; -} -button.link:drop(active), button.link:hover { - background-color: rgba(122, 162, 247, 0.12); -} -button.link:focus { - background-color: rgba(122, 162, 247, 0.12); -} -button.link:active { - background-image: radial-gradient(circle, rgba(122, 162, 247, 0.16) 10%, transparent 10%); -} -button.link:visited { - color: #bb9af7; -} -button.link:visited:drop(active), button.link:visited:hover { - background-color: rgba(187, 154, 247, 0.12); -} -button.link:visited:focus { - background-color: rgba(187, 154, 247, 0.12); -} -button.link:visited:active { - background-image: radial-gradient(circle, rgba(187, 154, 247, 0.16) 10%, transparent 10%); -} -button.link > label { - text-decoration-line: underline; -} - -/** - * GtkSpinButton - */ -spinbutton { - font-feature-settings: "tnum"; -} -spinbutton:not(.vertical) > text { - min-width: 32px; -} -spinbutton:not(.vertical) > button { - margin: 6px 0; -} -spinbutton:not(.vertical) > button.up:dir(ltr) { - margin-right: -2px; -} -spinbutton:not(.vertical) > button.up:dir(rtl) { - margin-left: -2px; -} -spinbutton.vertical > text { - min-height: 36px; - min-width: 48px; - padding: 0; -} -spinbutton.vertical > text > selection { - background-color: rgba(122, 162, 247, 0.32); -} -spinbutton.vertical button { - min-height: 36px; - min-width: 48px; - padding: 0; -} -spinbutton.vertical button:focus:not(:hover):not(:active) { - box-shadow: inset 0 0 0 9999px transparent; -} -spinbutton.vertical button.up { - border-radius: 4px 4px 0 0; -} -spinbutton.vertical button.down { - border-radius: 0 0 4px 4px; -} -treeview spinbutton:not(.vertical) { - min-height: 0; - border-style: none; - border-radius: 0; -} -treeview spinbutton:not(.vertical) > text { - min-height: 0; - padding: 1px 2px; -} - -/** - * ComboBoxes - */ -dropdown arrow, -combobox arrow { - min-width: 16px; - min-height: 16px; - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - transition: -gtk-icon-transform 75ms cubic-bezier(0, 0, 0.2, 1); -} -dropdown button:checked arrow, -combobox button:checked arrow { - color: #7aa2f7; - -gtk-icon-transform: rotate(-0.5turn); -} - -dropdown > button > box { - border-spacing: 6px; -} -dropdown > popover.menu > contents { - padding: 0; -} -dropdown > popover.menu > contents listview { - padding: 6px 0; -} -dropdown > popover.menu > contents listview > row { - min-height: 24px; - padding: 4px 8px; -} -dropdown > popover.menu > contents listview > row:selected { - background-color: rgba(172, 176, 208, 0.08); -} - -.dropdown-searchbar { - border-bottom: 1px solid rgba(172, 176, 208, 0.2); -} -.dropdown-searchbar > entry.search { - border-image: none; - border-radius: 0; - box-shadow: none; - background-color: transparent; -} - -combobox > box > button > box { - border-spacing: 6px; -} -combobox cellview { - margin: -2px; -} -combobox > popover.menu > contents modelbutton { - padding-left: 8px; - padding-right: 8px; -} -combobox > .linked:not(.vertical) > entry:not(:only-child):first-child { - margin-right: -42px; - padding-right: 36px; -} -combobox > .linked:not(.vertical) > entry:not(:only-child):last-child { - margin-left: -42px; - padding-left: 36px; -} -combobox > .linked:not(.vertical) > button:not(:only-child) { - min-height: 16px; - min-width: 16px; - margin: 6px; - padding: 4px; - border-radius: 9999px; -} - -dropdown > button.toggle, -button.combo:only-child { - padding-left: 8px; - padding-right: 8px; - border-radius: 4px 4px 0 0; - font-weight: normal; - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #7aa2f7 0%, transparent 0%) 2/0 0 0px; - box-shadow: inset 0 -1px rgba(172, 176, 208, 0.3); - background-color: rgba(172, 176, 208, 0.04); - color: #acb0d0; - caret-color: #7aa2f7; -} -dropdown > button.toggle:focus, -button.combo:only-child:focus { - box-shadow: inset 0 -1px rgba(172, 176, 208, 0.3); - background-color: rgba(172, 176, 208, 0.1168); -} -dropdown > button.toggle:drop(active), dropdown > button.toggle:hover, -button.combo:only-child:drop(active), -button.combo:only-child:hover { - box-shadow: inset 0 -1px rgba(172, 176, 208, 0.3); - background-color: rgba(172, 176, 208, 0.0784); -} -dropdown > button.toggle:checked, -button.combo:only-child:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #7aa2f7 100%, transparent 100%) 2/0 0 2px; - box-shadow: inset 0 -1px rgba(172, 176, 208, 0.3); - background-color: rgba(172, 176, 208, 0.1168); -} -dropdown > button.toggle:disabled, -button.combo:only-child:disabled { - box-shadow: inset 0 -1px rgba(172, 176, 208, 0.2); - background-color: rgba(172, 176, 208, 0.04); - color: rgba(172, 176, 208, 0.5); -} -dropdown > button.toggle arrow, -button.combo:only-child arrow { - transition: color 75ms cubic-bezier(0, 0, 0.2, 1); - color: rgba(172, 176, 208, 0.7); -} -dropdown > button.toggle arrow:disabled, -button.combo:only-child arrow:disabled { - color: rgba(172, 176, 208, 0.3); -} - -/** - * Toolbars - */ -.toolbar { - padding: 4px; - border-spacing: 4px; -} -.toolbar.top { - border-bottom: 1px solid rgba(172, 176, 208, 0.2); -} -.toolbar.bottom { - border-top: 1px solid rgba(172, 176, 208, 0.2); -} -.toolbar.start { - border-right: 1px solid rgba(172, 176, 208, 0.2); -} -.toolbar.end { - border-left: 1px solid rgba(172, 176, 208, 0.2); -} -.toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom { - border-radius: 0; -} -.toolbar.osd.bottom { - box-shadow: none; - background-color: transparent; - background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4)); -} -.toolbar.horizontal > separator { - margin: 4px 0; -} -.toolbar.vertical > separator { - margin: 0 4px; -} - -.app-notification, .toolbar.osd { - transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); - padding: 6px; - border-spacing: 6px; - border-radius: 4px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.05); - background-color: #24283b; -} -.app-notification:backdrop, .toolbar.osd:backdrop { - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.05); -} - -.inline-toolbar { - padding: 6px; - border-style: solid; - border-width: 0 1px 1px; - border-color: rgba(172, 176, 208, 0.2); - background-color: #24283b; -} - -searchbar > revealer > box { - padding: 6px; - border-spacing: 6px; - border-bottom: 1px solid rgba(172, 176, 208, 0.2); -} - -/** - * Title buttons - */ -windowcontrols { - border-spacing: 6px; -} -windowcontrols:not(:only-child):not(.empty) { - border-image: linear-gradient(to bottom, transparent 12px, rgba(255, 255, 255, 0.2) 12px, rgba(255, 255, 255, 0.2) calc(100% - 12px), transparent calc(100% - 12px)) 1; -} -windowcontrols:not(:only-child):not(.empty).start:dir(ltr), windowcontrols:not(:only-child):not(.empty).end:dir(rtl) { - padding-right: 6px; - border-right: 1px solid; -} -windowcontrols:not(:only-child):not(.empty).start:dir(rtl), windowcontrols:not(:only-child):not(.empty).end:dir(ltr) { - padding-left: 6px; - border-left: 1px solid; -} -/** - * Header bars - */ -.titlebar { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 4px 4px 0 0; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.05); - background-color: #1a1b26; - color: #ffffff; -} -.titlebar:disabled { - color: rgba(255, 255, 255, 0.5); -} -.titlebar:backdrop { - background-color: #10111c; - color: rgba(255, 255, 255, 0.7); -} -.titlebar:backdrop:disabled { - color: rgba(255, 255, 255, 0.3); -} -.titlebar box.start, -.titlebar box.end { - border-spacing: 6px; -} -.titlebar .title { - padding-left: 12px; - padding-right: 12px; - font-weight: bold; -} -.titlebar .subtitle { - padding-left: 12px; - padding-right: 12px; - font-size: smaller; -} -.titlebar .subtitle, -.titlebar .dim-label { - transition: color 75ms cubic-bezier(0, 0, 0.2, 1); - color: rgba(255, 255, 255, 0.7); -} -.titlebar .subtitle:backdrop, -.titlebar .dim-label:backdrop { - color: rgba(255, 255, 255, 0.5); -} -.titlebar headerbar + separator { - background-color: rgba(255, 255, 255, 0.2); -} -.titlebar entry { - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); - background-color: rgba(255, 255, 255, 0.04); - color: #ffffff; -} -.titlebar entry:disabled { - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.2); - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); -} -.titlebar entry image { - color: rgba(255, 255, 255, 0.7); -} -.titlebar entry image:hover, .titlebar entry image:active { - color: #ffffff; -} -.titlebar entry image:disabled { - color: rgba(255, 255, 255, 0.5); -} -.titlebar .linked:not(.vertical) > entry:not(:only-child) { - border-radius: 4px 4px 0 0; -} -.titlebar button:not(.suggested-action):not(.destructive-action) { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentcolor 0%, transparent 0%) 0 0 0/0 0 0px; - background-color: transparent; - color: rgba(255, 255, 255, 0.7); -} -.titlebar button:not(.suggested-action):not(.destructive-action):drop(active), .titlebar button:not(.suggested-action):not(.destructive-action):hover { - background-color: rgba(255, 255, 255, 0.08); -} -.titlebar button:not(.suggested-action):not(.destructive-action):focus { - background-color: rgba(255, 255, 255, 0.08); -} -.titlebar button:not(.suggested-action):not(.destructive-action):active { - background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 10%); -} -.titlebar button:not(.suggested-action):not(.destructive-action):disabled { - color: rgba(255, 255, 255, 0.3); -} -.titlebar button:not(.suggested-action):not(.destructive-action):checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentcolor 100%, transparent 100%) 0 0 2/0 0 2px; - background-color: transparent; - color: #ffffff; -} -.titlebar button:not(.suggested-action):not(.destructive-action):checked:drop(active), .titlebar button:not(.suggested-action):not(.destructive-action):checked:hover { - background-color: rgba(255, 255, 255, 0.08); -} -.titlebar button:not(.suggested-action):not(.destructive-action):checked:focus { - background-color: rgba(255, 255, 255, 0.08); -} -.titlebar button:not(.suggested-action):not(.destructive-action):checked:active { - background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 10%); -} -.titlebar button:not(.suggested-action):not(.destructive-action):checked:disabled { - background-color: transparent; - color: rgba(255, 255, 255, 0.5); -} - -.titlebar button:not(.suggested-action):not(.destructive-action):backdrop { - color: rgba(255, 255, 255, 0.5); -} -.titlebar button:not(.suggested-action):not(.destructive-action):backdrop:disabled { - color: rgba(255, 255, 255, 0.3); -} -.titlebar button:not(.suggested-action):not(.destructive-action):backdrop:checked { - color: rgba(255, 255, 255, 0.7); -} -.titlebar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { - color: rgba(255, 255, 255, 0.3); -} - -.titlebar button.suggested-action:disabled, -.titlebar button.destructive-action:disabled { - background-color: rgba(255, 255, 255, 0.08); - color: rgba(255, 255, 255, 0.5); -} -.titlebar stackswitcher button:not(.suggested-action):not(.destructive-action).text-button { - min-width: 104px; -} -.titlebar .path-bar button:not(.suggested-action):not(.destructive-action).text-button { - min-width: 0; - padding-left: 6px; - padding-right: 6px; -} -.titlebar.selection-mode { - transition: background-color 0.1ms 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1); - animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.2); - background-color: #7aa2f7; - color: #000; -} -.titlebar.selection-mode:backdrop { - color: rgba(0, 0, 0, 0.7); -} -.titlebar.selection-mode .subtitle:link { - color: #000; -} -.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action) { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px; - color: #000; -} -.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled { - color: rgba(0, 0, 0, 0.5); -} -.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 100%) 0 0 2/0 0 2px; - color: #000; -} -.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled { - color: rgba(0, 0, 0, 0.5); -} -.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop { - color: rgba(0, 0, 0, 0.7); -} -.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled { - color: rgba(0, 0, 0, 0.3); -} -.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked { - color: rgba(0, 0, 0, 0.7); -} -.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { - color: rgba(0, 0, 0, 0.3); -} -.titlebar.selection-mode .selection-menu { - padding-left: 16px; - padding-right: 16px; -} -.titlebar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} -.titlebar .selection-mode { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); - background-color: #7aa2f7; -} -.tiled .titlebar, .tiled-top .titlebar, .tiled-right .titlebar, .tiled-bottom .titlebar, .tiled-left .titlebar, .maximized .titlebar, .fullscreen .titlebar { - border-radius: 0; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -} -.titlebar.default-decoration { - min-height: 24px; - padding: 6px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} -.tiled .titlebar.default-decoration, .maximized .titlebar.default-decoration, .fullscreen .titlebar.default-decoration { - box-shadow: none; -} -.titlebar.default-decoration button.titlebutton { - min-height: 24px; - min-width: 24px; - margin: 0; - padding: 0; -} -.background:not(.csd) .titlebar.default-decoration button.titlebutton:active { - background-size: 1000% 1000%; -} -.solid-csd .titlebar:dir(rtl), .solid-csd .titlebar:dir(ltr) { - border-radius: 0; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -} - -headerbar > windowhandle > box { - min-height: 48px; - padding: 0 6px; - border-spacing: 6px; -} -headerbar > windowhandle > box entry, -headerbar > windowhandle > box spinbutton, -headerbar > windowhandle > box button { - margin-top: 6px; - margin-bottom: 6px; -} -headerbar > windowhandle > box separator.titlebutton { - margin-top: 12px; - margin-bottom: 12px; - background-color: rgba(255, 255, 255, 0.2); -} -headerbar > windowhandle > box switch { - margin-top: 12px; - margin-bottom: 12px; -} -headerbar > windowhandle > box spinbutton button { - margin-top: 0; - margin-bottom: 0; -} -headerbar > windowhandle > box .entry-tag { - margin-top: 5px; - margin-bottom: 5px; -} - -/** - * Pathbars - */ -pathbar.linked:not(.vertical) > button { - padding-left: 6px; - padding-right: 6px; - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #7aa2f7 0%, transparent 0%) 0 0 0/0 0 0px; - border-radius: 4px; -} -pathbar.linked:not(.vertical) > button:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #7aa2f7 100%, transparent 100%) 0 0 2/0 0 2px; - color: #acb0d0; -} -pathbar.linked:not(.vertical) > button:checked, -pathbar.linked:not(.vertical) > button:checked:disabled { - background-color: transparent; -} -pathbar.linked:not(.vertical) > button label:not(:only-child):first-child { - margin-left: 0; -} -pathbar.linked:not(.vertical) > button label:not(:only-child):last-child { - margin-right: 0; -} -pathbar.linked:not(.vertical) > button.text-button { - min-width: 0; -} -pathbar.linked:not(.vertical) > button.slider-button { - padding-left: 4px; - padding-right: 4px; -} - -/** - * Tree Views - */ -columnview.view, -treeview.view { - border-left-color: rgba(172, 176, 208, 0.3); - border-top-color: rgba(172, 176, 208, 0.2); -} -columnview.view.separator, -treeview.view.separator { - min-height: 5px; - color: rgba(172, 176, 208, 0.2); -} -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: 9999px; - border-color: rgba(172, 176, 208, 0.08); -} -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-down-symbolic"); - -gtk-icon-transform: rotate(-90deg); - color: rgba(172, 176, 208, 0.7); -} -columnview.view.expander:dir(rtl), -treeview.view.expander:dir(rtl) { - -gtk-icon-transform: rotate(90deg); -} -columnview.view.expander:checked, -treeview.view.expander:checked { - -gtk-icon-transform: unset; -} -columnview.view.expander:hover, columnview.view.expander:active, -treeview.view.expander:hover, -treeview.view.expander:active { - color: #acb0d0; -} -columnview.view.expander:disabled, -treeview.view.expander:disabled { - color: rgba(172, 176, 208, 0.3); -} -columnview.view.progressbar, -treeview.view.progressbar { - border-bottom: 4px solid #7aa2f7; - background-color: transparent; -} -columnview.view.progressbar:selected:hover, -treeview.view.progressbar:selected:hover { - background-color: transparent; -} -columnview.view.trough, -treeview.view.trough { - border-bottom: 4px solid rgba(172, 176, 208, 0.2); - background-color: transparent; -} -columnview.view.trough:selected:hover, -treeview.view.trough:selected:hover { - background-color: transparent; -} -columnview.view > header > button, -treeview.view > header > button { - padding: 2px 6px; - border-style: none solid solid none; - border-width: 1px; - border-color: rgba(172, 176, 208, 0.2); - border-radius: 0; - background-clip: padding-box; - background-color: transparent; - color: rgba(172, 176, 208, 0.7); - box-shadow: none; - background-color: transparent; -} -columnview.view > header > button:drop(active), columnview.view > header > button:hover, -treeview.view > header > button:drop(active), -treeview.view > header > button:hover { - box-shadow: none; - background-color: rgba(172, 176, 208, 0.04); -} -columnview.view > header > button:focus, -treeview.view > header > button:focus { - box-shadow: none; - background-color: rgba(172, 176, 208, 0.08); -} -columnview.view > header > button:active, -treeview.view > header > button:active { - box-shadow: none; - background-image: radial-gradient(circle, rgba(172, 176, 208, 0.12) 10%, transparent 10%); -} -columnview.view > header > button:drop(active):not(:active), columnview.view > header > button:hover:not(:active), -treeview.view > header > button:drop(active):not(:active), -treeview.view > header > button:hover:not(:active) { - transition-property: all, border-image, background-size, background-image, background-color; - transition-duration: 75ms, 225ms, 300ms, 1200ms, 0ms; -} -columnview.view > header > button:disabled, -treeview.view > header > button:disabled { - color: rgba(172, 176, 208, 0.3); -} -columnview.view > header > button:last-child, -treeview.view > header > button:last-child { - border-right-style: none; -} -columnview.view > header > button > box > sort-indicator, -treeview.view > header > button > box > sort-indicator { - min-height: 16px; - min-width: 16px; -} -columnview.view > header > button > box > sort-indicator.ascending, -treeview.view > header > button > box > sort-indicator.ascending { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} -columnview.view > header > button > box > sort-indicator.descending, -treeview.view > header > button > box > sort-indicator.descending { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} -columnview.view button.dnd, -columnview.view header.button.dnd, -treeview.view button.dnd, -treeview.view header.button.dnd { - padding: 2px 6px; - border-style: none solid solid; - border-width: 1px; - border-color: rgba(172, 176, 208, 0.2); - border-radius: 0; - box-shadow: none; - background-clip: border-box; - color: #7aa2f7; -} -columnview.view acceleditor > label, -treeview.view acceleditor > label { - background-color: #7aa2f7; -} - -/** - * Menus - */ -menubar { - background-color: #1a1b26; - color: #ffffff; -} -menubar:backdrop { - background-color: #10111c; - color: rgba(255, 255, 255, 0.7); -} -.csd menubar { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); -} -menubar > item { - min-height: 20px; - padding: 4px 8px; - color: rgba(255, 255, 255, 0.7); -} -menubar > item:hover { - background-color: rgba(255, 255, 255, 0.08); -} -menubar > item:focus:not(:hover) { - background-color: rgba(255, 255, 255, 0.08); -} -menubar > item:active { - background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 10%); -} -menubar > item:selected:not(:focus) { - transition: none; - background-color: rgba(255, 255, 255, 0.12); - color: #ffffff; -} -menubar > item:disabled { - color: rgba(255, 255, 255, 0.3); -} - -popover.menu > contents { - padding: 6px 0; -} -popover.menu separator { - margin: 6px 0; -} -popover.menu label.title { - min-height: 24px; - padding: 4px 32px; - font-weight: bold; -} -popover.menu modelbutton { - min-height: 22px; - min-width: 40px; - padding: 4px 32px; -} -popover.menu modelbutton:disabled { - color: rgba(172, 176, 208, 0.5); -} -popover.menu modelbutton accelerator { - color: rgba(172, 176, 208, 0.7); -} -popover.menu modelbutton accelerator:dir(ltr) { - margin-left: 24px; - margin-right: -16px; -} -popover.menu modelbutton accelerator:dir(rtl) { - margin-left: -16px; - margin-right: 24px; -} -popover.menu modelbutton:disabled accelerator { - color: rgba(172, 176, 208, 0.3); -} -popover.menu check, popover.menu check:focus, popover.menu check:hover, popover.menu check:active, popover.menu check:disabled, -popover.menu radio, -popover.menu radio:focus, -popover.menu radio:hover, -popover.menu radio:active, -popover.menu radio:disabled { - background-color: transparent; - background-image: none; -} -popover.menu arrow, -popover.menu check, -popover.menu radio { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} -popover.menu arrow.left, -popover.menu check.left, -popover.menu radio.left { - margin-left: -24px; - margin-right: 8px; -} -popover.menu arrow.right, -popover.menu check.right, -popover.menu radio.right { - margin-left: 8px; - margin-right: -24px; -} -popover.menu box.inline-buttons { - padding: 0 8px; -} -popover.menu box.circular-buttons { - padding: 4px 32px; -} -popover.menu box.circular-buttons button.circular.image-button.model { - padding: 12px; -} - -/** - * Popovers - */ -popover { - font: initial; -} -popover.background { - background-color: transparent; -} -popover > arrow, -popover > contents { - transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - background-color: #24283b; - color: #acb0d0; -} -popover > arrow:backdrop, -popover > contents:backdrop { - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -} -popover > arrow { - border-width: 1px; - border-style: solid; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3); - background-clip: padding-box; -} - -popover > contents { - padding: 8px; - border-radius: 4px; -} -popover > contents > list, -popover > contents .view, -popover > contents > .toolbar { - border-style: none; - box-shadow: none; - background-color: transparent; -} -popover frame, -popover .frame { - border: 1px solid rgba(172, 176, 208, 0.2); - box-shadow: none; - background-color: transparent; -} -/** - * Notebooks - */ -notebook:focus:focus-visible > header > tabs > tab:checked { - background-color: rgba(122, 162, 247, 0.12); -} -notebook > header.top { - box-shadow: inset 0 -1px rgba(172, 176, 208, 0.2); -} -notebook > header.top > tabs > tab { - box-shadow: inset 0 -2px transparent; -} -notebook > header.top > tabs > tab:checked { - box-shadow: inset 0 -2px #7aa2f7; -} -notebook > header.bottom { - box-shadow: inset 0 1px rgba(172, 176, 208, 0.2); -} -notebook > header.bottom > tabs > tab { - box-shadow: inset 0 2px transparent; -} -notebook > header.bottom > tabs > tab:checked { - box-shadow: inset 0 2px #7aa2f7; -} -notebook > header.left { - box-shadow: inset -1px 0 rgba(172, 176, 208, 0.2); -} -notebook > header.left > tabs > tab { - box-shadow: inset -2px 0 transparent; -} -notebook > header.left > tabs > tab:checked { - box-shadow: inset -2px 0 #7aa2f7; -} -notebook > header.right { - box-shadow: inset 1px 0 rgba(172, 176, 208, 0.2); -} -notebook > header.right > tabs > tab { - box-shadow: inset 2px 0 transparent; -} -notebook > header.right > tabs > tab:checked { - box-shadow: inset 2px 0 #7aa2f7; -} -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.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; - padding: 4px; - border-radius: 0; - color: rgba(172, 176, 208, 0.7); -} -notebook > header > tabs > arrow:drop(active), notebook > header > tabs > arrow:hover { - background-color: rgba(172, 176, 208, 0.04); -} -notebook > header > tabs > arrow:focus { - background-color: rgba(172, 176, 208, 0.08); -} -notebook > header > tabs > arrow:active { - background-image: radial-gradient(circle, rgba(172, 176, 208, 0.12) 10%, transparent 10%); -} -notebook > header > tabs > arrow:disabled { - color: rgba(172, 176, 208, 0.3); -} -notebook > header > tabs > tab { - min-height: 24px; - min-width: 24px; - padding: 6px 12px; - color: rgba(172, 176, 208, 0.7); - font-weight: 500; -} -notebook > header > tabs > tab:drop(active), notebook > header > tabs > tab:hover { - background-color: rgba(172, 176, 208, 0.04); -} -notebook > header > tabs > tab:focus { - background-color: rgba(172, 176, 208, 0.08); -} -notebook > header > tabs > tab:active { - background-image: radial-gradient(circle, rgba(172, 176, 208, 0.12) 10%, transparent 10%); -} -notebook > header > tabs > tab:disabled { - color: rgba(172, 176, 208, 0.3); -} -notebook > header > tabs > tab:checked { - color: #7aa2f7; -} -notebook > header > tabs > tab:checked:drop(active), notebook > header > tabs > tab:checked:hover { - background-color: rgba(122, 162, 247, 0.08); -} -notebook > header > tabs > tab:checked:focus { - background-color: rgba(122, 162, 247, 0.12); -} -notebook > header > tabs > tab:checked:active { - background-image: radial-gradient(circle, rgba(122, 162, 247, 0.16) 10%, transparent 10%); -} -notebook > header > tabs > tab:checked:disabled { - color: rgba(172, 176, 208, 0.3); -} -notebook > header > tabs > tab > box { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); - margin: -6px -12px; - padding: 6px 12px; -} -notebook > header > tabs > tab > box:drop(active) { - background-color: rgba(172, 176, 208, 0.08); -} -notebook > header > tabs > tab button.flat:last-child { - margin-left: 6px; - margin-right: -6px; -} -notebook > header > tabs > tab button.flat:first-child { - margin-left: -6px; - margin-right: 6px; -} - -/** - * Scrollbars - */ -scrollbar { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - background-clip: padding-box; -} -scrollbar.top { - border-bottom: 1px solid rgba(172, 176, 208, 0.2); -} -scrollbar.bottom { - border-top: 1px solid rgba(172, 176, 208, 0.2); -} -scrollbar.left { - border-right: 1px solid rgba(172, 176, 208, 0.2); -} -scrollbar.right { - border-left: 1px solid rgba(172, 176, 208, 0.2); -} -scrollbar > range > trough > slider { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); - min-width: 10px; - min-height: 10px; - border: 3px solid transparent; - border-radius: 9999px; - background-clip: padding-box; - background-color: rgba(172, 176, 208, 0.5); -} -scrollbar > range > trough > slider:hover { - background-color: rgba(172, 176, 208, 0.6); -} -scrollbar > range > trough > slider:active { - background-color: rgba(172, 176, 208, 0.7); -} -scrollbar > range > trough > slider:disabled { - background-color: rgba(172, 176, 208, 0.3); -} -scrollbar.horizontal > range > trough > slider { - min-width: 24px; -} -scrollbar.vertical > range > trough > slider { - min-height: 24px; -} -scrollbar > range.fine-tune > trough > slider { - min-width: 4px; - min-height: 4px; -} -scrollbar > range.fine-tune.horizontal > trough > slider { - margin: 3px 0; -} -scrollbar > range.fine-tune.vertical > trough > slider { - margin: 0 3px; -} -scrollbar.overlay-indicator > range:not(.fine-tune) > trough > slider { - transition-property: background-color, min-height, min-width; -} -scrollbar.overlay-indicator:not(.dragging):not(.hovering) { - border-color: transparent; - background-color: transparent; -} -scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider { - min-width: 4px; - min-height: 4px; - margin: 2px; - border: 1px solid rgba(36, 40, 59, 0.3); -} -scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal > range > trough > slider { - min-width: 24px; -} -scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical > range > trough > slider { - min-height: 24px; -} -scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - background-color: #24283b; -} - -/** - * Switch - */ -switch { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - margin: 6px 0; - padding: 0 2px; - border: 5px solid transparent; - border-radius: 9999px; - background-color: rgba(172, 176, 208, 0.3); - background-clip: padding-box; - font-size: 0; -} -switch:checked { - background-color: rgba(122, 162, 247, 0.5); -} -switch:disabled { - opacity: 0.5; -} -switch > image { - margin: -8px; - -gtk-icon-transform: scale(0); -} -switch > slider { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - min-width: 20px; - min-height: 20px; - margin: -3px -2px; - border-radius: 9999px; - box-shadow: 0 0 0 10px transparent, 0 0 0 -10px rgba(172, 176, 208, 0.12), 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); - background-color: #24283b; -} -switch:hover > slider { - box-shadow: 0 0 0 10px rgba(172, 176, 208, 0.08), 0 0 0 -10px rgba(172, 176, 208, 0.12), 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); -} -switch:focus > slider { - box-shadow: 0 0 0 10px rgba(172, 176, 208, 0.08), 0 0 0 -10px rgba(172, 176, 208, 0.12), 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); -} -switch:active > slider { - box-shadow: 0 0 0 10px rgba(172, 176, 208, 0.08), 0 0 0 10px rgba(172, 176, 208, 0.12), 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); -} -switch:checked > slider { - background-color: #7aa2f7; -} -switch:checked:hover > slider { - box-shadow: 0 0 0 10px rgba(122, 162, 247, 0.12), 0 0 0 -10px rgba(122, 162, 247, 0.16), 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); -} -switch:checked:focus > slider { - box-shadow: 0 0 0 10px rgba(122, 162, 247, 0.12), 0 0 0 -10px rgba(122, 162, 247, 0.16), 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); -} -switch:checked:active > slider { - box-shadow: 0 0 0 10px rgba(122, 162, 247, 0.12), 0 0 0 10px rgba(122, 162, 247, 0.16), 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); -} -/** - * Check and Radio items - */ -.view.content-view.check:not(list), -.content-view:not(list) .tile check { - min-height: 40px; - min-width: 40px; - margin: 0; - padding: 0; - background-color: transparent; - background-image: none; - -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 1px 5px rgba(0, 0, 0, 0.12); -} -.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active, -.content-view:not(list) .tile check:hover, -.content-view:not(list) .tile check:active { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.2), 0 4px 5px rgba(0, 0, 0, 0.14), 0 1px 10px rgba(0, 0, 0, 0.12); -} -.view.content-view.check:not(list), -.content-view:not(list) .tile check { - -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked-dark.png"), url("assets/selectionmode-checkbox-unchecked-dark@2.png")); -} -.view.content-view.check:not(list):checked, -.content-view:not(list) .tile check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked-dark.png"), url("assets/selectionmode-checkbox-checked-dark@2.png")); -} - -checkbutton, -radiobutton { - border-spacing: 4px; -} -checkbutton.text-button, -radiobutton.text-button { - padding: 4px; -} - -check, -radio { - min-height: 24px; - min-width: 24px; - margin: -8px; - padding: 8px; - border-radius: 9999px; - color: rgba(172, 176, 208, 0.7); -} -check:drop(active), check:hover, -radio:drop(active), -radio:hover { - background-color: rgba(172, 176, 208, 0.08); -} -check:focus, -radio:focus { - background-color: rgba(172, 176, 208, 0.08); -} -check:active, -radio:active { - background-image: radial-gradient(circle, rgba(172, 176, 208, 0.12) 10%, transparent 10%); -} -check:checked, check:indeterminate, -radio:checked, -radio:indeterminate { - color: #7aa2f7; -} -check:checked:drop(active), check:checked:hover, check:indeterminate:drop(active), check:indeterminate:hover, -radio:checked:drop(active), -radio:checked:hover, -radio:indeterminate:drop(active), -radio:indeterminate:hover { - background-color: rgba(122, 162, 247, 0.12); -} -check:checked:focus, check:indeterminate:focus, -radio:checked:focus, -radio:indeterminate:focus { - background-color: rgba(122, 162, 247, 0.12); -} -check:checked:active, check:indeterminate:active, -radio:checked:active, -radio:indeterminate:active { - background-image: radial-gradient(circle, rgba(122, 162, 247, 0.16) 10%, transparent 10%); -} -check:disabled, -radio:disabled { - color: rgba(172, 176, 208, 0.3); -} - -check { - -gtk-icon-source: -gtk-recolor(url("icons/checkbox-unchecked-symbolic.svg")); -} -check:checked { - -gtk-icon-source: -gtk-recolor(url("icons/checkbox-checked-symbolic.svg")); -} -check:indeterminate { - -gtk-icon-source: -gtk-recolor(url("icons/checkbox-mixed-symbolic.svg")); -} - -radio { - -gtk-icon-source: -gtk-recolor(url("icons/radio-unchecked-symbolic.svg")); - border-image-slice: 20; - border-image-width: 20px; - border-image-source: radial-gradient(circle, #7aa2f7 0%, transparent 0%); -} -radio:indeterminate { - -gtk-icon-source: -gtk-recolor(url("icons/radio-mixed-symbolic.svg")); -} -radio:checked:not(:indeterminate) { - border-image-source: radial-gradient(circle, #7aa2f7 4.5px, transparent 5px); -} -radio:checked:not(:indeterminate):disabled { - border-image-source: radial-gradient(circle, rgba(172, 176, 208, 0.3) 4.5px, transparent 5px); -} - -popover.menu modelbutton check { - min-height: 16px; - min-width: 16px; - border-radius: 4px; - -gtk-icon-source: -gtk-recolor(url("icons/small-checkbox-unchecked-symbolic.svg")); -} -popover.menu modelbutton check:checked { - -gtk-icon-source: -gtk-recolor(url("icons/small-checkbox-checked-symbolic.svg")); -} -popover.menu modelbutton check:indeterminate { - -gtk-icon-source: -gtk-recolor(url("icons/small-checkbox-mixed-symbolic.svg")); -} - -popover.menu modelbutton radio { - min-height: 16px; - min-width: 16px; - border-image: none; - -gtk-icon-source: -gtk-recolor(url("icons/small-radio-unchecked-symbolic.svg")); -} -popover.menu modelbutton radio:checked { - -gtk-icon-source: -gtk-recolor(url("icons/small-radio-checked-symbolic.svg")); -} -popover.menu modelbutton radio:indeterminate { - -gtk-icon-source: -gtk-recolor(url("icons/small-radio-mixed-symbolic.svg")); -} - -treeview.view check, -treeview.view radio { - padding: 0; - color: rgba(172, 176, 208, 0.7); -} -treeview.view check:checked, treeview.view check:indeterminate, -treeview.view radio:checked, -treeview.view radio:indeterminate { - color: #7aa2f7; -} -treeview.view check:disabled, -treeview.view radio:disabled { - color: rgba(172, 176, 208, 0.3); -} -treeview.view check, treeview.view check:hover, treeview.view check:selected, treeview.view check:selected:hover, -treeview.view radio, -treeview.view radio:hover, -treeview.view radio:selected, -treeview.view radio:selected:hover { - background-color: transparent; -} - -treeview.view radio:checked { - -gtk-icon-source: -gtk-recolor(url("icons/radio-checked-symbolic.svg")); - border-image: none; -} - -/** - * GtkScale - */ -scale { - min-height: 2px; - min-width: 2px; -} -scale.horizontal { - padding: 17px 12px; -} -scale.vertical { - padding: 12px 17px; -} -scale.fine-tune.horizontal { - min-height: 4px; - padding-top: 16px; - padding-bottom: 16px; -} -scale.fine-tune.vertical { - min-width: 4px; - padding-left: 16px; - padding-right: 16px; -} -scale.fine-tune > trough > slider { - margin: -14px; -} -scale > trough { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: rgba(172, 176, 208, 0.3); -} -scale > trough:disabled { - background-color: rgba(172, 176, 208, 0.2); -} -scale > trough > highlight { - transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1); - background-image: image(#7aa2f7); -} -scale > trough > highlight:disabled { - background-color: #1a1b26; - background-image: image(rgba(172, 176, 208, 0.3)); -} -scale > trough > fill { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: rgba(172, 176, 208, 0.3); -} -scale > trough > fill:disabled { - background-color: transparent; -} -scale > trough > slider { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); - min-width: 32px; - min-height: 32px; - margin: -15px; - border-radius: 50%; - background-repeat: no-repeat; - background-position: center; - background-size: auto, 1000% 1000%; - color: #7aa2f7; -} -scale > trough > slider { - background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 10%); -} -scale > trough > slider:disabled { - background-image: -gtk-scaled(url("assets/scale-slider-disabled-dark.png"), url("assets/scale-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 10%); -} -scale > trough > slider:hover { - background-color: rgba(122, 162, 247, 0.12); -} -scale > trough > slider:focus { - background-color: rgba(122, 162, 247, 0.12); -} -scale > trough > slider:active { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; - animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards; - background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png")), radial-gradient(circle, rgba(122, 162, 247, 0.16) 10%, transparent 10%); - background-size: auto, 0% 0%; -} -scale > marks, -scale > value { - color: rgba(172, 176, 208, 0.7); -} -scale > value { - font-feature-settings: "tnum"; -} -scale indicator { - background-color: rgba(172, 176, 208, 0.3); -} -scale.horizontal > marks.top { - margin-bottom: 7px; - margin-top: -15px; -} -scale.horizontal.fine-tune > marks.top { - margin-bottom: 6px; - margin-top: -14px; -} -scale.horizontal > marks.bottom { - margin-top: 7px; - margin-bottom: -15px; -} -scale.horizontal.fine-tune > marks.bottom { - margin-top: 6px; - margin-bottom: -14px; -} -scale.vertical > marks.top { - margin-right: 7px; - margin-left: -15px; -} -scale.vertical.fine-tune > marks.top { - margin-right: 6px; - margin-left: -14px; -} -scale.vertical > marks.bottom { - margin-left: 7px; - margin-right: -15px; -} -scale.vertical.fine-tune > marks.bottom { - margin-left: 6px; - margin-right: -14px; -} -scale.horizontal indicator { - min-height: 8px; - min-width: 1px; -} -scale.vertical indicator { - min-height: 1px; - min-width: 8px; -} -scale.horizontal.marks-before:not(.marks-after) > trough > slider { - background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 10%); -} -scale.horizontal.marks-before:not(.marks-after) > trough > slider:disabled { - background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled-dark.png"), url("assets/scale-horz-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 10%); -} -scale.horizontal.marks-before:not(.marks-after) > trough > slider:active { - background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")), radial-gradient(circle, rgba(122, 162, 247, 0.16) 10%, transparent 10%); -} -scale.horizontal.marks-after:not(.marks-before) > trough > slider { - background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 10%); -} -scale.horizontal.marks-after:not(.marks-before) > trough > slider:disabled { - background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled-dark.png"), url("assets/scale-horz-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 10%); -} -scale.horizontal.marks-after:not(.marks-before) > trough > slider:active { - background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")), radial-gradient(circle, rgba(122, 162, 247, 0.16) 10%, transparent 10%); -} -scale.vertical.marks-before:not(.marks-after) > trough > slider { - background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 10%); -} -scale.vertical.marks-before:not(.marks-after) > trough > slider:disabled { - background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled-dark.png"), url("assets/scale-vert-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 10%); -} -scale.vertical.marks-before:not(.marks-after) > trough > slider:active { - background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")), radial-gradient(circle, rgba(122, 162, 247, 0.16) 10%, transparent 10%); -} -scale.vertical.marks-after:not(.marks-before) > trough > slider { - background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 10%); -} -scale.vertical.marks-after:not(.marks-before) > trough > slider:disabled { - background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled-dark.png"), url("assets/scale-vert-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 10%); -} -scale.vertical.marks-after:not(.marks-before) > trough > slider:active { - background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")), radial-gradient(circle, rgba(122, 162, 247, 0.16) 10%, transparent 10%); -} -scale.color { - min-height: 0; - min-width: 0; -} -scale.color.horizontal:dir(ltr), scale.color.horizontal:dir(rtl) { - padding: 0 0 12px 0; -} -scale.color.horizontal:dir(ltr) slider, scale.color.horizontal:dir(rtl) slider { - margin-bottom: -24px; - margin-top: 8px; -} -scale.color.vertical:dir(ltr) { - padding: 0 0 0 12px; -} -scale.color.vertical:dir(ltr) slider { - margin-left: -24px; - margin-right: 8px; -} -scale.color.vertical:dir(rtl) { - padding: 0 12px 0 0; -} -scale.color.vertical:dir(rtl) slider { - margin-right: -24px; - margin-left: 8px; -} - -/** - * Progress bars - */ -progressbar { - color: rgba(172, 176, 208, 0.7); - font-size: smaller; - font-feature-settings: "tnum"; -} -progressbar > trough { - background-color: rgba(172, 176, 208, 0.2); -} -progressbar > trough > progress { - background-color: #7aa2f7; -} -progressbar.horizontal > trough { - min-width: 150px; -} -progressbar.horizontal > trough, -progressbar.horizontal > trough > progress { - min-height: 4px; -} -progressbar.vertical > trough { - min-height: 80px; -} -progressbar.vertical > trough, -progressbar.vertical > trough > progress { - min-width: 4px; -} -progressbar > trough.empty > progress { - all: unset; -} - -/** - * Level Bar - */ -levelbar.horizontal > trough > block { - min-height: 4px; -} -levelbar.horizontal.discrete > trough > block { - min-width: 36px; -} -levelbar.horizontal.discrete > trough > block:not(:last-child) { - margin-right: 2px; -} -levelbar.vertical > trough > block { - min-width: 4px; -} -levelbar.vertical.discrete > trough > block { - min-height: 36px; -} -levelbar.vertical.discrete > trough > block:not(:last-child) { - margin-bottom: 2px; -} -levelbar > trough > block.low { - background-color: #e0af68; -} -levelbar > trough > block.high, levelbar > trough > block:not(.empty) { - background-color: #7aa2f7; -} -levelbar > trough > block.full { - background-color: #9ece6a; -} -levelbar > trough > block.empty { - background-color: rgba(172, 176, 208, 0.2); -} - -/** - * Print dialog - */ -window.dialog.print paper { - border-radius: 4px; - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); - background-color: #24283b; - color: #acb0d0; -} -window.dialog.print .dialog-action-box { - margin: 12px; -} - -/** - * Frames - */ -frame, -.frame { - border-radius: 4px; - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); - background-color: #24283b; - color: #acb0d0; -} -frame > label { - margin: 4px; -} - -statusbar { - padding: 6px 10px; -} - -actionbar > revealer > box { - padding: 6px; - border-spacing: 6px; - border-top: 1px solid rgba(172, 176, 208, 0.2); -} -actionbar > revealer > box .linked:not(.vertical) > entry:not(:only-child) { - border-radius: 4px 4px 0 0; -} - -overshoot.top { - background-image: radial-gradient(farthest-side at top, rgba(122, 162, 247, 0.24) 99%, rgba(122, 162, 247, 0) 100%); - background-size: 200% 75%; - background-repeat: no-repeat; - background-position: top; -} -overshoot.bottom { - background-image: radial-gradient(farthest-side at bottom, rgba(122, 162, 247, 0.24) 99%, rgba(122, 162, 247, 0) 100%); - background-size: 200% 75%; - background-repeat: no-repeat; - background-position: bottom; -} -overshoot.left { - background-image: radial-gradient(farthest-side at left, rgba(122, 162, 247, 0.24) 99%, rgba(122, 162, 247, 0) 100%); - background-size: 75% 200%; - background-repeat: no-repeat; - background-position: left; -} -overshoot.right { - background-image: radial-gradient(farthest-side at right, rgba(122, 162, 247, 0.24) 99%, rgba(122, 162, 247, 0) 100%); - background-size: 75% 200%; - background-repeat: no-repeat; - background-position: right; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(172, 176, 208, 0.2); -} -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - min-width: 1px; - min-height: 1px; - background-color: rgba(172, 176, 208, 0.2); -} - -button.font > box > box > separator { - min-width: 0; - min-height: 0; - background-color: transparent; -} - -/** - * Lists - */ -listview > row, -list > row { - padding: 2px; -} -listview > row.expander, -list > row.expander { - padding: 0; -} -listview > row.expander .row-header, -list > row.expander .row-header { - padding: 2px; -} -listview.separators:not(.horizontal) > row:not(:first-child), -list.separators:not(.horizontal) > row:not(:first-child) { - border-top: 1px solid rgba(172, 176, 208, 0.2); -} -listview.separators.horizontal > row:not(:first-child), -list.separators.horizontal > row:not(:first-child) { - border-left: 1px solid rgba(172, 176, 208, 0.2); -} - -row { - background-clip: padding-box; -} -row.activatable:drop(active), row.activatable:hover { - background-color: rgba(172, 176, 208, 0.04); -} -row.activatable:focus { - background-color: rgba(172, 176, 208, 0.08); -} -row.activatable:active { - background-image: radial-gradient(circle, rgba(172, 176, 208, 0.12) 10%, transparent 10%); -} -row.activatable:drop(active):not(:active), row.activatable:hover:not(:active) { - transition-property: all, border-image, background-size, background-image, background-color; - transition-duration: 75ms, 225ms, 300ms, 1200ms, 0ms; -} -row.activatable.has-open-popup { - background-color: rgba(172, 176, 208, 0.12); -} -row:selected { - background-color: rgba(122, 162, 247, 0.32); - background-color: rgba(122, 162, 247, 0.32); -} -row:selected:drop(active), row:selected:hover { - background-color: rgba(122, 162, 247, 0.3744); -} -row:selected:focus { - background-color: rgba(122, 162, 247, 0.4016); -} -row:selected:active { - background-image: radial-gradient(circle, rgba(122, 162, 247, 0.16) 10%, transparent 10%); -} -row:selected.has-open-popup { - background-color: rgba(122, 162, 247, 0.4288); -} - -listview > row:drop(active), listview > row:hover { - background-color: rgba(172, 176, 208, 0.04); -} -listview > row:focus { - background-color: rgba(172, 176, 208, 0.08); -} -listview > row:active { - background-image: radial-gradient(circle, rgba(172, 176, 208, 0.12) 10%, transparent 10%); -} -listview > row:drop(active):not(:active), listview > row:hover:not(:active) { - transition-property: all, border-image, background-size, background-image, background-color; - transition-duration: 75ms, 225ms, 300ms, 1200ms, 0ms; -} -listview:selected { - background-color: rgba(122, 162, 247, 0.32); - background-color: rgba(122, 162, 247, 0.32); -} -listview:selected:drop(active), listview:selected:hover { - background-color: rgba(122, 162, 247, 0.3744); -} -listview:selected:focus { - background-color: rgba(122, 162, 247, 0.4016); -} -listview:selected:active { - background-image: radial-gradient(circle, rgba(122, 162, 247, 0.16) 10%, transparent 10%); -} - -columnview > listview > row { - padding: 0; -} -columnview > listview > row > cell { - min-height: 24px; - padding: 4px 6px; -} -columnview > listview > row > cell:not(:last-child) { - border-right: 1px solid transparent; -} -columnview.column-separators > listview > row > cell { - border-right-color: rgba(172, 176, 208, 0.2); -} -columnview.data-table > listview > row > cell { - padding-top: 2px; - padding-bottom: 2px; -} - -.rich-list > row { - padding: 12px; - min-height: 36px; -} -.rich-list > row > box { - border-spacing: 12px; -} - -/** - * App Notifications - */ -.app-notification { - margin: 8px; - border-style: none; -} -.app-notification button.text-button:not(:disabled) { - color: #7aa2f7; -} -.app-notification button.text-button:not(:disabled):drop(active), .app-notification button.text-button:not(:disabled):hover { - background-color: rgba(122, 162, 247, 0.12); -} -.app-notification button.text-button:not(:disabled):focus { - background-color: rgba(122, 162, 247, 0.12); -} -.app-notification button.text-button:not(:disabled):active { - background-image: radial-gradient(circle, rgba(122, 162, 247, 0.16) 10%, transparent 10%); -} - -/** - * Expanders - */ -expander { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - min-width: 16px; - min-height: 16px; - padding: 4px; - border-radius: 9999px; - color: rgba(172, 176, 208, 0.7); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} -expander:drop(active), expander:hover { - background-color: rgba(172, 176, 208, 0.08); -} -expander:focus { - background-color: rgba(172, 176, 208, 0.08); -} -expander:active { - background-image: radial-gradient(circle, rgba(172, 176, 208, 0.12) 10%, transparent 10%); -} -expander:disabled { - color: rgba(172, 176, 208, 0.3); -} -expander:checked:dir(ltr) { - -gtk-icon-transform: rotate(-180deg); -} -expander:checked:dir(rtl) { - -gtk-icon-transform: rotate(180deg); -} - -indent { - min-width: 16px; - min-height: 16px; - padding: 4px; -} - -expander-widget:focus > box > title > expander { - box-shadow: inset 0 0 0 9999px rgba(172, 176, 208, 0.08); -} -expander-widget > box > title:drop(active) > expander, -expander-widget > box > title:hover > expander { - box-shadow: inset 0 0 0 9999px rgba(172, 176, 208, 0.08); -} -expander-widget > box > title:active > expander { - transition-duration: 75ms, 225ms, 0ms, 0ms; - animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; - background-size: 0% 0%; - background-image: radial-gradient(circle, rgba(172, 176, 208, 0.12) 10%, transparent 10%); -} - -/** - * Calendar - */ -calendar { - border-radius: 4px; - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); - background-color: #24283b; - color: #acb0d0; -} -calendar:disabled { - color: rgba(172, 176, 208, 0.5); -} -calendar > header { - padding: 4px; - border-spacing: 4px; - border-bottom: 1px solid rgba(172, 176, 208, 0.2); -} -calendar > header > button.image-button { - padding: 0; - min-width: 28px; - min-height: 28px; - border-radius: 9999px; - background-color: transparent; - color: rgba(172, 176, 208, 0.7); - box-shadow: none; - background-color: transparent; -} -calendar > header > button.image-button:drop(active), calendar > header > button.image-button:hover { - box-shadow: none; - background-color: rgba(172, 176, 208, 0.08); -} -calendar > header > button.image-button:focus { - box-shadow: none; - background-color: rgba(172, 176, 208, 0.08); -} -calendar > header > button.image-button:active { - box-shadow: none; - background-image: radial-gradient(circle, rgba(172, 176, 208, 0.12) 10%, transparent 10%); -} -calendar > header > button.image-button:disabled { - color: rgba(172, 176, 208, 0.3); -} -calendar > grid { - padding: 4px; - border-spacing: 4px; -} -calendar > grid > label { - padding: 0; - min-width: 28px; - min-height: 28px; - border-radius: 9999px; -} -calendar > grid > label.day-name, -calendar > grid > label.week-number { - color: rgba(172, 176, 208, 0.7); - font-weight: 500; -} -calendar > grid > label.day-number:drop(active), calendar > grid > label.day-number:hover { - background-color: rgba(172, 176, 208, 0.08); -} -calendar > grid > label.day-number:focus { - background-color: rgba(172, 176, 208, 0.08); -} -calendar > grid > label.day-number:active { - background-image: radial-gradient(circle, rgba(172, 176, 208, 0.12) 10%, transparent 10%); -} -calendar > grid > label.day-number.today { - box-shadow: inset 0 0 0 1px rgba(172, 176, 208, 0.7); -} -calendar > grid > label.day-number.other-month { - color: rgba(172, 176, 208, 0.3); -} -calendar > grid > label.day-number:selected { - background-color: rgba(122, 162, 247, 0.32); - box-shadow: inset 0 0 0 1px transparent; - background-color: rgba(122, 162, 247, 0.32); -} -calendar > grid > label.day-number:selected:drop(active), calendar > grid > label.day-number:selected:hover { - background-color: rgba(122, 162, 247, 0.4016); -} -calendar > grid > label.day-number:selected:focus { - background-color: rgba(122, 162, 247, 0.4016); -} -calendar > grid > label.day-number:selected:active { - background-image: radial-gradient(circle, rgba(122, 162, 247, 0.16) 10%, transparent 10%); -} - -/** - * Dialogs - */ -window.dialog.message.csd.background { - min-width: 280px; - border-radius: 4px; - background-color: #24283b; -} -window.dialog.message > .titlebar { - min-height: 24px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); - background-color: transparent; - color: #acb0d0; -} -window.dialog.message > .titlebar:backdrop { - background-color: transparent; - color: rgba(172, 176, 208, 0.7); -} -window.dialog.message > box.dialog-vbox.vertical { - border-spacing: 20px; -} -window.dialog.message > box.dialog-vbox.vertical > box.vertical > box.horizontal { - margin: 0 -6px; -} -window.dialog.message label.title { - font-weight: 500; - font-size: 15pt; - letter-spacing: 0.1125pt; -} -window.dialog.message label.title + label { - color: rgba(172, 176, 208, 0.7); -} -window.dialog.message list, -window.dialog.message .view { - background-color: transparent; -} -window.dialog.message .dialog-action-area > button:not(:disabled) { - color: #7aa2f7; -} -window.dialog.message .dialog-action-area > button:not(:disabled):drop(active), window.dialog.message .dialog-action-area > button:not(:disabled):hover { - background-color: rgba(122, 162, 247, 0.12); -} -window.dialog.message .dialog-action-area > button:not(:disabled):focus { - background-color: rgba(122, 162, 247, 0.12); -} -window.dialog.message .dialog-action-area > button:not(:disabled):active { - background-image: radial-gradient(circle, rgba(122, 162, 247, 0.16) 10%, transparent 10%); -} -window.dialog.message .dialog-action-area > button.suggested-action:not(:disabled) { - background-color: transparent; -} -window.dialog.message .dialog-action-area > button.destructive-action:not(:disabled) { - background-color: transparent; - color: #f7768e; -} -window.dialog.message .dialog-action-area > button.destructive-action:not(:disabled):drop(active), window.dialog.message .dialog-action-area > button.destructive-action:not(:disabled):hover { - background-color: rgba(247, 118, 142, 0.12); -} -window.dialog.message .dialog-action-area > button.destructive-action:not(:disabled):focus { - background-color: rgba(247, 118, 142, 0.12); -} -window.dialog.message .dialog-action-area > button.destructive-action:not(:disabled):active { - background-image: radial-gradient(circle, rgba(247, 118, 142, 0.16) 10%, transparent 10%); -} - -.dialog-action-area { - padding: 6px; - border-spacing: 6px; -} - -filechooser .dialog-action-box { - border-top: 1px solid rgba(172, 176, 208, 0.2); -} -filechooser #pathbarbox { - border-bottom: 1px solid rgba(172, 176, 208, 0.2); -} -filechooser #pathbarbox > stack > box > button { - border-radius: 9999px; -} - -filechooserbutton > button > box { - border-spacing: 6px; -} - -/** - * Sidebar - */ -.sidebar { - border-style: none; -} -.sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { - border-right: 1px solid rgba(172, 176, 208, 0.2); - border-left-style: none; -} - -.sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { - border-left: 1px solid rgba(172, 176, 208, 0.2); - border-right-style: none; -} - -paned .sidebar:dir(rtl):not(:dir(ltr)), paned .sidebar:dir(ltr):not(:dir(rtl)) { - border-style: none; -} - -stacksidebar.sidebar list { - padding: 4px; -} -stacksidebar.sidebar list.separators:not(.horizontal) > row:not(:first-child) { - border-top-style: none; -} -stacksidebar.sidebar row { - min-height: 32px; - padding: 0 2px; - border-radius: 4px; - color: rgba(172, 176, 208, 0.7); - font-weight: 500; -} -stacksidebar.sidebar row:selected { - background-color: rgba(122, 162, 247, 0.16); - color: #7aa2f7; - background-color: rgba(122, 162, 247, 0.16); -} -stacksidebar.sidebar row:selected:drop(active), stacksidebar.sidebar row:selected:hover { - background-color: rgba(122, 162, 247, 0.2608); -} -stacksidebar.sidebar row:selected:focus { - background-color: rgba(122, 162, 247, 0.2608); -} -stacksidebar.sidebar row:selected:active { - background-image: radial-gradient(circle, rgba(122, 162, 247, 0.16) 10%, transparent 10%); -} -stacksidebar.sidebar row + row { - margin-top: 4px; -} -stacksidebar.sidebar row > label { - padding-left: 6px; - padding-right: 6px; -} -/** - * File chooser - */ -row image.sidebar-icon { - transition: color 75ms cubic-bezier(0, 0, 0.2, 1); - color: rgba(172, 176, 208, 0.7); -} -row image.sidebar-icon:disabled { - color: rgba(172, 176, 208, 0.3); -} - -placessidebar.sidebar list { - padding: 4px 0; -} -placessidebar.sidebar list > separator { - margin: 4px 0; -} -placessidebar.sidebar row { - min-height: 32px; - margin: 0 4px; - padding: 0; - border-radius: 4px; - color: rgba(172, 176, 208, 0.7); - font-weight: 500; -} -placessidebar.sidebar row > revealer { - padding: 0 8px; -} -placessidebar.sidebar row:selected { - background-color: rgba(122, 162, 247, 0.16); - color: #7aa2f7; - background-color: rgba(122, 162, 247, 0.16); -} -placessidebar.sidebar row:selected:drop(active), placessidebar.sidebar row:selected:hover { - background-color: rgba(122, 162, 247, 0.2608); -} -placessidebar.sidebar row:selected:focus { - background-color: rgba(122, 162, 247, 0.2608); -} -placessidebar.sidebar row:selected:active { - background-image: radial-gradient(circle, rgba(122, 162, 247, 0.16) 10%, transparent 10%); -} -placessidebar.sidebar row:selected image.sidebar-icon { - color: #7aa2f7; -} -placessidebar.sidebar row:disabled { - color: rgba(172, 176, 208, 0.5); -} -placessidebar.sidebar row image.sidebar-icon:dir(ltr) { - padding-right: 8px; -} -placessidebar.sidebar row image.sidebar-icon:dir(rtl) { - padding-left: 8px; -} -placessidebar.sidebar row label.sidebar-label:dir(ltr) { - padding-right: 2px; -} -placessidebar.sidebar row label.sidebar-label:dir(rtl) { - padding-left: 2px; -} -placessidebar.sidebar row.sidebar-placeholder-row { - background-color: rgba(172, 176, 208, 0.08); -} -placessidebar.sidebar row.sidebar-new-bookmark-row { - color: #7aa2f7; -} -placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon { - color: #7aa2f7; -} - -placesview .server-list-button > image { - -gtk-icon-transform: rotate(0turn); -} -placesview .server-list-button:checked > image { - -gtk-icon-transform: rotate(-0.5turn); -} -placesview > actionbar > revealer > box > box { - border-spacing: 6px; -} -placesview > actionbar > revealer > box > box > label { - padding-left: 8px; - padding-right: 8px; -} - -/** - * Paned - */ -paned > separator { - background-clip: content-box; -} -paned > separator.wide { - min-width: 4px; - min-height: 4px; - border: 1px solid rgba(172, 176, 208, 0.2); - background-color: transparent; -} -paned.horizontal > separator:not(.wide) { - margin: 0 -4px; - padding: 0 4px; -} -paned.horizontal > separator.wide { - border-style: none solid; -} -paned.vertical > separator:not(.wide) { - margin: -4px 0; - padding: 4px 0; -} -paned.vertical > separator.wide { - border-style: solid none; -} - -/** - * GtkVideo - */ -video { - background-color: black; -} -video image.osd { - min-width: 64px; - min-height: 64px; - border-radius: 32px; - background-color: rgba(0, 0, 0, 0.6); - color: #fff; -} -video controls.osd { - padding: 4px; - background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4)); - color: rgba(255, 255, 255, 0.87); -} -video controls.osd button { - background-color: transparent; - color: rgba(255, 255, 255, 0.6); -} -video controls.osd button:drop(active), video controls.osd button:hover { - background-color: rgba(255, 255, 255, 0.08); -} -video controls.osd button:focus { - background-color: rgba(255, 255, 255, 0.08); -} -video controls.osd button:active { - background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 10%); -} - -/** - * GtkInfoBar - */ -infobar > revealer > box { - padding: 8px; - border-spacing: 12px; -} -infobar.action:hover > revealer > box { - background-image: image(rgba(172, 176, 208, 0.08)); -} -infobar.info > revealer > box, infobar.question > revealer > box { - border-bottom: 1px solid rgba(172, 176, 208, 0.2); -} -infobar.info > revealer > box button.text-button:not(:disabled), infobar.question > revealer > box button.text-button:not(:disabled) { - color: #7aa2f7; -} -infobar.info > revealer > box button.text-button:not(:disabled):drop(active), infobar.info > revealer > box button.text-button:not(:disabled):hover, infobar.question > revealer > box button.text-button:not(:disabled):drop(active), infobar.question > revealer > box button.text-button:not(:disabled):hover { - background-color: rgba(122, 162, 247, 0.12); -} -infobar.info > revealer > box button.text-button:not(:disabled):focus, infobar.question > revealer > box button.text-button:not(:disabled):focus { - background-color: rgba(122, 162, 247, 0.12); -} -infobar.info > revealer > box button.text-button:not(:disabled):active, infobar.question > revealer > box button.text-button:not(:disabled):active { - background-image: radial-gradient(circle, rgba(122, 162, 247, 0.16) 10%, transparent 10%); -} -infobar.warning > revealer > box { - background-color: #e0af68; - color: #000; -} -infobar.warning > revealer > box button.flat { - color: #000; -} -infobar.warning > revealer > box button.flat:drop(active), infobar.warning > revealer > box button.flat:hover { - background-color: rgba(0, 0, 0, 0.08); -} -infobar.warning > revealer > box button.flat:focus { - background-color: rgba(0, 0, 0, 0.08); -} -infobar.warning > revealer > box button.flat:active { - background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 10%); -} -infobar.warning > revealer > box link { - color: #000; -} -infobar.error > revealer > box { - background-color: #f7768e; - color: #000; -} -infobar.error > revealer > box button.flat { - color: #000; -} -infobar.error > revealer > box button.flat:drop(active), infobar.error > revealer > box button.flat:hover { - background-color: rgba(0, 0, 0, 0.08); -} -infobar.error > revealer > box button.flat:focus { - background-color: rgba(0, 0, 0, 0.08); -} -infobar.error > revealer > box button.flat:active { - background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 10%); -} -infobar.error > revealer > box link { - color: #000; -} -/** - * Tooltips - */ -tooltip { - min-height: 24px; - padding: 4px 8px; - border-radius: 4px; -} -tooltip.background { - background-color: rgba(26, 27, 38, 0.9); - color: #ffffff; -} -tooltip:not(.csd) { - background-color: rgba(26, 27, 38, 0.9); -} -tooltip > box { - border-spacing: 6px; -} -tooltip .dim-label { - color: rgba(255, 255, 255, 0.7); -} - -/** - * Color Chooser - */ -colorswatch { - transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); -} -colorswatch:drop(active), colorswatch.activatable:hover { - box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12); -} -colorswatch:disabled { - opacity: 0.5; -} -colorswatch.top { - border-top-left-radius: 4px; - border-top-right-radius: 4px; -} -colorswatch.bottom { - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; -} -colorswatch.left, colorswatch:first-child:not(.top) { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} -colorswatch.right, colorswatch:last-child:not(.bottom) { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} -colorswatch.dark { - color: #fff; -} -colorswatch.light { - color: #000; -} -colorswatch#add-color-button { - background-color: #24283b; - color: #acb0d0; -} -colorswatch#editor-color-sample { - border-radius: 4px; -} - -colorchooser .popover.osd { - transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 4px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.05); - background-color: #24283b; -} -colorchooser .popover.osd:backdrop { - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.05); -} - -/** - * Misc - */ -/** - * Window Decorations - */ -window.csd { - transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 4px 4px 0 0; - border-radius: 4px; - box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 16px 24px 2px transparent, 0 6px 30px 5px transparent; -} -window.csd:backdrop { - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 16px 24px 2px transparent, 0 6px 30px 5px transparent; -} -window.ssd { - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16); -} -window.solid-csd { - margin: 0; - padding: 2px; - border-radius: 0; - box-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); - background-color: #1a1b26; -} -window.solid-csd:backdrop { - background-color: #10111c; -} -window.maximized, window.fullscreen, window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom { - border-radius: 0; -} - -.monospace { - font-family: monospace; -} - -/** - * Touch Copy & Paste - */ -cursor-handle { - min-width: 24px; - min-height: 24px; - border-radius: 50%; - background-color: #7aa2f7; -} -cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { - border-top-right-radius: 0; -} -cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { - border-top-left-radius: 0; -} -cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { - margin-top: 6px; - transform: rotate(45deg); -} - -shortcuts-section { - margin: 20px; -} - -.shortcuts-search-results { - margin: 20px; - border-spacing: 24px; -} - -shortcut { - border-spacing: 6px; -} - -shortcut > .keycap { - min-width: 12px; - min-height: 28px; - padding-left: 8px; - padding-right: 8px; - border-radius: 4px; - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); - background-color: #24283b; - color: #acb0d0; - font-size: smaller; -} - -stackswitcher > button.text-button { - min-width: 100px; -} - -stackswitcher.circular { - border-spacing: 12px; -} -stackswitcher.circular > button.circular { - min-width: 36px; - min-height: 36px; - padding: 0; -} - -/** - * App Icons - */ -/** - * Emoji - */ -popover.emoji-picker > contents { - padding: 0; -} -popover.emoji-picker > contents emoji { - min-width: 3em; - min-height: 3em; - border-radius: 4px; -} -popover.emoji-picker > contents emoji:drop(active), popover.emoji-picker > contents emoji:hover { - background-color: rgba(172, 176, 208, 0.08); -} -popover.emoji-picker > contents emoji:focus { - background-color: rgba(172, 176, 208, 0.08); -} -popover.emoji-picker > contents emoji:active { - background-image: radial-gradient(circle, rgba(172, 176, 208, 0.12) 10%, transparent 10%); -} - -.emoji-searchbar { - border-bottom: 1px solid rgba(172, 176, 208, 0.2); -} -.emoji-searchbar > entry.search { - border-image: none; - border-radius: 0; - box-shadow: none; - background-color: transparent; -} - -.emoji-toolbar { - padding: 4px; - border-spacing: 4px; - border-top: 1px solid rgba(172, 176, 208, 0.2); -} -.emoji-toolbar > button.emoji-section:checked { - background-color: rgba(122, 162, 247, 0.16); - color: #7aa2f7; - background-color: rgba(122, 162, 247, 0.16); -} -.emoji-toolbar > button.emoji-section:checked:drop(active), .emoji-toolbar > button.emoji-section:checked:hover { - background-color: rgba(122, 162, 247, 0.2608); -} -.emoji-toolbar > button.emoji-section:checked:focus { - background-color: rgba(122, 162, 247, 0.2608); -} -.emoji-toolbar > button.emoji-section:checked:active { - background-image: radial-gradient(circle, rgba(122, 162, 247, 0.16) 10%, transparent 10%); -} - -popover.emoji-completion > contents { - padding: 8px 0; -} -popover.emoji-completion > contents emoji-completion-row { - min-height: 32px; - padding: 0 8px; -} -popover.emoji-completion > contents emoji-completion-row:drop(active), popover.emoji-completion > contents emoji-completion-row:hover { - background-color: rgba(172, 176, 208, 0.08); -} -popover.emoji-completion > contents emoji-completion-row:focus { - background-color: rgba(172, 176, 208, 0.08); -} -popover.emoji-completion > contents emoji-completion-row:active { - background-image: radial-gradient(circle, rgba(172, 176, 208, 0.12) 10%, transparent 10%); -} -popover.emoji-completion > contents emoji-completion-row > box { - border-spacing: 8px; -} -popover.emoji-completion > contents emoji { - border-radius: 4px; -} -popover.emoji-completion > contents emoji:drop(active), popover.emoji-completion > contents emoji:hover { - background-color: rgba(172, 176, 208, 0.08); -} -popover.emoji-completion > contents emoji:focus { - background-color: rgba(172, 176, 208, 0.08); -} -popover.emoji-completion > contents emoji:active { - background-image: radial-gradient(circle, rgba(172, 176, 208, 0.12) 10%, transparent 10%); -} - -popover.entry-completion > contents { - padding: 0; -} -popover.entry-completion > contents treeview.view { - min-height: 32px; - padding: 8px 0; -} -popover.entry-completion > contents treeview.view > .cell { - padding: 0 4px; -} -popover.entry-completion > contents treeview.view > .cell:selected:hover { - background-color: rgba(172, 176, 208, 0.08); -} - -/* GTK NAMED COLORS - ---------------- - use responsibly! */ -/* -widget text/foreground color */ -@define-color theme_fg_color #acb0d0; -/* -text color for entries, views and content in general */ -@define-color theme_text_color #acb0d0; -/* -widget base background color */ -@define-color theme_bg_color #1a1b26; -/* -text widgets and the like base background color */ -@define-color theme_base_color #24283b; -/* -base background color of selections */ -@define-color theme_selected_bg_color #7aa2f7; -/* -text/foreground color of selections */ -@define-color theme_selected_fg_color #000; -/* -base background color of insensitive widgets */ -@define-color insensitive_bg_color #1a1b26; -/* -text foreground color of insensitive widgets */ -@define-color insensitive_fg_color rgba(172, 176, 208, 0.5); -/* -insensitive text widgets and the like base background color */ -@define-color insensitive_base_color #24283b; -/* -widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color #acb0d0; -/* -text color for entries, views and content in general on backdrop windows */ -@define-color theme_unfocused_text_color #acb0d0; -/* -widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #1a1b26; -/* -text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #24283b; -/* -base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #7aa2f7; -/* -text/foreground color of selections on backdrop windows */ -@define-color theme_unfocused_selected_fg_color #000; -/* -insensitive color on backdrop windows */ -@define-color unfocused_insensitive_color rgba(172, 176, 208, 0.5); -/* -widgets main borders color */ -@define-color borders rgba(172, 176, 208, 0.2); -/* -widgets main borders color on backdrop windows */ -@define-color unfocused_borders rgba(172, 176, 208, 0.2); -/* -these are pretty self explicative */ -@define-color warning_color #e0af68; -@define-color error_color #f7768e; -@define-color success_color #9ece6a; -/* -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 #ffffff; -@define-color wm_unfocused_title rgba(255, 255, 255, 0.7); -@define-color wm_highlight rgba(255, 255, 255, 0.05); -@define-color wm_bg #1a1b26; -@define-color wm_unfocused_bg #10111c; -@define-color xfwm4_title white; -@define-color xfwm4_unfocused_title #b7b8bb; -/* content view background such as thumbnails view in Photos or Boxes */ -@define-color content_view_bg #1a1b26; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #1a1b26; -/* placeholder for entries */ -@define-color placeholder_text_color #8387a3; diff --git a/gtk-4.0/icons/checkbox-checked-symbolic.svg b/gtk-4.0/icons/checkbox-checked-symbolic.svg deleted file mode 100644 index 8067c112..00000000 --- a/gtk-4.0/icons/checkbox-checked-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/gtk-4.0/icons/checkbox-mixed-symbolic.svg b/gtk-4.0/icons/checkbox-mixed-symbolic.svg deleted file mode 100644 index 76e69c9e..00000000 --- a/gtk-4.0/icons/checkbox-mixed-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/gtk-4.0/icons/checkbox-unchecked-symbolic.svg b/gtk-4.0/icons/checkbox-unchecked-symbolic.svg deleted file mode 100644 index 97dbb89e..00000000 --- a/gtk-4.0/icons/checkbox-unchecked-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/gtk-4.0/icons/cursor-handle-symbolic.svg b/gtk-4.0/icons/cursor-handle-symbolic.svg deleted file mode 100644 index e2a252b5..00000000 --- a/gtk-4.0/icons/cursor-handle-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/gtk-4.0/icons/radio-checked-symbolic.svg b/gtk-4.0/icons/radio-checked-symbolic.svg deleted file mode 100644 index 7b82c3de..00000000 --- a/gtk-4.0/icons/radio-checked-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/gtk-4.0/icons/radio-mixed-symbolic.svg b/gtk-4.0/icons/radio-mixed-symbolic.svg deleted file mode 100644 index 55d89167..00000000 --- a/gtk-4.0/icons/radio-mixed-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/gtk-4.0/icons/radio-unchecked-symbolic.svg b/gtk-4.0/icons/radio-unchecked-symbolic.svg deleted file mode 100644 index 6d975590..00000000 --- a/gtk-4.0/icons/radio-unchecked-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/gtk-4.0/icons/small-checkbox-checked-symbolic.svg b/gtk-4.0/icons/small-checkbox-checked-symbolic.svg deleted file mode 100644 index 7ad27d5e..00000000 --- a/gtk-4.0/icons/small-checkbox-checked-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/gtk-4.0/icons/small-checkbox-mixed-symbolic.svg b/gtk-4.0/icons/small-checkbox-mixed-symbolic.svg deleted file mode 100644 index 0f808503..00000000 --- a/gtk-4.0/icons/small-checkbox-mixed-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/gtk-4.0/icons/small-checkbox-unchecked-symbolic.svg b/gtk-4.0/icons/small-checkbox-unchecked-symbolic.svg deleted file mode 100644 index bfe0a561..00000000 --- a/gtk-4.0/icons/small-checkbox-unchecked-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/gtk-4.0/icons/small-radio-checked-symbolic.svg b/gtk-4.0/icons/small-radio-checked-symbolic.svg deleted file mode 100644 index 04a9a21e..00000000 --- a/gtk-4.0/icons/small-radio-checked-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/gtk-4.0/icons/small-radio-mixed-symbolic.svg b/gtk-4.0/icons/small-radio-mixed-symbolic.svg deleted file mode 100644 index 31aac91b..00000000 --- a/gtk-4.0/icons/small-radio-mixed-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/gtk-4.0/icons/small-radio-unchecked-symbolic.svg b/gtk-4.0/icons/small-radio-unchecked-symbolic.svg deleted file mode 100644 index f8703819..00000000 --- a/gtk-4.0/icons/small-radio-unchecked-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/index.theme b/index.theme deleted file mode 100644 index a1e9fc3f..00000000 --- a/index.theme +++ /dev/null @@ -1,10 +0,0 @@ -[Desktop Entry] -Type=X-GNOME-Metatheme -Name=tokyonight -Comment=Modified Materia-dark theme -Encoding=UTF-8 - -[X-GNOME-Metatheme] -GtkTheme=Materia-dark -MetacityTheme=Materia-dark -IconTheme=tokyonight diff --git a/oomox-gtk-theme b/oomox-gtk-theme new file mode 160000 index 00000000..71d8d5a9 --- /dev/null +++ b/oomox-gtk-theme @@ -0,0 +1 @@ +Subproject commit 71d8d5a969acb0be424cbe2736a6ff0e259ad665 diff --git a/tokyonight b/tokyonight new file mode 100644 index 00000000..91dd2360 --- /dev/null +++ b/tokyonight @@ -0,0 +1,78 @@ +ACCENT_BG=7aa2f7 +ARC_TRANSPARENCY=True +ARC_WIDGET_BORDER_COLOR=d4d4d4 +BASE16_GENERATE_DARK=False +BASE16_INVERT_TERMINAL=False +BASE16_MILD_TERMINAL=False +BG=1f2335 +BTN_BG=292e42 +BTN_FG=c0caf5 +BTN_OUTLINE_OFFSET=-3 +BTN_OUTLINE_WIDTH=1 +CARET1_FG=3b4261 +CARET2_FG=3b4261 +CARET_SIZE=0.04 +CINNAMON_OPACITY=1.0 +FG=a9b1d6 +GRADIENT=0.0 +GTK3_GENERATE_DARK=True +HDR_BG=24283b +HDR_BTN_BG=292e42 +HDR_BTN_FG=c0caf5 +HDR_FG=a9b1d6 +ICONS_ARCHDROID=f0544c +ICONS_DARK=3b4261 +ICONS_LIGHT=f0544c +ICONS_LIGHT_FOLDER=7aa2f7 +ICONS_MEDIUM=3d59a1 +ICONS_NUMIX_STYLE=0 +ICONS_STYLE=papirus_icons +ICONS_SYMBOLIC_ACTION=c0caf5 +ICONS_SYMBOLIC_PANEL=a9b1d6 +MATERIA_PANEL_OPACITY=0.6 +MATERIA_SELECTION_OPACITY=0.32 +MATERIA_STYLE_COMPACT=True +MENU_BG=444444 +MENU_FG=eeeeee +NAME="Tokyonight/numix" +OUTLINE_WIDTH=1 +ROUNDNESS=4 +SEL_BG=283457 +SEL_FG=c0caf5 +SPACING=3 +SPOTIFY_PROTO_BG=1a1b26 +SPOTIFY_PROTO_FG=c0caf5 +SPOTIFY_PROTO_SEL=7aa2f7 +SURUPLUS_GRADIENT1=b9b9b9 +SURUPLUS_GRADIENT2=f0544c +SURUPLUS_GRADIENT_ENABLED=False +TERMINAL_ACCENT_COLOR=283457 +TERMINAL_BACKGROUND=1a1b26 +TERMINAL_BASE_TEMPLATE=basic +TERMINAL_COLOR0=15161e +TERMINAL_COLOR1=f7768e +TERMINAL_COLOR10=9ece6a +TERMINAL_COLOR11=e0af68 +TERMINAL_COLOR12=7aa2f7 +TERMINAL_COLOR13=bb9af7 +TERMINAL_COLOR14=7dcfff +TERMINAL_COLOR15=c0caf5 +TERMINAL_COLOR2=9ece6a +TERMINAL_COLOR3=e0af68 +TERMINAL_COLOR4=7aa2f7 +TERMINAL_COLOR5=bb9af7 +TERMINAL_COLOR6=7dcfff +TERMINAL_COLOR7=a9b1d6 +TERMINAL_COLOR8=414868 +TERMINAL_COLOR9=f7768e +TERMINAL_FOREGROUND=c0caf5 +TERMINAL_THEME_ACCURACY=128 +TERMINAL_THEME_AUTO_BGFG=True +TERMINAL_THEME_EXTEND_PALETTE=False +TERMINAL_THEME_MODE=manual +THEME_STYLE=oomox +TXT_BG=292e42 +TXT_FG=c0caf5 +UNITY_DEFAULT_LAUNCHER_STYLE=False +WM_BORDER_FOCUS=7aa2f7 +WM_BORDER_UNFOCUS=383c4a