pax_global_header00006660000000000000000000000064132542010400014501gustar00rootroot0000000000000052 comment=5e27bb61293fc6719d27f85c6bf57545298e1427 materia-theme-20180321/000077500000000000000000000000001325420104000144655ustar00rootroot00000000000000materia-theme-20180321/.github/000077500000000000000000000000001325420104000160255ustar00rootroot00000000000000materia-theme-20180321/.github/ISSUE_TEMPLATE.md000066400000000000000000000011601325420104000205300ustar00rootroot00000000000000**NOTE: Before reporting a bug, please check whether it also occurs with other themes.** > If the bug also occurs with other themes (especially upstream default theme), it is very likely an upstream issue. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - If you report a bug or ask a question, please include the following information as required: - Materia version - GTK+ 3 version (You can check it with `pkg-config --modversion gtk+-3.0`) - Distribution (and version) - Desktop environment (and version) - Related application (and version) - Steps to reproduce - Screenshot(s) materia-theme-20180321/.gitignore000066400000000000000000000000061325420104000164510ustar00rootroot00000000000000*.pem materia-theme-20180321/COPYING000066400000000000000000000432541325420104000155300ustar00rootroot00000000000000 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. materia-theme-20180321/HACKING.md000066400000000000000000000123171325420104000160570ustar00rootroot00000000000000## Summary - Do not edit the CSS directly, edit the source SCSS files and run `./parse-sass.sh` - To be able to use the latest/adequate version of Sass, install `sassc` - Do not edit the PNG directly, edit the source SVG files and run `./render-assets.sh` - To be able to render the PNG assets, install `inkscape` and `optipng` - To change the SVG assets color, use a text editor instead of a image editor ## How to tweak the CSS/SCSS Like the upstream Adwaita, this theme is written and processed in Sass. You can read about Sass at http://sass-lang.com/documentation/. Once you make your changes to the SCSS files, run the `./parse-sass.sh` script to rebuild the CSS files. Here's a rundown of the _supporting_ stylesheets: - `_variables.scss` variables to allow easier definition of widget sizing/styling. - `_color-palette.scss` material design color palette definitions. We don't recommend editing this unless Google updates the color scheme. - `_colors.scss` global color definitions. We keep the number of defined colors to a necessary minimum. It covers both the light variant and the dark variant. - `_colors-public.scss` SCSS colors exported through gtk to allow for 3rd party apps color mixing. - `_drawing.scss` drawing helper mixings/functions to allow easier definition of widget drawing under specific context. - `_common.scss` actual definitions of style for each widget. This is where you are likely to add/remove your changes. - `_apps.scss` or `_extensions.scss` app/extension specific stylings. ## How to change the color scheme ### With script To easily change the color scheme, you can use the `change_color.sh` script (or just use the [oomox](https://github.com/actionless/oomox) app). Originally `change_color.sh` (and the `scripts/` dir) was implemented for oomox, but you can also run it on the command line without the app as follows: > Note: This script doesn't support Chrome extensions for now. For `bash`: ```bash ./change_color.sh -o my-test-theme <(echo -e "BG=F5F5F5\nFG=000000\nMENU_BG=FFFFFF\nMENU_FG=000000\nSEL_BG=42A5F5\nSEL_FG=FFFFFF\nTXT_BG=FFFFFF\nTXT_FG=000000\nBTN_BG=FAFAFA\nBTN_FG=000000\nACCENT_BG=FF4081\n") ``` For `fish`: ```fish ./change_color.sh -o my-test-theme (echo -e "BG=F5F5F5\nFG=000000\nMENU_BG=FFFFFF\nMENU_FG=000000\nSEL_BG=42A5F5\nSEL_FG=FFFFFF\nTXT_BG=FFFFFF\nTXT_FG=000000\nBTN_BG=FAFAFA\nBTN_FG=000000\nACCENT_BG=FF4081\n" | psub) ``` ### Manually If you want to change the color scheme in more detail, edit the following files that define color: - `src/_sass/_color-palette.scss` - `src/_sass/_colors.scss` - `src/chrome/chrome-scrollbar{,-dark}/icons/*.svg` - `src/chrome/chrome-theme{,-dark,-light}/*.svg` - `src/chrome/chrome-theme{,-dark,-light}/manifest.json` - `src/gnome-shell/assets{,-dark}/*.svg` - `src/gtk/assets.svg` - `src/gtk-2.0/assets{,-dark}.svg` - `src/gtk-2.0/gtkrc{,-dark,-light}` - `src/metacity-1/metacity-theme-2{,-light}.xml` - `src/metacity-1/metacity-theme-3{,-light}.xml` - `src/unity/*.svg` - `src/unity/assets{,-light}/*.svg` - `src/xfwm4/assets{,-light}/*.svg` - `src/xfwm4/assets{,-light}/themerc` NOTES: - To edit the colors of `.svg` files, use a text editor instead of a image editor. - After editing the colors of `.scss` files, run `./parse-sass.sh` to rebuild the CSS files. - After editing the colors of `src/gtk/assets.svg` and `src/gtk-2.0/assets{,-dark}.svg`, run `./render-assets.sh` to render the PNG assets. - The colors of `manifest.json` are defined in RGB format, so you need to convert your colors from HEX format to RGB format. After all the steps, run `./install.sh`. ## Useful Links #### Upstream theme sources - [GTK+ 4.0](https://gitlab.gnome.org/GNOME/gtk/tree/master/gtk/theme/Adwaita) (master) - [3.22](https://gitlab.gnome.org/GNOME/gtk/tree/gtk-3-22/gtk/theme/Adwaita) - [3.20](https://gitlab.gnome.org/GNOME/gtk/tree/gtk-3-20/gtk/theme/Adwaita) - [3.18](https://gitlab.gnome.org/GNOME/gtk/tree/gtk-3-18/gtk/theme/Adwaita) - [GTK+ 2](https://gitlab.gnome.org/GNOME/gnome-themes-extra/tree/master/themes/Adwaita/gtk-2.0) - [GNOME Shell](https://gitlab.gnome.org/GNOME/gnome-shell/tree/master/data/theme) - [Sass sources](https://github.com/GNOME/gnome-shell-sass) (legacy) - [Metacity](https://gitlab.gnome.org/GNOME/gnome-themes-extra/tree/gnome-3-14/themes/Adwaita/metacity-1) (legacy) > For other upstream theme sources of apps/DEs, see the comments in the source code. #### Tips - [Material Design Guidelines](https://www.material.io/guidelines/) - [CSS Guidelines for Materia](https://github.com/nana-4/materia-theme/wiki/CSS-Guidelines) - [The GTK+ Inspector](https://blog.gtk.org/2017/04/05/the-gtk-inspector/) - [Theming in GTK+ 4](https://developer.gnome.org/gtk4/stable/theming.html) - [Theming in GTK+ 3](https://developer.gnome.org/gtk3/stable/theming.html) - [GTK+ 2 Theming Tutorial](https://wiki.gnome.org/Attic/GnomeArt/Tutorials/GtkThemes) - [The Pixmap Engine](https://wiki.gnome.org/Attic/GnomeArt/Tutorials/GtkEngines/PixmapEngine) - [Designing Metacity Themes](https://wiki.gnome.org/Attic/GnomeArt/Tutorials/MetacityThemes) - [Unity/Theming](https://wiki.ubuntu.com/Unity/Theming) - [Xfwm4 theme how-to](https://wiki.xfce.org/howto/xfwm4_theme) - [Chrome Themes](https://developer.chrome.com/extensions/themes) materia-theme-20180321/README.md000066400000000000000000000135421325420104000157510ustar00rootroot00000000000000# Materia Materia (formerly Flat-Plat) is a [Material Design](https://material.io) theme for GNOME/GTK+ based desktop environments. It supports GTK+ 3, GTK+ 2, GNOME Shell, Budgie, MATE, Unity, LightDM, GDM, Chrome theme, etc. Also Materia has compatibility with [oomox theme designer](https://github.com/actionless/oomox). ## Features **Ripple effect** animations for GTK+ 3 are supported: ![Button](../images/Button.gif?raw=true) **3 color variants** and **2 size variants** are available: | **Materia** | **standard** | **compact** | |:-:|:-:|:-:| | **standard** | ![Materia][1] | ![Materia-compact][2] | | **dark** | ![Materia-dark][3] | ![Materia-dark-compact][4] | | **light** | ![Materia-light][5] | ![Materia-light-compact][6] | [1]: ../images/Materia.png?raw=true [2]: ../images/Materia-compact.png?raw=true [3]: ../images/Materia-dark.png?raw=true [4]: ../images/Materia-dark-compact.png?raw=true [5]: ../images/Materia-light.png?raw=true [6]: ../images/Materia-light-compact.png?raw=true Various **desktop environments** are supported: - GNOME Shell `>=3.18` - Budgie `>=10.2.5` - MATE `>=1.14` - Unity `>=7.4` - ... and more DEs are [planned](TODO.md#supports). ## Installation #### Arch Linux Package is available via [AUR](https://aur.archlinux.org/packages/materia-theme/) (maintained by @cthbleachbit): ``` yaourt -S materia-theme ``` #### Fedora / EPEL Package is available via [Copr](https://copr.fedorainfracloud.org/coprs/tcg/themes/) (maintained by @LaurentTreguier): ``` sudo dnf copr enable tcg/themes sudo dnf install materia-theme ``` #### Ubuntu Package is available via [PPA](https://launchpad.net/~dyatlov-igor/+archive/ubuntu/materia-theme) (maintained by @igor-dyatlov): ``` sudo add-apt-repository ppa:dyatlov-igor/materia-theme sudo apt update sudo apt install materia-theme ``` #### Debian sid [Official package](https://packages.debian.org/unstable/materia-gtk-theme) (maintained by @isaagar) is available: ``` sudo apt install materia-gtk-theme ``` #### Flatpak 3 variants (Materia, Materia-dark, Materia-light) are available via Flathub: ``` flatpak remote-add flathub https://flathub.org/repo/flathub.flatpakrepo flatpak install flathub org.gtk.Gtk3theme.Materia flatpak install flathub org.gtk.Gtk3theme.Materia-dark flatpak install flathub org.gtk.Gtk3theme.Materia-light ``` ### Manual Installation #### Requirements You need to have the following dependencies: - GTK+ `>=3.18` - `gnome-themes-standard` or `gnome-themes-extra` — The package name depends on the distro. - Murrine engine — The package name depends on the distro. - `gtk-engine-murrine` on Arch Linux - `gtk-murrine-engine` on Fedora - `gtk2-engine-murrine` on openSUSE - `gtk2-engines-murrine` on Debian, Ubuntu, etc. #### Installation Run the following commands in the terminal: ```sh cd /tmp && wget -qO - https://github.com/nana-4/materia-theme/archive/master.tar.gz | tar xz cd materia-theme-master sudo ./install.sh ``` **Note:** `./install.sh` allows the following options: ``` -d, --dest DIR Specify destination directory -n, --name NAME Specify theme name -c, --color VARIANTS... Specify color variant(s) [standard|dark|light] -s, --size VARIANT Specify size variant [standard|compact] ``` Without any options, **Materia** will be installed with **all variants** into `/usr/share/themes`. Try `./install.sh --help` for more information. #### Uninstallation Delete the installed directories: ```sh sudo rm -rf /usr/share/themes/Materia{,-compact,-dark,-dark-compact,-light,-light-compact} ``` ## Recommendations #### Font - To properly display the theme, use a font family including **Medium** weight (e.g. [Roboto](https://github.com/google/roboto) or [M+](https://mplus-fonts.osdn.jp)). - Set the font size to `9.75` or `10.5` (i.e. 13px or 14px at 96dpi). #### Chrome Theme To use the Chrome theme; 1. Open the `chrome` folder on `/usr/share/themes/Materia<-variant>`. 2. Drag and drop the `.crx` files into the Chrome/Chromium Extensions page (`chrome://extensions`). #### GDM Theme You can change the GDM (lock/login screen) theme by replacing the default GNOME Shell theme. See the wiki for details: https://github.com/nana-4/materia-theme/wiki/GDM-Theme ## Previews ##### GNOME Shell ![GNOME Shell](../images/gnome.png?raw=true) ##### Budgie Desktop ![Budgie Desktop](../images/budgie.png?raw=true) ##### GDM ![GDM](../images/gdm-unlock.png?raw=true) **Previews Info:** Icon Theme: [Paper](https://github.com/snwh/paper-icon-theme) | Font: [M+ 1C](https://mplus-fonts.osdn.jp) 9.75pt | Dock's icon size: 48px + fixed | [Wallpapers](https://imgur.com/a/v2Ovx) ## Customization Materia allows you to change the color scheme relatively easily. See [`HACKING.md`](HACKING.md#changing-the-color-scheme-with-script) for details. ## Contributing If you find bugs or have suggestions, please report it to the [issue tracker](https://github.com/nana-4/materia-theme/issues). Any contribution would be much appreciated. ToDo list can be found here: [`TODO.md`](TODO.md) ## License Materia is distributed under the terms of the GNU General Public License, version 2 or later. See the [`COPYING`](COPYING) file for details. ## Credits - Materia is based on [Adwaita](HACKING.md#upstream-theme-sources) by GNOME. - Design and specifications are based on Google's [Material Design](https://material.io). - The included symbolic icons are based on [Material Design icons](https://github.com/google/material-design-icons) by Google. - Chrome/Chromium scrollbars extension was forked from [Adwaita-chrome-scrollbar](https://github.com/gnome-integration-team/chrome-gnome-scrollbar) by GNOME Integration Team. - Yauhen Kirylau (@actionless) who is oomox author polished scripts and supported Materia with [oomox](https://github.com/actionless/oomox). - @n3oxmind who helped improve the installation script. Also thank you to all contributors and upstream developers. materia-theme-20180321/TODO.md000066400000000000000000000025611325420104000155600ustar00rootroot00000000000000## General - Use `make` or `meson` for building? (`help wanted`) ## Supports - Firefox theme ([#78](../../issues/78)) - waiting for [the upstream to provide next-gen themes](https://blog.mozilla.org/addons/2017/02/24/improving-themes-in-firefox/) - Or, is it unnecessary because the new interface is well integrated with this theme? - Xfce theme ([#60](../../issues/60)) - waiting for the upstream to complete `gtk3` port - Pantheon theme ([#69](../../issues/69)) - KDE theme ([#143](../../issues/143), `low priority`) - GtkSourceView theme ([#150](../../issues/150)) - Color scheme for GNOME Terminal ([#157](../../issues/157)) - Overlay scrollbars extension for Chrome/Chromium (`low priority`) - Cursor theme like Material Design ([#156](../../issues/156), `low priority`) ## UI changes - Make gtk2 check/radio buttons a bit smaller for Qt apps ([#78](../../issues/78)) - Use `#757575` as check/radio buttons color for some web interfaces ([#123](../../issues/123), if possible) - Make compact variant more compact ([#79](../../issues/79)) - Use lighter background color for popups such as menu in dark variant - Change gtk2 spinbutton to flat button style - Make card/dialog button style closer to the Material Design guidelines - Rework the focus state styles ## Others - Polish Inkscape (using gtk3) styling - Use gtk3 color vars for `metacity-theme-3.xml` materia-theme-20180321/change_color.sh000077500000000000000000000215071325420104000174540ustar00rootroot00000000000000#!/usr/bin/env bash #set -x set -ue SRC_PATH=$(readlink -f $(dirname $0)) darker () { "${SRC_PATH}/scripts/darker.sh" $@ } mix () { "${SRC_PATH}/scripts/mix.sh" $@ } print_usage() { echo "usage: $0 [-o OUTPUT_THEME_NAME] [-p PATH_LIST] PATH_TO_PRESET" echo "examples:" echo " $0 -o my-theme-name <(echo -e "BG=d8d8d8\\nFG=101010\\nMENU_BG=3c3c3c\\nMENU_FG=e6e6e6\\nSEL_BG=ad7fa8\\nSEL_FG=ffffff\\nTXT_BG=ffffff\\nTXT_FG=1a1a1a\\nBTN_BG=f5f5f5\\nBTN_FG=111111\\n")" echo " $0 ../colors/retro/twg" echo " $0 --hidpi True ../colors/retro/clearlooks" exit 1 } while [[ $# > 0 ]] do case ${1} in -p|--path-list) CUSTOM_PATHLIST="${2}" shift ;; -o|--output) OUTPUT_THEME_NAME="${2}" shift ;; -d|--hidpi) OPTION_GTK2_HIDPI="${2}" shift ;; *) if [[ "${1}" == -* ]] || [[ ${THEME-} ]]; then echo "unknown option ${1}" print_usage exit 2 fi THEME="${1}" ;; esac shift done if [[ -z "${THEME:-}" ]] ; then print_usage fi PATHLIST=( './src/chrome' './src/gnome-shell' './src/gtk-2.0/gtkrc' './src/gtk-2.0/gtkrc-dark' './src/gtk-2.0/gtkrc-light' './src/_sass/_colors.scss' './src/gtk-2.0/assets.svg' './src/gtk-2.0/assets-dark.svg' './src/gtk/assets.svg' './src/metacity-1' './src/unity' './src/xfwm4' ) if [ ! -z "${CUSTOM_PATHLIST:-}" ] ; then IFS=', ' read -r -a PATHLIST <<< "${CUSTOM_PATHLIST:-}" fi EXPORT_QT5CT=0 for FILEPATH in "${PATHLIST[@]}"; do if [[ ${FILEPATH} == *qt5ct* ]] ;then EXPORT_QT5CT=1 fi done OPTION_GTK2_HIDPI=$(echo ${OPTION_GTK2_HIDPI-False} | tr '[:upper:]' '[:lower:]') if [[ ${THEME} == */* ]] || [[ ${THEME} == *.* ]] ; then source "$THEME" THEME=$(basename ${THEME}) else if [[ -f "$SRC_PATH/../colors/$THEME" ]] ; then source "$SRC_PATH/../colors/$THEME" else echo "Theme '${THEME}' not found" exit 1 fi fi if [[ $(date +"%m%d") = "0401" ]] && [[ ! $(echo "$@" | grep "no-jokes") ]] ; then echo -e "\n\nError patching uxtheme.dll\n\n" ACCENT_BG=000000 BG=C0C0C0 BTN_BG=C0C0C0 BTN_FG=000000 FG=000000 GNOME_SHELL_PANEL_OPACITY=1 HDR_BTN_BG=C0C0C0 HDR_BTN_FG=000000 MENU_BG=C0C0C0 MENU_FG=000000 SEL_BG=000080 SEL_FG=FFFFFF TXT_BG=FFFFFF TXT_FG=000000 fi ACCENT_BG=${ACCENT_BG-$SEL_BG} HDR_BTN_BG=${HDR_BTN_BG-$BTN_BG} HDR_BTN_FG=${HDR_BTN_FG-$BTN_FG} WM_BORDER_FOCUS=${WM_BORDER_FOCUS-$SEL_BG} WM_BORDER_UNFOCUS=${WM_BORDER_UNFOCUS-$MENU_BG} MATERIA_STYLE_COMPACT=$(echo ${MATERIA_STYLE_COMPACT-True} | tr '[:upper:]' '[:lower:]') MATERIA_MENUBAR_STYLE=$(echo ${MATERIA_MENUBAR_STYLE-same} | tr '[:upper:]' '[:lower:]') GTK3_GENERATE_DARK=$(echo ${GTK3_GENERATE_DARK-True} | tr '[:upper:]' '[:lower:]') UNITY_DEFAULT_LAUNCHER_STYLE=$(echo ${UNITY_DEFAULT_LAUNCHER_STYLE-False} | tr '[:upper:]' '[:lower:]') SPACING=${SPACING-3} GRADIENT=${GRADIENT-0} ROUNDNESS=${ROUNDNESS-2} ROUNDNESS_GTK2_HIDPI=$(( ${ROUNDNESS} * 2 )) GNOME_SHELL_PANEL_OPACITY=${GNOME_SHELL_PANEL_OPACITY-0.6} INACTIVE_FG=$(mix ${FG} ${BG} 0.75) INACTIVE_MENU_FG=$(mix ${MENU_FG} ${MENU_BG} 0.75) INACTIVE_MENU_BG=$(mix ${MENU_BG} ${MENU_FG} 0.75) INACTIVE_TXT_FG=$(mix ${TXT_FG} ${TXT_BG} 0.75) INACTIVE_TXT_BG=$(mix ${TXT_BG} ${BG} 0.60) TERMINAL_COLOR4=${TERMINAL_COLOR4:-1E88E5} TERMINAL_COLOR5=${TERMINAL_COLOR5:-E040FB} TERMINAL_COLOR9=${TERMINAL_COLOR9:-DD2C00} TERMINAL_COLOR10=${TERMINAL_COLOR10:-00C853} TERMINAL_COLOR11=${TERMINAL_COLOR11:-FF6D00} TERMINAL_COLOR12=${TERMINAL_COLOR12:-66BB6A} light_folder_base_fallback="$(darker ${SEL_BG} -10)" medium_base_fallback="$(darker ${SEL_BG} 37)" dark_stroke_fallback="$(darker ${SEL_BG} 50)" OUTPUT_THEME_NAME="${OUTPUT_THEME_NAME-oomox-$THEME}" DEST_PATH="$HOME/.themes/${OUTPUT_THEME_NAME/\//-}" test "$SRC_PATH" = "$DEST_PATH" && echo "can't do that" && exit 1 tempdir=$(mktemp -d) function post_clean_up { rm -r "${tempdir}" || true } trap post_clean_up EXIT SIGHUP SIGINT SIGTERM cp -r ${SRC_PATH}/* ${tempdir}/ cd ${tempdir} echo "== Converting theme into template..." for FILEPATH in "${PATHLIST[@]}"; do find "${FILEPATH}" -type f -not -name '_color-palette.scss' -exec sed -i'' \ -e 's/#000000/%FG%/g' \ -e 's/#212121/%FG%/g' \ -e 's/#757575/%INACTIVE_FG%/g' \ -e 's/#BDBDBD/%INACTIVE_FG%/g' \ -e 's/#EEEEEE/%BG%/g' \ -e 's/#FAFAFA/%BTN_BG%/g' \ -e 's/#009688/%ACCENT_BG%/g' \ -e 's/#338DD6/%SEL_BG%/g' \ -e 's/#FFFFFF/%TXT_BG%/g' \ -e 's/#303030/%MENU_BG%/g' \ -e 's/#E0E0E0/%MENU_BG%/g' \ -e 's/#212121/%MENU_BG2%/g' \ -e 's/#303030/%MENU_BG3%/g' \ -e 's/Materia/%OUTPUT_THEME_NAME%/g' \ {} \; ; done #Not implemented yet: #-e 's/%HDR_BTN_BG%/'"$HDR_BTN_BG"'/g' \ #-e 's/%HDR_BTN_FG%/'"$HDR_BTN_FG"'/g' \ #-e 's/%WM_BORDER_FOCUS%/'"$WM_BORDER_FOCUS"'/g' \ #-e 's/%WM_BORDER_UNFOCUS%/'"$WM_BORDER_UNFOCUS"'/g' \ #-e 's/%ROUNDNESS%/'"$ROUNDNESS"'/g' \ #-e 's/%SPACING%/'"$SPACING"'/g' \ #-e 's/%INACTIVE_FG%/'"$INACTIVE_FG"'/g' \ #-e 's/%INACTIVE_TXT_FG%/'"$INACTIVE_TXT_FG"'/g' \ #-e 's/%INACTIVE_MENU_FG%/'"$INACTIVE_MENU_FG"'/g' \ if [[ ! -z "${DEBUG:-}" ]] ; then echo "You can debug TEMP DIR: ${tempdir}, press [Enter] when finish" && read fi mv ./src/_sass/_colors.scss.template ./src/_sass/_colors.scss echo "== Filling the template with the new colorscheme..." for FILEPATH in "${PATHLIST[@]}"; do find "${FILEPATH}" -type f -exec sed -i'' \ -e 's/%BG%/#'"$BG"'/g' \ -e 's/%BG2%/#'"$(darker $BG)"'/g' \ -e 's/%FG%/#'"$FG"'/g' \ -e 's/%ACCENT_BG%/#'"$ACCENT_BG"'/g' \ -e 's/%SEL_BG%/#'"$SEL_BG"'/g' \ -e 's/%SEL_BG2%/#'"$(darker $SEL_BG -20)"'/g' \ -e 's/%SEL_FG%/#'"$SEL_FG"'/g' \ -e 's/%TXT_BG%/#'"$TXT_BG"'/g' \ -e 's/%TXT_FG%/#'"$TXT_FG"'/g' \ -e 's/%MENU_BG%/#'"$MENU_BG"'/g' \ -e 's/%MENU_BG2%/#'"$(darker $MENU_BG 10)"'/g' \ -e 's/%MENU_BG3%/#'"$(darker $MENU_BG 20)"'/g' \ -e 's/%MENU_FG%/#'"$MENU_FG"'/g' \ -e 's/%BTN_BG%/#'"$BTN_BG"'/g' \ -e 's/%BTN_FG%/#'"$BTN_FG"'/g' \ -e 's/%HDR_BTN_BG%/#'"$HDR_BTN_BG"'/g' \ -e 's/%HDR_BTN_FG%/#'"$HDR_BTN_FG"'/g' \ -e 's/%WM_BORDER_FOCUS%/#'"$WM_BORDER_FOCUS"'/g' \ -e 's/%WM_BORDER_UNFOCUS%/#'"$WM_BORDER_UNFOCUS"'/g' \ -e 's/%ROUNDNESS%/'"$ROUNDNESS"'/g' \ -e 's/%SPACING%/'"$SPACING"'/g' \ -e 's/%INACTIVE_FG%/#'"$INACTIVE_FG"'/g' \ -e 's/%INACTIVE_TXT_FG%/#'"$INACTIVE_TXT_FG"'/g' \ -e 's/%INACTIVE_TXT_BG%/#'"$INACTIVE_TXT_BG"'/g' \ -e 's/%INACTIVE_MENU_FG%/#'"$INACTIVE_MENU_FG"'/g' \ -e 's/%INACTIVE_MENU_BG%/#'"$INACTIVE_MENU_BG"'/g' \ -e 's/%TERMINAL_COLOR4%/#'"$TERMINAL_COLOR4"'/g' \ -e 's/%TERMINAL_COLOR5%/#'"$TERMINAL_COLOR5"'/g' \ -e 's/%TERMINAL_COLOR9%/#'"$TERMINAL_COLOR9"'/g' \ -e 's/%TERMINAL_COLOR10%/#'"$TERMINAL_COLOR10"'/g' \ -e 's/%TERMINAL_COLOR11%/#'"$TERMINAL_COLOR11"'/g' \ -e 's/%TERMINAL_COLOR12%/#'"$TERMINAL_COLOR12"'/g' \ -e 's/%GNOME_SHELL_PANEL_OPACITY%/'"$GNOME_SHELL_PANEL_OPACITY"'/g' \ -e 's/%OUTPUT_THEME_NAME%/'"$OUTPUT_THEME_NAME"'/g' \ {} \; ; done rm ./src/gtk/3.{18,20,22}/*.css if [[ ${MATERIA_MENUBAR_STYLE} == "contrast" ]] ; then rm ./src/gtk/3.{18,20,22}/gtk-light*.scss else rm ./src/gtk/3.{18,20,22}/gtk{,-compact}.scss || true fi if [[ ${GTK3_GENERATE_DARK} != "true" ]] ; then grep -v "\-dark" ./src/gtk/assets.txt > ./new_assets.txt mv ./new_assets.txt ./src/gtk/assets.txt rm ./src/gtk/3.{20,22}/gtk-dark-compact.scss rm ./src/gtk/3.{18,20,22}/gtk-dark.scss fi if [[ ${OPTION_GTK2_HIDPI} == "true" ]] ; then mv ./src/gtk-2.0/main.rc.hidpi ./src/gtk-2.0/main.rc fi if [[ ${EXPORT_QT5CT} = 1 ]] ; then config_home=${XDG_CONFIG_HOME:-} if [[ -z "${config_home}" ]] ; then config_home="${HOME}/.config" fi qt5ct_colors_dir="${config_home}/qt5ct/colors/" test -d ${qt5ct_colors_dir} || mkdir -p ${qt5ct_colors_dir} mv ./src/qt5ct_palette.conf "${qt5ct_colors_dir}/${OUTPUT_THEME_NAME}.conf" fi if [[ ${UNITY_DEFAULT_LAUNCHER_STYLE} == "true" ]] ; then rm ./src/unity/launcher*.svg fi if [[ ${MATERIA_STYLE_COMPACT} == "true" ]] ; then SIZE_VARIANTS="-compact" SIZE_VARIANT="compact" else SIZE_VARIANTS="," SIZE_VARIANT="standard" fi if [[ ${MATERIA_MENUBAR_STYLE} == "contrast" ]] ; then COLOR_VARIANTS="," COLOR_VARIANT="standard" else COLOR_VARIANTS="-light" COLOR_VARIANT="light" fi SIZE_VARIANTS="${SIZE_VARIANTS}" COLOR_VARIANTS="${COLOR_VARIANTS}" THEME_DIR_BASE=${DEST_PATH} ./parse-sass.sh rm ./src/gtk-2.0/assets/*.png || true rm ./src/gtk-2.0/assets-dark/*.png || true rm ./src/gtk/assets/*.png || true echo "== Rendering GTK+2 assets..." cd ./src/gtk-2.0 GTK2_HIDPI=${OPTION_GTK2_HIDPI} ./render-assets.sh cd ../../ echo "== Rendering GTK+3 assets..." cd ./src/gtk ./render-assets.sh cd ../../ ./install.sh --dest "$HOME/.themes" --name "${OUTPUT_THEME_NAME/\//-}" --color "${COLOR_VARIANT}" --size "${SIZE_VARIANT}" GENERATED_PATH="${DEST_PATH}$(tr -d ',' <<<${COLOR_VARIANTS})$(tr -d ',' <<<${SIZE_VARIANTS})" if [[ ! "${GENERATED_PATH}" = "${DEST_PATH}" ]] ; then if [[ -d "${DEST_PATH}" ]] ; then rm -r "${DEST_PATH}" fi mv "${GENERATED_PATH}" "${DEST_PATH}" fi echo echo "== SUCCESS" echo "== The theme was installed to '${DEST_PATH}'" exit 0 materia-theme-20180321/install.sh000077500000000000000000000177111325420104000165010ustar00rootroot00000000000000#!/bin/bash #set -ueo pipefail #set -x REPO_DIR=$(cd $(dirname $0) && pwd) SRC_DIR=${REPO_DIR}/src DEST_DIR=/usr/share/themes THEME_NAME=Materia COLOR_VARIANTS=('' '-dark' '-light') SIZE_VARIANTS=('' '-compact') GTK_VERSIONS=('3.18' '3.20' '3.22') GS_VERSIONS=('3.18' '3.24' '3.26' '3.28') LATEST_GS_VERSION=${GS_VERSIONS[@]: -1} # Set a proper gnome-shell theme version if [[ $(which gnome-shell 2> /dev/null) ]]; then CURRENT_GS_VERSION=$(gnome-shell --version | cut -d ' ' -f 3 | cut -d . -f -2) for version in "${GS_VERSIONS[@]}"; do if (( $(echo "$CURRENT_GS_VERSION <= $version" | bc) )); then GS_VERSION=${version} break elif (( $(echo "$CURRENT_GS_VERSION > $LATEST_GS_VERSION" | bc) )); then GS_VERSION=${LATEST_GS_VERSION} break fi done else GS_VERSION=${LATEST_GS_VERSION} fi usage() { printf "%s\n" "Usage: $0 [OPTIONS...]" printf "\n%s\n" "OPTIONS:" printf " %-25s%s\n" "-d, --dest DIR" "Specify theme destination directory (Default: ${DEST_DIR})" printf " %-25s%s\n" "-n, --name NAME" "Specify theme name (Default: ${THEME_NAME})" printf " %-25s%s\n" "-c, --color VARIANTS..." "Specify theme color variant(s) [standard|dark|light] (Default: All variants)" printf " %-25s%s\n" "-s, --size VARIANT" "Specify theme size variant [standard|compact] (Default: All variants)" printf " %-25s%s\n" "-h, --help" "Show this help" printf "\n%s\n" "INSTALLATION EXAMPLES:" printf "%s\n" "Install all theme variants into ~/.themes" printf " %s\n" "$0 --dest ~/.themes" printf "%s\n" "Install standard theme variant only" printf " %s\n" "$0 --color standard --size standard" printf "%s\n" "Install specific theme variants with different name into ~/.themes" printf " %s\n" "$0 --dest ~/.themes --name MyTheme --color light dark --size compact" } install() { local dest=${1} local name=${2} local color=${3} local size=${4} [[ ${color} == '-dark' ]] && local ELSE_DARK=${color} [[ ${color} == '-light' ]] && local ELSE_LIGHT=${color} local THEME_DIR=${dest}/${name}${color}${size} [[ -d ${THEME_DIR} ]] && rm -rf ${THEME_DIR} echo "Installing '${THEME_DIR}'..." mkdir -p ${THEME_DIR} cp -r ${REPO_DIR}/COPYING ${THEME_DIR} cp -r ${SRC_DIR}/index${color}${size}.theme ${THEME_DIR}/index.theme mkdir -p ${THEME_DIR}/chrome cp -r ${SRC_DIR}/chrome/chrome-theme${color}.crx ${THEME_DIR}/chrome/chrome-theme.crx cp -r ${SRC_DIR}/chrome/chrome-scrollbar${ELSE_DARK}.crx ${THEME_DIR}/chrome/chrome-scrollbar.crx mkdir -p ${THEME_DIR}/gnome-shell cp -r ${SRC_DIR}/gnome-shell/{*.svg,extensions,noise-texture.png,pad-osd.css} ${THEME_DIR}/gnome-shell cp -r ${SRC_DIR}/gnome-shell/gnome-shell-theme.gresource.xml ${THEME_DIR}/gnome-shell cp -r ${SRC_DIR}/gnome-shell/assets${ELSE_DARK} ${THEME_DIR}/gnome-shell/assets cp -r ${SRC_DIR}/gnome-shell/${GS_VERSION}/gnome-shell${color}${size}.css ${THEME_DIR}/gnome-shell/gnome-shell.css # glib-compile-resources \ # --sourcedir=${THEME_DIR}/gnome-shell \ # --target=${THEME_DIR}/gnome-shell/gnome-shell-theme.gresource \ # ${SRC_DIR}/gnome-shell/gnome-shell-theme.gresource.xml mkdir -p ${THEME_DIR}/gtk-2.0 cp -r ${SRC_DIR}/gtk-2.0/{apps.rc,hacks.rc,main.rc} ${THEME_DIR}/gtk-2.0 cp -r ${SRC_DIR}/gtk-2.0/assets${ELSE_DARK} ${THEME_DIR}/gtk-2.0/assets cp -r ${SRC_DIR}/gtk-2.0/gtkrc${color} ${THEME_DIR}/gtk-2.0/gtkrc cp -r ${SRC_DIR}/gtk/assets ${THEME_DIR}/gtk-assets for version in "${GTK_VERSIONS[@]}"; do if [[ ${version} == '3.18' ]]; then mkdir -p ${THEME_DIR}/gtk-3.0 ln -s ../gtk-assets ${THEME_DIR}/gtk-3.0/assets cp -r ${SRC_DIR}/gtk/${version}/gtk${color}.css ${THEME_DIR}/gtk-3.0/gtk.css [[ ${color} != '-dark' ]] && \ cp -r ${SRC_DIR}/gtk/${version}/gtk-dark.css ${THEME_DIR}/gtk-3.0/gtk-dark.css else mkdir -p ${THEME_DIR}/gtk-${version} ln -s ../gtk-assets ${THEME_DIR}/gtk-${version}/assets cp -r ${SRC_DIR}/gtk/${version}/gtk${color}${size}.css ${THEME_DIR}/gtk-${version}/gtk.css [[ ${color} != '-dark' ]] && \ cp -r ${SRC_DIR}/gtk/${version}/gtk-dark${size}.css ${THEME_DIR}/gtk-${version}/gtk-dark.css fi done mkdir -p ${THEME_DIR}/metacity-1 cp -r ${SRC_DIR}/metacity-1/assets ${THEME_DIR}/metacity-1 cp -r ${SRC_DIR}/metacity-1/metacity-theme-2${ELSE_LIGHT}.xml ${THEME_DIR}/metacity-1/metacity-theme-2.xml cp -r ${SRC_DIR}/metacity-1/metacity-theme-3${ELSE_LIGHT}.xml ${THEME_DIR}/metacity-1/metacity-theme-3.xml mkdir -p ${THEME_DIR}/unity cp -r ${SRC_DIR}/unity/{*.svg,*.png,dash-widgets.json} ${THEME_DIR}/unity cp -r ${SRC_DIR}/unity/assets${ELSE_LIGHT} ${THEME_DIR}/unity/assets mkdir -p ${THEME_DIR}/xfwm4 cp -r ${SRC_DIR}/xfwm4/{*.svg,themerc} ${THEME_DIR}/xfwm4 cp -r ${SRC_DIR}/xfwm4/assets${ELSE_LIGHT} ${THEME_DIR}/xfwm4/assets } while [[ $# -gt 0 ]]; do case "${1}" in -d|--dest) dest="${2}" if [[ ! -d "${dest}" ]]; then echo "ERROR: Destination directory does not exist." exit 1 fi shift 2 ;; -n|--name) name="${2}" shift 2 ;; -c|--color) shift for variant in "${@}"; do case "${variant}" in standard) colors+=("${COLOR_VARIANTS[0]}") shift ;; dark) colors+=("${COLOR_VARIANTS[1]}") shift ;; light) colors+=("${COLOR_VARIANTS[2]}") shift ;; -*|--*) break ;; *) echo "ERROR: Unrecognized color variant '$1'." echo "Try '$0 --help' for more information." exit 1 ;; esac done ;; -s|--size) shift for variant in "${@}"; do case "${variant}" in standard) sizes+=("${SIZE_VARIANTS[0]}") shift ;; compact) sizes+=("${SIZE_VARIANTS[1]}") shift ;; -*|--*) break ;; *) echo "ERROR: Unrecognized size variant '$1'." echo "Try '$0 --help' for more information." exit 1 ;; esac done ;; -h|--help) usage exit 0 ;; *) echo "ERROR: Unrecognized installation option '$1'." echo "Try '$0 --help' for more information." exit 1 ;; esac done if [[ ! -w "${dest:-${DEST_DIR}}" ]]; then echo "Please run as root." exit 1 fi for color in "${colors[@]:-${COLOR_VARIANTS[@]}}"; do for size in "${sizes[@]:-${SIZE_VARIANTS[@]}}"; do install "${dest:-${DEST_DIR}}" "${name:-${THEME_NAME}}" "${color}" "${size}" done done echo echo Done. materia-theme-20180321/parse-sass.sh000077500000000000000000000022171325420104000171070ustar00rootroot00000000000000#!/bin/bash set -ueo pipefail if [ ! "$(which sassc 2> /dev/null)" ]; then echo sassc needs to be installed to generate the css. exit 1 fi _COLOR_VARIANTS=('' '-dark' '-light') if [ ! -z "${COLOR_VARIANTS:-}" ]; then IFS=', ' read -r -a _COLOR_VARIANTS <<< "${COLOR_VARIANTS:-}" fi _SIZE_VARIANTS=('' '-compact') if [ ! -z "${SIZE_VARIANTS:-}" ]; then IFS=', ' read -r -a _SIZE_VARIANTS <<< "${SIZE_VARIANTS:-}" fi SASSC_OPT="-M -t expanded" echo "== Generating the CSS..." for color in "${_COLOR_VARIANTS[@]}"; do # The '-compact' variant is not supported for gtk '3.18' sassc $SASSC_OPT src/gtk/3.18/gtk${color}.{scss,css} for size in "${_SIZE_VARIANTS[@]}"; do for version in '3.20' '3.22'; do sassc $SASSC_OPT src/gtk/${version}/gtk${color}${size}.{scss,css} done # This gnome-shell theme can skip versions '3.20' & '2.22' for version in '3.18' '3.24' '3.26' '3.28'; do sassc $SASSC_OPT src/gnome-shell/${version}/gnome-shell${color}${size}.{scss,css} done done done sassc $SASSC_OPT src/chrome/chrome-scrollbar/scrollbars.{scss,css} sassc $SASSC_OPT src/chrome/chrome-scrollbar-dark/scrollbars.{scss,css} materia-theme-20180321/render-assets.sh000077500000000000000000000014371325420104000176100ustar00rootroot00000000000000#!/bin/bash if [ ! "$(which inkscape 2> /dev/null)" ]; then echo inkscape needs to be installed to generate the png. exit 1 fi if [ ! "$(which optipng 2> /dev/null)" ]; then echo optipng needs to be installed to generate the png. exit 1 fi gtk() ( cd src/gtk rm assets/*.png ./render-assets.sh ) gtk2_light() ( cd src/gtk-2.0 rm assets/*.png ./render-assets.sh ) gtk2_dark() ( cd src/gtk-2.0 rm assets-dark/*.png ./render-assets-dark.sh ) case "${1}" in "") gtk gtk2_light gtk2_dark ;; gtk) gtk ;; gtk2) gtk2_light gtk2_dark ;; gtk2-light) gtk2_light ;; gtk2-dark) gtk2_dark ;; *) echo "Unknown argument: '${1}'" echo "Use 'gtk', 'gtk2', 'gtk2-light' or 'gtk2-dark' as an argument." ;; esac materia-theme-20180321/scripts/000077500000000000000000000000001325420104000161545ustar00rootroot00000000000000materia-theme-20180321/scripts/darker.sh000077500000000000000000000011601325420104000177610ustar00rootroot00000000000000#!/usr/bin/env bash #set -x darker_channel() { value=${1} light_delta=${2} result=$(echo "ibase=16; ${value} - ${light_delta}" | bc) if [[ ${result} -lt 0 ]] ; then result=0 fi if [[ ${result} -gt 255 ]] ; then result=255 fi echo "${result}" } darker() { hexinput=$(echo $1 | tr '[:lower:]' '[:upper:]') light_delta=${2-10} a=`echo $hexinput | cut -c-2` b=`echo $hexinput | cut -c3-4` c=`echo $hexinput | cut -c5-6` r=$(darker_channel ${a} ${light_delta}) g=$(darker_channel ${b} ${light_delta}) b=$(darker_channel ${c} ${light_delta}) printf '%02x%02x%02x\n' ${r} ${g} ${b} } darker $@ materia-theme-20180321/scripts/mix.sh000077500000000000000000000015231325420104000173110ustar00rootroot00000000000000#!/usr/bin/env bash #set -x mix_channel() { value1=$(printf '%03d' 0x${1}) value2=$(printf '%03d' 0x${2}) ratio=${3} result=$(echo "scale=0; (${value1} * 100 * ${ratio} + ${value2} * 100 * (1 - ${ratio}))/100" | bc) if [[ ${result} -lt 0 ]] ; then result=0 elif [[ ${result} -gt 255 ]] ; then result=255 fi echo "${result}" } mix() { hexinput1=$(echo $1 | tr '[:lower:]' '[:upper:]') hexinput2=$(echo $2 | tr '[:lower:]' '[:upper:]') ratio=${3-0.5} a=$(echo $hexinput1 | cut -c-2) b=$(echo $hexinput1 | cut -c3-4) c=$(echo $hexinput1 | cut -c5-6) d=$(echo $hexinput2 | cut -c-2) e=$(echo $hexinput2 | cut -c3-4) f=$(echo $hexinput2 | cut -c5-6) r=$(mix_channel ${a} ${d} ${ratio}) g=$(mix_channel ${b} ${e} ${ratio}) b=$(mix_channel ${c} ${f} ${ratio}) printf '%02x%02x%02x\n' ${r} ${g} ${b} } mix $@ materia-theme-20180321/src/000077500000000000000000000000001325420104000152545ustar00rootroot00000000000000materia-theme-20180321/src/_sass/000077500000000000000000000000001325420104000163645ustar00rootroot00000000000000materia-theme-20180321/src/_sass/_color-palette.scss000066400000000000000000000136431325420104000222010ustar00rootroot00000000000000// based color palette: // https://material.io/guidelines/style/color.html#color-color-palette // Red $red_50: #FFEBEE; $red_100: #FFCDD2; $red_200: #EF9A9A; $red_300: #E57373; $red_400: #EF5350; $red_500: #F44336; $red_600: #E53935; $red_700: #D32F2F; $red_800: #C62828; $red_900: #B71C1C; $red_A100: #FF8A80; $red_A200: #FF5252; $red_A400: #FF1744; $red_A700: #D50000; // Pink $pink_50: #FCE4EC; $pink_100: #F8BBD0; $pink_200: #F48FB1; $pink_300: #F06292; $pink_400: #EC407A; $pink_500: #E91E63; $pink_600: #D81B60; $pink_700: #C2185B; $pink_800: #AD1457; $pink_900: #880E4F; $pink_A100: #FF80AB; $pink_A200: #FF4081; $pink_A400: #F50057; $pink_A700: #C51162; // Purple $purple_50: #F3E5F5; $purple_100: #E1BEE7; $purple_200: #CE93D8; $purple_300: #BA68C8; $purple_400: #AB47BC; $purple_500: #9C27B0; $purple_600: #8E24AA; $purple_700: #7B1FA2; $purple_800: #6A1B9A; $purple_900: #4A148C; $purple_A100: #EA80FC; $purple_A200: #E040FB; $purple_A400: #D500F9; $purple_A700: #AA00FF; // Deep Purple $deep_purple_50: #EDE7F6; $deep_purple_100: #D1C4E9; $deep_purple_200: #B39DDB; $deep_purple_300: #9575CD; $deep_purple_400: #7E57C2; $deep_purple_500: #673AB7; $deep_purple_600: #5E35B1; $deep_purple_700: #512DA8; $deep_purple_800: #4527A0; $deep_purple_900: #311B92; $deep_purple_A100: #B388FF; $deep_purple_A200: #7C4DFF; $deep_purple_A400: #651FFF; $deep_purple_A700: #6200EA; // Indigo $indigo_50: #E8EAF6; $indigo_100: #C5CAE9; $indigo_200: #9FA8DA; $indigo_300: #7986CB; $indigo_400: #5C6BC0; $indigo_500: #3F51B5; $indigo_600: #3949AB; $indigo_700: #303F9F; $indigo_800: #283593; $indigo_900: #1A237E; $indigo_A100: #8C9EFF; $indigo_A200: #536DFE; $indigo_A400: #3D5AFE; $indigo_A700: #304FFE; // Blue $blue_50: #E3F2FD; $blue_100: #BBDEFB; $blue_200: #90CAF9; $blue_300: #64B5F6; $blue_400: #42A5F5; $blue_500: #2196F3; $blue_600: #1E88E5; $blue_700: #1976D2; $blue_800: #1565C0; $blue_900: #0D47A1; $blue_A100: #82B1FF; $blue_A200: #448AFF; $blue_A400: #2979FF; $blue_A700: #2962FF; // Light Blue $light_blue_50: #E1F5FE; $light_blue_100: #B3E5FC; $light_blue_200: #81D4FA; $light_blue_300: #4FC3F7; $light_blue_400: #29B6F6; $light_blue_500: #03A9F4; $light_blue_600: #039BE5; $light_blue_700: #0288D1; $light_blue_800: #0277BD; $light_blue_900: #01579B; $light_blue_A100: #80D8FF; $light_blue_A200: #40C4FF; $light_blue_A400: #00B0FF; $light_blue_A700: #0091EA; // Cyan $cyan_50: #E0F7FA; $cyan_100: #B2EBF2; $cyan_200: #80DEEA; $cyan_300: #4DD0E1; $cyan_400: #26C6DA; $cyan_500: #00BCD4; $cyan_600: #00ACC1; $cyan_700: #0097A7; $cyan_800: #00838F; $cyan_900: #006064; $cyan_A100: #84FFFF; $cyan_A200: #18FFFF; $cyan_A400: #00E5FF; $cyan_A700: #00B8D4; // Teal $teal_50: #E0F2F1; $teal_100: #B2DFDB; $teal_200: #80CBC4; $teal_300: #4DB6AC; $teal_400: #26A69A; $teal_500: #009688; $teal_600: #00897B; $teal_700: #00796B; $teal_800: #00695C; $teal_900: #004D40; $teal_A100: #A7FFEB; $teal_A200: #64FFDA; $teal_A400: #1DE9B6; $teal_A700: #00BFA5; // Green $green_50: #E8F5E9; $green_100: #C8E6C9; $green_200: #A5D6A7; $green_300: #81C784; $green_400: #66BB6A; $green_500: #4CAF50; $green_600: #43A047; $green_700: #388E3C; $green_800: #2E7D32; $green_900: #1B5E20; $green_A100: #B9F6CA; $green_A200: #69F0AE; $green_A400: #00E676; $green_A700: #00C853; // Light Green $light_green_50: #F1F8E9; $light_green_100: #DCEDC8; $light_green_200: #C5E1A5; $light_green_300: #AED581; $light_green_400: #9CCC65; $light_green_500: #8BC34A; $light_green_600: #7CB342; $light_green_700: #689F38; $light_green_800: #558B2F; $light_green_900: #33691E; $light_green_A100: #CCFF90; $light_green_A200: #B2FF59; $light_green_A400: #76FF03; $light_green_A700: #64DD17; // Lime $lime_50: #F9FBE7; $lime_100: #F0F4C3; $lime_200: #E6EE9C; $lime_300: #DCE775; $lime_400: #D4E157; $lime_500: #CDDC39; $lime_600: #C0CA33; $lime_700: #AFB42B; $lime_800: #9E9D24; $lime_900: #827717; $lime_A100: #F4FF81; $lime_A200: #EEFF41; $lime_A400: #C6FF00; $lime_A700: #AEEA00; // Yellow $yellow_50: #FFFDE7; $yellow_100: #FFF9C4; $yellow_200: #FFF59D; $yellow_300: #FFF176; $yellow_400: #FFEE58; $yellow_500: #FFEB3B; $yellow_600: #FDD835; $yellow_700: #FBC02D; $yellow_800: #F9A825; $yellow_900: #F57F17; $yellow_A100: #FFFF8D; $yellow_A200: #FFFF00; $yellow_A400: #FFEA00; $yellow_A700: #FFD600; // Amber $amber_50: #FFF8E1; $amber_100: #FFECB3; $amber_200: #FFE082; $amber_300: #FFD54F; $amber_400: #FFCA28; $amber_500: #FFC107; $amber_600: #FFB300; $amber_700: #FFA000; $amber_800: #FF8F00; $amber_900: #FF6F00; $amber_A100: #FFE57F; $amber_A200: #FFD740; $amber_A400: #FFC400; $amber_A700: #FFAB00; // Orange $orange_50: #FFF3E0; $orange_100: #FFE0B2; $orange_200: #FFCC80; $orange_300: #FFB74D; $orange_400: #FFA726; $orange_500: #FF9800; $orange_600: #FB8C00; $orange_700: #F57C00; $orange_800: #EF6C00; $orange_900: #E65100; $orange_A100: #FFD180; $orange_A200: #FFAB40; $orange_A400: #FF9100; $orange_A700: #FF6D00; // Deep Orange $deep_orange_50: #FBE9E7; $deep_orange_100: #FFCCBC; $deep_orange_200: #FFAB91; $deep_orange_300: #FF8A65; $deep_orange_400: #FF7043; $deep_orange_500: #FF5722; $deep_orange_600: #F4511E; $deep_orange_700: #E64A19; $deep_orange_800: #D84315; $deep_orange_900: #BF360C; $deep_orange_A100: #FF9E80; $deep_orange_A200: #FF6E40; $deep_orange_A400: #FF3D00; $deep_orange_A700: #DD2C00; // Brown $brown_50: #EFEBE9; $brown_100: #D7CCC8; $brown_200: #BCAAA4; $brown_300: #A1887F; $brown_400: #8D6E63; $brown_500: #795548; $brown_600: #6D4C41; $brown_700: #5D4037; $brown_800: #4E342E; $brown_900: #3E2723; // Grey $grey_50: #FAFAFA; $grey_100: #F5F5F5; $grey_200: #EEEEEE; $grey_300: #E0E0E0; $grey_400: #BDBDBD; $grey_500: #9E9E9E; $grey_600: #757575; $grey_700: #616161; $grey_800: #424242; $grey_900: #212121; // Blue Grey $blue_grey_50: #ECEFF1; $blue_grey_100: #CFD8DC; $blue_grey_200: #B0BEC5; $blue_grey_300: #90A4AE; $blue_grey_400: #78909C; $blue_grey_500: #607D8B; $blue_grey_600: #546E7A; $blue_grey_700: #455A64; $blue_grey_800: #37474F; $blue_grey_900: #263238; // Black $black: #000000; // White $white: #FFFFFF; materia-theme-20180321/src/_sass/_colors.scss000066400000000000000000000125601325420104000207250ustar00rootroot00000000000000// When color definition differs for dark and light variant, // it gets @if ed depending on $variant @import 'color-palette'; $grey_850: #303030; // extra color from Material Design Guidelines $materia_blue: #338DD6; @function gtkalpha($c, $a) { @return unquote("alpha(#{$c}, #{$a})"); } // Foreground colors $dark_fg_color: rgba($black, 0.87); $light_fg_color: $white; $fg_color: if($variant == 'light', rgba($black, 0.87), $white); $button_fg_color: if($variant == 'light', rgba($black, 0.62), rgba($white, 0.8)); // extra fg color for raised buttons $secondary_fg_color: if($variant == 'light', rgba($black, 0.54), rgba($white, 0.7)); $hint_fg_color: if($variant == 'light', rgba($black, 0.38), rgba($white, 0.5)); $disabled_fg_color: if($variant == 'light', rgba($black, 0.38), rgba($white, 0.5)); $disabled_secondary_fg_color: if($variant == 'light', rgba($black, 0.26), rgba($white, 0.3)); $track_color: if($variant == 'light', rgba($black, 0.26), rgba($white, 0.3)); $divider_color: if($variant == 'light', rgba($black, 0.12), rgba($white, 0.12)); $titlebar_fg_color: if($titlebar == 'light', rgba($black, 0.87), $white); $titlebar_secondary_fg_color: if($titlebar == 'light', rgba($black, 0.54), rgba($white, 0.7)); $titlebar_hint_fg_color: if($titlebar == 'light', rgba($black, 0.38), rgba($white, 0.5)); $titlebar_disabled_fg_color: if($titlebar == 'light', rgba($black, 0.38), rgba($white, 0.5)); $titlebar_disabled_secondary_fg_color: if($titlebar == 'light', rgba($black, 0.26), rgba($white, 0.3)); $titlebar_track_color: if($titlebar == 'light', rgba($black, 0.26), rgba($white, 0.3)); $titlebar_divider_color: if($titlebar == 'light', rgba($black, 0.12), rgba($white, 0.12)); $inverse_fg_color: $white; $inverse_secondary_fg_color: rgba($white, 0.7); $inverse_hint_fg_color: rgba($white, 0.5); $inverse_disabled_fg_color: rgba($white, 0.5); $inverse_disabled_secondary_fg_color: rgba($white, 0.3); $inverse_track_color: rgba($white, 0.3); $inverse_divider_color: rgba($white, 0.12); // Background colors $bg_color: if($variant == 'light', $grey_200, $grey_900); $base_color: if($variant == 'light', $white, $grey_850); $alt_base_color: if($variant == 'light', $grey_100, mix($base_color, $bg_color, 50%)); $lighter_bg_color: if($variant == 'light', $grey_50, $grey_800); $alt_lighter_bg_color: if($variant == 'light', $grey_200, $grey_850); // for gnome-shell sub menu $darker_bg_color: if($variant == 'light', $grey_200, $grey_900); $titlebar_bg_color: if($titlebar == 'dark', $grey_850, $grey_300); $alt_titlebar_bg_color: if($titlebar == 'dark', $grey_850, $grey_300); $panel_bg_color: rgba($black, $middle_opacity); $alt_panel_bg_color: rgba($black, $lower_opacity); $inverse_panel_bg_color: rgba($inverse_fg_color, 0.1); $solid_panel_bg_color: if($titlebar == 'dark', $grey_900, $panel_bg_color); $opaque_panel_bg_color: if($titlebar == 'dark', $grey_900, mix($grey_300, $grey_400, 50%)); // for Unity panel which cannot use translucent colors $gdm_bg_color: $grey_850; $fill_color: gtkalpha(currentColor, $lower_opacity); $semi_fill_color: gtkalpha(currentColor, $lower_opacity / 2); $row_fill_color: gtkalpha(currentColor, 0.05); // Misc colors $primary_color: $materia_blue; $alt_primary_color: $light_blue_A200; $accent_color: $teal_500; $disabled_accent_color: rgba($accent_color, 0.5); $link_color: $primary_color; $visited_link_color: $purple_A200; $warning_color: $orange_A700; $error_color: $deep_orange_A700; $success_color: $green_A700; $suggested_color: $accent_color; $destructive_color: $red_A200; $info_bg_color: $green_400; $question_bg_color: $blue_400; $warning_bg_color: $orange_400; $error_bg_color: $red_400; $tooltip_bg_color: $grey_800; $tooltip_fg_color: $inverse_fg_color; $border_color: if($variant == 'light', rgba($black, 0.12), rgba($black, 0.26)); $alt_border_color: rgba($black, 0.26); // for non-native GTK+ apps (e.g. Firefox and Chrome) $highlight_color: if($variant == 'light', rgba($white, 0.4), rgba($white, 0.1)); $titlebar_highlight_color: if($titlebar == 'dark', rgba($white, 0.1), rgba($white, 0.4)); $alt_highlight_color: rgba($white, 0.2); // for selection-mode headerbar which colored with $primary_color $titlebar_indicator_color: if($titlebar == 'dark', currentColor, $primary_color); // for Electron/Atom menu which cannot use translucent colors $opaque_fg_color: if($variant == 'light', $grey_900, $white); $opaque_secondary_fg_color: if($variant == 'light', $grey_600, mix($white, $base_color, percentage(0.7))); $opaque_disabled_fg_color: if($variant == 'light', $grey_500, mix($white, $base_color, percentage(0.5))); $opaque_divider_color: if($variant == 'light', $grey_300, mix($white, $base_color, percentage(0.12))); // FIXME: gtk's @placeholder_text_color API really should use $secondary_fg_color, // but it doesn't work with translucent colors. So we use opaque colors instead. $placeholder_text_color: if($variant == 'light', mix($black, $base_color, percentage(0.54)), mix($white, $base_color, percentage(0.7))); materia-theme-20180321/src/_sass/_colors.scss.template000066400000000000000000000121241325420104000225330ustar00rootroot00000000000000// When color definition differs for dark and light variant, // it gets @if ed depending on $variant @import 'color-palette'; @function gtkalpha($c, $a) { @return unquote("alpha(#{$c}, #{$a})"); } @function fade($c) { @return mix($c, %FG%, 50%); } // Foreground colors $dark_fg_color: %FG%; $light_fg_color: %BG%; $fg_color: %FG%; $button_fg_color: %BTN_FG%; $secondary_fg_color: if($variant == 'light', rgba(%BTN_FG%, 0.54), rgba(%BTN_FG%, 0.7)); $hint_fg_color: if($variant == 'light', rgba(%FG%, 0.38), rgba(%FG%, 0.5)); $disabled_fg_color: if($variant == 'light', rgba(%FG%, 0.38), rgba(%FG%, 0.5)); $disabled_secondary_fg_color: if($variant == 'light', rgba(%BTN_FG%, 0.26), rgba(%BTN_FG%, 0.3)); $track_color: if($variant == 'light', rgba(%FG%, 0.26), rgba(%FG%, 0.3)); $divider_color: if($variant == 'light', rgba(%FG%, 0.12), rgba(%FG%, 0.12)); $titlebar_fg_color: %MENU_FG%; $titlebar_secondary_fg_color: if($titlebar == 'light', rgba(%MENU_FG%, 0.54), rgba(%MENU_FG%, 0.7)); $titlebar_hint_fg_color: if($titlebar == 'light', rgba(%MENU_FG%, 0.38), rgba(%MENU_FG%, 0.5)); $titlebar_disabled_fg_color: if($titlebar == 'light', rgba(%MENU_FG%, 0.38), rgba(%MENU_FG%, 0.5)); $titlebar_disabled_secondary_fg_color: if($titlebar == 'light', rgba(%MENU_FG%, 0.26), rgba(%MENU_FG%, 0.3)); $titlebar_track_color: if($titlebar == 'light', rgba(%MENU_FG%, 0.26), rgba(%MENU_FG%, 0.3)); $titlebar_divider_color: if($titlebar == 'light', rgba(%MENU_FG%, 0.12), rgba(%MENU_FG%, 0.12)); $inverse_fg_color: %SEL_FG%; $inverse_secondary_fg_color: rgba(%SEL_FG%, 0.7); $inverse_hint_fg_color: rgba(%SEL_FG%, 0.5); $inverse_disabled_fg_color: rgba(%SEL_FG%, 0.5); $inverse_disabled_secondary_fg_color: rgba(%SEL_FG%, 0.3); $inverse_track_color: rgba(%SEL_FG%, 0.3); $inverse_divider_color: rgba(%SEL_FG%, 0.12); // Background colors $bg_color: if($variant == 'light', %BG%, fade(%MENU_BG%)); $base_color: if($variant == 'light', %TXT_BG%, fade(%MENU_BG%)); $alt_base_color: if($variant == 'light', %INACTIVE_TXT_BG%, mix(%INACTIVE_TXT_BG%, %MENU_BG%, 50%)); $lighter_bg_color: if($variant == 'light', %BTN_BG%, fade(%BTN_BG%)); $alt_lighter_bg_color: if($variant == 'light', %BG2%, fade(%MENU_BG%)); // for gnome-shell sub menu $darker_bg_color: if($variant == 'light', %BG%, fade(%MENU_BG%)); $titlebar_bg_color: %MENU_BG%; $alt_titlebar_bg_color: if($titlebar == 'dark', %MENU_BG%, %MENU_BG%); $panel_bg_color: rgba(%MENU_BG%, %GNOME_SHELL_PANEL_OPACITY%); $alt_panel_bg_color: rgba(%MENU_BG%, $lower_opacity); $inverse_panel_bg_color: rgba($inverse_fg_color, 0.1); $solid_panel_bg_color: if($titlebar == 'dark', %MENU_BG%, %MENU_BG%); $opaque_panel_bg_color: if($titlebar == 'dark', %MENU_BG%, mix(%MENU_BG%, %MENU_BG%, 50%)); // for Unity panel which cannot use translucent colors $gdm_bg_color: if($variant == 'light', %MENU_BG%, %MENU_BG2%); $fill_color: gtkalpha(currentColor, $lower_opacity); $semi_fill_color: gtkalpha(currentColor, $lower_opacity / 2); $row_fill_color: gtkalpha(currentColor, 0.05); // Misc colors $primary_color: %SEL_BG%; $alt_primary_color: %SEL_BG2%; $accent_color: %ACCENT_BG%; $disabled_accent_color: rgba($accent_color, 0.5); $link_color: %TERMINAL_COLOR4%; $visited_link_color: %TERMINAL_COLOR5%; $warning_color: %TERMINAL_COLOR11%; $error_color: %TERMINAL_COLOR9%; $success_color: %TERMINAL_COLOR10%; $suggested_color: $accent_color; $destructive_color: $error_color; $info_bg_color: %TERMINAL_COLOR12%; $question_bg_color: $info_bg_color; $warning_bg_color: $warning_color; $error_bg_color: $error_color; $tooltip_bg_color: %MENU_BG%; $tooltip_fg_color: %MENU_FG%; $border_color: if($variant == 'light', rgba(%FG%, 0.12), rgba(%FG%, 0.26)); $alt_border_color: rgba(%FG%, 0.26); // for non-native GTK+ apps (e.g. Firefox and Chrome) $highlight_color: if($variant == 'light', rgba(%TXT_BG%, 0.4), rgba(%TXT_BG%, 0.1)); $titlebar_highlight_color: %MENU_BG%; $alt_highlight_color: rgba(%TXT_BG%, 0.2); // for selection-mode headerbar which colored with $primary_color $titlebar_indicator_color: if($titlebar == 'dark', currentColor, $primary_color); // for Electron/Atom menu which cannot use translucent colors $opaque_fg_color: if($variant == 'light', %FG%, %TXT_BG%); $opaque_secondary_fg_color: if($variant == 'light', %FG%, mix(%TXT_BG%, $base_color, percentage(0.7))); $opaque_disabled_fg_color: if($variant == 'light', %INACTIVE_FG%, mix(%TXT_BG%, $base_color, percentage(0.5))); $opaque_divider_color: if($variant == 'light', %SEL_BG%, mix(%TXT_BG%, $base_color, percentage(0.12))); // FIXME: gtk's @placeholder_text_color API really should use $secondary_fg_color, // but it doesn't work with translucent colors. So we use opaque colors instead. $placeholder_text_color: if($variant == 'light', mix(%FG%, $base_color, percentage(0.54)), mix(%TXT_BG%, $base_color, percentage(0.7))); materia-theme-20180321/src/_sass/chrome/000077500000000000000000000000001325420104000176415ustar00rootroot00000000000000materia-theme-20180321/src/_sass/chrome/_scrollbars.scss000066400000000000000000000020001325420104000230330ustar00rootroot00000000000000::-webkit-scrollbar, ::-webkit-scrollbar-corner { width: 17px; height: 17px; border: 0 solid $border_color; background-color: rgba($base_color, 0.9); background-clip: $extra_background_clip; } ::-webkit-scrollbar:horizontal, ::-webkit-scrollbar-corner { border-top-width: 1px; } ::-webkit-scrollbar:vertical, ::-webkit-scrollbar-corner { border-left-width: 1px; } ::-webkit-scrollbar-thumb { width: 32px; height: 32px; border: 4px solid transparent; border-radius: 8px; background-color: $hint_fg_color; background-clip: padding-box; &:horizontal { border-top-width: 5px; border-top-left-radius: 8px 9px; border-top-right-radius: 8px 9px; } &:vertical { border-left-width: 5px; border-top-left-radius: 9px 8px; border-bottom-left-radius: 9px 8px; } &:hover { background-color: $secondary_fg_color; } &:active { background-color: $fg_color; } &:disabled { background-color: $disabled_secondary_fg_color; } } materia-theme-20180321/src/_sass/gnome-shell/000077500000000000000000000000001325420104000205765ustar00rootroot00000000000000materia-theme-20180321/src/_sass/gnome-shell/_common-3.18.scss000066400000000000000000001472751325420104000235310ustar00rootroot00000000000000//This is the RIGHT PLACE to edit the stylesheet //let's start by telling people not to edit the generated CSS: $cakeisalie: "This stylesheet is generated, DO NOT EDIT"; /* #{$cakeisalie} */ /* Copyright 2009, 2015 Red Hat, Inc. * * Portions adapted from Mx's data/style/default.css * Copyright 2009 Intel Corporation * * This program is free software; you can redistribute it and/or modify it * under the terms and conditions of the GNU Lesser General Public License, * version 2.1, as published by the Free Software Foundation. * * This program is distributed in the hope it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for * more details. * * You should have received a copy of the GNU Lesser General Public License * along with this program; if not, write to the Free Software Foundation, * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. */ /* GLOBALS */ * { // transition-timing-function: $deceleration_curve; transition-duration: $longer_duration; } stage { font-family: $font-family; @include font(body-1); color: $fg_color; } /* WIDGETS */ /* Buttons */ .button { min-height: $medium_size; padding: 0 16px; border-width: 0; border-radius: 2px; @include font(button); @include button(flat-normal); &:hover { @include button(flat-hover); } &:active { @include button(flat-active); } &:insensitive { @include button(flat-insensitive); } &:focus { @include button(flat-focus); } } .modal-dialog-linked-button { min-height: 40px; padding: 0 16px; border-top: 1px solid $border_color !important; border-right-width: 0; @include font(button); @include button(flat-normal); &:hover { @include button(flat-hover); } &:active { @include button(flat-active); } &:insensitive { @include button(flat-insensitive); } &:focus { @include button(flat-focus); } &:first-child { border-radius: 0px 0px 0px 2px; } &:last-child { border-right-width: 0px; border-radius: 0px 0px 2px 0px; } &:first-child:last-child { border-right-width: 0px; border-radius: 0px 0px 2px 2px; } } /* Entries */ StEntry { min-height: $medium_size; padding: 0 8px; border-radius: 0; border-width: 0; color: $fg_color; selection-background-color: $primary_color; selected-color: $inverse_fg_color; @include font(subheading); @include entry(normal); //&:hover { @include entry(hover);} &:focus { @include entry(focus);} &:insensitive { @include entry(insensitive);} StIcon.capslock-warning { icon-size: 16px; warning-color: $warning_color; padding: 0 0; } } /* Scrollbars */ StScrollView { &.vfade { -st-vfade-offset: 32px; } &.hfade { -st-hfade-offset: 32px; } } StScrollBar { padding: 0; StScrollView & { min-width: 16px; min-height: 16px; } StBin#trough { margin: 4px; border-radius: 100px; background-color: $divider_color; } StButton#vhandle, StButton#hhandle { border-radius: 100px; background-color: $hint_fg_color; //border: 4px solid transparent; //would be nice to margin or at least to transparent margin: 4px; &:hover { background-color: $secondary_fg_color; } &:active { background-color: $fg_color; } } } %overview_scrollbar { StBin#trough { background-color: $inverse_divider_color; } StButton#vhandle, StButton#hhandle { background-color: $inverse_hint_fg_color; &:hover { background-color: $inverse_secondary_fg_color; } &:active { background-color: $inverse_fg_color; } } } /* Slider */ .slider { height: 20px; color: $accent_color; -slider-height: 2px; -slider-background-color: $track_color; //background of the trough -slider-border-color: transparent; //trough border color -slider-active-background-color: $accent_color; //active trough fill -slider-active-border-color: transparent; //active trough border -slider-border-width: 0; -slider-handle-radius: 7px; } /* Check Boxes */ .check-box { * { min-height: $medium_size - 8px * 2; padding: 8px 0; } StBoxLayout { spacing: 8px; } StBin { width: 24px; height: 24px; padding: ($medium_size - 24px) / 2; border-radius: 100px; background-image: url("assets/checkbox-off.svg"); } &:focus StBin { background-image: url("assets/checkbox-off.svg"); } &:hover StBin { background-color: $divider_color; } &:active StBin { background-color: $track_color; } &:checked StBin { background-image: url("assets/checkbox.svg"); } &:focus:checked StBin { background-image: url("assets/checkbox.svg"); } &:hover:checked StBin { background-color: rgba($accent_color, $lower_opacity / 2); } &:active:checked StBin { background-color: rgba($accent_color, $lower_opacity); } } /* Switches */ .toggle-switch { width: 40px; height: 20px; background-size: contain; } @each $v in us, intl { .toggle-switch-#{$v} { background-image: url("assets/toggle-off.svg"); &:checked { background-image: url("assets/toggle-on.svg"); } } } /* links */ .shell-link { border-radius: 2px; color: $link_color; &:hover { color: $link_color; background-color: rgba($link_color, $lower_opacity / 2); } &:active { color: $link_color; background-color: rgba($link_color, $lower_opacity); } } /* Modal Dialogs */ .headline { @include font(title); } .lightbox { background-color: black; } .flashspot { background-color: white; } .modal-dialog { border-radius: 2px; color: $fg_color; background-color: $lighter_bg_color; border: none; box-shadow: $shadow_4; .modal-dialog-content-box { padding: 24px; } .run-dialog-entry { width: 20em; margin-bottom: 6px; } .run-dialog-error-box { padding-top: 16px; spacing: 6px; } .run-dialog-button-box { padding-top: 1em; } .run-dialog-label { font-size: 1em; font-weight: normal; color: $hint_fg_color; padding-bottom: .4em; } } .show-processes-dialog-subject, .mount-question-dialog-subject, .end-session-dialog-subject { //this should be a generic header class @include font(title); } /* End Session Dialog */ .end-session-dialog { spacing: 42px; border: none; } .end-session-dialog-list { padding-top: 20px; } .end-session-dialog-layout { padding-left: 17px; &:rtl { padding-right: 17px; } } .end-session-dialog-description { width: 28em; padding-bottom: 10px; &:rtl { text-align: right; } } .end-session-dialog-warning { width: 28em; color: $warning_color; padding-top: 6px; &:rtl { text-align: right; } } .end-session-dialog-logout-icon { //border: 2px solid #8b8b8b; border-radius: 5px; width: 48px; height: 48px; background-size: contain; } .end-session-dialog-shutdown-icon { color: $hint_fg_color; width: 48px; height: 48px; } .end-session-dialog-inhibitor-layout { spacing: 16px; max-height: 200px; padding-right: 65px; padding-left: 65px; } .end-session-dialog-session-list, .end-session-dialog-app-list { spacing: 1em; } .end-session-dialog-list-header { font-weight: bold; &:rtl { text-align: right; } } .end-session-dialog-app-list-item, .end-session-dialog-session-list-item { spacing: 1em; } .end-session-dialog-app-list-item-name, .end-session-dialog-session-list-item-name { font-weight: bold; } .end-session-dialog-app-list-item-description { color: $hint_fg_color; font-size: 1em; } /* ShellMountOperation Dialogs */ .shell-mount-operation-icon { icon-size: 48px; } .show-processes-dialog, .mount-question-dialog { spacing: 24px; } .show-processes-dialog-subject, .mount-question-dialog-subject { padding-top: 10px; padding-left: 17px; padding-bottom: 6px; } .mount-question-dialog-subject { max-width: 500px; } .show-processes-dialog-subject:rtl, .mount-question-dialog-subject:rtl { padding-left: 0px; padding-right: 17px; } .show-processes-dialog-description, .mount-question-dialog-description { padding-left: 17px; width: 28em; } .show-processes-dialog-description:rtl, .mount-question-dialog-description:rtl { padding-right: 17px; } .show-processes-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 49px; padding-right: 32px; } .show-processes-dialog-app-list:rtl { padding-right: 49px; padding-left: 32px; } .show-processes-dialog-app-list-item { color: $fg_color; &:hover { color: $fg_color; } &:ltr { padding-right: 1em; } &:rtl { padding-left: 1em; } } .show-processes-dialog-app-list-item-icon { &:ltr { padding-right: 17px; } &:rtl { padding-left: 17px; } } .show-processes-dialog-app-list-item-name { font-size: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { //this is the width of the entire modal popup width: 500px; border: none; } .prompt-dialog-main-layout { spacing: 24px; padding: 10px; } .prompt-dialog-message-layout { spacing: 16px; } .prompt-dialog-headline { @include font(title); color: $fg_color; } .prompt-dialog-description:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label { font-size: 1em; color: $error_color; padding-bottom: 8px; } .prompt-dialog-info-label { font-size: 1em; padding-bottom: 8px; } .hidden { color: rgba(0,0,0,0); } .prompt-dialog-null-label { font-size: 1em; padding-bottom: 8px; } /* Polkit Dialog */ .polkit-dialog-user-layout { padding-left: 10px; spacing: 10px; &:rtl { padding-left: 0px; padding-right: 10px; } } .polkit-dialog-user-root-label { color: $warning_color; } .polkit-dialog-user-icon { border-radius: 5px; background-size: contain; width: 48px; height: 48px; } /* Audio selection dialog */ .audio-device-selection-dialog { spacing: 30px; } .audio-selection-content { spacing: 20px; padding: 24px; } .audio-selection-title { font-weight: bold; text-align: center; } .audio-selection-box { spacing: 20px; } .audio-selection-device { border: 1px solid $border_color; border-radius: 2px; &:active,&:hover,&:focus { background-color: $primary_color; } } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* Access Dialog */ .access-dialog { spacing: 30px; } .access-dialog-main-layout { padding: 12px 20px 0; spacing: 12px; } .access-dialog-content { max-width: 28em; spacing: 20px; } .access-dialog-icon { min-width: 48px; icon-size: 48px; } .access-dialog-title { font-weight: bold; } .access-dialog-subtitle { color: $hint_fg_color; font-weight: bold; } /* Geolocation Dialog */ .geolocation-dialog { spacing: 30px; } .geolocation-dialog-main-layout { spacing: 12px; } .geolocation-dialog-content { spacing: 20px; } .geolocation-dialog-icon { icon-size: 48px; } .geolocation-dialog-title { font-weight: bold; } .geolocation-dialog-reason { color: $hint_fg_color; font-weight: bold; } /* Network Agent Dialog */ .network-dialog-secret-table { spacing-rows: 15px; spacing-columns: 1em; } .keyring-dialog-control-table { spacing-rows: 15px; spacing-columns: 1em; } /* Popovers/Menus */ .popup-menu { min-width: 200px; .popup-menu-arrow { } //defined globally in the TOP BAR .popup-sub-menu { background-color: $alt_lighter_bg_color; box-shadow: $shadow_0; } .popup-menu-content { padding: 8px 0; } .popup-menu-item { // min-height: $menuitem_size - 4px * 2; spacing: 8px; transition-duration: $shorter_duration; &:ltr { padding: 0.4em 24px 0.4em 0; } &:rtl { padding: 0.4em 0 0.4em 24px; } &:checked { background-color: $primary_color; color: $inverse_fg_color; box-shadow: $shadow_0; font-weight: normal; &.selected { background-color: mix($inverse_fg_color, $primary_color, percentage($lower_opacity / 2)); color: $inverse_fg_color; } &:active { background-color: mix($inverse_fg_color, $primary_color, percentage($lower_opacity)); color: $inverse_fg_color !important; } &:insensitive { color: $inverse_disabled_fg_color; } } &.selected { background-color: $divider_color; color: $fg_color; transition-duration: 0ms; } &:active { background-color: $track_color; color: $fg_color; transition-duration: $longer_duration; } &.selected:active { color: $fg_color; } &:insensitive { color: $disabled_fg_color; } } .popup-inactive-menu-item { //all icons and other graphical elements color: $fg_color; &:insensitive { color: $hint_fg_color; } } //.popup-status-menu-item { font-weight: normal; color: pink; } //dunno what that is &.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-border-radius: 0; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; -arrow-box-shadow: none; //dreaming. bug #689995 margin: 5px 8px 8px; background-color: $lighter_bg_color; border-radius: 2px; box-shadow: $shadow_2; } .popup-separator-menu-item { //-margin-horizontal: 24px; height: 1px; //not really the whole box margin: 8px 64px - 24px; background-color: transparent; border-color: $border_color; border-bottom-width: 1px; border-bottom-style: solid; } // Background menu .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } /* fallback menu - odd thing for styling App menu when apparently not running under shell. Light Adwaita styled app menu inside the main app window itself rather than the top bar */ /* OSD */ .osd-window { text-align: center; font-weight: bold; spacing: 1em; margin: 32px; min-width: 64px; min-height: 64px; .osd-monitor-label { @include font(display-2); } .level { height: 8px; border-radius: 0; background-color: rgba($primary_color, $lower_opacity); color: $fg_color; } .level-bar { background-color: $primary_color; border-radius: 0; } } /* Pad OSD */ .pad-osd-window { padding: 32px; background-color: $panel_bg_color; } .combo-box-label { width: 15em; } /* App Switcher */ .switcher-popup { padding: 8px; spacing: 16px; } .osd-window, .resize-popup, .switcher-list { @extend %osd-panel; } .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { padding: 8px; border-radius: 2px; } .switcher-list .item-box:outlined { padding: 8px; border: none; background-color: $divider_color; } .switcher-list .item-box:selected { background-color: $primary_color; color: $inverse_fg_color; } .switcher-list .thumbnail-box { padding: 2px; spacing: 4px; } .switcher-list .thumbnail { width: 256px; } .switcher-list .separator { width: 1px; background: $border_color; } .switcher-arrow { border-color: rgba(0,0,0,0); color: $hint_fg_color; &:highlighted { color: $fg_color; } } .input-source-switcher-symbol { @include font(display-2); width: 96px; height: 96px; } /* Window Cycler */ .cycler-highlight { border: 4px solid $primary_color; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher-container { @extend %osd-panel; } .workspace-switcher { background: transparent; border: 0px; border-radius: 0px; padding: 0px; spacing: 8px; } .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; background-color: $primary_color; color: $inverse_fg_color; background-size: 32px; border-radius: 2px; } .ws-switcher-box { height: 48px; border: none; background: $divider_color; border-radius: 2px; } %osd-panel { color: $fg_color; background-color: $lighter_bg_color; border: none; box-shadow: $shadow_4; border-radius: 2px; padding: 12px; } /* Tiled window previews */ .tile-preview { background-color: rgba($alt_primary_color, $lower_opacity); border: 1px solid $alt_primary_color; } .tile-preview-left.on-primary { border-radius: $panel-corner-radius 0 0 0; } .tile-preview-right.on-primary { border-radius: 0 $panel-corner-radius 0 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: $panel-corner-radius $panel-corner-radius 0 0; } /* TOP BAR */ #panel { background-color: $solid_panel_bg_color; font-weight: bold; height: $menuitem_size; &:overview, &.unlock-screen, &.login-screen, &.lock-screen { background-color: transparent; } #panelLeft, #panelCenter { // spacing between activities<>app menu and such spacing: 0; } .panel-corner { -panel-corner-radius: $panel-corner-radius; -panel-corner-background-color: $panel_bg_color; -panel-corner-border-width: 2px; -panel-corner-border-color: transparent; &:active, &:overview, &:focus { -panel-corner-border-color: $inverse_fg_color; } &.lock-screen, &.login-screen, &.unlock-screen { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } } .panel-button { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: $inverse_secondary_fg_color; transition-duration: $longer_duration; .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; //dimensions of the icon are hardcoded } &:hover { color: $inverse_fg_color; } &:active, &:overview, &:focus, &:checked { // Trick due to St limitations. It needs a background to draw // a box-shadow background-color: rgba($panel_bg_color, 0.01); box-shadow: inset 0 -2px 0px $inverse_fg_color; color: $inverse_fg_color; & > .system-status-icon { icon-shadow: none; } } .system-status-icon { icon-size: em(16px); padding: 0 4px; } .unlock-screen &, .login-screen &, .lock-screen & { color: $inverse_secondary_fg_color; &:focus, &:hover, &:active { color: $inverse_fg_color; } } } .panel-status-indicators-box, .panel-status-menu-box { spacing: 2px; } // spacing between power icon and (optional) percentage label .power-status.panel-status-indicators-box { spacing: 0; } .screencast-indicator { color: $warning_color; } } // calendar popover #calendarArea { padding: 8px 16px; } .calendar { margin-bottom: 0; } .calendar, .datemenu-today-button, .datemenu-displays-box, .message-list-sections { margin: 0 8px; } .datemenu-calendar-column { spacing: 8px; } .datemenu-displays-section { padding-bottom: 0; } .datemenu-today-button, .world-clocks-button, .message-list-section-title { min-height: $menuitem_size - 4px * 2; padding: 4px 8px; border-radius: 2px; } .datemenu-today-button { min-height: $menuitem_size * 2 - 4px * 2; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .datemenu-today-button, .world-clocks-button, .message-list-section-title { &:hover,&:focus { color: $fg_color; background-color: $divider_color; } &:active { color: $fg_color; background-color: $track_color; } } .datemenu-today-button .day-label { } .datemenu-today-button .date-label { @include font(headline); } .world-clocks-header, .message-list-section-title { color: $secondary_fg_color; font-weight: bold; } .world-clocks-grid { spacing-rows: 0.4em; } .calendar-month-label { height: $menuitem_size - 6px * 2; margin: 2px; padding: 6px 16px; border-radius: 2px; color: $fg_color; font-weight: bold; text-align: center; &:focus { background-color: $divider_color; } } .pager-button { width: $menuitem_size; height: $menuitem_size; margin: 2px; border-radius: 100px; background-color: transparent; color: $fg_color; &:hover, &:focus { background-color: $divider_color; } &:active { background-color: $track_color; } } .calendar-change-month-back { //arrow back background-image: url("assets/calendar-arrow-left.svg"); &:rtl { background-image: url("assets/calendar-arrow-right.svg"); } } .calendar-change-month-forward { //arrow foreward background-image: url("assets/calendar-arrow-right.svg"); &:rtl { background-image: url("assets/calendar-arrow-left.svg"); } } .calendar-day-base { @include font(caption); text-align: center; width: $menuitem_size; height: $menuitem_size; padding: 0; margin: 2px; border-radius: 100px; &:hover,&:focus { background-color: $divider_color; } // &:active { background-color: $track_color; } &:active, &:selected { color: $inverse_fg_color; background-color: $primary_color !important; border-color: transparent; //avoid jumparound due to today } &.calendar-day-heading { //day of week heading width: $menuitem_size; height: $menuitem_size - 7px; margin-top: 2px; padding: 7px 0 0; border-radius: 100px; background-color: transparent; color: $hint_fg_color; @include font(caption); font-weight: bold; text-align: center; } } .calendar-day { //border collapse hack - see calendar.js border-width: 0; } .calendar-day-top { border-top-width: 0; } .calendar-day-left { border-left-width: 0; } .calendar-work-day { } .calendar-nonwork-day { color: $fg_color; } .calendar-today { font-weight: bold !important; //color: $fg_color; //background-color: transparent; border: none; } .calendar-day-with-events { color: $link_color; font-weight: normal; text-decoration: underline; background-image: none; } .calendar-other-month-day { color: $disabled_secondary_fg_color; opacity: 0.5; } .calendar-week-number { width: $menuitem_size; height: $menuitem_size - 7px; margin: 2px; padding: 7px 0 0; border-radius: 100px; background-color: transparent; color: $hint_fg_color; font-size: inherit; font-weight: bold; text-align: center; } /* Message list */ .message-list { width: 420px; } .message-list-sections { spacing: 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message-list-section-title-box { spacing: 8px; } .message-list-section-close > StIcon { icon-size: 16px; border-radius: 16px; padding: ($menuitem_size - 16px) / 2; color: $secondary_fg_color; background-color: transparent; } /* FIXME: how do you do this in sass? */ .message-list-section-close:hover > StIcon, .message-list-section-close:focus > StIcon { color: $fg_color; background-color: $divider_color; } .message-list-section-close:active > StIcon { color: $fg_color; background-color: $track_color; } .message { min-height: $menuitem_size * 2; background-color: transparent; &:hover,&:focus { background-color: $divider_color; } &:active { background-color: $track_color; } border-radius: 2px; } .message-icon-bin { padding: 8px 0px 8px 8px; &:rtl { padding: 8px 8px 8px 0px; } } .message-icon-bin > StIcon { icon-size: 32px; } .message-secondary-bin { &:ltr { padding-left: 8px; } &:rtl { padding-right: 8px; } } .message-secondary-bin { color: $secondary_fg_color; } .message-secondary-bin > StIcon { icon-size: 16px; } .message-title { min-height: $small_size - 2px; padding-top: 2px; color: $fg_color; font-weight: bold; font-size: 1em; } .message-content { min-height: $menuitem_size * 2 - 8px * 2; padding: 8px; color: $secondary_fg_color; font-size: 1em; } .message-content * > StIcon { icon-size: 16px; border-radius: 16px; padding: ($small_size - 16px) / 2; color: $secondary_fg_color; } /* FIXME: how do you do this in sass? */ .message-content *:hover > StIcon, .message-content *:focus > StIcon { color: $fg_color; background-color: $divider_color; } .message-content *:active > StIcon { color: $fg_color; background-color: $track_color; } .message-media-control { margin: 16px 0; padding: 8px; border-radius: 100px; color: $secondary_fg_color; &:hover,&:focus { color: $fg_color; background-color: $divider_color; } &:active { color: $fg_color; background-color: $track_color; } &:insensitive { color: $disabled_secondary_fg_color; } &:last-child:ltr { margin-right: 16px; padding-right: 8px; } &:last-child:rtl { margin-left: 16px; padding-left: 8px; } } .media-message-cover-icon { icon-size: 32px; &.fallback { icon-size: 16px; padding: 8px; border: none; border-radius: 2px; background-color: $divider_color; color: $hint_fg_color; } } // a little unstructured mess: .system-switch-user-submenu-icon.user-icon { icon-size: 20px; padding: 0 2px; } .system-switch-user-submenu-icon.default-icon { icon-size: 16px; padding: 0 4px; } #appMenu { spinner-image: url("process-working.svg"); spacing: 4px; .label-shadow { color: transparent; } } .aggregate-menu { min-width: 280px; .popup-menu-icon { padding: 0 4px; } .popup-sub-menu .popup-menu-item :first-child { &:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; margin-left: em(16px); } &:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; margin-right: em(16px); } } } .system-menu-action { color: $secondary_fg_color; border-radius: 100px; /* wish we could do 50% */ padding: ($large_size - 16px) / 2; border: none; &:hover, &:focus { background-color: $divider_color; color: $fg_color; border: none; padding: ($large_size - 16px) / 2; } &:active { background-color: $track_color; color: $fg_color; } & > StIcon { icon-size: 16px; } } //Activities Ripples .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; background-color: $inverse_track_color; background-image: none; background-size: auto; } .ripple-box:rtl { border-radius: 0 0 0 48px; background-image: none; } // not really top bar only .popup-menu-arrow { width: 16px; height: 16px; } .popup-menu-icon { icon-size: em(16px); } //close buttons .window-close { transition-duration: 0ms; // FIXME: unless disable the transition, button will distort when hovering height: $medium_size; width: $medium_size; -st-background-image-shadow: $shadow_1; background-image: url("assets/window-close.svg"); background-size: $medium_size; &:hover { -st-background-image-shadow: $shadow_2; } &:active { background-image: url("assets/window-close-active.svg"); } } .window-close { -shell-close-overlap: $medium_size / 2; &:rtl { -st-background-image-shadow: $shadow_1; } &:rtl:hover { -st-background-image-shadow: $shadow_2; } } /* NETWORK DIALOGS */ .nm-dialog { max-height: 500px; min-height: 450px; min-width: 470px; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: center; } .nm-dialog-airplane-text { color: $fg_color; } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-scroll-view { border: none; } .nm-dialog-header { @include font(title); } .nm-dialog-item { font-size: 1em; border-bottom: none; border-radius: 2px; padding: 12px; spacing: 20px; &:hover, &:focus { background-color: $divider_color; } &:active { background-color: $track_color; } } .nm-dialog-item:selected { background-color: $primary_color; color: $inverse_fg_color; } .nm-dialog-icons { spacing: .5em; } .nm-dialog-icon { icon-size: 16px; } .no-networks-label { color: $hint_fg_color; } .no-networks-box { spacing: 12px; } /* OVERVIEW */ #overview { spacing: 24px; // StScrollBar { @extend %overview_scrollbar; } } .overview-controls { padding-bottom: 32px; } .window-picker { //container around window thumbnails -horizontal-spacing: 32px; -vertical-spacing: 32px; padding-left: 32px; padding-right: 32px; padding-bottom: 48px; &.external-monitor { padding: 32px; } } .window-clone-border { border: 4px solid $inverse_track_color; border-radius: 2px; // For window decorations with round corners we can't match // the exact shape when the window is scaled. So apply a shadow // to fix that case box-shadow: inset 0 0 0 1px $inverse_track_color; } .window-caption { spacing: 25px; color: $inverse_fg_color; background-color: transparent; border-radius: 2px; padding: 4px 8px; -shell-caption-spacing: 12px; &:hover { background-color: $inverse_track_color; color: $inverse_fg_color; } } //search entry .search-entry { width: 320px - 8px * 2; padding: 0 8px; border-radius: 0; color: $inverse_hint_fg_color; selection-background-color: $inverse_track_color; selected-color: $inverse_fg_color; @include entry(normal,$fc:$inverse_track_color); &:focus { @include entry(focus,$fc:$inverse_fg_color); padding: 0 8px; border-width: 0; color: $inverse_fg_color; } .search-entry-icon { icon-size: 16px; padding: 0 0; color: $inverse_hint_fg_color; } &:hover, &:focus { .search-entry-icon { color: $inverse_fg_color; } } } //search results #searchResultsBin { max-width: 1000px; } #searchResultsContent { padding-left: 20px; padding-right: 20px; spacing: 16px; } .search-section { spacing: 16px; } // This should be equal to #searchResultsContent spacing .search-section-content { spacing: 32px; } // This is the space between the provider icon and the results container .search-statustext { // "no results" @extend %status_text; } .list-search-results { spacing: 3px; } .search-section-separator { -gradient-height: 1px; -gradient-start: rgba(255,255,255,0); -gradient-end: rgba(255,255,255,0.4); -margin-horizontal: 1.5em; height: 1px; } .list-search-result-content { spacing: 12px; padding: 12px; } .list-search-result-title { @include font(headline); color: $inverse_fg_color; } .list-search-result-description { color: $inverse_secondary_fg_color; } .search-provider-icon { padding: 15px; } .search-provider-icon-more { width: 16px; height: 16px; background-image: url("assets/more-results.svg"); } /* DASHBOARD */ #dash { font-size: 1em; color: $inverse_fg_color; background-color: $inverse_panel_bg_color; padding: 3px 0; border: none; border-left: 0px; border-radius: 0px 2px 2px 0px; &:rtl { border-radius: 2px 0 0 2px; } .placeholder { background-image: url("assets/dash-placeholder.svg"); background-size: contain; height: 24px; } .empty-dash-drop-target { width: 24px; height: 24px; } } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { //osd tooltip // min-height: 32px - 6px * 2; border-radius: 2px; padding: 7px 8px; color: $fg_color; background-color: $lighter_bg_color; box-shadow: $shadow_2; text-align: center; -x-offset: 8px; } /* App Vault/Grid */ .icon-grid { spacing: 30px; -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; .overview-icon { icon-size: 96px; } } //.app-display { spacing: 20px; } .app-view-controls { //favorties | all toggle container width: 320px; padding-bottom: 32px; } .app-view-control { //favorties | all toggle button padding: 0 16px; font-weight: bold; color: $inverse_secondary_fg_color; &:hover { color: $inverse_fg_color; background-color: $inverse_divider_color !important; } &:active { color: $inverse_fg_color; background-color: $inverse_track_color !important; } &:checked { color: $inverse_fg_color; background-color: rgba($panel_bg_color, 0.01) !important; box-shadow: inset 0 2px 0 $inverse_fg_color; } &:first-child { border-right-width: 0; border-radius: 2px; &:checked { border-radius: 0; } } &:last-child { border-radius: 2px; &:checked { border-radius: 0; } } } //Icon tile .search-provider-icon, .list-search-result { @extend %icon_tile; &:focus, &:selected, &:hover { background-color: $inverse_divider_color; transition-duration: 0ms; } &:active, &:checked { background-color: $inverse_track_color; transition-duration: $longer_duration; } } .app-well-app, .app-well-app.app-folder, .show-apps, .grid-search-result { & .overview-icon { @extend %icon_tile; } &:hover .overview-icon, &:focus .overview-icon, &:selected .overview-icon { background-color: $inverse_divider_color; transition-duration: 0ms; border-image: none; background-image: none; } &:active .overview-icon, &:checked .overview-icon { background-color: $inverse_track_color; box-shadow: $shadow_0; transition-duration: $longer_duration; } } .app-well-app-running-dot { //running apps indicator width: 32px; height: 2px; background-color: $inverse_fg_color; margin-bottom: 0; } %icon_tile { color: $inverse_fg_color; border-radius: 2px; padding: 6px; border: none; transition-duration: $longer_duration; text-align: center; } .app-well-app.app-folder > .overview-icon { background-color: $inverse_panel_bg_color; } .show-apps .show-apps-icon { color: $inverse_secondary_fg_color; } .show-apps:hover .show-apps-icon, .show-apps:active .show-apps-icon, .show-apps:checked .show-apps-icon, .show-apps:focus .show-apps-icon { color: $inverse_fg_color; transition-duration: $longer_duration; } // Collections .app-folder-popup { //expanded collection -arrow-border-radius: 2px; -arrow-background-color: $inverse_panel_bg_color; -arrow-base: 24px; -arrow-rise: 12px; } .app-folder-popup-bin { padding: 5px; } .app-folder-icon { padding: 5px; spacing-rows: 5px; spacing-columns: 5px; } .page-indicator { padding: 15px 20px; .page-indicator-icon { width: 12px; height: 12px; border-radius: 12px; background-image: none; background-color: $inverse_disabled_secondary_fg_color; } &:hover .page-indicator-icon { background-image: none; background-color: $inverse_disabled_fg_color; } &:active .page-indicator-icon { background-image: none; background-color: $inverse_secondary_fg_color; } &:checked .page-indicator-icon { background-image: none; background-color: $inverse_fg_color; transition-duration: 0ms; } &:checked:active { background-image: none; } } .no-frequent-applications-label { @extend %status_text; } .app-well-app > .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label { padding: 10px 8px 5px 8px; spacing: 4px; } // Workspace pager .workspace-thumbnails { //container ala dash @extend %overview-panel; visible-width: 32px; //amount visible before hover spacing: 12px; padding: 12px; border-radius: 2px 0 0 2px; //border-width: 0; //fixme: can't have non unoform borders :( &:rtl { border-radius: 0 2px 2px 0;} .placeholder { background-image: url("assets/dash-placeholder.svg"); background-size: contain; height: 24px; } } .workspace-thumbnail-indicator { border: 0 solid $inverse_fg_color; border-left-width: 2px; padding: 6px; border-radius: 0; } //Some hacks I don't even .search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { // horizontal padding to make sure scrollbars or dash don't overlap content padding: 0px 88px 10px 88px; } %overview-panel { color: $inverse_fg_color; background-color: $inverse_panel_bg_color; border: none; } %status_text { @include font(display-2); color: $inverse_hint_fg_color; } /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { link-color: $link_color; } // Banners .notification-banner { font-size: 1em; width: 34em; min-height: $menuitem_size * 2; margin: 5px; border-radius: 2px; color: $fg_color; background-color: $lighter_bg_color; border: none; box-shadow: $shadow_2; &:hover { background-color: $lighter_bg_color; } &:focus { background-color: $lighter_bg_color; } .notification-icon { padding: 5px; } .notification-content { padding: 5px; spacing: 5px; } .secondary-icon { icon-size: em(16px); } .notification-actions { background-color: transparent; padding-top: 0; border-top: 1px solid $border_color; spacing: 1px; } .notification-button { min-height: 40px; padding: 0 16px; background-color: transparent; color: $secondary_fg_color; font-weight: 500; &:first-child { border-radius: 0 0 0 2px; } &:last-child { border-radius: 0 0 2px 0; } &:hover, &focus { background-color: $divider_color; color: $fg_color; } &:active { background-color: $track_color; color: $fg_color; } } } .summary-source-counter { font-size: 1em; font-weight: bold; height: 1.6em; width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; background-color: $primary_color; color: $inverse_fg_color; border: 2px solid $inverse_fg_color; box-shadow: 0 2px 2px rgba(0,0,0,0.5); border-radius: 0.9em; // should be 0.8 but whatever; wish I could do 50%; } .secondary-icon { icon-size: em(16px); } //chat bubbles .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: $fg_color; } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; &:rtl { padding-left: 0px; padding-right: 4px; } } .chat-sent { padding-left: 18pt; color: $secondary_fg_color; &:rtl { padding-left: 0; padding-right: 18pt; } } .chat-meta-message { padding-left: 4px; @include font(caption); color: $hint_fg_color; &:rtl { padding-left: 0; padding-right: 4px; } } //hotplug .hotplug-transient-box { spacing: 6px; padding: 2px 72px 2px 12px; } .hotplug-notification-item { padding: 2px 10px; &:focus { padding: 1px 71px 1px 11px; } } .hotplug-notification-item-icon { icon-size: 24px; padding: 2px 5px; } .hotplug-resident-box { spacing: 8px; } .hotplug-resident-mount { spacing: 8px; border-radius: 2px; &:hover { background-color: $divider_color; } &:active { background-color: $track_color; } } .hotplug-resident-mount-label { color: inherit; padding-left: 6px; } .hotplug-resident-mount-icon { icon-size: 24px; padding-left: 6px; } .hotplug-resident-eject-icon { icon-size: 16px; } .hotplug-resident-eject-button { padding: 7px; border-radius: 2px; color: $fg_color; } /* Eeeky things */ $legacy_icon_size: 24px; .legacy-tray { background-color: $panel_bg_color; color: $inverse_fg_color; border: none; border-bottom-width: 0; &:ltr { border-radius: 0 2px 0 0; border-left-width: 0; } &:rtl { border-radius: 2px 0 0 0; border-right-width: 0; } } .legacy-tray-handle, .legacy-tray-icon { padding: 6px; & StIcon { icon-size: $legacy_icon_size; } &:hover,&:focus { background-color: $inverse_divider_color; } &:active { background-color: $inverse_track_color; } } .legacy-tray-icon-box { spacing: 12px; &:ltr { padding-left: 12px; } &:rtl { padding-right: 12px; } & StButton { width: $legacy_icon_size; height: $legacy_icon_size } } //magnifier .magnifier-zoom-region { border: 2px solid $primary_color; &.full-screen { border-width: 0; } } //Keyboard /* On-screen Keyboard */ #keyboard { background-color: $alt_panel_bg_color; } .keyboard-layout { spacing: 10px; padding: 10px; } .keyboard-row { spacing: 15px; } .keyboard-key { min-height: $medium_size * 2; min-width: $medium_size * 2; font-size: 2em; font-weight: 500; border-radius: 2px; border: none; color: inherit; @include button(normal); &:focus { @include button(focus); } &:hover,&:checked { @include button(hover); } &:active { @include button(active);} &:grayed { //FIXME background-color: $alt_panel_bg_color; color: $inverse_fg_color; border-color: $alt_panel_bg_color; } } .keyboard-subkeys { //long press on a key popup color: inherit; padding: 5px; -arrow-border-radius: 0; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; -boxpointer-gap: 5px; background-color: $lighter_bg_color; border-radius: 2px; box-shadow: $shadow_2; } // IBus Candidate Popup .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: $hint_fg_color; .candidate-box:selected & { color: $inverse_hint_fg_color; } } .candidate-box { transition-duration: 0ms; // FIXME: needs more natural transitions min-height: $menuitem_size; padding: 0 8px; border-radius: 2px; &:hover { background-color: $divider_color; color: $fg_color; } &:active { background-color: $track_color; color: $fg_color; } &:selected { background-color: $primary_color; color: $inverse_fg_color; } } .candidate-page-button-box { height: $menuitem_size; .vertical & { padding-top: 0; } .horizontal & { padding-left: 0; } } .candidate-page-button { min-width: $menuitem_size; min-height: $menuitem_size; padding: 0; } .candidate-page-button-previous { border-radius: 2px; border-right-width: 0; } .candidate-page-button-next { border-radius: 2px; } .candidate-page-button-icon { icon-size: em(16px); } /* Auth Dialogs & Screen Shield */ .framed-user-icon { background-size: contain; border: none; color: $inverse_fg_color; border-radius: 2px; &:hover { border-color: $inverse_fg_color; color: $inverse_fg_color; } } // LOGIN DIALOG .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { //reset border: none; background-color: transparent; StEntry { color: $inverse_fg_color; selection-background-color: $inverse_track_color; selected-color: $inverse_fg_color; @include entry(normal, $fc:$inverse_track_color); &:focus { @include entry(focus, $fc:$inverse_fg_color); } &:insensitive { @include entry(insensitive, $fc:$inverse_divider_color); color: $inverse_disabled_fg_color; } } .modal-dialog-button-box { spacing: 3px; } .modal-dialog-button { padding: 0 16px; @include button(flat-normal, $tc: $inverse_fg_color); &:hover,&:focus { @include button(flat-hover, $tc: $inverse_fg_color); } &:active { @include button(flat-active, $tc: $inverse_fg_color); } &:insensitive { @include button(flat-insensitive, $tc: $inverse_fg_color); } &:default { @include button(normal, $c: $suggested_color, $tc: $inverse_fg_color); &:hover,&:focus { @include button(hover, $c: $suggested_color, $tc: $inverse_fg_color); } &:active { @include button(active, $c: $suggested_color, $tc: $inverse_fg_color); } &:insensitive { @include button(insensitive, $c: $inverse_divider_color, $tc: $inverse_disabled_fg_color); } } } } .login-dialog-logo-bin { padding: 24px 0px; } .login-dialog-banner { color: $inverse_secondary_fg_color; } .login-dialog-button-box { spacing: 5px; } .login-dialog-message-warning { color: $warning_color; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; } .login-dialog-user-selection-box { padding: 100px 0px; .login-dialog-not-listed-label { padding-left: 2px; .login-dialog-not-listed-button:focus &, .login-dialog-not-listed-button:hover & { color: $inverse_fg_color; } } } .login-dialog-not-listed-label { font-size: 1em; font-weight: bold; color: $inverse_secondary_fg_color; padding-top: 1em; &:hover { color: $inverse_fg_color; } &:focus { background-color: $inverse_divider_color; } } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; padding: .2em; width: 23em; &:expanded .login-dialog-user-list-item:focus { background-color: $inverse_divider_color; color: $inverse_fg_color; } &:expanded .login-dialog-user-list-item:hover { background-color: $inverse_divider_color; color: $inverse_fg_color; } &:expanded .login-dialog-user-list-item:active { background-color: $inverse_track_color; color: $inverse_fg_color; } &:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid $inverse_fg_color; } } .login-dialog-user-list-item { border-radius: 2px; padding: 4px 4px 0; color: $inverse_secondary_fg_color; &:ltr { padding-right: 1em; } &:rtl { padding-left: 1em; } &:hover { background-color: $inverse_divider_color; color: $inverse_fg_color; } &:active { background-color: $inverse_track_color; color: $inverse_fg_color; } .login-dialog-timed-login-indicator { height: 2px; margin: 2px 0 0 0; background-color: $inverse_fg_color; } &:focus .login-dialog-timed-login-indicator { background-color: $inverse_fg_color; } } .login-dialog-username, .user-widget-label { color: $inverse_fg_color; @include font(title); text-align: left; padding-left: 15px; } .user-widget-label { &:ltr { padding-left: 18px; } &:rtl { padding-right: 18px; } } .login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 8px; width: 23em; } .login-dialog-prompt-label { color: $inverse_hint_fg_color; font-size: 1em; padding-top: 1em; } .login-dialog-session-list-button StIcon { icon-size: 1.25em; } .login-dialog-session-list-button { color: $inverse_secondary_fg_color; &:hover,&:focus { color: $inverse_fg_color; } &:active { color: $inverse_fg_color; } } //SCREEN SHIELD .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { color: white; width: 80px; height: 48px; -arrow-thickness: 12px; -arrow-shadow: $shadow_1; } .screen-shield-clock { color: white; text-shadow: $shadow_1; font-weight: normal; text-align: center; padding-bottom: 1.5em; } .screen-shield-clock-time { @include font(display-4); text-shadow: $shadow_1; } .screen-shield-clock-date { @include font(display-2); } .screen-shield-notifications-container { spacing: 6px; width: 30em; background-color: transparent; max-height: 500px; .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .notification, .screen-shield-notification-source { padding: 8px; border: none; background-color: $alt_panel_bg_color; color: $inverse_fg_color; border-radius: 2px; } .notification { margin-right: 16px; } //compensate for space allocated to the scrollbar } .screen-shield-notification-label { min-height: $small_size - 2px; padding: 2px 0px 0px 16px; font-weight: bold; } .screen-shield-notification-count-text { min-height: $small_size - 2px; padding: 2px 0px 0px 16px; color: $inverse_secondary_fg_color; } #panel.lock-screen { background-color: $alt_panel_bg_color; } .screen-shield-background { //just the shadow, really background: black; box-shadow: $shadow_5; } #lockDialogGroup { background: $gdm_bg_color; background-size: cover; } #screenShieldNotifications { StScrollBar { @extend %overview_scrollbar; } } // Looking Glass #LookingGlassDialog { background-color: $lighter_bg_color; spacing: 4px; padding: 0; border: none; border-radius: 2px; box-shadow: $shadow_4; & > #Toolbar { padding: 0 8px; border: none; border-radius: 0; background-color: rgba($lighter_bg_color, 0.01); box-shadow: inset 0 -1px 0 $border_color; } .labels { spacing: 0; } .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: $hint_fg_color; transition-duration: $longer_duration; padding-left: 16px; padding-right: 16px; min-height: $medium_size; padding: 0 16px * 2; &:hover { box-shadow: inset 0 -2px 0px $track_color; color: $fg_color; text-shadow: none; } &:selected { border-bottom-width: 0; border-color: transparent; background-color: rgba($lighter_bg_color, 0.01); box-shadow: inset 0 -2px 0px $primary_color; color: $fg_color; text-shadow: none; } } StBoxLayout#EvalBox { padding: 4px; spacing: 4px; } StBoxLayout#ResultsArea { spacing: 4px; } } .lg-dialog { StEntry { selection-background-color: $primary_color; selected-color: $inverse_fg_color; } .shell-link { color: $link_color; &:hover { color: $link_color; } } } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button { min-height: $medium_size; padding: 0 16px; border: none; border-radius: 2px; @include font(button); @include button(flat-normal); &:hover { @include button(flat-hover); } &:active { @include button(flat-active); } &:insensitive { @include button(flat-insensitive); } &:focus { @include button(flat-focus); } &:hover { border: none; } } #lookingGlassExtensions { padding: 4px; } .lg-extensions-list { padding: 4px; spacing: 6px; } .lg-extension { border: none; border-radius: 2px; padding: 4px; } .lg-extension-name { @include font(headline); } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { background: $lighter_bg_color; border: none; border-radius: 2px; padding: 6px; box-shadow: $shadow_4; } materia-theme-20180321/src/_sass/gnome-shell/_common-3.24.scss000066400000000000000000001502601325420104000235120ustar00rootroot00000000000000//This is the RIGHT PLACE to edit the stylesheet //let's start by telling people not to edit the generated CSS: $cakeisalie: "This stylesheet is generated, DO NOT EDIT"; /* #{$cakeisalie} */ /* Copyright 2009, 2015 Red Hat, Inc. * * Portions adapted from Mx's data/style/default.css * Copyright 2009 Intel Corporation * * This program is free software; you can redistribute it and/or modify it * under the terms and conditions of the GNU Lesser General Public License, * version 2.1, as published by the Free Software Foundation. * * This program is distributed in the hope it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for * more details. * * You should have received a copy of the GNU Lesser General Public License * along with this program; if not, write to the Free Software Foundation, * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. */ /* GLOBALS */ * { // transition-timing-function: $deceleration_curve; transition-duration: $longer_duration; } stage { font-family: $font-family; @include font(body-1); color: $fg_color; } /* WIDGETS */ /* Buttons */ .button { min-height: $medium_size; padding: 0 16px; border-width: 0; border-radius: 2px; @include font(button); @include button(flat-normal); &:hover { @include button(flat-hover); } &:active { @include button(flat-active); } &:insensitive { @include button(flat-insensitive); } &:focus { @include button(flat-focus); } } .modal-dialog-linked-button { min-height: 40px; padding: 0 16px; border-top: 1px solid $border_color !important; border-right-width: 0; @include font(button); @include button(flat-normal); &:hover { @include button(flat-hover); } &:active { @include button(flat-active); } &:insensitive { @include button(flat-insensitive); } &:focus { @include button(flat-focus); } &:first-child { border-radius: 0px 0px 0px 2px; } &:last-child { border-right-width: 0px; border-radius: 0px 0px 2px 0px; } &:first-child:last-child { border-right-width: 0px; border-radius: 0px 0px 2px 2px; } } /* Entries */ StEntry { min-height: $medium_size; padding: 0 8px; border-radius: 0; border-width: 0; color: $fg_color; selection-background-color: $primary_color; selected-color: $inverse_fg_color; @include font(subheading); @include entry(normal); //&:hover { @include entry(hover);} &:focus { @include entry(focus);} &:insensitive { @include entry(insensitive);} StIcon.capslock-warning { icon-size: 16px; warning-color: $warning_color; padding: 0 0; } } /* Scrollbars */ StScrollView { &.vfade { -st-vfade-offset: 32px; } &.hfade { -st-hfade-offset: 32px; } } StScrollBar { padding: 0; StScrollView & { min-width: 16px; min-height: 16px; } StBin#trough { margin: 4px; border-radius: 100px; background-color: $divider_color; } StButton#vhandle, StButton#hhandle { border-radius: 100px; background-color: $hint_fg_color; //border: 4px solid transparent; //would be nice to margin or at least to transparent margin: 4px; &:hover { background-color: $secondary_fg_color; } &:active { background-color: $fg_color; } } } %overview_scrollbar { StBin#trough { background-color: $inverse_divider_color; } StButton#vhandle, StButton#hhandle { background-color: $inverse_hint_fg_color; &:hover { background-color: $inverse_secondary_fg_color; } &:active { background-color: $inverse_fg_color; } } } /* Slider */ .slider { height: 20px; color: $accent_color; -slider-height: 2px; -slider-background-color: $track_color; //background of the trough -slider-border-color: transparent; //trough border color -slider-active-background-color: $accent_color; //active trough fill -slider-active-border-color: transparent; //active trough border -slider-border-width: 0; -slider-handle-radius: 7px; } /* Check Boxes */ .check-box { * { min-height: $medium_size - 8px * 2; padding: 8px 0; } StBoxLayout { spacing: 8px; } StBin { width: 24px; height: 24px; padding: ($medium_size - 24px) / 2; border-radius: 100px; background-image: url("assets/checkbox-off.svg"); } &:focus StBin { background-image: url("assets/checkbox-off.svg"); } &:hover StBin { background-color: $divider_color; } &:active StBin { background-color: $track_color; } &:checked StBin { background-image: url("assets/checkbox.svg"); } &:focus:checked StBin { background-image: url("assets/checkbox.svg"); } &:hover:checked StBin { background-color: rgba($accent_color, $lower_opacity / 2); } &:active:checked StBin { background-color: rgba($accent_color, $lower_opacity); } } /* Switches */ .toggle-switch { width: 40px; height: 20px; background-size: contain; } @each $v in us, intl { .toggle-switch-#{$v} { background-image: url("assets/toggle-off.svg"); &:checked { background-image: url("assets/toggle-on.svg"); } } } /* links */ .shell-link { border-radius: 2px; color: $link_color; &:hover { color: $link_color; background-color: rgba($link_color, $lower_opacity / 2); } &:active { color: $link_color; background-color: rgba($link_color, $lower_opacity); } } /* Modal Dialogs */ .headline { @include font(title); } .lightbox { background-color: black; } .flashspot { background-color: white; } .modal-dialog { border-radius: 2px; color: $fg_color; background-color: $lighter_bg_color; border: none; box-shadow: $shadow_4; .modal-dialog-content-box { padding: 24px; } .run-dialog-entry { width: 20em; margin-bottom: 6px; } .run-dialog-error-box { padding-top: 16px; spacing: 6px; } .run-dialog-button-box { padding-top: 1em; } .run-dialog-label { font-size: 1em; font-weight: normal; color: $hint_fg_color; padding-bottom: .4em; } } .show-processes-dialog-subject, .mount-question-dialog-subject, .end-session-dialog-subject { //this should be a generic header class @include font(title); } /* End Session Dialog */ .end-session-dialog { spacing: 42px; border: none; } .end-session-dialog-list { padding-top: 20px; } .end-session-dialog-layout { padding-left: 17px; &:rtl { padding-right: 17px; } } .end-session-dialog-description { width: 28em; padding-bottom: 10px; &:rtl { text-align: right; } } .end-session-dialog-warning { width: 28em; color: $warning_color; padding-top: 6px; &:rtl { text-align: right; } } .end-session-dialog-logout-icon { //border: 2px solid #8b8b8b; border-radius: 5px; width: 48px; height: 48px; background-size: contain; } .end-session-dialog-shutdown-icon { color: $hint_fg_color; width: 48px; height: 48px; } .end-session-dialog-inhibitor-layout { spacing: 16px; max-height: 200px; padding-right: 65px; padding-left: 65px; } .end-session-dialog-session-list, .end-session-dialog-app-list { spacing: 1em; } .end-session-dialog-list-header { font-weight: bold; &:rtl { text-align: right; } } .end-session-dialog-app-list-item, .end-session-dialog-session-list-item { spacing: 1em; } .end-session-dialog-app-list-item-name, .end-session-dialog-session-list-item-name { font-weight: bold; } .end-session-dialog-app-list-item-description { color: $hint_fg_color; font-size: 1em; } /* ShellMountOperation Dialogs */ .shell-mount-operation-icon { icon-size: 48px; } .show-processes-dialog, .mount-question-dialog { spacing: 24px; } .show-processes-dialog-subject, .mount-question-dialog-subject { padding-top: 10px; padding-left: 17px; padding-bottom: 6px; } .mount-question-dialog-subject { max-width: 34em; } .show-processes-dialog-subject:rtl, .mount-question-dialog-subject:rtl { padding-left: 0px; padding-right: 17px; } .show-processes-dialog-description, .mount-question-dialog-description { padding-left: 17px; width: 28em; } .show-processes-dialog-description:rtl, .mount-question-dialog-description:rtl { padding-right: 17px; } .show-processes-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 49px; padding-right: 32px; } .show-processes-dialog-app-list:rtl { padding-right: 49px; padding-left: 32px; } .show-processes-dialog-app-list-item { color: $fg_color; &:hover { color: $fg_color; } &:ltr { padding-right: 1em; } &:rtl { padding-left: 1em; } } .show-processes-dialog-app-list-item-icon { &:ltr { padding-right: 17px; } &:rtl { padding-left: 17px; } } .show-processes-dialog-app-list-item-name { font-size: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { //this is the width of the entire modal popup width: 34em; border: none; } .prompt-dialog-main-layout { spacing: 24px; padding: 10px; } .prompt-dialog-message-layout { spacing: 16px; } .prompt-dialog-headline { @include font(title); color: $fg_color; } .prompt-dialog-description:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label { font-size: 1em; color: $error_color; padding-bottom: 8px; } .prompt-dialog-info-label { font-size: 1em; padding-bottom: 8px; } .hidden { color: rgba(0,0,0,0); } .prompt-dialog-null-label { font-size: 1em; padding-bottom: 8px; } /* Polkit Dialog */ .polkit-dialog-user-layout { padding-left: 10px; spacing: 10px; &:rtl { padding-left: 0px; padding-right: 10px; } } .polkit-dialog-user-root-label { color: $warning_color; } .polkit-dialog-user-icon { border-radius: 5px; background-size: contain; width: 48px; height: 48px; } /* Audio selection dialog */ .audio-device-selection-dialog { spacing: 30px; } .audio-selection-content { spacing: 20px; padding: 24px; } .audio-selection-title { font-weight: bold; text-align: center; } .audio-selection-box { spacing: 20px; } .audio-selection-device { border: 1px solid $border_color; border-radius: 2px; &:active,&:hover,&:focus { background-color: $primary_color; } } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* Access Dialog */ .access-dialog { spacing: 30px; } .access-dialog-main-layout { padding: 12px 20px 0; spacing: 12px; } .access-dialog-content { max-width: 28em; spacing: 20px; } .access-dialog-icon { min-width: 48px; icon-size: 48px; } .access-dialog-title { font-weight: bold; } .access-dialog-subtitle { color: $hint_fg_color; font-weight: bold; } /* Geolocation Dialog */ .geolocation-dialog { spacing: 30px; } .geolocation-dialog-main-layout { spacing: 12px; } .geolocation-dialog-content { spacing: 20px; } .geolocation-dialog-icon { icon-size: 48px; } .geolocation-dialog-title { font-weight: bold; } .geolocation-dialog-reason { color: $hint_fg_color; font-weight: bold; } /* Network Agent Dialog */ .network-dialog-secret-table { spacing-rows: 15px; spacing-columns: 1em; } .keyring-dialog-control-table { spacing-rows: 15px; spacing-columns: 1em; } /* Popovers/Menus */ .popup-menu { min-width: 200px; .popup-menu-arrow { } //defined globally in the TOP BAR .popup-sub-menu { background-color: $alt_lighter_bg_color; box-shadow: $shadow_0; } .popup-menu-content { padding: 8px 0; } .popup-menu-item { // min-height: $menuitem_size - 4px * 2; spacing: 8px; transition-duration: $shorter_duration; &:ltr { padding: 0.4em 24px 0.4em 0; } &:rtl { padding: 0.4em 0 0.4em 24px; } &:checked { background-color: $primary_color; color: $inverse_fg_color; box-shadow: $shadow_0; font-weight: normal; &.selected { background-color: mix($inverse_fg_color, $primary_color, percentage($lower_opacity / 2)); color: $inverse_fg_color; } &:active { background-color: mix($inverse_fg_color, $primary_color, percentage($lower_opacity)); color: $inverse_fg_color !important; } &:insensitive { color: $inverse_disabled_fg_color; } } &.selected { background-color: $divider_color; color: $fg_color; transition-duration: 0ms; } &:active { background-color: $track_color; color: $fg_color; transition-duration: $longer_duration; } &.selected:active { color: $fg_color; } &:insensitive { color: $disabled_fg_color; } } .popup-inactive-menu-item { //all icons and other graphical elements color: $fg_color; &:insensitive { color: $hint_fg_color; } } //.popup-status-menu-item { font-weight: normal; color: pink; } //dunno what that is &.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-border-radius: 0; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; -arrow-box-shadow: none; //dreaming. bug #689995 margin: 5px 8px 8px; background-color: $lighter_bg_color; border-radius: 2px; box-shadow: $shadow_2; } .popup-separator-menu-item { //-margin-horizontal: 24px; height: 1px; //not really the whole box margin: 8px 64px - 24px; background-color: transparent; border-color: $border_color; border-bottom-width: 1px; border-bottom-style: solid; } // Background menu .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } /* fallback menu - odd thing for styling App menu when apparently not running under shell. Light Adwaita styled app menu inside the main app window itself rather than the top bar */ /* OSD */ .osd-window { text-align: center; font-weight: bold; spacing: 1em; margin: 32px; min-width: 64px; min-height: 64px; .osd-monitor-label { @include font(display-2); } .level { height: 8px; border-radius: 0; background-color: rgba($primary_color, $lower_opacity); color: $fg_color; } .level-bar { background-color: $primary_color; border-radius: 0; } } /* Pad OSD */ .pad-osd-window { padding: 32px; background-color: $panel_bg_color; .pad-osd-title-box { spacing: 12px; } .pad-osd-title-menu-box { spacing: 6px; } } .combo-box-label { width: 15em; } /* App Switcher */ .switcher-popup { padding: 8px; spacing: 16px; } .osd-window, .resize-popup, .switcher-list { @extend %osd-panel; } .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { padding: 8px; border-radius: 2px; } .switcher-list .item-box:outlined { padding: 8px; border: none; background-color: $divider_color; } .switcher-list .item-box:selected { background-color: $primary_color; color: $inverse_fg_color; } .switcher-list .thumbnail-box { padding: 2px; spacing: 4px; } .switcher-list .thumbnail { width: 256px; } .switcher-list .separator { width: 1px; background: $border_color; } .switcher-arrow { border-color: rgba(0,0,0,0); color: $hint_fg_color; &:highlighted { color: $fg_color; } } .input-source-switcher-symbol { @include font(display-2); width: 96px; height: 96px; } /* Window Cycler */ .cycler-highlight { border: 4px solid $primary_color; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher-container { @extend %osd-panel; } .workspace-switcher { background: transparent; border: 0px; border-radius: 0px; padding: 0px; spacing: 8px; } .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; background-color: $primary_color; color: $inverse_fg_color; background-size: 32px; border-radius: 2px; } .ws-switcher-box { height: 48px; border: none; background: $divider_color; border-radius: 2px; } %osd-panel { color: $fg_color; background-color: $lighter_bg_color; border: none; box-shadow: $shadow_4; border-radius: 2px; padding: 12px; } /* Tiled window previews */ .tile-preview { background-color: rgba($alt_primary_color, $lower_opacity); border: 1px solid $alt_primary_color; } .tile-preview-left.on-primary { border-radius: $panel-corner-radius 0 0 0; } .tile-preview-right.on-primary { border-radius: 0 $panel-corner-radius 0 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: $panel-corner-radius $panel-corner-radius 0 0; } /* TOP BAR */ #panel { background-color: $solid_panel_bg_color; font-weight: bold; height: $menuitem_size; &:overview, &.unlock-screen, &.login-screen, &.lock-screen { background-color: transparent; } #panelLeft, #panelCenter { // spacing between activities<>app menu and such spacing: 0; } .panel-corner { -panel-corner-radius: $panel-corner-radius; -panel-corner-background-color: $panel_bg_color; -panel-corner-border-width: 2px; -panel-corner-border-color: transparent; &:active, &:overview, &:focus { -panel-corner-border-color: $inverse_fg_color; } &.lock-screen, &.login-screen, &.unlock-screen { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } } .panel-button { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: $inverse_secondary_fg_color; transition-duration: $longer_duration; .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; //dimensions of the icon are hardcoded } &:hover { color: $inverse_fg_color; } &:active, &:overview, &:focus, &:checked { // Trick due to St limitations. It needs a background to draw // a box-shadow background-color: rgba($panel_bg_color, 0.01); box-shadow: inset 0 -2px 0px $inverse_fg_color; color: $inverse_fg_color; & > .system-status-icon { icon-shadow: none; } } .system-status-icon { icon-size: em(16px); padding: 0 4px; } .unlock-screen &, .login-screen &, .lock-screen & { color: $inverse_secondary_fg_color; &:focus, &:hover, &:active { color: $inverse_fg_color; } } } .panel-status-indicators-box, .panel-status-menu-box { spacing: 2px; } // spacing between power icon and (optional) percentage label .power-status.panel-status-indicators-box { spacing: 0; } .screencast-indicator { color: $warning_color; } } // calendar popover #calendarArea { padding: 8px 16px; } .calendar { margin-bottom: 0; } .calendar, .datemenu-today-button, .datemenu-displays-box, .message-list-sections { margin: 0 8px; } .datemenu-calendar-column { spacing: 8px; } .datemenu-displays-section { padding-bottom: 0; } .datemenu-displays-box { spacing: 8px; } .datemenu-calendar-column { border: 0 solid $border_color; &:ltr { border-left-width: 0; } &:rtl { border-right-width: 0; } } .datemenu-today-button, .world-clocks-button, .weather-button, .events-section-title { min-height: $menuitem_size - 4px * 2; padding: 4px 8px; border-radius: 2px; } .datemenu-today-button { min-height: $menuitem_size * 2 - 4px * 2; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .datemenu-today-button, .world-clocks-button, .weather-button, .events-section-title { &:hover,&:focus { color: $fg_color; background-color: $divider_color; } &:active { color: $fg_color; background-color: $track_color; } } .datemenu-today-button .day-label { } .datemenu-today-button .date-label { @include font(headline); } .world-clocks-header, .weather-header, .events-section-title { color: $secondary_fg_color; font-weight: bold; } .world-clocks-grid { spacing-rows: 0.4em; } .weather-box { spacing: 0.4em; } .calendar-month-label { height: $menuitem_size - 6px * 2; margin: 2px; padding: 6px 16px; border-radius: 2px; color: $fg_color; font-weight: bold; text-align: center; &:focus { background-color: $divider_color; } } .pager-button { width: $menuitem_size; height: $menuitem_size; margin: 2px; border-radius: 100px; background-color: transparent; color: $fg_color; &:hover, &:focus { background-color: $divider_color; } &:active { background-color: $track_color; } } .calendar-change-month-back { //arrow back background-image: url("assets/calendar-arrow-left.svg"); &:rtl { background-image: url("assets/calendar-arrow-right.svg"); } } .calendar-change-month-forward { //arrow foreward background-image: url("assets/calendar-arrow-right.svg"); &:rtl { background-image: url("assets/calendar-arrow-left.svg"); } } .calendar-day-base { @include font(caption); text-align: center; width: $menuitem_size; height: $menuitem_size; padding: 0; margin: 2px; border-radius: 100px; &:hover,&:focus { background-color: $divider_color; } &:active { color: inherit; background-color: $track_color; border-color: transparent; //avoid jumparound due to today } &:selected { color: $inverse_fg_color; background-color: $primary_color; border-color: transparent; //avoid jumparound due to today } &.calendar-day-heading { //day of week heading width: $menuitem_size; height: $menuitem_size - 7px; margin-top: 2px; padding: 7px 0 0; border-radius: 100px; background-color: transparent; color: $hint_fg_color; @include font(caption); font-weight: bold; text-align: center; } } .calendar-day { //border collapse hack - see calendar.js border-width: 0; } .calendar-day-top { border-top-width: 0; } .calendar-day-left { border-left-width: 0; } .calendar-work-day { } .calendar-nonwork-day { color: $fg_color; } .calendar-today { font-weight: bold !important; //color: $fg_color; //background-color: transparent; border: none; } .calendar-day-with-events { color: $link_color; font-weight: normal; text-decoration: underline; background-image: none; } .calendar-other-month-day { color: $disabled_secondary_fg_color; opacity: 0.5; } .calendar-week-number { width: $menuitem_size; height: $menuitem_size - 7px; margin: 2px; padding: 7px 0 0; border-radius: 100px; background-color: transparent; color: $hint_fg_color; font-size: inherit; font-weight: bold; text-align: center; } /* Message list */ .message-list { width: 420px; } .message-list-clear-button.button { background-color: transparent; &:hover,&:focus { background-color: $divider_color; } &:active { background-color: $track_color; } margin: 8px 8px 0; } .message-list-sections { spacing: 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message { min-height: $menuitem_size * 2; background-color: transparent; &:hover,&:focus { background-color: $divider_color; } &:active { background-color: $track_color; } border-radius: 2px; } .message-icon-bin { padding: 8px 0px 8px 8px; &:rtl { padding: 8px 8px 8px 0px; } } .message-icon-bin > StIcon { color: $fg_color; icon-size: em(16px); -st-icon-style: requested; margin: 4px 0px 4px 4px; &:rtl { margin: 4px 4px 4px 0px; } } .message-secondary-bin { padding: 0 8px; } .message-secondary-bin > .event-time { min-height: $small_size - 2px; padding-top: 2px; color: $secondary_fg_color; font-size: 1em; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-bottom: 0; } .message-secondary-bin > StIcon { icon-size: em(16px); } .message-title { min-height: $small_size - 2px; padding-top: 2px; color: $fg_color; font-weight: bold; font-size: 1em; } .message-content { min-height: $menuitem_size * 2 - 8px * 2; padding: 8px; color: $secondary_fg_color; font-size: 1em; } .message-content * > StIcon { icon-size: 16px; border-radius: 16px; padding: ($small_size - 16px) / 2; color: $secondary_fg_color; } /* FIXME: how do you do this in sass? */ .message-content *:hover > StIcon, .message-content *:focus > StIcon { color: $fg_color; background-color: $divider_color; } .message-content *:active > StIcon { color: $fg_color; background-color: $track_color; } .message-media-control { margin: 16px 0; padding: 8px; border-radius: 100px; color: $secondary_fg_color; &:hover,&:focus { color: $fg_color; background-color: $divider_color; } &:active { color: $fg_color; background-color: $track_color; } &:insensitive { color: $disabled_secondary_fg_color; } &:last-child:ltr { margin-right: 16px; padding-right: 8px; } &:last-child:rtl { margin-left: 16px; padding-left: 8px; } } .media-message-cover-icon { icon-size: 32px !important; margin: 8px 0px 8px 4px !important; &:rtl { margin: 8px 4px 8px 0px !important; } &.fallback { icon-size: 16px !important; padding: 8px; border: none; border-radius: 2px; background-color: $divider_color; color: $hint_fg_color; } } // a little unstructured mess: .system-switch-user-submenu-icon.user-icon { icon-size: 20px; padding: 0 2px; } .system-switch-user-submenu-icon.default-icon { icon-size: 16px; padding: 0 4px; } #appMenu { spinner-image: url("process-working.svg"); spacing: 4px; .label-shadow { color: transparent; } } .aggregate-menu { min-width: 280px; .popup-menu-icon { padding: 0 4px; } .popup-sub-menu .popup-menu-item :first-child { &:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; margin-left: em(16px); } &:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; margin-right: em(16px); } } } .system-menu-action { color: $secondary_fg_color; border-radius: 100px; /* wish we could do 50% */ padding: ($large_size - 16px) / 2; border: none; &:hover, &:focus { background-color: $divider_color; color: $fg_color; border: none; padding: ($large_size - 16px) / 2; } &:active { background-color: $track_color; color: $fg_color; } & > StIcon { icon-size: 16px; } } //Activities Ripples .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; background-color: $inverse_track_color; background-image: none; background-size: auto; } .ripple-box:rtl { border-radius: 0 0 0 48px; background-image: none; } // not really top bar only .popup-menu-arrow { width: 16px; height: 16px; } .popup-menu-icon { icon-size: em(16px); } //close buttons .window-close { transition-duration: 0ms; // FIXME: unless disable the transition, button will distort when hovering height: $medium_size; width: $medium_size; -st-background-image-shadow: $shadow_1; background-image: url("assets/window-close.svg"); background-size: $medium_size; &:hover { -st-background-image-shadow: $shadow_2; } &:active { background-image: url("assets/window-close-active.svg"); } } .window-close { -shell-close-overlap: $medium_size / 2; &:rtl { -st-background-image-shadow: $shadow_1; } &:rtl:hover { -st-background-image-shadow: $shadow_2; } } /* NETWORK DIALOGS */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: center; } .nm-dialog-airplane-text { color: $fg_color; } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-scroll-view { border: none; } .nm-dialog-header { @include font(title); } .nm-dialog-item { font-size: 1em; border-bottom: none; border-radius: 2px; padding: 12px; spacing: 20px; &:hover, &:focus { background-color: $divider_color; } &:active { background-color: $track_color; } } .nm-dialog-item:selected { background-color: $primary_color; color: $inverse_fg_color; } .nm-dialog-icons { spacing: .5em; } .nm-dialog-icon { icon-size: 16px; } .no-networks-label { color: $hint_fg_color; } .no-networks-box { spacing: 12px; } /* OVERVIEW */ #overview { spacing: 24px; // StScrollBar { @extend %overview_scrollbar; } } .overview-controls { padding-bottom: 32px; } .window-picker { //container around window thumbnails -horizontal-spacing: 32px; -vertical-spacing: 32px; padding-left: 32px; padding-right: 32px; padding-bottom: 48px; &.external-monitor { padding: 32px; } } .window-clone-border { border: 4px solid $inverse_track_color; border-radius: 2px; // For window decorations with round corners we can't match // the exact shape when the window is scaled. So apply a shadow // to fix that case box-shadow: inset 0 0 0 1px $inverse_track_color; } .window-caption { spacing: 25px; color: $inverse_fg_color; background-color: transparent; border-radius: 2px; padding: 4px 8px; -shell-caption-spacing: 12px; &:hover { background-color: $inverse_track_color; color: $inverse_fg_color; } } //search entry .search-entry { width: 320px - 8px * 2; padding: 0 8px; border-radius: 0; color: $inverse_hint_fg_color; selection-background-color: $inverse_track_color; selected-color: $inverse_fg_color; @include entry(normal,$fc:$inverse_track_color); &:focus { @include entry(focus,$fc:$inverse_fg_color); padding: 0 8px; border-width: 0; color: $inverse_fg_color; } .search-entry-icon { icon-size: 16px; padding: 0 0; color: $inverse_hint_fg_color; } &:hover, &:focus { .search-entry-icon { color: $inverse_fg_color; } } } //search results #searchResultsBin { max-width: 1000px; } #searchResultsContent { padding-left: 20px; padding-right: 20px; spacing: 16px; } .search-section { spacing: 16px; } // This should be equal to #searchResultsContent spacing .search-section-content { spacing: 32px; } // This is the space between the provider icon and the results container .search-statustext { // "no results" @extend %status_text; } .list-search-results { spacing: 3px; } .search-section-separator { -gradient-height: 1px; -gradient-start: rgba(255,255,255,0); -gradient-end: rgba(255,255,255,0.4); -margin-horizontal: 1.5em; height: 1px; } .list-search-result-content { spacing: 12px; padding: 12px; } .list-search-result-title { @include font(headline); color: $inverse_fg_color; } .list-search-result-description { color: $inverse_secondary_fg_color; } .search-provider-icon { padding: 15px; } .search-provider-icon-more { width: 16px; height: 16px; background-image: url("assets/more-results.svg"); } /* DASHBOARD */ #dash { font-size: 1em; color: $inverse_fg_color; background-color: $inverse_panel_bg_color; padding: 3px 0; border: none; border-left: 0px; border-radius: 0px 2px 2px 0px; &:rtl { border-radius: 2px 0 0 2px; } .placeholder { background-image: url("assets/dash-placeholder.svg"); background-size: contain; height: 24px; } .empty-dash-drop-target { width: 24px; height: 24px; } } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { //osd tooltip // min-height: 32px - 6px * 2; border-radius: 2px; padding: 7px 8px; color: $fg_color; background-color: $lighter_bg_color; box-shadow: $shadow_2; text-align: center; -x-offset: 8px; } /* App Vault/Grid */ .icon-grid { spacing: 30px; -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; .overview-icon { icon-size: 96px; } } //.app-display { spacing: 20px; } .app-view-controls { //favorties | all toggle container width: 320px; padding-bottom: 32px; } .app-view-control { //favorties | all toggle button padding: 0 16px; font-weight: bold; color: $inverse_secondary_fg_color; &:hover { color: $inverse_fg_color; background-color: $inverse_divider_color !important; } &:active { color: $inverse_fg_color; background-color: $inverse_track_color !important; } &:checked { color: $inverse_fg_color; background-color: rgba($panel_bg_color, 0.01) !important; box-shadow: inset 0 2px 0 $inverse_fg_color; } &:first-child { border-right-width: 0; border-radius: 2px; &:checked { border-radius: 0; } } &:last-child { border-radius: 2px; &:checked { border-radius: 0; } } } //Icon tile .search-provider-icon, .list-search-result { @extend %icon_tile; &:focus, &:selected, &:hover { background-color: $inverse_divider_color; transition-duration: 0ms; } &:active, &:checked { background-color: $inverse_track_color; transition-duration: $longer_duration; } } .app-well-app, .app-well-app.app-folder, .show-apps, .grid-search-result { & .overview-icon { @extend %icon_tile; } &:hover .overview-icon, &:focus .overview-icon, &:selected .overview-icon { background-color: $inverse_divider_color; transition-duration: 0ms; border-image: none; background-image: none; } &:active .overview-icon, &:checked .overview-icon { background-color: $inverse_track_color; box-shadow: $shadow_0; transition-duration: $longer_duration; } } .app-well-app-running-dot { //running apps indicator width: 32px; height: 2px; background-color: $inverse_fg_color; margin-bottom: 0; } %icon_tile { color: $inverse_fg_color; border-radius: 2px; padding: 6px; border: none; transition-duration: $longer_duration; text-align: center; } .app-well-app.app-folder > .overview-icon { background-color: $inverse_panel_bg_color; } .show-apps .show-apps-icon { color: $inverse_secondary_fg_color; } .show-apps:hover .show-apps-icon, .show-apps:active .show-apps-icon, .show-apps:checked .show-apps-icon, .show-apps:focus .show-apps-icon { color: $inverse_fg_color; transition-duration: $longer_duration; } // Collections .app-folder-popup { //expanded collection -arrow-border-radius: 2px; -arrow-background-color: $inverse_panel_bg_color; -arrow-base: 24px; -arrow-rise: 12px; } .app-folder-popup-bin { padding: 5px; } .app-folder-icon { padding: 5px; spacing-rows: 5px; spacing-columns: 5px; } .page-indicator { padding: 15px 20px; .page-indicator-icon { width: 12px; height: 12px; border-radius: 12px; background-image: none; background-color: $inverse_disabled_secondary_fg_color; } &:hover .page-indicator-icon { background-image: none; background-color: $inverse_disabled_fg_color; } &:active .page-indicator-icon { background-image: none; background-color: $inverse_secondary_fg_color; } &:checked .page-indicator-icon { background-image: none; background-color: $inverse_fg_color; transition-duration: 0ms; } &:checked:active { background-image: none; } } .no-frequent-applications-label { @extend %status_text; } .app-well-app > .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label { padding: 10px 8px 5px 8px; spacing: 4px; } // Workspace pager .workspace-thumbnails { //container ala dash @extend %overview-panel; visible-width: 32px; //amount visible before hover spacing: 12px; padding: 12px; border-radius: 2px 0 0 2px; //border-width: 0; //fixme: can't have non unoform borders :( &:rtl { border-radius: 0 2px 2px 0;} .placeholder { background-image: url("assets/dash-placeholder.svg"); background-size: contain; height: 24px; } } .workspace-thumbnail-indicator { border: 0 solid $inverse_fg_color; border-left-width: 2px; padding: 6px; border-radius: 0; } //Some hacks I don't even .search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { // horizontal padding to make sure scrollbars or dash don't overlap content padding: 0px 88px 10px 88px; } %overview-panel { color: $inverse_fg_color; background-color: $inverse_panel_bg_color; border: none; } %status_text { @include font(display-2); color: $inverse_hint_fg_color; } /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { link-color: $link_color; } // Banners .notification-banner { font-size: 1em; width: 34em; min-height: $menuitem_size * 2; margin: 5px; border-radius: 2px; color: $fg_color; background-color: $lighter_bg_color; border: none; box-shadow: $shadow_2; &:hover { background-color: $lighter_bg_color; } &:focus { background-color: $lighter_bg_color; } .notification-icon { padding: 5px; } .notification-content { padding: 5px; spacing: 5px; } .secondary-icon { icon-size: em(16px); } .notification-actions { background-color: transparent; padding-top: 0; border-top: 1px solid $border_color; spacing: 1px; } .notification-button { min-height: 40px; padding: 0 16px; background-color: transparent; color: $secondary_fg_color; font-weight: 500; &:first-child { border-radius: 0 0 0 2px; } &:last-child { border-radius: 0 0 2px 0; } &:hover, &focus { background-color: $divider_color; color: $fg_color; } &:active { background-color: $track_color; color: $fg_color; } } } .summary-source-counter { font-size: 1em; font-weight: bold; height: 1.6em; width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; background-color: $primary_color; color: $inverse_fg_color; border: 2px solid $inverse_fg_color; box-shadow: 0 2px 2px rgba(0,0,0,0.5); border-radius: 0.9em; // should be 0.8 but whatever; wish I could do 50%; } .secondary-icon { icon-size: em(16px); } //chat bubbles .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: $fg_color; } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; &:rtl { padding-left: 0px; padding-right: 4px; } } .chat-sent { padding-left: 18pt; color: $secondary_fg_color; &:rtl { padding-left: 0; padding-right: 18pt; } } .chat-meta-message { padding-left: 4px; @include font(caption); color: $hint_fg_color; &:rtl { padding-left: 0; padding-right: 4px; } } //hotplug .hotplug-transient-box { spacing: 6px; padding: 2px 72px 2px 12px; } .hotplug-notification-item { padding: 2px 10px; &:focus { padding: 1px 71px 1px 11px; } } .hotplug-notification-item-icon { icon-size: 24px; padding: 2px 5px; } .hotplug-resident-box { spacing: 8px; } .hotplug-resident-mount { spacing: 8px; border-radius: 2px; &:hover { background-color: $divider_color; } &:active { background-color: $track_color; } } .hotplug-resident-mount-label { color: inherit; padding-left: 6px; } .hotplug-resident-mount-icon { icon-size: 24px; padding-left: 6px; } .hotplug-resident-eject-icon { icon-size: 16px; } .hotplug-resident-eject-button { padding: 7px; border-radius: 2px; color: $fg_color; } /* Eeeky things */ $legacy_icon_size: 24px; .legacy-tray { background-color: $panel_bg_color; color: $inverse_fg_color; border: none; border-bottom-width: 0; &:ltr { border-radius: 0 2px 0 0; border-left-width: 0; } &:rtl { border-radius: 2px 0 0 0; border-right-width: 0; } } .legacy-tray-handle, .legacy-tray-icon { padding: 6px; & StIcon { icon-size: $legacy_icon_size; } &:hover,&:focus { background-color: $inverse_divider_color; } &:active { background-color: $inverse_track_color; } } .legacy-tray-icon-box { spacing: 12px; &:ltr { padding-left: 12px; } &:rtl { padding-right: 12px; } & StButton { width: $legacy_icon_size; height: $legacy_icon_size } } //magnifier .magnifier-zoom-region { border: 2px solid $primary_color; &.full-screen { border-width: 0; } } //Keyboard /* On-screen Keyboard */ #keyboard { background-color: $alt_panel_bg_color; } .keyboard-layout { spacing: 10px; padding: 10px; } .keyboard-row { spacing: 15px; } .keyboard-key { min-height: $medium_size * 2; min-width: $medium_size * 2; font-size: 2em; font-weight: 500; border-radius: 2px; border: none; color: inherit; @include button(normal); &:focus { @include button(focus); } &:hover,&:checked { @include button(hover); } &:active { @include button(active);} &:grayed { //FIXME background-color: $alt_panel_bg_color; color: $inverse_fg_color; border-color: $alt_panel_bg_color; } } .keyboard-subkeys { //long press on a key popup color: inherit; padding: 5px; -arrow-border-radius: 0; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; -boxpointer-gap: 5px; background-color: $lighter_bg_color; border-radius: 2px; box-shadow: $shadow_2; } // IBus Candidate Popup .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: $hint_fg_color; .candidate-box:selected & { color: $inverse_hint_fg_color; } } .candidate-box { transition-duration: 0ms; // FIXME: needs more natural transitions min-height: $menuitem_size; padding: 0 8px; border-radius: 2px; &:hover { background-color: $divider_color; color: $fg_color; } &:active { background-color: $track_color; color: $fg_color; } &:selected { background-color: $primary_color; color: $inverse_fg_color; } } .candidate-page-button-box { height: $menuitem_size; .vertical & { padding-top: 0; } .horizontal & { padding-left: 0; } } .candidate-page-button { min-width: $menuitem_size; min-height: $menuitem_size; padding: 0; } .candidate-page-button-previous { border-radius: 2px; border-right-width: 0; } .candidate-page-button-next { border-radius: 2px; } .candidate-page-button-icon { icon-size: em(16px); } /* Auth Dialogs & Screen Shield */ .framed-user-icon { background-size: contain; border: none; color: $inverse_fg_color; border-radius: 2px; &:hover { border-color: $inverse_fg_color; color: $inverse_fg_color; } } // LOGIN DIALOG .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { //reset border: none; background-color: transparent; StEntry { color: $inverse_fg_color; selection-background-color: $inverse_track_color; selected-color: $inverse_fg_color; @include entry(normal, $fc:$inverse_track_color); &:focus { @include entry(focus, $fc:$inverse_fg_color); } &:insensitive { @include entry(insensitive, $fc:$inverse_divider_color); color: $inverse_disabled_fg_color; } } .modal-dialog-button-box { spacing: 3px; } .modal-dialog-button { padding: 0 16px; @include button(flat-normal, $tc: $inverse_fg_color); &:hover,&:focus { @include button(flat-hover, $tc: $inverse_fg_color); } &:active { @include button(flat-active, $tc: $inverse_fg_color); } &:insensitive { @include button(flat-insensitive, $tc: $inverse_fg_color); } &:default { @include button(normal, $c: $suggested_color, $tc: $inverse_fg_color); &:hover,&:focus { @include button(hover, $c: $suggested_color, $tc: $inverse_fg_color); } &:active { @include button(active, $c: $suggested_color, $tc: $inverse_fg_color); } &:insensitive { @include button(insensitive, $c: $inverse_divider_color, $tc: $inverse_disabled_fg_color); } } } } .login-dialog-logo-bin { padding: 24px 0px; } .login-dialog-banner { color: $inverse_secondary_fg_color; } .login-dialog-button-box { spacing: 5px; } .login-dialog-message-warning { color: $warning_color; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; } .login-dialog-user-selection-box { padding: 100px 0px; } .login-dialog-not-listed-label { padding-left: 2px; .login-dialog-not-listed-button:focus &, .login-dialog-not-listed-button:hover & { color: $inverse_fg_color; } } .login-dialog-not-listed-label { font-size: 1em; font-weight: bold; color: $inverse_secondary_fg_color; padding-top: 1em; &:hover { color: $inverse_fg_color; } &:focus { background-color: $inverse_divider_color; } } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; padding: .2em; width: 23em; &:expanded .login-dialog-user-list-item:focus { background-color: $inverse_divider_color; color: $inverse_fg_color; } &:expanded .login-dialog-user-list-item:hover { background-color: $inverse_divider_color; color: $inverse_fg_color; } &:expanded .login-dialog-user-list-item:active { background-color: $inverse_track_color; color: $inverse_fg_color; } &:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid $inverse_fg_color; } } .login-dialog-user-list-item { border-radius: 2px; padding: 4px 4px 0; color: $inverse_secondary_fg_color; &:ltr { padding-right: 1em; } &:rtl { padding-left: 1em; } &:hover { background-color: $inverse_divider_color; color: $inverse_fg_color; } &:active { background-color: $inverse_track_color; color: $inverse_fg_color; } .login-dialog-timed-login-indicator { height: 2px; margin: 2px 0 0 0; background-color: $inverse_fg_color; } &:focus .login-dialog-timed-login-indicator { background-color: $inverse_fg_color; } } .login-dialog-username, .user-widget-label { color: $inverse_fg_color; @include font(title); text-align: left; padding-left: 15px; } .user-widget-label { &:ltr { padding-left: 18px; } &:rtl { padding-right: 18px; } } .login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 8px; width: 23em; } .login-dialog-prompt-label { color: $inverse_hint_fg_color; font-size: 1em; padding-top: 1em; } .login-dialog-session-list-button StIcon { icon-size: 1.25em; } .login-dialog-session-list-button { color: $inverse_secondary_fg_color; &:hover,&:focus { color: $inverse_fg_color; } &:active { color: $inverse_fg_color; } } //SCREEN SHIELD .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { color: white; width: 80px; height: 48px; -arrow-thickness: 12px; -arrow-shadow: $shadow_1; } .screen-shield-clock { color: white; text-shadow: $shadow_1; font-weight: normal; text-align: center; padding-bottom: 1.5em; } .screen-shield-clock-time { @include font(display-4); text-shadow: $shadow_1; } .screen-shield-clock-date { @include font(display-2); } .screen-shield-notifications-container { spacing: 6px; width: 30em; background-color: transparent; max-height: 500px; .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .notification, .screen-shield-notification-source { padding: 8px; border: none; background-color: $alt_panel_bg_color; color: $inverse_fg_color; border-radius: 2px; } .notification { margin-right: 16px; } //compensate for space allocated to the scrollbar } .screen-shield-notification-label { min-height: $small_size - 2px; padding: 2px 0px 0px 16px; font-weight: bold; } .screen-shield-notification-count-text { min-height: $small_size - 2px; padding: 2px 0px 0px 16px; color: $inverse_secondary_fg_color; } #panel.lock-screen { background-color: $alt_panel_bg_color; } .screen-shield-background { //just the shadow, really background: black; box-shadow: $shadow_5; } #lockDialogGroup { background: $gdm_bg_color; background-size: cover; } #screenShieldNotifications { StScrollBar { @extend %overview_scrollbar; } } // Looking Glass #LookingGlassDialog { background-color: $lighter_bg_color; spacing: 4px; padding: 0; border: none; border-radius: 2px; box-shadow: $shadow_4; & > #Toolbar { padding: 0 8px; border: none; border-radius: 0; background-color: rgba($lighter_bg_color, 0.01); box-shadow: inset 0 -1px 0 $border_color; } .labels { spacing: 0; } .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: $hint_fg_color; transition-duration: $longer_duration; padding-left: 16px; padding-right: 16px; min-height: $medium_size; padding: 0 16px * 2; &:hover { box-shadow: inset 0 -2px 0px $track_color; color: $fg_color; text-shadow: none; } &:selected { border-bottom-width: 0; border-color: transparent; background-color: rgba($lighter_bg_color, 0.01); box-shadow: inset 0 -2px 0px $primary_color; color: $fg_color; text-shadow: none; } } StBoxLayout#EvalBox { padding: 4px; spacing: 4px; } StBoxLayout#ResultsArea { spacing: 4px; } } .lg-dialog { StEntry { selection-background-color: $primary_color; selected-color: $inverse_fg_color; } .shell-link { color: $link_color; &:hover { color: $link_color; } } } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button { min-height: $medium_size; padding: 0 16px; border: none; border-radius: 2px; @include font(button); @include button(flat-normal); &:hover { @include button(flat-hover); } &:active { @include button(flat-active); } &:insensitive { @include button(flat-insensitive); } &:focus { @include button(flat-focus); } &:hover { border: none; } } #lookingGlassExtensions { padding: 4px; } .lg-extensions-list { padding: 4px; spacing: 6px; } .lg-extension { border: none; border-radius: 2px; padding: 4px; } .lg-extension-name { @include font(headline); } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { background: $lighter_bg_color; border: none; border-radius: 2px; padding: 6px; box-shadow: $shadow_4; } materia-theme-20180321/src/_sass/gnome-shell/_common-3.26.scss000066400000000000000000001504501325420104000235150ustar00rootroot00000000000000//This is the RIGHT PLACE to edit the stylesheet //let's start by telling people not to edit the generated CSS: $cakeisalie: "This stylesheet is generated, DO NOT EDIT"; /* #{$cakeisalie} */ /* Copyright 2009, 2015 Red Hat, Inc. * * Portions adapted from Mx's data/style/default.css * Copyright 2009 Intel Corporation * * This program is free software; you can redistribute it and/or modify it * under the terms and conditions of the GNU Lesser General Public License, * version 2.1, as published by the Free Software Foundation. * * This program is distributed in the hope it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for * more details. * * You should have received a copy of the GNU Lesser General Public License * along with this program; if not, write to the Free Software Foundation, * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. */ /* GLOBALS */ * { // transition-timing-function: $deceleration_curve; transition-duration: $longer_duration; } stage { font-family: $font-family; @include font(body-1); color: $fg_color; } /* WIDGETS */ /* Buttons */ .button { min-height: $medium_size; padding: 0 16px; border-width: 0; border-radius: 2px; @include font(button); @include button(flat-normal); &:hover { @include button(flat-hover); } &:active { @include button(flat-active); } &:insensitive { @include button(flat-insensitive); } &:focus { @include button(flat-focus); } } .modal-dialog-linked-button { min-height: 40px; padding: 0 16px; border-top: 1px solid $border_color !important; border-right-width: 0; @include font(button); @include button(flat-normal); &:hover { @include button(flat-hover); } &:active { @include button(flat-active); } &:insensitive { @include button(flat-insensitive); } &:focus { @include button(flat-focus); } &:first-child { border-radius: 0px 0px 0px 2px; } &:last-child { border-right-width: 0px; border-radius: 0px 0px 2px 0px; } &:first-child:last-child { border-right-width: 0px; border-radius: 0px 0px 2px 2px; } } /* Entries */ StEntry { min-height: $medium_size; padding: 0 8px; border-radius: 0; border-width: 0; color: $fg_color; selection-background-color: $primary_color; selected-color: $inverse_fg_color; @include font(subheading); @include entry(normal); //&:hover { @include entry(hover);} &:focus { @include entry(focus);} &:insensitive { @include entry(insensitive);} StIcon.capslock-warning { icon-size: 16px; warning-color: $warning_color; padding: 0 0; } } /* Scrollbars */ StScrollView { &.vfade { -st-vfade-offset: 32px; } &.hfade { -st-hfade-offset: 32px; } } StScrollBar { padding: 0; StScrollView & { min-width: 16px; min-height: 16px; } StBin#trough { margin: 4px; border-radius: 100px; background-color: $divider_color; } StButton#vhandle, StButton#hhandle { border-radius: 100px; background-color: $hint_fg_color; //border: 4px solid transparent; //would be nice to margin or at least to transparent margin: 4px; &:hover { background-color: $secondary_fg_color; } &:active { background-color: $fg_color; } } } %overview_scrollbar { StBin#trough { background-color: $inverse_divider_color; } StButton#vhandle, StButton#hhandle { background-color: $inverse_hint_fg_color; &:hover { background-color: $inverse_secondary_fg_color; } &:active { background-color: $inverse_fg_color; } } } /* Slider */ .slider { height: 20px; color: $accent_color; -slider-height: 2px; -slider-background-color: $track_color; //background of the trough -slider-border-color: transparent; //trough border color -slider-active-background-color: $accent_color; //active trough fill -slider-active-border-color: transparent; //active trough border -slider-border-width: 0; -slider-handle-radius: 7px; } /* Check Boxes */ .check-box { * { min-height: $medium_size - 8px * 2; padding: 8px 0; } StBoxLayout { spacing: 8px; } StBin { width: 24px; height: 24px; padding: ($medium_size - 24px) / 2; border-radius: 100px; background-image: url("assets/checkbox-off.svg"); } &:focus StBin { background-image: url("assets/checkbox-off.svg"); } &:hover StBin { background-color: $divider_color; } &:active StBin { background-color: $track_color; } &:checked StBin { background-image: url("assets/checkbox.svg"); } &:focus:checked StBin { background-image: url("assets/checkbox.svg"); } &:hover:checked StBin { background-color: rgba($accent_color, $lower_opacity / 2); } &:active:checked StBin { background-color: rgba($accent_color, $lower_opacity); } } /* Switches */ .toggle-switch { width: 40px; height: 20px; background-size: contain; } @each $v in us, intl { .toggle-switch-#{$v} { background-image: url("assets/toggle-off.svg"); &:checked { background-image: url("assets/toggle-on.svg"); } } } /* links */ .shell-link { border-radius: 2px; color: $link_color; &:hover { color: $link_color; background-color: rgba($link_color, $lower_opacity / 2); } &:active { color: $link_color; background-color: rgba($link_color, $lower_opacity); } } /* Modal Dialogs */ .headline { @include font(title); } .lightbox { background-color: black; } .flashspot { background-color: white; } .modal-dialog { border-radius: 2px; color: $fg_color; background-color: $lighter_bg_color; border: none; box-shadow: $shadow_4; .modal-dialog-content-box { padding: 24px; } .run-dialog-entry { width: 20em; margin-bottom: 6px; } .run-dialog-error-box { padding-top: 16px; spacing: 6px; } .run-dialog-button-box { padding-top: 1em; } .run-dialog-label { font-size: 1em; font-weight: normal; color: $hint_fg_color; padding-bottom: .4em; } } .mount-dialog-subject, .end-session-dialog-subject { //this should be a generic header class @include font(title); } /* Message Dialog */ .message-dialog-main-layout { padding: 12px 20px 0; spacing: 12px; } .message-dialog-content { max-width: 28em; spacing: 20px; } .message-dialog-icon { min-width: 48px; icon-size: 48px; } .message-dialog-title { font-weight: bold; } .message-dialog-subtitle { color: $secondary_fg_color; font-weight: bold; } /* End Session Dialog */ .end-session-dialog { spacing: 42px; border: none; } .end-session-dialog-list { padding-top: 20px; } .end-session-dialog-layout { padding-left: 17px; &:rtl { padding-right: 17px; } } .end-session-dialog-description { width: 28em; padding-bottom: 10px; &:rtl { text-align: right; } } .end-session-dialog-warning { width: 28em; color: $warning_color; padding-top: 6px; &:rtl { text-align: right; } } .end-session-dialog-logout-icon { //border: 2px solid #8b8b8b; border-radius: 5px; width: 48px; height: 48px; background-size: contain; } .end-session-dialog-shutdown-icon { color: $hint_fg_color; width: 48px; height: 48px; } .end-session-dialog-inhibitor-layout { spacing: 16px; max-height: 200px; padding-right: 65px; padding-left: 65px; } .end-session-dialog-session-list, .end-session-dialog-app-list { spacing: 1em; } .end-session-dialog-list-header { font-weight: bold; &:rtl { text-align: right; } } .end-session-dialog-app-list-item, .end-session-dialog-session-list-item { spacing: 1em; } .end-session-dialog-app-list-item-name, .end-session-dialog-session-list-item-name { font-weight: bold; } .end-session-dialog-app-list-item-description { color: $hint_fg_color; font-size: 1em; } /* ShellMountOperation Dialogs */ .shell-mount-operation-icon { icon-size: 48px; } .mount-dialog { spacing: 24px; .message-dialog-title { padding-top: 10px; padding-left: 17px; padding-bottom: 6px; max-width: 34em; } .message-dialog-title:rtl { padding-left: 0px; padding-right: 17px; } .message-dialog-body { padding-left: 17px; width: 28em; } .message-dialog-body:rtl { padding-left: 0px; padding-right: 17px; } } .mount-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 49px; padding-right: 32px; } .mount-dialog-app-list:rtl { padding-right: 49px; padding-left: 32px; } .mount-dialog-app-list-item { color: $fg_color; &:hover { color: $fg_color; } &:ltr { padding-right: 1em; } &:rtl { padding-left: 1em; } } .mount-dialog-app-list-item-icon { &:ltr { padding-right: 17px; } &:rtl { padding-left: 17px; } } .mount-dialog-app-list-item-name { font-size: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { //this is the width of the entire modal popup width: 34em; border: none; .message-dialog-main-layout { spacing: 24px; padding: 10px; } .message-dialog-content { spacing: 16px; } .message-dialog-title { @include font(title); color: $fg_color; } } .prompt-dialog-description:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label { font-size: 1em; color: $error_color; padding-bottom: 8px; } .prompt-dialog-info-label { font-size: 1em; padding-bottom: 8px; } .hidden { color: rgba(0,0,0,0); } .prompt-dialog-null-label { font-size: 1em; padding-bottom: 8px; } /* Polkit Dialog */ .polkit-dialog-user-layout { padding-left: 10px; spacing: 10px; &:rtl { padding-left: 0px; padding-right: 10px; } } .polkit-dialog-user-root-label { color: $warning_color; } .polkit-dialog-user-icon { border-radius: 5px; background-size: contain; width: 48px; height: 48px; } /* Audio selection dialog */ .audio-device-selection-dialog { spacing: 30px; } .audio-selection-content { spacing: 20px; padding: 24px; } .audio-selection-title { font-weight: bold; text-align: center; } .audio-selection-box { spacing: 20px; } .audio-selection-device { border: 1px solid $border_color; border-radius: 2px; &:active,&:hover,&:focus { background-color: $primary_color; } } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* Access Dialog */ .access-dialog { spacing: 30px; } /* Geolocation Dialog */ .geolocation-dialog { spacing: 30px; } /* Extension Dialog */ .extension-dialog { .message-dialog-main-layout { spacing: 24px; padding: 10px; } .message-dialog-title { color: $secondary_fg_color; } } /* Inhibit-Shortcuts Dialog */ .inhibit-shortcuts-dialog { spacing: 30px; } /* Network Agent Dialog */ .network-dialog-secret-table { spacing-rows: 15px; spacing-columns: 1em; } .keyring-dialog-control-table { spacing-rows: 15px; spacing-columns: 1em; } /* Popovers/Menus */ .popup-menu { min-width: 200px; .popup-menu-arrow { } //defined globally in the TOP BAR .popup-sub-menu { background-color: $alt_lighter_bg_color; box-shadow: $shadow_0; } .popup-menu-content { padding: 8px 0; } .popup-menu-item { // min-height: $menuitem_size - 4px * 2; spacing: 8px; transition-duration: $shorter_duration; &:ltr { padding: 0.4em 24px 0.4em 0; } &:rtl { padding: 0.4em 0 0.4em 24px; } &:checked { background-color: $primary_color; color: $inverse_fg_color; box-shadow: $shadow_0; font-weight: normal; &.selected { background-color: mix($inverse_fg_color, $primary_color, percentage($lower_opacity / 2)); color: $inverse_fg_color; } &:active { background-color: mix($inverse_fg_color, $primary_color, percentage($lower_opacity)); color: $inverse_fg_color !important; } &:insensitive { color: $inverse_disabled_fg_color; } } &.selected { background-color: $divider_color; color: $fg_color; transition-duration: 0ms; } &:active { background-color: $track_color; color: $fg_color; transition-duration: $longer_duration; } &.selected:active { color: $fg_color; } &:insensitive { color: $disabled_fg_color; } } .popup-inactive-menu-item { //all icons and other graphical elements color: $fg_color; &:insensitive { color: $hint_fg_color; } } //.popup-status-menu-item { font-weight: normal; color: pink; } //dunno what that is &.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-border-radius: 0; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; -arrow-box-shadow: none; //dreaming. bug #689995 margin: 5px 8px 8px; background-color: $lighter_bg_color; border-radius: 2px; box-shadow: $shadow_2; } .popup-separator-menu-item { //-margin-horizontal: 24px; height: 1px; //not really the whole box margin: 8px 64px - 24px; background-color: transparent; border-color: $border_color; border-bottom-width: 1px; border-bottom-style: solid; } // Background menu .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } /* fallback menu - odd thing for styling App menu when apparently not running under shell. Light Adwaita styled app menu inside the main app window itself rather than the top bar */ /* OSD */ .osd-window { text-align: center; font-weight: bold; spacing: 1em; margin: 32px; min-width: 64px; min-height: 64px; .osd-monitor-label { @include font(display-2); } .level { height: 8px; border-radius: 0; background-color: rgba($primary_color, $lower_opacity); color: $fg_color; } .level-bar { background-color: $primary_color; border-radius: 0; } } /* Pad OSD */ .pad-osd-window { padding: 32px; background-color: $panel_bg_color; .pad-osd-title-box { spacing: 12px; } .pad-osd-title-menu-box { spacing: 6px; } } .combo-box-label { width: 15em; } /* App Switcher */ .switcher-popup { padding: 8px; spacing: 16px; } .osd-window, .resize-popup, .switcher-list { @extend %osd-panel; } .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { padding: 8px; border-radius: 2px; } .switcher-list .item-box:outlined { padding: 8px; border: none; background-color: $divider_color; color: $fg_color; // for Ubuntu session } .switcher-list .item-box:selected { background-color: $primary_color; color: $inverse_fg_color; } .switcher-list .thumbnail-box { padding: 2px; spacing: 4px; } .switcher-list .thumbnail { width: 256px; } .switcher-list .separator { width: 1px; background: $border_color; } .switcher-arrow { border-color: rgba(0,0,0,0); color: $hint_fg_color; &:highlighted { color: $fg_color; } } .input-source-switcher-symbol { @include font(display-2); width: 96px; height: 96px; } /* Window Cycler */ .cycler-highlight { border: 4px solid $primary_color; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher-container { @extend %osd-panel; } .workspace-switcher { background: transparent; border: 0px; border-radius: 0px; padding: 0px; spacing: 8px; } .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; background-color: $primary_color; color: $inverse_fg_color; background-size: 32px; border-radius: 2px; } .ws-switcher-box { height: 48px; border: none; background: $divider_color; border-radius: 2px; } %osd-panel { color: $fg_color; background-color: $lighter_bg_color; border: none; box-shadow: $shadow_4; border-radius: 2px; padding: 12px; } /* Tiled window previews */ .tile-preview { background-color: rgba($alt_primary_color, $lower_opacity); border: 1px solid $alt_primary_color; } .tile-preview-left.on-primary { border-radius: $panel-corner-radius 0 0 0; } .tile-preview-right.on-primary { border-radius: 0 $panel-corner-radius 0 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: $panel-corner-radius $panel-corner-radius 0 0; } /* TOP BAR */ #panel { background-color: $panel_bg_color; /* transition from solid to transparent */ transition-duration: 250ms; font-weight: bold; height: $menuitem_size; &:overview, &.unlock-screen, &.login-screen, &.lock-screen { background-color: transparent; } #panelLeft, #panelCenter { // spacing between activities<>app menu and such spacing: 0; } .panel-corner { -panel-corner-radius: $panel-corner-radius; -panel-corner-background-color: $panel_bg_color; -panel-corner-border-width: 2px; -panel-corner-border-color: transparent; &:active, &:overview, &:focus { -panel-corner-border-color: $inverse_fg_color; } &.lock-screen, &.login-screen, &.unlock-screen { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } } .panel-button { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: $inverse_secondary_fg_color; text-shadow: none; transition-duration: $longer_duration; .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; //dimensions of the icon are hardcoded } .system-status-icon, .app-menu-icon > StIcon, .popup-menu-arrow { icon-shadow: none; } &:hover { color: $inverse_fg_color; text-shadow: none; .system-status-icon, .app-menu-icon > StIcon, .popup-menu-arrow { icon-shadow: none; } } &:active, &:overview, &:focus, &:checked { // Trick due to St limitations. It needs a background to draw // a box-shadow background-color: rgba($panel_bg_color, 0.01); box-shadow: inset 0 -2px 0px $inverse_fg_color; color: $inverse_fg_color; & > .system-status-icon { icon-shadow: none; } } .system-status-icon { icon-size: em(16px); padding: 0 4px; } .unlock-screen &, .login-screen &, .lock-screen & { color: $inverse_secondary_fg_color; &:focus, &:hover, &:active { color: $inverse_fg_color; } } } .panel-status-indicators-box, .panel-status-menu-box { spacing: 2px; } // spacing between power icon and (optional) percentage label .power-status.panel-status-indicators-box { spacing: 0; } .screencast-indicator { color: $warning_color; } &.solid { background-color: $solid_panel_bg_color; /* transition from transparent to solid */ transition-duration: 250ms; background-gradient-direction: none; // for Ubuntu session text-shadow: none; // for Ubuntu session &:overview { background-color: transparent; } // for Ubuntu session .panel-corner { -panel-corner-background-color: $solid_panel_bg_color; } .panel-button { color: $inverse_secondary_fg_color; text-shadow: none; &:hover, &:active, &:overview, &:focus, &:checked { color: $inverse_fg_color; } } .system-status-icon, .app-menu-icon > StIcon, .popup-menu-arrow { icon-shadow: none; } } } // calendar popover #calendarArea { padding: 8px 16px; } .calendar { margin-bottom: 0; } .calendar, .datemenu-today-button, .datemenu-displays-box, .message-list-sections { margin: 0 8px; } .datemenu-calendar-column { spacing: 8px; } .datemenu-displays-section { padding-bottom: 0; } .datemenu-displays-box { spacing: 8px; } .datemenu-calendar-column { border: 0 solid $border_color; &:ltr { border-left-width: 0; } &:rtl { border-right-width: 0; } } .datemenu-today-button, .world-clocks-button, .weather-button, .events-section-title { min-height: $menuitem_size - 4px * 2; padding: 4px 8px; border-radius: 2px; } .datemenu-today-button { min-height: $menuitem_size * 2 - 4px * 2; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .datemenu-today-button, .world-clocks-button, .weather-button, .events-section-title { &:hover,&:focus { color: $fg_color; background-color: $divider_color; } &:active { color: $fg_color; background-color: $track_color; } } .datemenu-today-button .day-label { } .datemenu-today-button .date-label { @include font(headline); } .world-clocks-header, .weather-header, .events-section-title { color: $secondary_fg_color; font-weight: bold; } .world-clocks-grid { spacing-rows: 0.4em; } .weather-box { spacing: 0.4em; } .calendar-month-label { height: $menuitem_size - 6px * 2; margin: 2px; padding: 6px 16px; border-radius: 2px; color: $fg_color; font-weight: bold; text-align: center; &:focus { background-color: $divider_color; } } .pager-button { width: $menuitem_size; height: $menuitem_size; margin: 2px; border-radius: 100px; background-color: transparent; color: $fg_color; &:hover, &:focus { background-color: $divider_color; } &:active { background-color: $track_color; } } .calendar-change-month-back { //arrow back background-image: url("assets/calendar-arrow-left.svg"); &:rtl { background-image: url("assets/calendar-arrow-right.svg"); } } .calendar-change-month-forward { //arrow foreward background-image: url("assets/calendar-arrow-right.svg"); &:rtl { background-image: url("assets/calendar-arrow-left.svg"); } } .calendar-day-base { @include font(caption); text-align: center; width: $menuitem_size; height: $menuitem_size; padding: 0; margin: 2px; border-radius: 100px; &:hover,&:focus { background-color: $divider_color; } &:active { color: inherit; background-color: $track_color; border-color: transparent; //avoid jumparound due to today } &:selected { color: $inverse_fg_color; background-color: $primary_color; border-color: transparent; //avoid jumparound due to today } &.calendar-day-heading { //day of week heading width: $menuitem_size; height: $menuitem_size - 7px; margin-top: 2px; padding: 7px 0 0; border-radius: 100px; background-color: transparent; color: $hint_fg_color; @include font(caption); font-weight: bold; text-align: center; } } .calendar-day { //border collapse hack - see calendar.js border-width: 0; } .calendar-day-top { border-top-width: 0; } .calendar-day-left { border-left-width: 0; } .calendar-work-day { } .calendar-nonwork-day { color: $fg_color; } .calendar-today { font-weight: bold !important; //color: $fg_color; //background-color: transparent; border: none; } .calendar-day-with-events { color: $link_color; font-weight: normal; text-decoration: underline; background-image: none; } .calendar-other-month-day { color: $disabled_secondary_fg_color; opacity: 0.5; } .calendar-week-number { width: $menuitem_size; height: $menuitem_size - 7px; margin: 2px; padding: 7px 0 0; border-radius: 100px; background-color: transparent; color: $hint_fg_color; font-size: inherit; font-weight: bold; text-align: center; } /* Message list */ .message-list { width: 420px; } .message-list-clear-button.button { background-color: transparent; &:hover,&:focus { background-color: $divider_color; } &:active { background-color: $track_color; } margin: 8px 8px 0; } .message-list-sections { spacing: 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message { min-height: $menuitem_size * 2; background-color: transparent; &:hover,&:focus { background-color: $divider_color; } &:active { background-color: $track_color; } border-radius: 2px; } .message-icon-bin { padding: 8px 0px 8px 8px; &:rtl { padding: 8px 8px 8px 0px; } } .message-icon-bin > StIcon { color: $fg_color; icon-size: em(16px); -st-icon-style: requested; margin: 4px 0px 4px 4px; &:rtl { margin: 4px 4px 4px 0px; } } .message-secondary-bin { padding: 0 8px; } .message-secondary-bin > .event-time { min-height: $small_size - 2px; padding-top: 2px; color: $secondary_fg_color; font-size: 1em; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-bottom: 0; } .message-secondary-bin > StIcon { icon-size: em(16px); } .message-title { min-height: $small_size - 2px; padding-top: 2px; color: $fg_color; font-weight: bold; font-size: 1em; } .message-content { min-height: $menuitem_size * 2 - 8px * 2; padding: 8px; color: $secondary_fg_color; font-size: 1em; } .message-content * > StIcon { icon-size: 16px; border-radius: 16px; padding: ($small_size - 16px) / 2; color: $secondary_fg_color; } /* FIXME: how do you do this in sass? */ .message-content *:hover > StIcon, .message-content *:focus > StIcon { color: $fg_color; background-color: $divider_color; } .message-content *:active > StIcon { color: $fg_color; background-color: $track_color; } .message-media-control { margin: 16px 0; padding: 8px; border-radius: 100px; color: $secondary_fg_color; &:hover,&:focus { color: $fg_color; background-color: $divider_color; } &:active { color: $fg_color; background-color: $track_color; } &:insensitive { color: $disabled_secondary_fg_color; } &:last-child:ltr { margin-right: 16px; padding-right: 8px; } &:last-child:rtl { margin-left: 16px; padding-left: 8px; } } .media-message-cover-icon { icon-size: 32px !important; margin: 8px 0px 8px 4px !important; &:rtl { margin: 8px 4px 8px 0px !important; } &.fallback { icon-size: 16px !important; padding: 8px; border: none; border-radius: 2px; background-color: $divider_color; color: $hint_fg_color; } } // a little unstructured mess: .system-switch-user-submenu-icon.user-icon { icon-size: 20px; padding: 0 2px; } .system-switch-user-submenu-icon.default-icon { icon-size: 16px; padding: 0 4px; } #appMenu { spinner-image: url("process-working.svg"); spacing: 4px; .label-shadow { color: transparent; } } .aggregate-menu { min-width: 280px; .popup-menu-icon { padding: 0 4px; } .popup-sub-menu .popup-menu-item :first-child { &:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; margin-left: em(16px); } &:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; margin-right: em(16px); } } } .system-menu-action { color: $secondary_fg_color; border-radius: 100px; /* wish we could do 50% */ padding: ($large_size - 16px) / 2; border: none; &:hover, &:focus { background-color: $divider_color; color: $fg_color; border: none; padding: ($large_size - 16px) / 2; } &:active { background-color: $track_color; color: $fg_color; } & > StIcon { icon-size: 16px; } } //Activities Ripples .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; background-color: $inverse_track_color; background-image: none; background-size: auto; } .ripple-box:rtl { border-radius: 0 0 0 48px; background-image: none; } // not really top bar only .popup-menu-arrow { width: 16px; height: 16px; } .popup-menu-icon { icon-size: em(16px); } //close buttons .window-close { transition-duration: 0ms; // FIXME: unless disable the transition, button will distort when hovering height: $medium_size; width: $medium_size; -shell-close-overlap: $medium_size / 2; -st-background-image-shadow: $shadow_1; background-image: url("assets/window-close.svg"); background-size: $medium_size; &:hover { -st-background-image-shadow: $shadow_2; background-image: url("assets/window-close.svg"); } &:active { background-image: url("assets/window-close-active.svg"); } // For backward compatibility of 3.26.0 &:rtl { -st-background-image-shadow: $shadow_1; } &:rtl:hover { -st-background-image-shadow: $shadow_2; } } /* NETWORK DIALOGS */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: center; } .nm-dialog-airplane-text { color: $fg_color; } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-scroll-view { border: none; } .nm-dialog-header { @include font(title); } .nm-dialog-item { font-size: 1em; border-bottom: none; border-radius: 2px; padding: 12px; spacing: 20px; &:hover, &:focus { background-color: $divider_color; } &:active { background-color: $track_color; } } .nm-dialog-item:selected { background-color: $primary_color; color: $inverse_fg_color; } .nm-dialog-icons { spacing: .5em; } .nm-dialog-icon { icon-size: 16px; } .no-networks-label { color: $hint_fg_color; } .no-networks-box { spacing: 12px; } /* OVERVIEW */ #overview { spacing: 24px; // StScrollBar { @extend %overview_scrollbar; } } .overview-controls { padding-bottom: 32px; } .window-picker { //container around window thumbnails -horizontal-spacing: 16px; -vertical-spacing: 16px; padding: 0 16px 32px; &.external-monitor { padding: 16px; } } .window-clone-border { border: 4px solid $inverse_track_color; border-radius: 2px; // For window decorations with round corners we can't match // the exact shape when the window is scaled. So apply a shadow // to fix that case box-shadow: inset 0 0 0 1px $inverse_track_color; } .window-caption { spacing: 25px; color: $inverse_fg_color; background-color: $panel_bg_color; border-radius: 2px; padding: 4px 8px; } //search entry .search-entry { width: 320px - 8px * 2; padding: 0 8px; border-radius: 0; color: $inverse_hint_fg_color; selection-background-color: $inverse_track_color; selected-color: $inverse_fg_color; @include entry(normal,$fc:$inverse_track_color); &:focus { @include entry(focus,$fc:$inverse_fg_color); padding: 0 8px; border-width: 0; color: $inverse_fg_color; } .search-entry-icon { icon-size: 16px; padding: 0 0; color: $inverse_hint_fg_color; } &:hover, &:focus { .search-entry-icon { color: $inverse_fg_color; } } } //search results #searchResultsBin { max-width: 1000px; } #searchResultsContent { padding-left: 20px; padding-right: 20px; spacing: 16px; } .search-section { spacing: 16px; } // This should be equal to #searchResultsContent spacing .search-section-content { spacing: 32px; } // This is the space between the provider icon and the results container .search-statustext { // "no results" @extend %status_text; } .list-search-results { spacing: 3px; } .search-section-separator { height: 1px; background-color: $inverse_divider_color; } .list-search-result-content { spacing: 30px; } .list-search-result-title { @include font(subheading); color: $inverse_fg_color; spacing: 12px; } .list-search-result-description { color: $inverse_secondary_fg_color; } .list-search-provider-details { width: 150px; color: $inverse_secondary_fg_color; margin-top: 0.24em; } .list-search-provider-content { spacing: 20px; } .search-provider-icon { padding: 15px; } /* DASHBOARD */ #dash { font-size: 1em; color: $inverse_fg_color; background-color: $inverse_panel_bg_color; padding: 3px 0; border: none; border-left: 0px; border-radius: 0px 2px 2px 0px; &:rtl { border-radius: 2px 0 0 2px; } .placeholder { background-image: url("assets/dash-placeholder.svg"); background-size: contain; height: 24px; } .empty-dash-drop-target { width: 24px; height: 24px; } } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { //osd tooltip // min-height: 32px - 6px * 2; border-radius: 2px; padding: 7px 8px; color: $fg_color; background-color: $lighter_bg_color; box-shadow: $shadow_2; text-align: center; -x-offset: 8px; } /* App Vault/Grid */ .icon-grid { spacing: 30px; -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; .overview-icon { icon-size: 96px; } } //.app-display { spacing: 20px; } .system-action-icon { box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); // FIXME: this should really have a highlight background-color: $grey_900; color: $white; border-radius: 99px; icon-size: 48px; } .app-view-controls { //favorties | all toggle container width: 320px; padding-bottom: 32px; } .app-view-control { //favorties | all toggle button padding: 0 16px; font-weight: bold; color: $inverse_secondary_fg_color; &:hover { color: $inverse_fg_color; background-color: $inverse_divider_color !important; } &:active { color: $inverse_fg_color; background-color: $inverse_track_color !important; } &:checked { color: $inverse_fg_color; background-color: rgba($panel_bg_color, 0.01) !important; box-shadow: inset 0 2px 0 $inverse_fg_color; } &:first-child { border-right-width: 0; border-radius: 2px; &:checked { border-radius: 0; } } &:last-child { border-radius: 2px; &:checked { border-radius: 0; } } } //Icon tile .search-provider-icon, .list-search-result { @extend %icon_tile; &:focus, &:selected, &:hover { background-color: $inverse_divider_color; transition-duration: 0ms; } &:active, &:checked { background-color: $inverse_track_color; transition-duration: $longer_duration; } } .app-well-app, .app-well-app.app-folder, .show-apps, .grid-search-result { & .overview-icon { @extend %icon_tile; } &:hover .overview-icon, &:focus .overview-icon, &:selected .overview-icon { background-color: $inverse_divider_color; transition-duration: 0ms; border-image: none; background-image: none; } &:active .overview-icon, &:checked .overview-icon { background-color: $inverse_track_color; box-shadow: $shadow_0; transition-duration: $longer_duration; } } .app-well-app-running-dot { //running apps indicator width: 32px; height: 2px; background-color: $inverse_fg_color; margin-bottom: 0; } %icon_tile { color: $inverse_fg_color; border-radius: 2px; padding: 6px; border: none; transition-duration: $longer_duration; text-align: center; } .app-well-app.app-folder > .overview-icon { background-color: $inverse_panel_bg_color; } .show-apps .show-apps-icon { color: $inverse_secondary_fg_color; } .show-apps:hover .show-apps-icon, .show-apps:active .show-apps-icon, .show-apps:checked .show-apps-icon, .show-apps:focus .show-apps-icon { color: $inverse_fg_color; transition-duration: $longer_duration; } // Collections .app-folder-popup { //expanded collection -arrow-border-radius: 2px; -arrow-background-color: $inverse_panel_bg_color; -arrow-base: 24px; -arrow-rise: 12px; } .app-folder-popup-bin { padding: 5px; } .app-folder-icon { padding: 5px; spacing-rows: 5px; spacing-columns: 5px; } .page-indicator { padding: 15px 20px; .page-indicator-icon { width: 12px; height: 12px; border-radius: 12px; background-image: none; background-color: $inverse_disabled_secondary_fg_color; } &:hover .page-indicator-icon { background-image: none; background-color: $inverse_disabled_fg_color; } &:active .page-indicator-icon { background-image: none; background-color: $inverse_secondary_fg_color; } &:checked .page-indicator-icon { background-image: none; background-color: $inverse_fg_color; transition-duration: 0ms; } &:checked:active { background-image: none; } } .no-frequent-applications-label { @extend %status_text; } .app-well-app > .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label { padding: 10px 8px 5px 8px; spacing: 4px; } // Workspace pager .workspace-thumbnails { //container ala dash @extend %overview-panel; visible-width: 32px; //amount visible before hover spacing: 12px; padding: 12px; border-radius: 2px 0 0 2px; //border-width: 0; //fixme: can't have non unoform borders :( &:rtl { border-radius: 0 2px 2px 0;} .placeholder { background-image: url("assets/dash-placeholder.svg"); background-size: contain; height: 24px; } } .workspace-thumbnail-indicator { border: 0 solid $inverse_fg_color; border-left-width: 2px; padding: 6px; border-radius: 0; } //Some hacks I don't even .search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { // horizontal padding to make sure scrollbars or dash don't overlap content padding: 0px 88px 10px 88px; } %overview-panel { color: $inverse_fg_color; background-color: $inverse_panel_bg_color; border: none; } %status_text { @include font(display-2); color: $inverse_hint_fg_color; } /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { link-color: $link_color; } // Banners .notification-banner { font-size: 1em; width: 34em; min-height: $menuitem_size * 2; margin: 5px; border-radius: 2px; color: $fg_color; background-color: $lighter_bg_color; border: none; box-shadow: $shadow_2; &:hover { background-color: $lighter_bg_color; } &:focus { background-color: $lighter_bg_color; } .notification-icon { padding: 5px; } .notification-content { padding: 5px; spacing: 5px; } .secondary-icon { icon-size: em(16px); } .notification-actions { background-color: transparent; padding-top: 0; border-top: 1px solid $border_color; spacing: 1px; } .notification-button { min-height: 40px; padding: 0 16px; background-color: transparent; color: $secondary_fg_color; font-weight: 500; &:first-child { border-radius: 0 0 0 2px; } &:last-child { border-radius: 0 0 2px 0; } &:hover, &focus { background-color: $divider_color; color: $fg_color; } &:active { background-color: $track_color; color: $fg_color; } } } .summary-source-counter { font-size: 1em; font-weight: bold; height: 1.6em; width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; background-color: $primary_color; color: $inverse_fg_color; border: 2px solid $inverse_fg_color; box-shadow: 0 2px 2px rgba(0,0,0,0.5); border-radius: 0.9em; // should be 0.8 but whatever; wish I could do 50%; } .secondary-icon { icon-size: em(16px); } //chat bubbles .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: $fg_color; } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; &:rtl { padding-left: 0px; padding-right: 4px; } } .chat-sent { padding-left: 18pt; color: $secondary_fg_color; &:rtl { padding-left: 0; padding-right: 18pt; } } .chat-meta-message { padding-left: 4px; @include font(caption); color: $hint_fg_color; &:rtl { padding-left: 0; padding-right: 4px; } } //hotplug .hotplug-transient-box { spacing: 6px; padding: 2px 72px 2px 12px; } .hotplug-notification-item { padding: 2px 10px; &:focus { padding: 1px 71px 1px 11px; } } .hotplug-notification-item-icon { icon-size: 24px; padding: 2px 5px; } .hotplug-resident-box { spacing: 8px; } .hotplug-resident-mount { spacing: 8px; border-radius: 2px; &:hover { background-color: $divider_color; } &:active { background-color: $track_color; } } .hotplug-resident-mount-label { color: inherit; padding-left: 6px; } .hotplug-resident-mount-icon { icon-size: 24px; padding-left: 6px; } .hotplug-resident-eject-icon { icon-size: 16px; } .hotplug-resident-eject-button { padding: 7px; border-radius: 2px; color: $fg_color; } /* Eeeky things */ //magnifier .magnifier-zoom-region { border: 2px solid $primary_color; &.full-screen { border-width: 0; } } //Keyboard /* On-screen Keyboard */ #keyboard { background-color: $alt_panel_bg_color; } .keyboard-layout { spacing: 10px; padding: 10px; } .keyboard-row { spacing: 15px; } .keyboard-key { min-height: $medium_size * 2; min-width: $medium_size * 2; font-size: 2em; font-weight: 500; border-radius: 2px; border: none; color: inherit; @include button(normal); &:focus { @include button(focus); } &:hover,&:checked { @include button(hover); } &:active { @include button(active);} &:grayed { //FIXME background-color: $alt_panel_bg_color; color: $inverse_fg_color; border-color: $alt_panel_bg_color; } } .keyboard-subkeys { //long press on a key popup color: inherit; padding: 5px; -arrow-border-radius: 0; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; -boxpointer-gap: 5px; background-color: $lighter_bg_color; border-radius: 2px; box-shadow: $shadow_2; } // IBus Candidate Popup .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: $hint_fg_color; .candidate-box:selected & { color: $inverse_hint_fg_color; } } .candidate-box { transition-duration: 0ms; // FIXME: needs more natural transitions min-height: $menuitem_size; padding: 0 8px; border-radius: 2px; &:hover { background-color: $divider_color; color: $fg_color; } &:active { background-color: $track_color; color: $fg_color; } &:selected { background-color: $primary_color; color: $inverse_fg_color; } } .candidate-page-button-box { height: $menuitem_size; .vertical & { padding-top: 0; } .horizontal & { padding-left: 0; } } .candidate-page-button { min-width: $menuitem_size; min-height: $menuitem_size; padding: 0; } .candidate-page-button-previous { border-radius: 2px; border-right-width: 0; } .candidate-page-button-next { border-radius: 2px; } .candidate-page-button-icon { icon-size: em(16px); } /* Auth Dialogs & Screen Shield */ .framed-user-icon { background-size: contain; border: none; color: $inverse_fg_color; border-radius: 2px; &:hover { border-color: $inverse_fg_color; color: $inverse_fg_color; } } // LOGIN DIALOG .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { //reset border: none; background-color: transparent; StEntry { color: $inverse_fg_color; selection-background-color: $inverse_track_color; selected-color: $inverse_fg_color; @include entry(normal, $fc:$inverse_track_color); &:focus { @include entry(focus, $fc:$inverse_fg_color); } &:insensitive { @include entry(insensitive, $fc:$inverse_divider_color); color: $inverse_disabled_fg_color; } } .modal-dialog-button-box { spacing: 3px; } .modal-dialog-button { padding: 0 16px; @include button(flat-normal, $tc: $inverse_fg_color); &:hover,&:focus { @include button(flat-hover, $tc: $inverse_fg_color); } &:active { @include button(flat-active, $tc: $inverse_fg_color); } &:insensitive { @include button(flat-insensitive, $tc: $inverse_fg_color); } &:default { @include button(normal, $c: $suggested_color, $tc: $inverse_fg_color); &:hover,&:focus { @include button(hover, $c: $suggested_color, $tc: $inverse_fg_color); } &:active { @include button(active, $c: $suggested_color, $tc: $inverse_fg_color); } &:insensitive { @include button(insensitive, $c: $inverse_divider_color, $tc: $inverse_disabled_fg_color); } } } } .login-dialog-logo-bin { padding: 24px 0px; } .login-dialog-banner { color: $inverse_secondary_fg_color; } .login-dialog-button-box { spacing: 5px; } .login-dialog-message-warning { color: $warning_color; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; } .login-dialog-user-selection-box { padding: 100px 0px; } .login-dialog-not-listed-label { padding-left: 2px; .login-dialog-not-listed-button:focus &, .login-dialog-not-listed-button:hover & { color: $inverse_fg_color; } } .login-dialog-not-listed-label { font-size: 1em; font-weight: bold; color: $inverse_secondary_fg_color; padding-top: 1em; &:hover { color: $inverse_fg_color; } &:focus { background-color: $inverse_divider_color; } } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; padding: .2em; width: 23em; &:expanded .login-dialog-user-list-item:selected { background-color: $inverse_divider_color; color: $inverse_fg_color; } &:expanded .login-dialog-user-list-item:hover { background-color: $inverse_divider_color; color: $inverse_fg_color; } &:expanded .login-dialog-user-list-item:active { background-color: $inverse_track_color; color: $inverse_fg_color; } &:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid $inverse_fg_color; } } .login-dialog-user-list-item { border-radius: 2px; padding: 4px 4px 0; color: $inverse_secondary_fg_color; &:ltr { padding-right: 1em; } &:rtl { padding-left: 1em; } &:hover { background-color: $inverse_divider_color; color: $inverse_fg_color; } &:active { background-color: $inverse_track_color; color: $inverse_fg_color; } .login-dialog-timed-login-indicator { height: 2px; margin: 2px 0 0 0; background-color: $inverse_fg_color; } &:focus .login-dialog-timed-login-indicator { background-color: $inverse_fg_color; } } .login-dialog-username, .user-widget-label { color: $inverse_fg_color; @include font(title); text-align: left; padding-left: 15px; } .user-widget-label { &:ltr { padding-left: 18px; } &:rtl { padding-right: 18px; } } .login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 8px; width: 23em; } .login-dialog-prompt-label { color: $inverse_hint_fg_color; font-size: 1em; padding-top: 1em; } .login-dialog-session-list-button StIcon { icon-size: 1.25em; } .login-dialog-session-list-button { color: $inverse_secondary_fg_color; &:hover,&:focus { color: $inverse_fg_color; } &:active { color: $inverse_fg_color; } } //SCREEN SHIELD .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { color: white; width: 80px; height: 48px; -arrow-thickness: 12px; -arrow-shadow: $shadow_1; } .screen-shield-clock { color: white; text-shadow: $shadow_1; font-weight: normal; text-align: center; padding-bottom: 1.5em; } .screen-shield-clock-time { @include font(display-4); text-shadow: $shadow_1; } .screen-shield-clock-date { @include font(display-2); } .screen-shield-notifications-container { spacing: 6px; width: 30em; background-color: transparent; max-height: 500px; .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .notification, .screen-shield-notification-source { padding: 8px; border: none; background-color: $alt_panel_bg_color; color: $inverse_fg_color; border-radius: 2px; } .notification { margin-right: 16px; } //compensate for space allocated to the scrollbar } .screen-shield-notification-label { min-height: $small_size - 2px; padding: 2px 0px 0px 16px; font-weight: bold; } .screen-shield-notification-count-text { min-height: $small_size - 2px; padding: 2px 0px 0px 16px; color: $inverse_secondary_fg_color; } #panel.lock-screen { background-color: $alt_panel_bg_color; } .screen-shield-background { //just the shadow, really background: black; box-shadow: $shadow_5; } #lockDialogGroup { background: $gdm_bg_color; background-size: cover; } #screenShieldNotifications { StScrollBar { @extend %overview_scrollbar; } } // Looking Glass #LookingGlassDialog { background-color: $lighter_bg_color; spacing: 4px; padding: 0; border: none; border-radius: 2px; box-shadow: $shadow_4; & > #Toolbar { padding: 0 8px; border: none; border-radius: 0; background-color: rgba($lighter_bg_color, 0.01); box-shadow: inset 0 -1px 0 $border_color; } .labels { spacing: 0; } .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: $hint_fg_color; transition-duration: $longer_duration; padding-left: 16px; padding-right: 16px; min-height: $medium_size; padding: 0 16px * 2; &:hover { box-shadow: inset 0 -2px 0px $track_color; color: $fg_color; text-shadow: none; } &:selected { border-bottom-width: 0; border-color: transparent; background-color: rgba($lighter_bg_color, 0.01); box-shadow: inset 0 -2px 0px $primary_color; color: $fg_color; text-shadow: none; } } StBoxLayout#EvalBox { padding: 4px; spacing: 4px; } StBoxLayout#ResultsArea { spacing: 4px; } } .lg-dialog { StEntry { selection-background-color: $primary_color; selected-color: $inverse_fg_color; } .shell-link { color: $link_color; &:hover { color: $link_color; } } } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button { min-height: $medium_size; padding: 0 16px; border: none; border-radius: 2px; @include font(button); @include button(flat-normal); &:hover { @include button(flat-hover); } &:active { @include button(flat-active); } &:insensitive { @include button(flat-insensitive); } &:focus { @include button(flat-focus); } &:hover { border: none; } } #lookingGlassExtensions { padding: 4px; } .lg-extensions-list { padding: 4px; spacing: 6px; } .lg-extension { border: none; border-radius: 2px; padding: 4px; } .lg-extension-name { @include font(headline); } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { background: $lighter_bg_color; border: none; border-radius: 2px; padding: 6px; box-shadow: $shadow_4; } materia-theme-20180321/src/_sass/gnome-shell/_common-3.28.scss000066400000000000000000001524131325420104000235200ustar00rootroot00000000000000//This is the RIGHT PLACE to edit the stylesheet //let's start by telling people not to edit the generated CSS: $cakeisalie: "This stylesheet is generated, DO NOT EDIT"; /* #{$cakeisalie} */ /* Copyright 2009, 2015 Red Hat, Inc. * * Portions adapted from Mx's data/style/default.css * Copyright 2009 Intel Corporation * * This program is free software; you can redistribute it and/or modify it * under the terms and conditions of the GNU Lesser General Public License, * version 2.1, as published by the Free Software Foundation. * * This program is distributed in the hope it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for * more details. * * You should have received a copy of the GNU Lesser General Public License * along with this program; if not, write to the Free Software Foundation, * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. */ /* GLOBALS */ * { // transition-timing-function: $deceleration_curve; transition-duration: $longer_duration; } stage { font-family: $font-family; @include font(body-1); color: $fg_color; } /* WIDGETS */ /* Buttons */ .button { min-height: $medium_size; padding: 0 16px; border-width: 0; border-radius: 2px; @include font(button); @include button(flat-normal); &:hover { @include button(flat-hover); } &:active { @include button(flat-active); } &:insensitive { @include button(flat-insensitive); } &:focus { @include button(flat-focus); } } .modal-dialog-linked-button { min-height: 40px; padding: 0 16px; border-top: 1px solid $border_color !important; border-right-width: 0; @include font(button); @include button(flat-normal); &:hover { @include button(flat-hover); } &:active { @include button(flat-active); } &:insensitive { @include button(flat-insensitive); } &:focus { @include button(flat-focus); } &:first-child { border-radius: 0px 0px 0px 2px; } &:last-child { border-right-width: 0px; border-radius: 0px 0px 2px 0px; } &:first-child:last-child { border-right-width: 0px; border-radius: 0px 0px 2px 2px; } } /* Entries */ StEntry { min-height: $medium_size; padding: 0 8px; border-radius: 0; border-width: 0; color: $fg_color; selection-background-color: $primary_color; selected-color: $inverse_fg_color; @include font(subheading); @include entry(normal); //&:hover { @include entry(hover);} &:focus { @include entry(focus);} &:insensitive { @include entry(insensitive);} StIcon.capslock-warning { icon-size: 16px; warning-color: $warning_color; padding: 0 0; } } /* Scrollbars */ StScrollView { &.vfade { -st-vfade-offset: 32px; } &.hfade { -st-hfade-offset: 32px; } } StScrollBar { padding: 0; StScrollView & { min-width: 16px; min-height: 16px; } StBin#trough { margin: 4px; border-radius: 100px; background-color: $divider_color; } StButton#vhandle, StButton#hhandle { border-radius: 100px; background-color: $hint_fg_color; //border: 4px solid transparent; //would be nice to margin or at least to transparent margin: 4px; &:hover { background-color: $secondary_fg_color; } &:active { background-color: $fg_color; } } } %overview_scrollbar { StBin#trough { background-color: $inverse_divider_color; } StButton#vhandle, StButton#hhandle { background-color: $inverse_hint_fg_color; &:hover { background-color: $inverse_secondary_fg_color; } &:active { background-color: $inverse_fg_color; } } } /* Slider */ .slider { height: 20px; color: $accent_color; -slider-height: 2px; -slider-background-color: $track_color; //background of the trough -slider-border-color: transparent; //trough border color -slider-active-background-color: $accent_color; //active trough fill -slider-active-border-color: transparent; //active trough border -slider-border-width: 0; -slider-handle-radius: 7px; } /* Check Boxes */ .check-box { * { min-height: $medium_size - 8px * 2; padding: 8px 0; } StBoxLayout { spacing: 8px; } StBin { width: 24px; height: 24px; padding: ($medium_size - 24px) / 2; border-radius: 100px; background-image: url("assets/checkbox-off.svg"); } &:focus StBin { background-image: url("assets/checkbox-off.svg"); } &:hover StBin { background-color: $divider_color; } &:active StBin { background-color: $track_color; } &:checked StBin { background-image: url("assets/checkbox.svg"); } &:focus:checked StBin { background-image: url("assets/checkbox.svg"); } &:hover:checked StBin { background-color: rgba($accent_color, $lower_opacity / 2); } &:active:checked StBin { background-color: rgba($accent_color, $lower_opacity); } } /* Switches */ .toggle-switch { width: 40px; height: 20px; background-size: contain; } @each $v in us, intl { .toggle-switch-#{$v} { background-image: url("assets/toggle-off.svg"); &:checked { background-image: url("assets/toggle-on.svg"); } } } /* links */ .shell-link { border-radius: 2px; color: $link_color; &:hover { color: $link_color; background-color: rgba($link_color, $lower_opacity / 2); } &:active { color: $link_color; background-color: rgba($link_color, $lower_opacity); } } /* Modal Dialogs */ .headline { @include font(title); } .lightbox { background-color: black; } .flashspot { background-color: white; } .modal-dialog { border-radius: 2px; color: $fg_color; background-color: $lighter_bg_color; border: none; box-shadow: $shadow_4; .modal-dialog-content-box { padding: 24px; } .run-dialog-entry { width: 20em; margin-bottom: 6px; } .run-dialog-error-box { padding-top: 16px; spacing: 6px; } .run-dialog-button-box { padding-top: 1em; } .run-dialog-label { font-size: 1em; font-weight: normal; color: $hint_fg_color; padding-bottom: .4em; } } .mount-dialog-subject, .end-session-dialog-subject { //this should be a generic header class @include font(title); } /* Message Dialog */ .message-dialog-main-layout { padding: 12px 20px 0; spacing: 12px; } .message-dialog-content { max-width: 28em; spacing: 20px; } .message-dialog-icon { min-width: 48px; icon-size: 48px; } .message-dialog-title { font-weight: bold; } .message-dialog-subtitle { color: $secondary_fg_color; font-weight: bold; } /* End Session Dialog */ .end-session-dialog { spacing: 42px; border: none; } .end-session-dialog-list { padding-top: 20px; } .end-session-dialog-layout { padding-left: 17px; &:rtl { padding-right: 17px; } } .end-session-dialog-description { width: 28em; padding-bottom: 10px; &:rtl { text-align: right; } } .end-session-dialog-warning { width: 28em; color: $warning_color; padding-top: 6px; &:rtl { text-align: right; } } .end-session-dialog-logout-icon { //border: 2px solid #8b8b8b; border-radius: 5px; width: 48px; height: 48px; background-size: contain; } .end-session-dialog-shutdown-icon { color: $hint_fg_color; width: 48px; height: 48px; } .end-session-dialog-inhibitor-layout { spacing: 16px; max-height: 200px; padding-right: 65px; padding-left: 65px; } .end-session-dialog-session-list, .end-session-dialog-app-list { spacing: 1em; } .end-session-dialog-list-header { font-weight: bold; &:rtl { text-align: right; } } .end-session-dialog-app-list-item, .end-session-dialog-session-list-item { spacing: 1em; } .end-session-dialog-app-list-item-name, .end-session-dialog-session-list-item-name { font-weight: bold; } .end-session-dialog-app-list-item-description { color: $hint_fg_color; font-size: 1em; } /* ShellMountOperation Dialogs */ .shell-mount-operation-icon { icon-size: 48px; } .mount-dialog { spacing: 24px; .message-dialog-title { padding-top: 10px; padding-left: 17px; padding-bottom: 6px; max-width: 34em; } .message-dialog-title:rtl { padding-left: 0px; padding-right: 17px; } .message-dialog-body { padding-left: 17px; width: 28em; } .message-dialog-body:rtl { padding-left: 0px; padding-right: 17px; } } .mount-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 49px; padding-right: 32px; } .mount-dialog-app-list:rtl { padding-right: 49px; padding-left: 32px; } .mount-dialog-app-list-item { color: $fg_color; &:hover { color: $fg_color; } &:ltr { padding-right: 1em; } &:rtl { padding-left: 1em; } } .mount-dialog-app-list-item-icon { &:ltr { padding-right: 17px; } &:rtl { padding-left: 17px; } } .mount-dialog-app-list-item-name { font-size: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { //this is the width of the entire modal popup width: 34em; border: none; .message-dialog-main-layout { spacing: 24px; padding: 10px; } .message-dialog-content { spacing: 16px; } .message-dialog-title { @include font(title); color: $fg_color; } } .prompt-dialog-description:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label { font-size: 1em; color: $error_color; padding-bottom: 8px; } .prompt-dialog-info-label { font-size: 1em; padding-bottom: 8px; } .hidden { color: rgba(0,0,0,0); } .prompt-dialog-null-label { font-size: 1em; padding-bottom: 8px; } /* Polkit Dialog */ .polkit-dialog-user-layout { padding-left: 10px; spacing: 10px; &:rtl { padding-left: 0px; padding-right: 10px; } } .polkit-dialog-user-root-label { color: $warning_color; } .polkit-dialog-user-icon { border-radius: 5px; background-size: contain; width: 48px; height: 48px; } /* Audio selection dialog */ .audio-device-selection-dialog { spacing: 30px; } .audio-selection-content { spacing: 20px; padding: 24px; } .audio-selection-title { font-weight: bold; text-align: center; } .audio-selection-box { spacing: 20px; } .audio-selection-device { border: 1px solid $border_color; border-radius: 2px; &:active,&:hover,&:focus { background-color: $primary_color; } } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* Access Dialog */ .access-dialog { spacing: 30px; } /* Geolocation Dialog */ .geolocation-dialog { spacing: 30px; } /* Extension Dialog */ .extension-dialog { .message-dialog-main-layout { spacing: 24px; padding: 10px; } .message-dialog-title { color: $secondary_fg_color; } } /* Inhibit-Shortcuts Dialog */ .inhibit-shortcuts-dialog { spacing: 30px; } /* Network Agent Dialog */ .network-dialog-secret-table { spacing-rows: 15px; spacing-columns: 1em; } .keyring-dialog-control-table { spacing-rows: 15px; spacing-columns: 1em; } /* Popovers/Menus */ .popup-menu { min-width: 200px; .popup-menu-arrow { } //defined globally in the TOP BAR .popup-sub-menu { background-color: $alt_lighter_bg_color; box-shadow: $shadow_0; } .popup-menu-content { padding: 8px 0; } .popup-menu-item { // min-height: $menuitem_size - 4px * 2; spacing: 8px; transition-duration: $shorter_duration; &:ltr { padding: 0.4em 24px 0.4em 0; } &:rtl { padding: 0.4em 0 0.4em 24px; } &:checked { background-color: $primary_color; color: $inverse_fg_color; box-shadow: $shadow_0; font-weight: normal; &.selected { background-color: mix($inverse_fg_color, $primary_color, percentage($lower_opacity / 2)); color: $inverse_fg_color; } &:active { background-color: mix($inverse_fg_color, $primary_color, percentage($lower_opacity)); color: $inverse_fg_color !important; } &:insensitive { color: $inverse_disabled_fg_color; } } &.selected { background-color: $divider_color; color: $fg_color; transition-duration: 0ms; } &:active { background-color: $track_color; color: $fg_color; transition-duration: $longer_duration; } &.selected:active { color: $fg_color; } &:insensitive { color: $disabled_fg_color; } } .popup-inactive-menu-item { //all icons and other graphical elements color: $fg_color; &:insensitive { color: $hint_fg_color; } } //.popup-status-menu-item { font-weight: normal; color: pink; } //dunno what that is &.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-border-radius: 0; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; -arrow-box-shadow: none; //dreaming. bug #689995 margin: 5px 8px 8px; background-color: $lighter_bg_color; border-radius: 2px; box-shadow: $shadow_2; } .popup-separator-menu-item { //-margin-horizontal: 24px; height: 1px; //not really the whole box margin: 8px 64px - 24px; background-color: transparent; border-color: $border_color; border-bottom-width: 1px; border-bottom-style: solid; } // Background menu .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } /* fallback menu - odd thing for styling App menu when apparently not running under shell. Light Adwaita styled app menu inside the main app window itself rather than the top bar */ /* OSD */ .osd-window { text-align: center; font-weight: bold; spacing: 1em; margin: 32px; min-width: 64px; min-height: 64px; .osd-monitor-label { @include font(display-2); } .level { height: 8px; border-radius: 0; background-color: rgba($primary_color, $lower_opacity); color: $fg_color; } .level-bar { background-color: $primary_color; border-radius: 0; } } /* Pad OSD */ .pad-osd-window { padding: 32px; background-color: $panel_bg_color; .pad-osd-title-box { spacing: 12px; } .pad-osd-title-menu-box { spacing: 6px; } } .combo-box-label { width: 15em; } /* App Switcher */ .switcher-popup { padding: 8px; spacing: 16px; } .osd-window, .resize-popup, .switcher-list { @extend %osd-panel; } .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { padding: 8px; border-radius: 2px; } .switcher-list .item-box:outlined { padding: 8px; border: none; background-color: $divider_color; color: $fg_color; // for Ubuntu session } .switcher-list .item-box:selected { background-color: $primary_color; color: $inverse_fg_color; } .switcher-list .thumbnail-box { padding: 2px; spacing: 4px; } .switcher-list .thumbnail { width: 256px; } .switcher-list .separator { width: 1px; background: $border_color; } .switcher-arrow { border-color: rgba(0,0,0,0); color: $hint_fg_color; &:highlighted { color: $fg_color; } } .input-source-switcher-symbol { @include font(display-2); width: 96px; height: 96px; } /* Window Cycler */ .cycler-highlight { border: 4px solid $primary_color; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher-container { @extend %osd-panel; } .workspace-switcher { background: transparent; border: 0px; border-radius: 0px; padding: 0px; spacing: 8px; } .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; background-color: $primary_color; color: $inverse_fg_color; background-size: 32px; border-radius: 2px; } .ws-switcher-box { height: 48px; border: none; background: $divider_color; border-radius: 2px; } %osd-panel { color: $fg_color; background-color: $lighter_bg_color; border: none; box-shadow: $shadow_4; border-radius: 2px; padding: 12px; } /* Tiled window previews */ .tile-preview { background-color: rgba($alt_primary_color, $lower_opacity); border: 1px solid $alt_primary_color; } .tile-preview-left.on-primary { border-radius: $panel-corner-radius 0 0 0; } .tile-preview-right.on-primary { border-radius: 0 $panel-corner-radius 0 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: $panel-corner-radius $panel-corner-radius 0 0; } /* TOP BAR */ #panel { background-color: $panel_bg_color; /* transition from solid to transparent */ transition-duration: 250ms; font-weight: bold; height: $menuitem_size; &:overview, &.unlock-screen, &.login-screen, &.lock-screen { background-color: transparent; } #panelLeft, #panelCenter { // spacing between activities<>app menu and such spacing: 0; } .panel-corner { -panel-corner-radius: $panel-corner-radius; -panel-corner-background-color: $panel_bg_color; -panel-corner-border-width: 2px; -panel-corner-border-color: transparent; &:active, &:overview, &:focus { -panel-corner-border-color: $inverse_fg_color; } &.lock-screen, &.login-screen, &.unlock-screen { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } } .panel-button { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: $inverse_secondary_fg_color; text-shadow: none; transition-duration: $longer_duration; .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; //dimensions of the icon are hardcoded } .system-status-icon, .app-menu-icon > StIcon, .popup-menu-arrow { icon-shadow: none; } &:hover { color: $inverse_fg_color; text-shadow: none; .system-status-icon, .app-menu-icon > StIcon, .popup-menu-arrow { icon-shadow: none; } } &:active, &:overview, &:focus, &:checked { // Trick due to St limitations. It needs a background to draw // a box-shadow background-color: rgba($panel_bg_color, 0.01); box-shadow: inset 0 -2px 0px $inverse_fg_color; color: $inverse_fg_color; & > .system-status-icon { icon-shadow: none; } } .system-status-icon { icon-size: em(16px); padding: 0 4px; } .unlock-screen &, .login-screen &, .lock-screen & { color: $inverse_secondary_fg_color; &:focus, &:hover, &:active { color: $inverse_fg_color; } } } .panel-status-indicators-box, .panel-status-menu-box { spacing: 2px; } // spacing between power icon and (optional) percentage label .power-status.panel-status-indicators-box { spacing: 0; } .screencast-indicator { color: $warning_color; } &.solid { background-color: $solid_panel_bg_color; /* transition from transparent to solid */ transition-duration: 250ms; background-gradient-direction: none; // for Ubuntu session text-shadow: none; // for Ubuntu session &:overview { background-color: transparent; } // for Ubuntu session .panel-corner { -panel-corner-background-color: $solid_panel_bg_color; } .panel-button { color: $inverse_secondary_fg_color; text-shadow: none; &:hover, &:active, &:overview, &:focus, &:checked { color: $inverse_fg_color; } } .system-status-icon, .app-menu-icon > StIcon, .popup-menu-arrow { icon-shadow: none; } } } // calendar popover #calendarArea { padding: 8px 16px; } .calendar { margin-bottom: 0; } .calendar, .datemenu-today-button, .datemenu-displays-box, .message-list-sections { margin: 0 8px; } .datemenu-calendar-column { spacing: 8px; } .datemenu-displays-section { padding-bottom: 0; } .datemenu-displays-box { spacing: 8px; } .datemenu-calendar-column { border: 0 solid $border_color; &:ltr { border-left-width: 0; } &:rtl { border-right-width: 0; } } .datemenu-today-button, .world-clocks-button, .weather-button, .events-section-title { min-height: $menuitem_size - 4px * 2; padding: 4px 8px; border-radius: 2px; } .datemenu-today-button { min-height: $menuitem_size * 2 - 4px * 2; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .datemenu-today-button, .world-clocks-button, .weather-button, .events-section-title { &:hover,&:focus { color: $fg_color; background-color: $divider_color; } &:active { color: $fg_color; background-color: $track_color; } } .datemenu-today-button .day-label { } .datemenu-today-button .date-label { @include font(headline); } .world-clocks-header, .weather-header, .events-section-title { color: $secondary_fg_color; font-weight: bold; } .world-clocks-grid { spacing-rows: 0.4em; } .weather-box { spacing: 0.4em; } .calendar-month-label { height: $menuitem_size - 6px * 2; margin: 2px; padding: 6px 16px; border-radius: 2px; color: $fg_color; font-weight: bold; text-align: center; &:focus { background-color: $divider_color; } } .pager-button { width: $menuitem_size; height: $menuitem_size; margin: 2px; border-radius: 100px; background-color: transparent; color: $fg_color; &:hover, &:focus { background-color: $divider_color; } &:active { background-color: $track_color; } } .calendar-change-month-back { //arrow back background-image: url("assets/calendar-arrow-left.svg"); &:rtl { background-image: url("assets/calendar-arrow-right.svg"); } } .calendar-change-month-forward { //arrow foreward background-image: url("assets/calendar-arrow-right.svg"); &:rtl { background-image: url("assets/calendar-arrow-left.svg"); } } .calendar-day-base { @include font(caption); text-align: center; width: $menuitem_size; height: $menuitem_size; padding: 0; margin: 2px; border-radius: 100px; &:hover,&:focus { background-color: $divider_color; } &:active { color: inherit; background-color: $track_color; border-color: transparent; //avoid jumparound due to today } &:selected { color: $inverse_fg_color; background-color: $primary_color; border-color: transparent; //avoid jumparound due to today } &.calendar-day-heading { //day of week heading width: $menuitem_size; height: $menuitem_size - 7px; margin-top: 2px; padding: 7px 0 0; border-radius: 100px; background-color: transparent; color: $hint_fg_color; @include font(caption); font-weight: bold; text-align: center; } } .calendar-day { //border collapse hack - see calendar.js border-width: 0; } .calendar-day-top { border-top-width: 0; } .calendar-day-left { border-left-width: 0; } .calendar-work-day { } .calendar-nonwork-day { color: $fg_color; } .calendar-today { font-weight: bold !important; //color: $fg_color; //background-color: transparent; border: none; } .calendar-day-with-events { color: $link_color; font-weight: normal; text-decoration: underline; background-image: none; } .calendar-other-month-day { color: $disabled_secondary_fg_color; opacity: 0.5; } .calendar-week-number { width: $menuitem_size; height: $menuitem_size - 7px; margin: 2px; padding: 7px 0 0; border-radius: 100px; background-color: transparent; color: $hint_fg_color; font-size: inherit; font-weight: bold; text-align: center; } /* Message list */ .message-list { width: 420px; } .message-list-clear-button.button { background-color: transparent; &:hover,&:focus { background-color: $divider_color; } &:active { background-color: $track_color; } margin: 8px 8px 0; } .message-list-sections { spacing: 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message { min-height: $menuitem_size * 2; background-color: transparent; &:hover,&:focus { background-color: $divider_color; } &:active { background-color: $track_color; } border-radius: 2px; } .message-icon-bin { padding: 8px 0px 8px 8px; &:rtl { padding: 8px 8px 8px 0px; } } .message-icon-bin > StIcon { color: $fg_color; icon-size: em(16px); -st-icon-style: requested; margin: 4px 0px 4px 4px; &:rtl { margin: 4px 4px 4px 0px; } } .message-secondary-bin { padding: 0 8px; } .message-secondary-bin > .event-time { min-height: $small_size - 2px; padding-top: 2px; color: $secondary_fg_color; font-size: 1em; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-bottom: 0; } .message-secondary-bin > StIcon { icon-size: em(16px); } .message-title { min-height: $small_size - 2px; padding-top: 2px; color: $fg_color; font-weight: bold; font-size: 1em; } .message-content { min-height: $menuitem_size * 2 - 8px * 2; padding: 8px; color: $secondary_fg_color; font-size: 1em; } .message-content * > StIcon { icon-size: 16px; border-radius: 16px; padding: ($small_size - 16px) / 2; color: $secondary_fg_color; } /* FIXME: how do you do this in sass? */ .message-content *:hover > StIcon, .message-content *:focus > StIcon { color: $fg_color; background-color: $divider_color; } .message-content *:active > StIcon { color: $fg_color; background-color: $track_color; } .message-media-control { margin: 16px 0; padding: 8px; border-radius: 100px; color: $secondary_fg_color; &:hover,&:focus { color: $fg_color; background-color: $divider_color; } &:active { color: $fg_color; background-color: $track_color; } &:insensitive { color: $disabled_secondary_fg_color; } &:last-child:ltr { margin-right: 16px; padding-right: 8px; } &:last-child:rtl { margin-left: 16px; padding-left: 8px; } } .media-message-cover-icon { icon-size: 32px !important; margin: 8px 0px 8px 4px !important; &:rtl { margin: 8px 4px 8px 0px !important; } &.fallback { icon-size: 16px !important; padding: 8px; border: none; border-radius: 2px; background-color: $divider_color; color: $hint_fg_color; } } // a little unstructured mess: .system-switch-user-submenu-icon.user-icon { icon-size: 20px; padding: 0 2px; } .system-switch-user-submenu-icon.default-icon { icon-size: 16px; padding: 0 4px; } #appMenu { spinner-image: url("process-working.svg"); spacing: 4px; .label-shadow { color: transparent; } } .aggregate-menu { min-width: 280px; .popup-menu-icon { padding: 0 4px; } .popup-sub-menu .popup-menu-item :first-child { &:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; margin-left: em(16px); } &:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; margin-right: em(16px); } } } .system-menu-action { color: $secondary_fg_color; border-radius: 100px; /* wish we could do 50% */ padding: ($large_size - 16px) / 2; border: none; &:hover, &:focus { background-color: $divider_color; color: $fg_color; border: none; padding: ($large_size - 16px) / 2; } &:active { background-color: $track_color; color: $fg_color; } & > StIcon { icon-size: 16px; } } //Activities Ripples .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; background-color: $inverse_track_color; background-image: none; background-size: auto; } .ripple-box:rtl { border-radius: 0 0 0 48px; background-image: none; } // not really top bar only .popup-menu-arrow { width: 16px; height: 16px; } .popup-menu-icon { icon-size: em(16px); } //close buttons .window-close { transition-duration: 0ms; // FIXME: unless disable the transition, button will distort when hovering height: $medium_size; width: $medium_size; -shell-close-overlap: $medium_size / 2; -st-background-image-shadow: $shadow_1; background-image: url("assets/window-close.svg"); background-size: $medium_size; &:hover { -st-background-image-shadow: $shadow_2; background-image: url("assets/window-close.svg"); } &:active { background-image: url("assets/window-close-active.svg"); } // For backward compatibility of 3.26.0 &:rtl { -st-background-image-shadow: $shadow_1; } &:rtl:hover { -st-background-image-shadow: $shadow_2; } } /* NETWORK DIALOGS */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: center; } .nm-dialog-airplane-text { color: $fg_color; } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-scroll-view { border: none; } .nm-dialog-header { @include font(title); } .nm-dialog-item { font-size: 1em; border-bottom: none; border-radius: 2px; padding: 12px; spacing: 20px; &:hover, &:focus { background-color: $divider_color; } &:active { background-color: $track_color; } } .nm-dialog-item:selected { background-color: $primary_color; color: $inverse_fg_color; } .nm-dialog-icons { spacing: .5em; } .nm-dialog-icon { icon-size: 16px; } .no-networks-label { color: $hint_fg_color; } .no-networks-box { spacing: 12px; } /* OVERVIEW */ #overview { spacing: 24px; // StScrollBar { @extend %overview_scrollbar; } } .overview-controls { padding-bottom: 32px; } .window-picker { //container around window thumbnails -horizontal-spacing: 16px; -vertical-spacing: 16px; padding: 0 16px 32px; &.external-monitor { padding: 16px; } } .window-clone-border { border: 4px solid $inverse_track_color; border-radius: 2px; // For window decorations with round corners we can't match // the exact shape when the window is scaled. So apply a shadow // to fix that case box-shadow: inset 0 0 0 1px $inverse_track_color; } .window-caption { spacing: 25px; color: $inverse_fg_color; background-color: $panel_bg_color; border-radius: 2px; padding: 4px 8px; } //search entry .search-entry { width: 320px - 8px * 2; padding: 0 8px; border-radius: 0; color: $inverse_hint_fg_color; selection-background-color: $inverse_track_color; selected-color: $inverse_fg_color; @include entry(normal,$fc:$inverse_track_color); &:focus { @include entry(focus,$fc:$inverse_fg_color); padding: 0 8px; border-width: 0; color: $inverse_fg_color; } .search-entry-icon { icon-size: 16px; padding: 0 0; color: $inverse_hint_fg_color; } &:hover, &:focus { .search-entry-icon { color: $inverse_fg_color; } } } //search results #searchResultsBin { max-width: 1000px; } #searchResultsContent { padding-left: 20px; padding-right: 20px; spacing: 16px; } .search-section { spacing: 16px; } // This should be equal to #searchResultsContent spacing .search-section-content { spacing: 32px; } // This is the space between the provider icon and the results container .search-statustext { // "no results" @extend %status_text; } .list-search-results { spacing: 3px; } .search-section-separator { height: 1px; background-color: $inverse_divider_color; } .list-search-result-content { spacing: 30px; } .list-search-result-title { @include font(subheading); color: $inverse_fg_color; spacing: 12px; } .list-search-result-description { color: $inverse_secondary_fg_color; } .list-search-provider-details { width: 150px; color: $inverse_secondary_fg_color; margin-top: 0.24em; } .list-search-provider-content { spacing: 20px; } .search-provider-icon { padding: 15px; } /* DASHBOARD */ #dash { font-size: 1em; color: $inverse_fg_color; background-color: $inverse_panel_bg_color; padding: 3px 0; border: none; border-left: 0px; border-radius: 0px 2px 2px 0px; &:rtl { border-radius: 2px 0 0 2px; } .placeholder { background-image: url("assets/dash-placeholder.svg"); background-size: contain; height: 24px; } .empty-dash-drop-target { width: 24px; height: 24px; } } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { //osd tooltip // min-height: 32px - 6px * 2; border-radius: 2px; padding: 7px 8px; color: $fg_color; background-color: $lighter_bg_color; box-shadow: $shadow_2; text-align: center; -x-offset: 8px; } /* App Vault/Grid */ .icon-grid { spacing: 30px; -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; .overview-icon { icon-size: 96px; } } //.app-display { spacing: 20px; } .system-action-icon { box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); // FIXME: this should really have a highlight background-color: $grey_900; color: $white; border-radius: 99px; icon-size: 48px; } .app-view-controls { //favorties | all toggle container width: 320px; padding-bottom: 32px; } .app-view-control { //favorties | all toggle button padding: 0 16px; font-weight: bold; color: $inverse_secondary_fg_color; &:hover { color: $inverse_fg_color; background-color: $inverse_divider_color !important; } &:active { color: $inverse_fg_color; background-color: $inverse_track_color !important; } &:checked { color: $inverse_fg_color; background-color: rgba($panel_bg_color, 0.01) !important; box-shadow: inset 0 2px 0 $inverse_fg_color; } &:first-child { border-right-width: 0; border-radius: 2px; &:checked { border-radius: 0; } } &:last-child { border-radius: 2px; &:checked { border-radius: 0; } } } //Icon tile .search-provider-icon, .list-search-result { @extend %icon_tile; &:focus, &:selected, &:hover { background-color: $inverse_divider_color; transition-duration: 0ms; } &:active, &:checked { background-color: $inverse_track_color; transition-duration: $longer_duration; } } .app-well-app, .app-well-app.app-folder, .show-apps, .grid-search-result { & .overview-icon { @extend %icon_tile; } &:hover .overview-icon, &:focus .overview-icon, &:selected .overview-icon { background-color: $inverse_divider_color; transition-duration: 0ms; border-image: none; background-image: none; } &:active .overview-icon, &:checked .overview-icon { background-color: $inverse_track_color; box-shadow: $shadow_0; transition-duration: $longer_duration; } } .app-well-app-running-dot { //running apps indicator width: 32px; height: 2px; background-color: $inverse_fg_color; margin-bottom: 0; } %icon_tile { color: $inverse_fg_color; border-radius: 2px; padding: 6px; border: none; transition-duration: $longer_duration; text-align: center; } .app-well-app.app-folder > .overview-icon { background-color: $inverse_panel_bg_color; } .show-apps .show-apps-icon { color: $inverse_secondary_fg_color; } .show-apps:hover .show-apps-icon, .show-apps:active .show-apps-icon, .show-apps:checked .show-apps-icon, .show-apps:focus .show-apps-icon { color: $inverse_fg_color; transition-duration: $longer_duration; } // Collections .app-folder-popup { //expanded collection -arrow-border-radius: 2px; -arrow-background-color: $inverse_panel_bg_color; -arrow-base: 24px; -arrow-rise: 12px; } .app-folder-popup-bin { padding: 5px; } .app-folder-icon { padding: 5px; spacing-rows: 5px; spacing-columns: 5px; } .page-indicator { padding: 15px 20px; .page-indicator-icon { width: 12px; height: 12px; border-radius: 12px; background-image: none; background-color: $inverse_disabled_secondary_fg_color; } &:hover .page-indicator-icon { background-image: none; background-color: $inverse_disabled_fg_color; } &:active .page-indicator-icon { background-image: none; background-color: $inverse_secondary_fg_color; } &:checked .page-indicator-icon { background-image: none; background-color: $inverse_fg_color; transition-duration: 0ms; } &:checked:active { background-image: none; } } .no-frequent-applications-label { @extend %status_text; } .app-well-app > .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label { padding: 10px 8px 5px 8px; spacing: 4px; } // Workspace pager .workspace-thumbnails { //container ala dash @extend %overview-panel; visible-width: 32px; //amount visible before hover spacing: 12px; padding: 12px; border-radius: 2px 0 0 2px; //border-width: 0; //fixme: can't have non unoform borders :( &:rtl { border-radius: 0 2px 2px 0;} .placeholder { background-image: url("assets/dash-placeholder.svg"); background-size: contain; height: 24px; } } .workspace-thumbnail-indicator { border: 0 solid $inverse_fg_color; border-left-width: 2px; padding: 6px; border-radius: 0; } //Some hacks I don't even .search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { // horizontal padding to make sure scrollbars or dash don't overlap content padding: 0px 88px 10px 88px; } %overview-panel { color: $inverse_fg_color; background-color: $inverse_panel_bg_color; border: none; } %status_text { @include font(display-2); color: $inverse_hint_fg_color; } /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { link-color: $link_color; } // Banners .notification-banner { font-size: 1em; width: 34em; min-height: $menuitem_size * 2; margin: 5px; border-radius: 2px; color: $fg_color; background-color: $lighter_bg_color; border: none; box-shadow: $shadow_2; &:hover { background-color: $lighter_bg_color; } &:focus { background-color: $lighter_bg_color; } .notification-icon { padding: 5px; } .notification-content { padding: 5px; spacing: 5px; } .secondary-icon { icon-size: em(16px); } .notification-actions { background-color: transparent; padding-top: 0; border-top: 1px solid $border_color; spacing: 1px; } .notification-button { min-height: 40px; padding: 0 16px; background-color: transparent; color: $secondary_fg_color; font-weight: 500; &:first-child { border-radius: 0 0 0 2px; } &:last-child { border-radius: 0 0 2px 0; } &:hover, &focus { background-color: $divider_color; color: $fg_color; } &:active { background-color: $track_color; color: $fg_color; } } } .summary-source-counter { font-size: 1em; font-weight: bold; height: 1.6em; width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; background-color: $primary_color; color: $inverse_fg_color; border: 2px solid $inverse_fg_color; box-shadow: 0 2px 2px rgba(0,0,0,0.5); border-radius: 0.9em; // should be 0.8 but whatever; wish I could do 50%; } .secondary-icon { icon-size: em(16px); } //chat bubbles .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: $fg_color; } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; &:rtl { padding-left: 0px; padding-right: 4px; } } .chat-sent { padding-left: 18pt; color: $secondary_fg_color; &:rtl { padding-left: 0; padding-right: 18pt; } } .chat-meta-message { padding-left: 4px; @include font(caption); color: $hint_fg_color; &:rtl { padding-left: 0; padding-right: 4px; } } //hotplug .hotplug-transient-box { spacing: 6px; padding: 2px 72px 2px 12px; } .hotplug-notification-item { padding: 2px 10px; &:focus { padding: 1px 71px 1px 11px; } } .hotplug-notification-item-icon { icon-size: 24px; padding: 2px 5px; } .hotplug-resident-box { spacing: 8px; } .hotplug-resident-mount { spacing: 8px; border-radius: 2px; &:hover { background-color: $divider_color; } &:active { background-color: $track_color; } } .hotplug-resident-mount-label { color: inherit; padding-left: 6px; } .hotplug-resident-mount-icon { icon-size: 24px; padding-left: 6px; } .hotplug-resident-eject-icon { icon-size: 16px; } .hotplug-resident-eject-button { padding: 7px; border-radius: 2px; color: $fg_color; } /* Eeeky things */ //magnifier .magnifier-zoom-region { border: 2px solid $primary_color; &.full-screen { border-width: 0; } } //Keyboard /* On-screen Keyboard */ .word-suggestions { @include font(subheading); spacing: 12px; min-height: 40px; } #keyboard { background-color: $alt_panel_bg_color; } .key-container { padding: 4px; spacing: 4px; } .keyboard-key { min-height: $medium_size * 2; min-width: $medium_size * 2; font-size: 2em; font-weight: 500; border-radius: 2px; border: none; color: inherit; @include button(normal); &:focus { @include button(focus); } &:hover,&:checked { @include button(hover); } &:active { @include button(active);} &:grayed { //FIXME background-color: $alt_panel_bg_color; color: $inverse_fg_color; border-color: $alt_panel_bg_color; } &.default-key { border-color: transparent; background-color: $lighter_bg_color; background-size: 24px; &:active { background-color: mix($fg_color, $lighter_bg_color, percentage($lower_opacity)); } } &.enter-key { border-color: transparent; background-color: $suggested_color; background-image: url("assets/key-enter.svg"); &:active { background-color: mix($inverse_fg_color, $suggested_color, percentage($lower_opacity)); } } &.shift-key-lowercase { background-image: url("assets/key-shift.svg"); } &.shift-key-uppercase { background-image: url("assets/key-shift-uppercase.svg"); } &.shift-key-uppercase:latched { background-image: url("assets/key-shift-latched-uppercase.svg"); } &.hide-key { background-image: url("assets/key-hide.svg"); } &.layout-key { background-image: url("assets/key-layout.svg"); } } .keyboard-subkeys { //long press on a key popup color: inherit; padding: 5px; -arrow-border-radius: 0; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; -boxpointer-gap: 5px; background-color: $lighter_bg_color; border-radius: 2px; box-shadow: $shadow_2; } // IBus Candidate Popup .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: $hint_fg_color; .candidate-box:selected & { color: $inverse_hint_fg_color; } } .candidate-box { transition-duration: 0ms; // FIXME: needs more natural transitions min-height: $menuitem_size; padding: 0 8px; border-radius: 2px; &:hover { background-color: $divider_color; color: $fg_color; } &:active { background-color: $track_color; color: $fg_color; } &:selected { background-color: $primary_color; color: $inverse_fg_color; } } .candidate-page-button-box { height: $menuitem_size; .vertical & { padding-top: 0; } .horizontal & { padding-left: 0; } } .candidate-page-button { min-width: $menuitem_size; min-height: $menuitem_size; padding: 0; } .candidate-page-button-previous { border-radius: 2px; border-right-width: 0; } .candidate-page-button-next { border-radius: 2px; } .candidate-page-button-icon { icon-size: em(16px); } /* Auth Dialogs & Screen Shield */ .framed-user-icon { background-size: contain; border: none; color: $inverse_fg_color; border-radius: 2px; &:hover { border-color: $inverse_fg_color; color: $inverse_fg_color; } } // LOGIN DIALOG .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { //reset border: none; background-color: transparent; StEntry { color: $inverse_fg_color; selection-background-color: $inverse_track_color; selected-color: $inverse_fg_color; @include entry(normal, $fc:$inverse_track_color); &:focus { @include entry(focus, $fc:$inverse_fg_color); } &:insensitive { @include entry(insensitive, $fc:$inverse_divider_color); color: $inverse_disabled_fg_color; } } .modal-dialog-button-box { spacing: 3px; } .modal-dialog-button { padding: 0 16px; @include button(flat-normal, $tc: $inverse_fg_color); &:hover,&:focus { @include button(flat-hover, $tc: $inverse_fg_color); } &:active { @include button(flat-active, $tc: $inverse_fg_color); } &:insensitive { @include button(flat-insensitive, $tc: $inverse_fg_color); } &:default { @include button(normal, $c: $suggested_color, $tc: $inverse_fg_color); &:hover,&:focus { @include button(hover, $c: $suggested_color, $tc: $inverse_fg_color); } &:active { @include button(active, $c: $suggested_color, $tc: $inverse_fg_color); } &:insensitive { @include button(insensitive, $c: $inverse_divider_color, $tc: $inverse_disabled_fg_color); } } } } .login-dialog-logo-bin { padding: 24px 0px; } .login-dialog-banner { color: $inverse_secondary_fg_color; } .login-dialog-button-box { spacing: 5px; } .login-dialog-message-warning { color: $warning_color; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; } .login-dialog-user-selection-box { padding: 100px 0px; } .login-dialog-not-listed-label { padding-left: 2px; .login-dialog-not-listed-button:focus &, .login-dialog-not-listed-button:hover & { color: $inverse_fg_color; } } .login-dialog-not-listed-label { font-size: 1em; font-weight: bold; color: $inverse_secondary_fg_color; padding-top: 1em; &:hover { color: $inverse_fg_color; } &:focus { background-color: $inverse_divider_color; } } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; padding: .2em; width: 23em; &:expanded .login-dialog-user-list-item:selected { background-color: $inverse_divider_color; color: $inverse_fg_color; } &:expanded .login-dialog-user-list-item:hover { background-color: $inverse_divider_color; color: $inverse_fg_color; } &:expanded .login-dialog-user-list-item:active { background-color: $inverse_track_color; color: $inverse_fg_color; } &:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid $inverse_fg_color; } } .login-dialog-user-list-item { border-radius: 2px; padding: 4px 4px 0; color: $inverse_secondary_fg_color; &:ltr { padding-right: 1em; } &:rtl { padding-left: 1em; } &:hover { background-color: $inverse_divider_color; color: $inverse_fg_color; } &:active { background-color: $inverse_track_color; color: $inverse_fg_color; } .login-dialog-timed-login-indicator { height: 2px; margin: 2px 0 0 0; background-color: $inverse_fg_color; } &:focus .login-dialog-timed-login-indicator { background-color: $inverse_fg_color; } } .login-dialog-username, .user-widget-label { color: $inverse_fg_color; @include font(title); text-align: left; padding-left: 15px; } .user-widget-label { &:ltr { padding-left: 18px; } &:rtl { padding-right: 18px; } } .login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 8px; width: 23em; } .login-dialog-prompt-label { color: $inverse_hint_fg_color; font-size: 1em; padding-top: 1em; } .login-dialog-session-list-button StIcon { icon-size: 1.25em; } .login-dialog-session-list-button { color: $inverse_secondary_fg_color; &:hover,&:focus { color: $inverse_fg_color; } &:active { color: $inverse_fg_color; } } //SCREEN SHIELD .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { color: white; width: 80px; height: 48px; -arrow-thickness: 12px; -arrow-shadow: $shadow_1; } .screen-shield-clock { color: white; text-shadow: $shadow_1; font-weight: normal; text-align: center; padding-bottom: 1.5em; } .screen-shield-clock-time { @include font(display-4); text-shadow: $shadow_1; } .screen-shield-clock-date { @include font(display-2); } .screen-shield-notifications-container { spacing: 6px; width: 30em; background-color: transparent; max-height: 500px; .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .notification, .screen-shield-notification-source { padding: 8px; border: none; background-color: $alt_panel_bg_color; color: $inverse_fg_color; border-radius: 2px; } .notification { margin-right: 16px; } //compensate for space allocated to the scrollbar } .screen-shield-notification-label { min-height: $small_size - 2px; padding: 2px 0px 0px 16px; font-weight: bold; } .screen-shield-notification-count-text { min-height: $small_size - 2px; padding: 2px 0px 0px 16px; color: $inverse_secondary_fg_color; } #panel.lock-screen { background-color: $alt_panel_bg_color; } .screen-shield-background { //just the shadow, really background: black; box-shadow: $shadow_5; } #lockDialogGroup { background: $gdm_bg_color; background-size: cover; } #screenShieldNotifications { StScrollBar { @extend %overview_scrollbar; } } // Looking Glass #LookingGlassDialog { background-color: $lighter_bg_color; spacing: 4px; padding: 0; border: none; border-radius: 2px; box-shadow: $shadow_4; & > #Toolbar { padding: 0 8px; border: none; border-radius: 0; background-color: rgba($lighter_bg_color, 0.01); box-shadow: inset 0 -1px 0 $border_color; } .labels { spacing: 0; } .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: $hint_fg_color; transition-duration: $longer_duration; padding-left: 16px; padding-right: 16px; min-height: $medium_size; padding: 0 16px * 2; &:hover { box-shadow: inset 0 -2px 0px $track_color; color: $fg_color; text-shadow: none; } &:selected { border-bottom-width: 0; border-color: transparent; background-color: rgba($lighter_bg_color, 0.01); box-shadow: inset 0 -2px 0px $primary_color; color: $fg_color; text-shadow: none; } } StBoxLayout#EvalBox { padding: 4px; spacing: 4px; } StBoxLayout#ResultsArea { spacing: 4px; } } .lg-dialog { StEntry { selection-background-color: $primary_color; selected-color: $inverse_fg_color; } .shell-link { color: $link_color; &:hover { color: $link_color; } } } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button { min-height: $medium_size; padding: 0 16px; border: none; border-radius: 2px; @include font(button); @include button(flat-normal); &:hover { @include button(flat-hover); } &:active { @include button(flat-active); } &:insensitive { @include button(flat-insensitive); } &:focus { @include button(flat-focus); } &:hover { border: none; } } #lookingGlassExtensions { padding: 4px; } .lg-extensions-list { padding: 4px; spacing: 6px; } .lg-extension { border: none; border-radius: 2px; padding: 4px; } .lg-extension-name { @include font(headline); } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { background: $lighter_bg_color; border: none; border-radius: 2px; padding: 6px; box-shadow: $shadow_4; } materia-theme-20180321/src/_sass/gnome-shell/_drawing.scss000066400000000000000000000114401325420104000232650ustar00rootroot00000000000000// generic drawing of more complex things // provide font size in pt, with px fallback @function pt($size: $root-font-size) { @return ($size * 0.75 / 1px) + pt; } // provide icon size in em, with px fallback @function em($size: 16px) { @return ($size / $root-font-size) + em; } // Typography // based on: // https://material.io/guidelines/style/typography.html#typography-styles @mixin font($size) { @if $size == display-4 { // font-family: $large-font-family; font-size: 112px; font-weight: 300; // line-height: 1; } @if $size == display-3 { // font-family: $large-font-family; font-size: 56px; font-weight: 400; // line-height: 1; } @if $size == display-2 { // font-family: $large-font-family; font-size: 45px; font-weight: 400; // line-height: 48px; } @if $size == display-1 { // font-family: $large-font-family; font-size: 34px; font-weight: 400; // line-height: 40px; } @if $size == headline { font-size: pt(24px); font-weight: 400; // line-height: 32px; } @if $size == title { font-size: pt(20px); font-weight: 500; // line-height: 1; } @if $size == subheading { font-size: pt($subheading-size); font-weight: 400; // line-height: 24px; } @if $size == body-2 { font-size: pt($root-font-size); font-weight: 500; // line-height: 24px; } @if $size == body-1 { font-size: pt($root-font-size); font-weight: 400; // line-height: 20px; } @if $size == caption { font-size: pt(12px); font-weight: 400; // line-height: 1; } @if $size == button { font-size: pt($root-font-size); font-weight: 500; // line-height: 20px; } } @mixin entry($t, $fc: $primary_color) { // // entry // // $t: entry type // $fc: focus color // @if $t == normal { background-color: if($fc == $primary_color, rgba($lighter_bg_color, 0.01), rgba($panel_bg_color, 0.01)); border-color: transparent; box-shadow: inset 0 -1px if($fc == $primary_color, $track_color, $fc); } @if $t == focus { border-color: transparent; box-shadow: inset 0 -2px $fc; } @if $t == hover { } @if $t == insensitive { color: $disabled_fg_color; border-color: transparent; box-shadow: inset 0 -1px if($fc == $primary_color, $divider_color, $fc); } } @mixin button($t, $c: $lighter_bg_color, $tc: $fg_color) { // // button // // $t: button type // $c: base color // $tc: text color // @if $t == normal { color: if($tc == $fg_color, $button_fg_color, $tc); background-color: $c; border-color: transparent; box-shadow: $shadow_1; text-shadow: none; icon-shadow: none; } @if $t == focus { color: $tc; text-shadow: none; icon-shadow: none; box-shadow: $shadow_0; // box-shadow: inset 0px 0px 0px 2px $divider_color; } @if $t == hover { color: $tc; background-color: $c; border-color: transparent; box-shadow: $shadow_2; text-shadow: none; icon-shadow: none; } @if $t == active { color: $tc; background-color: mix($tc, $c, percentage($lower_opacity)); border-color: transparent; box-shadow: $shadow_2; text-shadow: none; icon-shadow: none; } @if $t == insensitive { color: if($tc == $fg_color, $disabled_secondary_fg_color, $tc); background-color: if($c == $lighter_bg_color, $divider_color, $c); border-color: transparent; box-shadow: $shadow_0; text-shadow: none; icon-shadow: none; } @if $t == flat-normal { color: if($tc != $inverse_fg_color, $secondary_fg_color, $inverse_secondary_fg_color); background-color: transparent; border-color: transparent; box-shadow: $shadow_0; text-shadow: none; icon-shadow: none; } @if $t == flat-focus { color: if($tc != $inverse_fg_color, $fg_color, $inverse_fg_color); text-shadow: none; icon-shadow: none; box-shadow: $shadow_0; // box-shadow: inset 0px 0px 0px 2px $divider_color; } @if $t == flat-hover { color: if($tc != $inverse_fg_color, $fg_color, $inverse_fg_color); background-color: if($tc != $inverse_fg_color, $divider_color, $inverse_divider_color); border-color: transparent; box-shadow: $shadow_0; text-shadow: none; icon-shadow: none; } @if $t == flat-active { color: if($tc != $inverse_fg_color, $fg_color, $inverse_fg_color); background-color: if($tc != $inverse_fg_color, $track_color, $inverse_track_color); border-color: transparent; box-shadow: $shadow_0; text-shadow: none; icon-shadow: none; } @if $t == flat-insensitive { color: if($tc != $inverse_fg_color, $disabled_secondary_fg_color, $inverse_disabled_secondary_fg_color); background-color: transparent; border-color: transparent; box-shadow: $shadow_0; text-shadow: none; icon-shadow: none; } } materia-theme-20180321/src/_sass/gnome-shell/_extensions.scss000066400000000000000000000057601325420104000240410ustar00rootroot00000000000000/* Dash to Dock */ #dashtodockContainer #dash { background-color: $panel_bg_color; } #dashtodockContainer:overview #dash { background-color: $inverse_panel_bg_color; } #dashtodockContainer.extended:overview #dash { background-color: transparent; } #dashtodockContainer.left #dash, #dashtodockContainer.right #dash { padding: 3px 0; } #dashtodockContainer.top #dash, #dashtodockContainer.bottom #dash { padding: 0 3px; } #dashtodockContainer.extended #dash { padding: 0; border-radius: 0; } #dashtodockContainer.left .dash-item-container > StWidget, #dashtodockContainer.right .dash-item-container > StWidget, #dashtodockContainer.extended.left .dash-item-container > StWidget, #dashtodockContainer.extended.right .dash-item-container > StWidget { padding: 3px 6px; } #dashtodockContainer.extended.left .dash-item-container:first-child > StWidget, #dashtodockContainer.extended.right .dash-item-container:first-child > StWidget { padding: 6px 6px 3px 6px; } #dashtodockContainer.extended.left .dash-item-container:last-child > StWidget, #dashtodockContainer.extended.right .dash-item-container:last-child > StWidget { padding: 3px 6px 6px 6px; } #dashtodockContainer.top .dash-item-container > StWidget, #dashtodockContainer.bottom .dash-item-container > StWidget, #dashtodockContainer.extended.top .dash-item-container > StWidget, #dashtodockContainer.extended.bottom .dash-item-container > StWidget { padding: 6px 3px; } #dashtodockContainer.extended.top .dash-item-container:first-child > StWidget, #dashtodockContainer.extended.bottom .dash-item-container:first-child > StWidget { padding: 6px 3px 6px 6px; } #dashtodockContainer.extended.top .dash-item-container:last-child > StWidget, #dashtodockContainer.extended.bottom .dash-item-container:last-child > StWidget { padding: 6px 6px 6px 3px; } #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } #dashtodockContainer .dash-item-container > StWidget { background-size: cover; } @each $p, $pt in ('.left', 'left'), ('.right', 'right'), ('.top', 'top'), ('.bottom', 'bottom') { @each $n, $nb in ('.running1', 'running1'), ('.running2', 'running2'), ('.running3', 'running3'), ('.running4', 'running4') { @each $f, $fc in ('', ''), ('.focused', '-focused') { #dashtodockContainer#{$p} .dash-item-container > StWidget#{$n}#{$f} { background-image: url("assets/dash/#{$pt}-#{$nb}#{$fc}.svg"); } } } } /* Simple Dock */ #dash:desktop { background-color: $panel_bg_color; } /* GPaste */ .popup-menu { .search-entry { color: $fg_color; selection-background-color: $primary_color; selected-color: $inverse_fg_color; @include entry(normal); &:focus { @include entry(focus); color: $fg_color; } .search-entry-icon { color: $hint_fg_color; } &:hover, &:focus { .search-entry-icon { color: $fg_color; } } } } materia-theme-20180321/src/_sass/gnome-shell/_variables.scss000066400000000000000000000037411325420104000236070ustar00rootroot00000000000000$asset_suffix: if($variant == 'dark', '-dark', ''); $extra_background_clip: if($variant == 'light', padding-box, border-box); $panel-corner-radius: 0; // font families $font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; $large-font-family: Roboto, "M+ 1c", Cantarell, Sans-Serif; // font sizes $root-font-size: if($compact == 'false', 14px, 13px); $subheading-size: if($compact == 'false', 16px, 15px); // opacities $higher_opacity: 0.9; $middle_opacity: 0.6; $lower_opacity: 0.3; $secondary_opacity: 0.75; $hint_opacity: 0.6; $disabled_opacity: 0.5; // sizes $small_size: if($compact == 'false', 24px, 20px); $medium_size: if($compact == 'false', 36px, 32px); $large_size: if($compact == 'false', 48px, 44px); $container_padding: 6px; $bar_size: 4px; $menuitem_size: if($compact == 'false', 32px, 28px); // radiuses $material_radius: 2px; $circular_radius: 9999px; // durations $shorter_duration: 200ms / 2; $longer_duration: 300ms / 2; $ripple_duration: 500ms / 2; // timing functions $standard_curve: cubic-bezier(0.4, 0.0, 0.2, 1); $deceleration_curve: cubic-bezier(0.0, 0.0, 0.2, 1); $acceleration_curve: cubic-bezier(0.4, 0.0, 1, 1); $sharp_curve: cubic-bezier(0.4, 0.0, 0.6, 1); // transition shorthands $shorter_transition: all $shorter_duration $deceleration_curve; $longer_transition: all $longer_duration $deceleration_curve; $shadow_transition: box-shadow $shorter_duration $deceleration_curve; // shadows // based shadow values: // https://material-design.storage.googleapis.com/images/layout-principles-dimensionality-shadows-08_large_mdpi.png $shadow_0: 0 0 transparent; $shadow_1: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); $shadow_2: 0 3px 3px rgba(0, 0, 0, 0.16 * 1.5), 0 3px 3px rgba(0, 0, 0, 0.23 * 1.5); $shadow_3: 0 10px 10px rgba(0, 0, 0, 0.19 * 1.5), 0 6px 3px rgba(0, 0, 0, 0.23 * 1.5); $shadow_4: 0 14px 14px rgba(0, 0, 0, 0.25 * 2), 0 10px 5px rgba(0, 0, 0, 0.22 * 2); $shadow_5: 0 19px 19px rgba(0, 0, 0, 0.30 * 2), 0 15px 6px rgba(0, 0, 0, 0.22 * 2); materia-theme-20180321/src/_sass/gtk/000077500000000000000000000000001325420104000171515ustar00rootroot00000000000000materia-theme-20180321/src/_sass/gtk/_apps-3.18.scss000066400000000000000000000121161325420104000215400ustar00rootroot00000000000000// floating status bar .floating-bar { @extend %osd; // @extend .toolbar.osd; padding: 3px 0 4px; border-width: 1px; border-style: solid solid none; border-color: $border_color; border-radius: 2px + 1px 2px + 1px 0 0; background-color: $base_color; background-clip: $extra_background_clip; &.left { border-left-style: none; border-top-left-radius: 0; } &.right { border-right-style: none; border-top-right-radius: 0; } .button { padding: 4px; } } /************ * Nautilus * ************/ EelEditableLabel.entry { transition: none; } .nautilus-canvas-item { // border-radius: 2px; } .nautilus-canvas-item.dim-label, .nautilus-list-dim-label { // @extend .dim-label; } .nautilus-canvas-item.dim-label:selected, .nautilus-list-dim-label:selected { } .nautilus-desktop.nautilus-canvas-item { // background-color: rgba(#000000, $lower_opacity); color: $inverse_fg_color; text-shadow: $shadow_1; } .nautilus-desktop.nautilus-canvas-item:selected { // color: $inverse_fg_color; text-shadow: none; } .nautilus-circular-button { @extend %image_button; } /* Toolbar */ @keyframes needs_attention_keyframes { 0% {background-color: transparent; } 50% {background-color: $fill_color; } 100% {background-color: transparent; } } .nautilus-operations-button-needs-attention { color: $accent_color; animation: needs_attention_keyframes 2s $standard_curve; } .nautilus-operations-button-needs-attention-multiple { color: $accent_color; animation: needs_attention_keyframes 2s $standard_curve; animation-iteration-count: 2; } .disk-space-display { // border-style: solid; // border-width: 2px; } .disk-space-display.unknown { background-color: $warning_color; } .disk-space-display.used { background-color: $primary_color; } .disk-space-display.free { background-color: $fill_color; color: $disabled_fg_color; } /* View */ NautilusListView .view { // border-bottom: 1px solid $border_color; } /************** * Tweak Tool * **************/ // the sidebar .tweak-categories { // padding: 4px 0; background-color: $alt_base_color; background-image: linear-gradient(to bottom, $alt_base_color); // hide separators .separator { -GtkWidget-wide-separators: true; color: transparent; } } /************ * Software * ************/ .button.install-progress:insensitive { background-color: $fill_color; } /*********** * Builder * ***********/ GbTerminalView { background-color: $base_color; } /*********** * Firefox * ***********/ .menubar { color: $titlebar_secondary_fg_color; &:hover { color: $titlebar_fg_color; } } /*********** * Synapse * ***********/ SynapseGuiMatchListView GtkWidget:selected { background-color: $primary_color; } /********* * Unity * *********/ // Decorations 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: $primary_color; -UnityDecoration-title-indent: 4px; -UnityDecoration-title-fade: 32px; -UnityDecoration-title-alignment: 0.0; } UnityDecoration.top { padding: 0 2px; border-style: none; border-radius: 2px 2px 0 0; box-shadow: inset 0 1px $titlebar_highlight_color; background-color: $alt_titlebar_bg_color; color: $titlebar_fg_color; } UnityDecoration.top:backdrop { color: $titlebar_secondary_fg_color; } UnityDecoration.left, UnityDecoration.right { } UnityDecoration.bottom { } UnityDecoration.menuitem, UnityDecoration .menuitem { color: gtkalpha(currentColor, $secondary_opacity); } UnityDecoration.menubar.menuitem:hover, UnityDecoration.menubar .menuitem *:hover { box-shadow: inset 0 -2px currentColor; background-color: transparent; color: currentColor; } .background:not(.csd) :not(.titlebar) .header-bar { border-radius: 0; box-shadow: none; &.inline-toolbar { border-style: none; } } SheetStyleDialog.unity-force-quit { // background-color: $bg_color; } // Panel Style UnityPanelWidget, .unity-panel { background-color: $opaque_panel_bg_color; background-image: linear-gradient(to bottom, $opaque_panel_bg_color); color: $titlebar_fg_color; } UnityPanelWidget:backdrop, .unity-panel:backdrop { color: $titlebar_secondary_fg_color; } .unity-panel.menubar, .unity-panel .menubar { } .unity-panel.menuitem, .unity-panel .menuitem { color: gtkalpha(currentColor, $secondary_opacity); } .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem *:hover { box-shadow: inset 0 -2px currentColor; background-color: transparent; color: currentColor; } @keyframes playbackmenuitem_spinner { to { -gtk-icon-transform: rotate(1turn); } } .menu IdoPlaybackMenuItem.menuitem:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: playbackmenuitem_spinner 1s infinite linear; color: $primary_color; } materia-theme-20180321/src/_sass/gtk/_apps-3.20.scss000066400000000000000000000002121325420104000215230ustar00rootroot00000000000000@import 'apps/gnome-3.20'; @import 'apps/misc'; @import 'apps/unity'; @import 'apps/mate'; @import 'apps/budgie'; @import 'apps/lightdm'; materia-theme-20180321/src/_sass/gtk/_apps-3.22.scss000066400000000000000000000002121325420104000215250ustar00rootroot00000000000000@import 'apps/gnome-3.22'; @import 'apps/misc'; @import 'apps/unity'; @import 'apps/mate'; @import 'apps/budgie'; @import 'apps/lightdm'; materia-theme-20180321/src/_sass/gtk/_colors-public.scss000066400000000000000000000052131325420104000227630ustar00rootroot00000000000000// apps rely on some named colors to be exported /* GTK NAMED COLORS ---------------- use responsibly! */ // Sass thinks we're using the colors in the variables as strings and may shoot // warning, it's innocuous and can be defeated by using "" + $var /* widget text/foreground color */ @define-color theme_fg_color #{"" + $fg_color}; /* text color for entries, views and content in general */ @define-color theme_text_color #{"" + $fg_color}; /* widget base background color */ @define-color theme_bg_color #{"" + $bg_color}; /* text widgets and the like base background color */ @define-color theme_base_color #{"" + $base_color}; /* base background color of selections */ @define-color theme_selected_bg_color #{"" + $primary_color}; /* text/foreground color of selections */ @define-color theme_selected_fg_color #{"" + $inverse_fg_color}; /* base background color of insensitive widgets */ @define-color insensitive_bg_color #{"" + $bg_color}; /* text foreground color of insensitive widgets */ @define-color insensitive_fg_color #{"" + $disabled_fg_color}; /* insensitive text widgets and the like base background color */ @define-color insensitive_base_color #{"" + $alt_base_color}; /* widget text/foreground color on backdrop windows */ @define-color theme_unfocused_fg_color #{"" + $fg_color}; /* text color for entries, views and content in general on backdrop windows */ @define-color theme_unfocused_text_color #{"" + $fg_color}; /* widget base background color on backdrop windows */ @define-color theme_unfocused_bg_color #{"" + $bg_color}; /* text widgets and the like base background color on backdrop windows */ @define-color theme_unfocused_base_color #{"" + $base_color}; /* base background color of selections on backdrop windows */ @define-color theme_unfocused_selected_bg_color #{"" + $primary_color}; /* text/foreground color of selections on backdrop windows */ @define-color theme_unfocused_selected_fg_color #{"" + $inverse_fg_color}; /* insensitive color on backdrop windows */ @define-color unfocused_insensitive_color #{"" + $disabled_fg_color}; /* widgets main borders color */ @define-color borders #{"" + $border_color}; /* widgets main borders color on backdrop windows */ @define-color unfocused_borders #{"" + $border_color}; /* these are pretty self explicative */ @define-color warning_color #{"" + $warning_color}; @define-color error_color #{"" + $error_color}; @define-color success_color #{"" + $success_color}; // @define-color destructive_color #{"" + $destructive_color}; /* FIXME this is really an API */ @define-color content_view_bg #{"" + $base_color}; @define-color placeholder_text_color #{"" + $placeholder_text_color}; materia-theme-20180321/src/_sass/gtk/_common-3.18.scss000066400000000000000000001701141325420104000220700ustar00rootroot00000000000000* { padding: 0; background-clip: padding-box; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: $error_color; -GtkCheckButton-indicator-size: 24; -GtkCheckMenuItem-indicator-size: 16; // The size for scrollbars. The slider is 2px smaller, but we keep it // up so that the whole area is sensitive to button presses for the // slider. The stepper button is larger in both directions, the slider // only in the width -GtkScrolledWindow-scrollbar-spacing: 0; -GtkScrolledWindow-scrollbars-within-bevel: 1; -GtkToolItemGroup-expander-size: 11; -GtkExpander-expander-size: 16; -GtkTreeView-expander-size: 11; -GtkTreeView-horizontal-separator: 4; -GtkMenu-horizontal-padding: 0; -GtkMenu-vertical-padding: 0; -GtkWidget-link-color: $link_color; -GtkWidget-visited-link-color: $visited_link_color; -GtkWidget-focus-padding: 2; // FIXME: do we still need these? -GtkWidget-focus-line-width: 1; // -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 20; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; -GtkStatusbar-shadow-type: none; // We use the outline properties to signal the focus properties // to the adwaita engine: using real CSS properties is faster, // and we don't use any outlines for now. outline-style: solid; outline-width: 2px; outline-color: $fill_color; outline-offset: -4px; outline-radius: 2px; } /*************** * Base States * ***************/ .background { background-color: $bg_color; color: $fg_color; } /* 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. */ *:insensitive { -gtk-image-effect: dim; } .gtkstyle-fallback { background-color: $bg_color; color: $fg_color; &:prelight { background-color: darken($bg_color, 5%); color: $fg_color; } &:active { background-color: darken($bg_color, 10%); color: $fg_color; } &:insensitive { background-color: $bg_color; color: $disabled_fg_color; } &:selected { background-color: $primary_color; color: $inverse_fg_color; } } .view { @extend .list-row.activatable; background-color: $base_color; color: $fg_color; &:hover, &:active, &:selected { border-radius: 2px; } &:insensitive { // background-color: $alt_base_color; color: $disabled_fg_color; } &:selected { @extend %selected_items; } } .rubberband { border: 1px solid $alt_primary_color; background-color: rgba($alt_primary_color, $lower_opacity); } .label { &.separator { color: $fg_color; @extend .dim-label; } &:selected { @extend %selected_items; } &:insensitive { color: $disabled_fg_color; } } .dim-label { opacity: $hint_opacity; } GtkAssistant { .sidebar { padding: 6px 0; // border-top: 1px solid $border_color; &:dir(ltr) { border-right: 1px solid $border_color; } &:dir(rtl) { border-left: 1px solid $border_color; } } // &.csd .sidebar { border-top-style: none; } .sidebar .label { opacity: $hint_opacity; padding: 5px 12px 6px; font-weight: 500; } .sidebar .label.highlight { opacity: 1; } } GtkTextView { // This will get overridden by .view, needed by gedit line numbers background-color: $alt_base_color; } .grid-child { // outline-offset: -2px; padding: 4px; border-radius: 2px; &:selected { @extend %selected_items; } } %osd, .osd { opacity: $higher_opacity; } /********************* * Spinner Animation * *********************/ @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } .spinner { background-color: blue; background-image: none; opacity: 0; // non spinning spinner makes no sense -gtk-icon-source: -gtk-icontheme('process-working-symbolic'); &:active { opacity: 1; animation: spin 1s linear infinite; &:insensitive { opacity: $disabled_opacity; } } } /**************** * Text Entries * ****************/ .entry { padding: 7px 8px 8px; border-radius: 2px; @include entry(normal); &:focus { @include entry(focus); } &:insensitive { @include entry(insensitive); } &.flat { border-radius: 0; @include entry(flat-normal); &:focus { @include entry(flat-focus); } &:insensitive { @include entry(flat-insensitive); } } &:selected { @extend %selected_items; } &.image { // icons inside the entry &.left { padding-left: 2px; } &.right { padding-right: 2px; } } &.progressbar { margin: 2px; border-style: none none solid; border-width: 2px; border-color: $primary_color; border-radius: 0; box-shadow: none; background-color: transparent; background-image: none; } .linked > & { @extend %linked; } .linked.vertical > & { @extend %linked_vertical; } .linked > &.flat, .linked.vertical > &.flat { border-radius: 0; } // entry error and warning style @each $e_type, $e_color in (error, $error_color), (warning, $warning_color) { &.#{$e_type} { @include entry(normal, $e_color); &:focus { @include entry(focus, $e_color); } &:insensitive { @include entry(insensitive, $e_color); } &.flat { @include entry(flat-normal, $e_color); &:focus { @include entry(flat-focus, $e_color); } &:insensitive { @include entry(flat-insensitive, $e_color); } } } } &.image { // entry icons colors &:not(:hover):not(:active) { color: gtkalpha(currentColor, $secondary_opacity); } &:insensitive { color: gtkalpha(currentColor, $hint_opacity); } } .osd & { } GtkTreeView &:not(:selected) { &, &:focus { padding: 2px; border-image: none; border-radius: 0; box-shadow: none; background-color: $base_color; } } } /*********** * Buttons * ***********/ // stuff for .needs-attention @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to($accent_color), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to($accent_color), to(transparent)); } } %button, .button { padding: 7px 10px 8px; border-radius: 2px; background-repeat: no-repeat; background-position: center, center; background-size: ($medium_size * 2 / 0.8) ($medium_size * 2 / 0.8), auto; font-weight: 500; @include button(normal); &:hover { @include button(hover); } &:active { @include button(active); } &:insensitive { @include button(insensitive); } &:checked { @include button(checked); } &:checked:insensitive { @include button(checked-insensitive); } @at-root %flat_button, &.flat { @at-root %simple_flat_button, & { @include button(flat-normal); &:hover { @include button(flat-hover); } &:active { @include button(flat-active); } &:insensitive { @include button(flat-insensitive); } } &:checked { @include button(flat-checked); } &:checked:insensitive { @include button(flat-checked-insensitive); } } // big standalone buttons like in Documents pager &.osd { &.image-button { padding: 16px; background-size: ($large_size / 0.8) ($large_size / 0.8), auto; } &:insensitive { opacity: 0; } } //overlay / OSD style .osd & { } // Suggested and Destructive Action buttons @each $b_type, $b_color in (suggested-action, $suggested_color), (destructive-action, $destructive_color) { &.#{$b_type} { background-color: $b_color; color: $inverse_fg_color; &:insensitive { @include button(insensitive, $b_color); } &:checked { background-color: mix($inverse_fg_color, $b_color, percentage($lower_opacity)); } &.flat { background-color: transparent; color: $b_color; &:insensitive { @include button(flat-insensitive, $b_color); } &:checked { background-color: $fill_color; } } } } &.image-button { @extend %image_button; } &.text-button { padding-left: 16px; padding-right: 16px; } &.text-button.image-button { // those buttons needs uneven horizontal padding, we want the icon side // to have the image-button padding, while the text side the text-button // one, so we're adding the missing padding to the label depending on // its position inside the button padding: 7px 10px 8px; // same as .button outline-radius: 2px; border-radius: 2px; background-size: ($medium_size * 2 / 0.8) ($medium_size * 2 / 0.8), auto; .label:first-child { padding-left: 6px; } .label:last-child { padding-right: 6px; } } .stack-switcher > & { // to position the needs attention dot, padding is added to the button // child, a label needs just lateral padding while an icon needs vertical // padding added too. outline-offset: -4px; // needs to be set or it gets overriden by GtkRadioButton outline-offset > .label { padding-left: 6px; // label padding padding-right: 6px; // } > GtkImage { padding-left: 6px; // image padding padding-right: 6px; // padding-top: 3px; // padding-bottom: 3px; // } &.text-button { padding: 7px 10px 8px; // needed or it will get overridden } &.image-button { // we want image buttons to have a 1:1 aspect ratio, so compensation // of the padding added to the GtkImage is needed padding: 7px 4px; } &.needs-attention > .label, &.needs-attention > GtkImage { @extend %needs_attention; } &.needs-attention:checked > .label, &.needs-attention:checked > GtkImage { animation: none; background-image: none; } } //inline-toolbar buttons .inline-toolbar & { // @extend %button.flat; @extend %image_button; } .primary-toolbar & { icon-shadow: none; } // tango icons don't need shadows .linked > & { @extend %linked; } .linked.vertical > & { @extend %linked_vertical; } .linked > &.flat, .linked.vertical > &.flat { border-radius: 2px; &.image-button { outline-radius: $circular_radius; border-radius: $circular_radius; } &.text-button.image-button { outline-radius: 2px; border-radius: 2px; } } } %image_button { padding: 10px; outline-radius: 100px; border-radius: 100px; background-size: ($medium_size / 0.8) ($medium_size / 0.8), auto; } %needs_attention { animation: needs_attention $longer_duration $deceleration_curve forwards; background-repeat: no-repeat; background-position: right 3px; background-size: 6px 6px; &:dir(rtl) { background-position: left 3px; } } // all the following is for the +|- buttons on inline toolbars, that way // should really be deprecated... .inline-toolbar GtkToolButton > .button { // redefining the button look is // needed since those are flat... } // More inline toolbar buttons .inline-toolbar.toolbar GtkToolButton { // & > .button.flat { @extend %linked_middle; } // &:first-child > .button.flat { @extend %linked:first-child; } // &:last-child > .button.flat { @extend %linked:last-child; } // &:only-child > .button.flat { @extend %linked:only-child; } } %linked_middle { outline-radius: 2px; border-radius: 0; } %linked { @extend %linked_middle; &:first-child { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } &:last-child { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } &:only-child { border-radius: 2px; } } %linked_vertical_middle { outline-radius: 2px; border-radius: 0; } %linked_vertical{ @extend %linked_vertical_middle; &:first-child { border-top-left-radius: 2px; border-top-right-radius: 2px; } &:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } &:only-child { border-radius: 2px; } } /* menu buttons */ .menuitem.button.flat { &:selected { @extend %selected_items; } } GtkColorButton.button { padding: 7px 8px 8px; // Uniform padding on the GtkColorButton GtkColorSwatch:first-child:last-child { // :first-child:last-child for a specificity bump, it gets overridden by the // colorpicker style, otherwise border-radius: 2px; box-shadow: $shadow_1; } } /********* * Links * *********/ *:link { color: $link_color; &:hover, &:active { color: $link_color; } &:visited { color: $visited_link_color; &:hover, &:active { color: $visited_link_color; } *:selected & { color: mix($inverse_fg_color, $primary_color, 60%); } } &:selected, *:selected & { color: mix($inverse_fg_color, $primary_color, 80%); } } .button:link, .button:visited { @extend *:link; & > .label { text-decoration-line: underline; } } /***************** * GtkSpinButton * *****************/ .spinbutton { .button { padding: 4px; border: solid $container_padding transparent; color: $secondary_fg_color; &:hover, &:active { color: $fg_color; } &:insensitive { color: $disabled_secondary_fg_color; } &:active { // add fallback background-color: gtkalpha(currentColor, $lower_opacity); } @extend %image_button; @extend %simple_flat_button; } .osd & { .button { } } &.vertical { //FIXME: try using linking templates for vertically linked stuff .button { padding-top: 10px; // Same vertical padding as image-buttons padding-bottom: 10px; // border: none; &:first-child { border-radius: 2px 2px 0 0; } &:last-child { border-radius: 0 0 2px 2px; } } &.entry { } } GtkTreeView & { &.entry, &.entry:focus { // padding: 1px; // border-width: 1px 0; // border-color: $primary_color; // border-radius: 0; // box-shadow: none; } } } /************** * ComboBoxes * **************/ GtkComboBox { > .the-button-in-the-combobox { padding: 5px 6px 6px; } // Otherwise combos // are bigger then // buttons -GtkComboBox-arrow-scaling: 0.5; -GtkComboBox-shadow-type: none; .menu { padding: 2px 0; } .menu .menuitem { padding: 5px 6px 6px; } .separator.vertical { // always disable separators -GtkWidget-wide-separators: true; } &.combobox-entry .entry { &:dir(ltr) { border-top-right-radius: 0; border-bottom-right-radius: 0; } &:dir(rtl) { border-top-left-radius: 0; border-bottom-left-radius: 0; } } &.combobox-entry .button { padding: 10px; &:dir(ltr) { border-top-left-radius: 0; border-bottom-left-radius: 0; } &:dir(rtl) { border-top-right-radius: 0; border-bottom-right-radius: 0; } } } .linked > GtkComboBox > .the-button-in-the-combobox, .linked > GtkComboBoxText > .the-button-in-the-combobox { // the combo is a composite widget so the way we do button linkind doesn't // work, special case needed. See // https://bugzilla.gnome.org/show_bug.cgi?id=733979 &:dir(ltr), &:dir(rtl) { @extend %linked_middle; } // specificity bump } .linked > GtkComboBox:first-child > .the-button-in-the-combobox, .linked > GtkComboBoxText:first-child > .the-button-in-the-combobox { @extend %linked:first-child; } .linked > GtkComboBox:last-child > .the-button-in-the-combobox, .linked > GtkComboBoxText:last-child > .the-button-in-the-combobox { @extend %linked:last-child; } .linked > GtkComboBox:only-child > .the-button-in-the-combobox, .linked > GtkComboBoxText:only-child > .the-button-in-the-combobox { @extend %linked:only-child; } .linked.vertical > GtkComboBoxText > .the-button-in-the-combobox, .linked.vertical > GtkComboBox > .the-button-in-the-combobox { @extend %linked_vertical_middle; } .linked.vertical > GtkComboBoxText:first-child > .the-button-in-the-combobox, .linked.vertical > GtkComboBox:first-child > .the-button-in-the-combobox { @extend %linked_vertical:first-child; } .linked.vertical > GtkComboBoxText:last-child > .the-button-in-the-combobox, .linked.vertical > GtkComboBox:last-child > .the-button-in-the-combobox { @extend %linked_vertical:last-child; } .linked.vertical > GtkComboBoxText:only-child > .the-button-in-the-combobox, .linked.vertical > GtkComboBox:only-child > .the-button-in-the-combobox { @extend %linked_vertical:only-child; } /************ * Toolbars * ************/ .toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: $bg_color; &:not(.search-bar) .button { @extend %button.flat; } .osd &, &.osd { transition: border-image $shorter_duration $deceleration_curve; padding: $container_padding; border-style: solid; border-width: 8px; border-image: -gtk-scaled(url("assets/box-shadow#{$asset_suffix}.png"), url("assets/box-shadow#{$asset_suffix}@2.png")) 10 / 10px stretch; border-radius: 2px; // box-shadow: $shadow_2, inset 0 1px $highlight_color; background-color: $base_color; &:backdrop { border-image: -gtk-scaled(url("assets/box-shadow-backdrop#{$asset_suffix}.png"), url("assets/box-shadow-backdrop#{$asset_suffix}@2.png")) 10 / 10px stretch; // box-shadow: $shadow_1, inset 0 1px $highlight_color; } } } //searchbar, location-bar & inline-toolbar .inline-toolbar { padding: $container_padding; border-style: solid; border-width: 0 1px 1px; border-color: $border_color; background-color: $alt_base_color; } .search-bar, .location-bar { padding: $container_padding; border-style: solid; border-width: 0 0 1px; border-color: $border_color; background-color: $bg_color; background-clip: border-box; } /*************** * Header bars * ***************/ .titlebar, .header-bar { transition: background-color $shorter_duration $deceleration_curve; padding: $container_padding; border-radius: 2px 2px 0 0; box-shadow: $shadow_1, inset 0 1px $titlebar_highlight_color; background-color: $titlebar_bg_color; color: $titlebar_fg_color; &:backdrop { color: $titlebar_secondary_fg_color; } .title { transition: $longer_transition; padding-left: 12px; padding-right: 12px; font-weight: bold; } .subtitle { transition: $longer_transition; @extend .dim-label; padding-left: 12px; padding-right: 12px; font-size: smaller; } .header-bar-separator, & > GtkBox > .separator.vertical { -GtkWidget-wide-separators: true; -GtkWidget-separator-width: 1px; border-style: solid; border-width: 0 1px; border-color: $border_color; } & .button:not(.suggested-action):not(.destructive-action) { @extend %button.flat; border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to($titlebar_indicator_color), to(transparent)) 0 0 0 / 0 0 0px; &:checked { border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to($titlebar_indicator_color), to(transparent)) 0 0 2 / 0 0 2px; &, &:insensitive { background-color: transparent; } } } .button.suggested-action, .button.destructive-action { &:insensitive { color: gtkalpha(currentColor, $disabled_opacity); > .label { color: inherit; } } } &.selection-mode { // transition: background-color $shorter_duration $deceleration_curve; box-shadow: $shadow_1, inset 0 1px $alt_highlight_color; background-color: $primary_color; color: $inverse_fg_color; &:backdrop { color: $inverse_secondary_fg_color; } .subtitle:link { @extend *:link:selected; } .button { border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to($inverse_fg_color), to(transparent)) 0 0 0 / 0 0 0px; color: $inverse_secondary_fg_color; &:hover, &:active, &:checked { color: $inverse_fg_color; } &:insensitive { } &:checked { border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to($inverse_fg_color), to(transparent)) 0 0 2 / 0 0 2px; color: $inverse_fg_color; &:insensitive { color: $inverse_disabled_fg_color; > .label { color: inherit; } } } &.suggested-action { // NOTE: do not use @extend .button; @include button(normal); &:hover { @include button(hover); } &:active { @include button(active); } &:insensitive { @include button(insensitive); } } } .selection-menu { padding-left: 16px; padding-right: 16px; GtkArrow { -GtkArrow-arrow-scaling: 1; } .arrow { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } } } .tiled &, .maximized & { border-radius: 0; // squared corners when the window is max'd or tiled box-shadow: none; } &.default-decoration { padding: $container_padding; border-width: 0; .button { padding: 4px; } } } /************ * Pathbars * ************/ .path-bar .button { padding: 7px 6px 8px; // the following is for spacing the icon and the label inside the home button .label:last-child { padding-left: 2px; } .label:first-child { padding-right: 2px; } // .label:only-child { padding-right: 0; padding-left: 0; } GtkImage { padding-top: 1px; } GtkImage:only-child { padding-right: 4px; padding-left: 4px; } } /************** * Tree Views * **************/ GtkTreeView.view { -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; border-left-color: $fill_color; // this is actually the tree lines color, border-top-color: $border_color; // while this is the grid lines color, better then nothing &.rubberband { @extend .rubberband; } // to avoid borders being overridden by the previously set props border-radius: 0; // rest border radius in lists &:hover, &:active, &:selected { border-radius: 0; } &.dnd { border-style: solid none; border-width: 1px; border-color: mix($fg_color, $primary_color, 50%); } &.expander { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); } &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } &:selected { color: $inverse_secondary_fg_color; &:hover, &:active { color: $inverse_fg_color; } } } &.progressbar { // progress bar in treeviews @extend .entry.progressbar; border-width: 4px; &:selected { border-color: currentColor; } } &.trough { // progress bar trough in treeviews @extend .entry.progressbar; border-width: 4px; border-color: rgba($primary_color, $lower_opacity); &:selected { border-color: $fill_color; } } } column-header { .button { @extend .list-row.activatable; padding: 3px 6px 4px; border-style: none solid solid none; border-width: 1px; border-color: $border_color; border-radius: 0; box-shadow: none; background-color: $base_color; // font-weight: bold; &:hover, &:active { box-shadow: none; } &:insensitive { background-color: $base_color; } &.dnd { @extend column-header.button.dnd; } } &:last-child .button, &:last-child.button { //treeview-like derived widgets in Banshee and Evolution border-right-style: none; } } column-header.button.dnd { // for treeview-like derive widgets border-left-style: solid; background-clip: $extra_background_clip; color: $primary_color; } /********* * Menus * *********/ .menubar { -GtkWidget-window-dragging: true; padding: 0; // box-shadow: inset 0 -1px $border_color; background-color: $titlebar_bg_color; & > .menuitem { transition: $shorter_transition; padding: 4px 8px; color: $titlebar_secondary_fg_color; &:hover { //Seems like it :hover even with keyboard focus transition: none; background-color: gtkalpha(currentColor, $lower_opacity / 2); color: $titlebar_fg_color; } &:insensitive { color: $titlebar_disabled_secondary_fg_color; box-shadow: none; } } } .menu { margin: 4px 0; padding: 4px 0; box-shadow: inset 0 1px $highlight_color; background-color: $base_color; border: 1px solid $border_color; // adds borders in a non composited env .csd & { border: none; // axes borders in a composited env border-radius: 2px; } .menuitem { transition: $shorter_transition; padding: 3px 4px 4px; font: initial; text-shadow: none; &:hover { transition: none; background-color: gtkalpha(currentColor, $lower_opacity / 2); } &:insensitive { color: $disabled_fg_color; } //submenu indicators &.arrow { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); } &.arrow:dir(rtl) {-gtk-icon-source:-gtk-icontheme('pan-end-symbolic-rtl'); } } &.button { // overlow buttons border-style: none; border-radius: 0; box-shadow: none; &.top { border-bottom: 1px solid $border_color; } &.bottom { border-top: 1px solid $border_color; } &:hover { background-color: gtkalpha(currentColor, $lower_opacity / 2); } &:insensitive { background-color: transparent; border-color: transparent; } } } .menuitem .accelerator { color: gtkalpha(currentColor, $hint_opacity); } .csd.popup { border-radius: 2px; } /*************** * Popovers * ***************/ .popover { transition: $shadow_transition; padding: 2px; border: 1px solid; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3); border-radius: 2px + 1px; background-color: $lighter_bg_color; box-shadow: $shadow_2; // TODO: this should really have a highlight &:backdrop { box-shadow: $shadow_1; } > .list, > .view, > .toolbar, &.osd > .toolbar { border-style: none; border-image: none; background-color: transparent; } .button.flat { padding: 5px 8px 6px; background-color: transparent; background-size: (128px / 0.8) (128px / 0.8), auto; color: $fg_color; font: initial; } .linked > .button { border-radius: 2px; @extend %simple_flat_button; &:checked { background-color: $primary_color; color: $inverse_fg_color; } &.image-button { padding: 8px; background-size: ($medium_size * 2 / 0.8) ($medium_size * 2 / 0.8), auto; } } &.osd { @extend %osd; } } /***************** * Notebooks and * * Tabs * *****************/ .notebook { // Through me you go to the grief wracked city; // Through me you go to everlasting pain; // Through me you go a pass among lost souls. // ... // Abandon all hope — Ye Who Enter Here padding: 0; background-color: $base_color; -GtkNotebook-initial-gap: 8; -GtkNotebook-arrow-spacing: 5; -GtkNotebook-tab-curvature: 0; -GtkNotebook-tab-overlap: 1; -GtkNotebook-has-tab-gap: false; -GtkWidget-focus-padding: 0; -GtkWidget-focus-line-width: 0; &.frame { border: 1px solid $border_color; // FIXME doesn't work &.top { border-top-width: 0; } &.bottom { border-bottom-width: 0; } &.right { border-right-width: 0; } &.left { border-left-width: 0; } } &.header { // FIXME: double borders in some case, can't fix it w/o a class tho // FIXME: doesn't work on dark var background-color: $bg_color; // this is the shading of the header behind the tabs &.frame { border: 1px solid $border_color; &.top { border-bottom-width: 0; } &.bottom { border-top-width: 0; } &.right { border-left-width: 0; } &.left { border-right-width: 0; } } &.top { box-shadow: inset 0 -1px $border_color; // border } &.bottom { box-shadow: inset 0 1px $border_color; } &.right { box-shadow: inset 1px 0 $border_color; } &.left { box-shadow: inset -1px 0 $border_color; } } tab { border-width: 0; border-style: solid; border-color: transparent; background-color: transparent; outline-offset: 0; $tab_indicator_size: 2px; // vertical tab sizing $vt_vpadding: 8px; $vt_hpadding: 12px; // horizontal tab sizing $ht_vpadding: 8px; $ht_hpadding: 12px; //FIXME: we get double border in some cases, not considering the broken //notebook content frame... &.top, &.bottom { padding: $vt_vpadding $vt_hpadding; } &.left, &.right { padding: $ht_vpadding $ht_hpadding; } /* works for testnotebookdnd, but there's a superfluous border in gedit or web, commented out for now, needs gtk fixes &.reorderable-page { &.top { padding-top: ($vt_vpadding - 1px); border-top-width: 1px; border-left-width: 1px; border-right-width: 1px; } &.bottom { padding-bottom: ($vt_vpadding - 1px); border-bottom-width: 1px; border-left-width: 1px; border-right-width: 1px; } &.left { padding-left: ($ht_hpadding - 1px); border-left-width: 1px; border-top-width: 1px; border-bottom-width: 1px; } &.right { padding-right: ($ht_hpadding - 1px); border-right-width: 1px; border-top-width: 1px; border-bottom-width: 1px; } } */ &.reorderable-page { -GtkNotebook-tab-overlap: 1; &.top, &.bottom { padding-left: 12px; // for a nicer close button padding-right: 12px; // placement border-left-width: 1px; border-right-width: 1px; } &.left, &.right { border-bottom-width: 1px; border-top-width: 1px; } } &.top { &:hover, &.prelight-page { box-shadow: inset 0 -2px $fill_color; } &:active, &.active-page { box-shadow: inset 0 -2px $primary_color; } } &.bottom { &:hover, &.prelight-page { box-shadow: inset 0 2px $fill_color; } &:active, &.active-page { box-shadow: inset 0 2px $primary_color; } } &.left { &:hover, &.prelight-page { box-shadow: inset -2px 0 $fill_color; } &:active, &.active-page { box-shadow: inset -2px 0 $primary_color; } } &.right { &:hover, &.prelight-page { box-shadow: inset 2px 0 $fill_color; } &:active, &.active-page { box-shadow: inset 2px 0 $primary_color; } } @each $_tab, $_border in (top, bottom), (bottom, top), (left, right), (right, left) { &.reorderable-page.#{$_tab} { border-color: transparent; &:hover, &.prelight-page { border-color: $border_color; border-#{$_border}-width: 0; border-#{$_border}-color: transparent; background-color: $alt_base_color; } &:active, &.active-page { border-color: $border_color; border-#{$_border}-width: 0; border-#{$_border}-color: transparent; background-color: $base_color; } } } .label { //tab text padding: 0 2px; // needed for a nicer focus ring font-weight: 500; color: $secondary_fg_color; } .prelight-page .label, .label.prelight-page { // prelight tab text color: $fg_color; } .active-page .label, .label.active-page { // active tab text color: $fg_color; } .button { //tab close button padding: 0; @extend %image_button; background-size: ($small_size / 0.8) ($small_size / 0.8), auto; @extend %simple_flat_button; & > GtkImage { // this is a hack which makes tabs grow padding: 4px; } } } &.arrow { &:not(:hover):not(:active) { color: gtkalpha(currentColor, $secondary_opacity); } &:insensitive { color: $disabled_fg_color; } } GtkGrid > .entry { @extend .entry.flat; } } /************** * Scrollbars * **************/ $_slider_margin: 4px; $_slider_fine_tune_margin: 6px; .scrollbar { -GtkRange-slider-width: 8 + $_slider_margin * 2 + 1; -GtkRange-trough-border: 0; -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; -GtkScrollbar-min-slider-length: 24 + $_slider_margin * 2; // minimum size for the slider. // sadly can't be in '.slider' // where it belongs -GtkRange-stepper-spacing: 0; -GtkRange-trough-under-steppers: 1; .button { border: none; } &.overlay-indicator { &:not(.dragging):not(.hovering) { // Overlay scrolling indicator -GtkRange-slider-width: 4 + $_slider_margin * 2; .slider { margin: $_slider_margin - 1px; border: 1px solid rgba($base_color, $lower_opacity); // background-clip: padding-box; } .trough { border-style: none; background-color: transparent; } } &.dragging, &.hovering { .trough { background-color: rgba($base_color, $higher_opacity); } } } // trough coloring .trough { border: 1px none $border_color; background-color: $base_color; background-clip: $extra_background_clip; } // slider coloring .slider { background-color: $hint_fg_color; &:hover { background-color: $secondary_fg_color; } &:active { background-color: $fg_color; } &:insensitive { opacity: $disabled_opacity; } } // sizing .slider { border-radius: 100px; margin: $_slider_margin; } &.fine-tune .slider { margin: $_slider_fine_tune_margin; } &.vertical { .slider { margin-left: 1px + $_slider_margin; &:dir(rtl) { margin-left: $_slider_margin; margin-right: 1px + $_slider_margin; } } &.fine-tune .slider { margin-left: 1px + $_slider_fine_tune_margin; &:dir(rtl) { margin-left: $_slider_fine_tune_margin; margin-right: 1px + $_slider_fine_tune_margin; } } .trough { border-left-style: solid; &:dir(rtl) { border-left-style: none; border-right-style: solid; } } } &.horizontal { .slider { margin-top: 1px + $_slider_margin; } &.fine-tune .slider { margin-top: 1px + $_slider_fine_tune_margin; } .trough { border-top-style: solid; } } } .scrollbars-junction, .scrollbars-junction.frame { // the small square between two scrollbars border-style: solid none none solid; background-color: $base_color; &:dir(rtl) { border-style: solid solid none none; } } /********** * Switch * **********/ GtkSwitch { -GtkSwitch-slider-width: 20px; -GtkSwitch-slider-height: 20px; outline-offset: -4px; outline-radius: 100px; font-size: 0; &.trough { // similar to the .scale border: 8px solid transparent; border-radius: 100px; background-color: $fill_color; // background-clip: padding-box; &:insensitive { color: gtkalpha(currentColor, $disabled_opacity); } &:active { background-color: rgba($accent_color, 0.5); &:insensitive { background-color: rgba($accent_color, 0.3); } } } &.slider { padding: 5px 4px; border-radius: 100px; @include entry(normal); &:hover { @include entry(focus); } &:active { background-color: $accent_color; } &:insensitive { @include entry(insensitive); } } .list-row:selected & { } } /************************* * Check and Radio items * *************************/ // draw regular check and radio items using our PNG assets // all assets are rendered from assets.svg. never add pngs directly @each $w,$a in ('check', 'checkbox'), ('radio', 'radio') { //standard checks and radios @each $s,$as in ('', '-unchecked'), (':hover', '-unchecked-hover'), (':active', '-unchecked-active'), (':insensitive', '-unchecked-disabled'), (':inconsistent', '-mixed'), (':inconsistent:hover', '-mixed-hover'), (':inconsistent:active', '-mixed-active'), (':inconsistent:insensitive', '-mixed-disabled'), (':checked', '-checked'), (':checked:hover', '-checked-hover'), (':checked:active', '-checked-active'), (':checked:insensitive', '-checked-disabled') { .#{$w}#{$s} { -gtk-icon-source: -gtk-scaled(url("assets/#{$a}#{$as}#{$asset_suffix}.png"), url("assets/#{$a}#{$as}#{$asset_suffix}@2.png")); &.button.flat {} } } //menu @each $s,$as in ('', '-unchecked'), (':insensitive', '-unchecked-disabled'), (':inconsistent', '-mixed'), (':inconsistent:insensitive', '-mixed-disabled'), (':checked', '-checked'), (':checked:insensitive', '-checked-disabled') { .menu .menuitem.#{$w}#{$s} { // color: gtkalpha(currentColor, $hint_opacity); // -gtk-icon-source: -gtk-icontheme('#{$a}-symbolic'); // &:active, &:checked { -gtk-icon-source: -gtk-icontheme('#{$a}-checked-symbolic'); } // &:inconsistent { -gtk-icon-source: -gtk-icontheme('#{$a}-mixed-symbolic'); } -gtk-icon-source: -gtk-scaled(url("assets/menu-#{$a}#{$as}#{$asset_suffix}.png"), url("assets/menu-#{$a}#{$as}#{$asset_suffix}@2.png")); } } } //treeview and list-rows .view.check, .view.radio, .list-row .check, list-row .radio { } //selection-mode @each $s,$as in ('', '-unchecked'), (':checked', '-checked') { .view.content-view.check#{$s}:not(.list) { -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox#{$as}#{$asset_suffix}.png"), url("assets/selectionmode-checkbox#{$as}#{$asset_suffix}@2.png")); background-color: transparent; icon-shadow: $shadow_1; &:hover, &:active { icon-shadow: $shadow_2; } // &:insensitive { icon-shadow: none; } } } GtkCheckButton.text-button, GtkRadioButton.text-button { // this is for a nice focus on check and radios text padding: 2px 4px; outline-offset: 0; &:insensitive, &:insensitive:active, &:insensitive:inconsistent { // set insensitive color, which is overriden otherwise // color: $disabled_fg_color; } } /************ * GtkScale * ************/ .scale, .scale.scale-has-marks-above.scale-has-marks-below, .scale.vertical.scale-has-marks-above.scale-has-marks-below { // FIXME: rationalize -GtkScale-slider-length: 20; -GtkRange-slider-width: 20; -GtkRange-trough-border: 2; outline-offset: -8px; outline-radius: 100px; &.fine-tune { &.slider { background-size: 60%; } } &.slider { // @include entry(normal); // border-radius: 50%; // background-color: $accent_color; @each $s,$as in ('', ''), (':insensitive', '-disabled') { &.slider#{$s} { $_url: 'assets/scale-slider#{$as}#{$asset_suffix}'; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url('#{$_url}.png'), url('#{$_url}@2.png')); background-repeat: no-repeat; background-position: center; background-size: 70%; box-shadow: none; } } &:hover { background-size: 80%; } &:active { background-size: 90%; } &:hover { // @include entry(focus); // border-radius: 50%; // needed for double marks scales } &:insensitive { // @include entry(insensitive); // border-radius: 50%; // overridden } //OSD sliders .osd & { } } &.trough { margin: 11px 12px; background-color: $fill_color; &.highlight { background-color: $accent_color; &:insensitive { background-color: $fill_color; } } &:insensitive { color: $disabled_fg_color; } &.vertical { margin: 12px 11px; } //OSD troughs .osd & { } } // marks color &.separator { color: $fill_color; } // scales on selected list rows .list-row:selected & { } } @each $d,$dn in ('', 'horz'), ('.vertical', 'vert') { @each $w,$we in ('scale-has-marks-below', 'marks-after'), ('scale-has-marks-above', 'marks-before') { .scale#{$d}.#{$w} { -GtkScale-slider-length: 20; -GtkRange-slider-width: 25; -GtkRange-trough-border: 2; @extend %#{$we}-#{$dn}; @each $s,$as in ('', ''), (':insensitive', '-disabled') { &.slider#{$s} { $_url: 'assets/scale-#{$dn}-#{$we}-slider#{$as}#{$asset_suffix}'; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url('#{$_url}.png'), url('#{$_url}@2.png')); background-repeat: no-repeat; background-position: center; box-shadow: none; } } } } } %marks-before-horz { .trough { margin: 16px 12px 11px; } } %marks-after-horz { .trough { margin: 11px 12px 16px; } } %marks-before-vert { .trough { margin: 12px 11px 12px 16px; } } %marks-after-vert { .trough { margin: 12px 16px 12px 11px; } } /***************** * Progress bars * *****************/ GtkProgressBar { -GtkProgressBar-min-horizontal-bar-height: 4; -GtkProgressBar-min-vertical-bar-width: 4; padding: 0; font-size: smaller; color: $hint_fg_color; &.osd { -GtkProgressBar-xspacing: 0; -GtkProgressBar-yspacing: 0; -GtkProgressBar-min-horizontal-bar-height: 4; } &.trough { // background border-radius: 0; background-color: rgba($primary_color, $lower_opacity); &.osd { border-style: none; box-shadow: none; // background-color: transparent; } } } // moving bit .progressbar { border-radius: 0; background-color: $primary_color; &.left { border-top-left-radius: 0; border-bottom-left-radius: 0; } &.right { border-top-right-radius: 0; border-bottom-right-radius: 0; } &.left.right { box-shadow: none; } &.vertical { &.bottom { border-bottom-left-radius: 0; border-bottom-right-radius: 0; box-shadow: none; } &.top { border-top-left-radius: 0; border-top-right-radius: 0; } } &.osd { background-image: none; background-color: $primary_color; border-style: none; border-radius: 0; } } /************* * Level Bar * *************/ .level-bar { box-shadow: $shadow_1; // needs to be set here to avoid clipping color: $disabled_fg_color; -GtkLevelBar-min-block-width: 36; -GtkLevelBar-min-block-height: 4; &.vertical { -GtkLevelBar-min-block-width: 4; -GtkLevelBar-min-block-height: 36; } &.trough { padding: 2px; border-radius: 2px; @include entry(normal); &:insensitive { @include entry(insensitive); } &.indicator-discrete { &.horizontal { padding: 2px 1px; } &.vertical { padding: 1px 2px; } } } &.fill-block { // FIXME: it would be nice to set make fill blocks bigger, but we'd need // :nth-child working on discrete indicators background-color: $primary_color; border-radius: 0; box-shadow: none; &.indicator-discrete { &.horizontal { margin: 0 1px; } &.vertical { margin: 1px 0; } } &.level-high { background-color: $success_color; } &.level-low { background-color: $warning_color; } &.empty-fill-block { background-color: $fill_color; } } } /********** * Frames * **********/ .frame { border: 1px solid $border_color; &.flat { border-style: none; } padding: 0; &.action-bar { padding: $container_padding; border-width: 1px 0 0; .button:not(.suggested-action):not(.destructive-action) { @extend %button.flat; } } } GtkScrolledWindow { GtkViewport.frame { // avoid double borders when viewport inside // scrolled window border-style: none; } } //vbox and hbox separators .separator { // always disable separators // -GtkWidget-wide-separators: true; color: $border_color; // Font and File button separators GtkFileChooserButton &.vertical, GtkFontButton &.vertical { // always disable separators -GtkWidget-wide-separators: true; } } /********* * Lists * *********/ .list { border-color: $border_color; background-color: $base_color; } .list-row, .grid-child { padding: 2px; } // FIXME $row_transition: $longer_transition, background-color 0, color 0; .list-row.activatable { transition: $row_transition; box-shadow: inset 0 0 0 10000px gtkalpha(currentColor, 0); background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(gtkalpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, gtkalpha(currentColor, 0)); background-repeat: no-repeat; background-position: center, center; background-size: (192px / 0.8) (192px / 0.8), auto; &:hover { transition: $row_transition, box-shadow 0; box-shadow: inset 0 0 0 10000px gtkalpha(currentColor, 0.05); } &:active { transition: $row_transition, background-image 0; animation: list_ripple_effect $longer_duration $deceleration_curve forwards; box-shadow: inset 0 0 0 10000px gtkalpha(currentColor, $lower_opacity / 2); } } .list-row:selected { @extend %selected_items; .button { &:insensitive { color: $inverse_disabled_secondary_fg_color; } &.flat { color: $inverse_secondary_fg_color; &:hover, &:active { color: $inverse_fg_color; } &:insensitive { color: $inverse_disabled_secondary_fg_color; } } } } // transition .list-row { // &:hover { transition-duration: 0; } } /********************* * App Notifications * *********************/ .app-notification, .app-notification.frame { @extend %osd; @extend .toolbar.osd; .button { @extend %button.flat; } } /************* * Expanders * *************/ .expander { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); } &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } &:not(:hover):not(:active) { color: gtkalpha(currentColor, $secondary_opacity); } &:selected { color: $inverse_fg_color; } } /************ * Calendar * ***********/ GtkCalendar { padding: 1px; border: 1px solid $border_color; color: $fg_color; &:insensitive { color: $disabled_fg_color; } &:selected { @extend .view:selected; border-radius: 2px + 1px; } &.header { border-style: none none solid; border-radius: 0; } &.button { @extend %simple_flat_button; } &:inconsistent { color: gtkalpha(currentColor, $disabled_opacity); } &.highlight { font-size: smaller; color: gtkalpha(currentColor, $hint_opacity); } } /*********** * Dialogs * ***********/ .message-dialog .dialog-action-area .button { padding: 8px; } .message-dialog { // Message Dialog styling &.background { background-color: $lighter_bg_color; } .titlebar { border-style: none; box-shadow: inset 0 1px $highlight_color; background-color: $lighter_bg_color; } &.csd { // rounded bottom border styling for csd version &.background { // bigger radius for better antialiasing border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .dialog-action-area .button { @extend %simple_flat_button; padding: 9px 16px 10px; border-top: 1px solid $border_color; border-radius: 0; background-size: (192px / 0.8) (192px / 0.8), auto; // &:first-child{ border-bottom-left-radius: 2px; } // &:last-child { border-bottom-right-radius: 2px; } &:first-child{ border-radius: 0 0 0 2px; } &:last-child { border-radius: 0 0 2px 0; } } } } GtkFileChooserDialog { .search-bar { // background-color: $base_color; // border-color: $bg_color; } .dialog-action-box { border-top: 1px solid $border_color; } } /*********** * Sidebar * ***********/ .sidebar { border: none; background-color: $lighter_bg_color; &:selected { @extend %selected_items; } } GtkSidebarRow { // Needs overriding of the GtkListBoxRow padding &.list-row { padding: 0px; } // Using margins/padding directly in the SidebarRow // will make the animation of the new bookmark row jump .sidebar-revealer { padding: 4px 14px 4px 12px; } .sidebar-icon { opacity: $hint_opacity; // dim the device icons &:dir(ltr) { padding-right: 8px; } &:dir(rtl) { padding-left: 8px; } } .sidebar-label { &:dir(ltr) { padding-right: 2px; } &:dir(rtl) { padding-left: 2px; } } } GtkPlacesSidebar.sidebar { // looks like the label doesn't get all the states so work around .list-row:selected:insensitive .label { @extend %selected_items:insensitive; } .sidebar-placeholder-row { border: solid 1px $primary_color; } .sidebar-new-bookmark-row { color: $accent_color; } @at-root .sidebar-button.button { // @at-root needded to not change the specificity making button styling inheritance broken // so istead of "GtkPlacesSidebar.sidebar .sidebar-button.button" [specificity 0,0,3,1] // the extended selector ".sidebar-button.button" [specificity 0,0,2,0] &.image-button { padding: 4px; } @extend %simple_flat_button; } // this is for indicating which sidebar row generated a popover // see https://bugzilla.gnome.org/show_bug.cgi?id=754411 .has-open-popup { @extend .list-row.activatable:active; } } .sidebar-item { padding: 10px 4px; > .label { padding-left: 6px; padding-right: 6px; } &.needs-attention > .label { @extend %needs_attention; } } /**************** * File chooser * ****************/ GtkPlacesView { .server-list-button > GtkImage { -gtk-icon-transform: rotate(0turn); } .server-list-button:checked > GtkImage { -gtk-icon-transform: rotate(-0.5turn); } } /********* * Paned * *********/ GtkPaned { // this is for the standard paned separator -GtkPaned-handle-size: 1; // sets separator width -gtk-icon-source: none; // removes handle decoration margin: 0 8px 8px 0; // drag area of the separator, not a real margin &:dir(rtl) { margin-right: 0; margin-left: 8px; } .pane-separator { background-color: $border_color; } } GtkPaned.wide { // this is for the paned with wide separator -GtkPaned-handle-size: 6; // wider separator here margin: 0; // no need of the invisible drag area so, reset margin .pane-separator { background-color: transparent; border-style: none solid; border-color: $border_color; border-width: 1px; } &.vertical .pane-separator { border-style: solid none;} } /************** * GtkInfoBar * **************/ GtkInfoBar { border-style: none; } .info { background-color: $info_bg_color; } .question { background-color: $question_bg_color; } .warning { background-color: $warning_bg_color; } .error { background-color: $error_bg_color; } .info, .question, .warning, .error { color: $inverse_fg_color; .button { // @extend .list-row:selected.button; &:insensitive { color: $inverse_disabled_secondary_fg_color; } } .label:selected { } } /************ * Tooltips * ************/ .tooltip { &.background { // background-color needs to be set this way otherwise it gets drawn twice // see https://bugzilla.gnome.org/show_bug.cgi?id=736155 for details. // box-shadow: inset 0 1px $highlight_color; background-color: rgba($tooltip_bg_color, $higher_opacity); } // @extend %osd; color: $tooltip_fg_color; padding: 4px; /* not working */ border-radius: 2px; box-shadow: none; // otherwise it gets inherited by windowframe.csd // FIXME: we need a border or tooltips vanish on black background. &.window-frame.csd { background-color: transparent; } } .tooltip * { //Yeah this is ugly padding: 4px; background-color: transparent; color: inherit; // just to be sure } /***************** * Color Chooser * *****************/ GtkColorSwatch { // This widget is made of two boxes one on top of the other, the lower box is GtkColorSwatch {} the other one // is GtkColorSwatch > .overlay {}, GtkColorSwatch has the programmatically set background, so most of the style // is applied to the overlay box. transition: $shadow_transition; box-shadow: $shadow_1; // we need to re-set the shadow here since it get axed by the previous bit &:selected { } &:insensitive { opacity: $disabled_opacity; box-shadow: none; } // base color corners rounding // to avoid the artifacts caused by rounded corner anti-aliasing the base color // sports a bigger radius. // nth-child is needed by the custom color strip. // The :not() madness is needed since actually the overlay is selectable by GtkColorSwatch > .overlay // and GtkColorSwatch.overlay, I know it's weird, but this is gtk+, not a browser. &.top { border-top-left-radius: 2px; border-top-right-radius: 2px; } &.bottom { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } &.left, &:first-child:not(.overlay):not(.top) { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } &.right, &:last-child:not(.overlay):not(.bottom) { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } &:only-child:not(.overlay) { border-radius: 2px; } // overlay corner rounding &.top > .overlay { border-top-left-radius: 2px; border-top-right-radius: 2px; } &.bottom > .overlay { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } &:first-child:not(.top) > .overlay { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } &:last-child:not(.bottom) > .overlay { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } &:only-child > .overlay { border-radius: 2px; } // hover effect &:hover { box-shadow: $shadow_2; } // no hover effect for the colorswatch in the color editor GtkColorEditor & { border-radius: 2px; // same radius as the entry &:hover { box-shadow: $shadow_1; } } // indicator and keynav outline colors &.color-dark { color: $light_fg_color; } &.color-light { color: $dark_fg_color; } // border color &.overlay, &.overlay:selected { } // make the add color button looks like, well, a button &#add-color-button { background-image: linear-gradient(to right, $error_bg_color 25%, $warning_bg_color 25%, $warning_bg_color 50%, $info_bg_color 50%, $info_bg_color 75%, $question_bg_color 75%); color: $light_fg_color; } } /******** * Misc * ********/ //content view (grid/list) .content-view { background-color: $bg_color; // &:hover { -gtk-image-effect: highlight; } &.rubberband { @extend .rubberband; } } .scale-popup { .osd & { @extend %osd; } .osd & .button.flat { //FIXME: quick hack, redo properly } .button { // +/- buttons on GtkVolumeButton popup padding: 10px; } } GtkScaleButton.button, GtkVolumeButton.button { // I assume both are image-button *by default* // with the image-button/text-button classes automagically applied depending on the button child these selectors can be deleted. @extend %image_button; &.text-button { @extend .text-button } } /********************** * Window Decorations * *********************/ .window-frame { transition: $shadow_transition; border-radius: 2px 2px 0 0; box-shadow: $shadow_4; // FIXME rationalize window-frame shadows /* this is used for the resize cursor area */ margin: 8px; &:backdrop { box-shadow: $shadow_2; } &.tiled { border-radius: 0; } &.popup { box-shadow: none; } // server-side decorations as used by mutter &.ssd { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16); //just doing borders, wm draws actual shadows } &.csd { &.popup { border-radius: 2px; box-shadow: $shadow_2; } &.tooltip { border-radius: 2px; box-shadow: none; } &.message-dialog { border-radius: 2px; box-shadow: $shadow_4; &:backdrop { box-shadow: $shadow_2; } } } &.solid-csd { border-radius: 0; margin: 0; background-color: $titlebar_bg_color; box-shadow: none; } } // Window Close button .header-bar .button.titlebutton, .titlebar .button.titlebutton { // @extend %simple_flat_button; @extend %image_button; &:active { // add fallback background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(gtkalpha(currentColor, $lower_opacity / 2)), to(transparent)), linear-gradient(to bottom, gtkalpha(currentColor, $lower_opacity / 2)); } } // catch all extend :) %selected_items { background-color: $primary_color; color: $inverse_fg_color; &:insensitive { color: $inverse_disabled_fg_color; } } .monospace { font: Monospace; } /********************** * Touch Copy & Paste * *********************/ //touch selection handlebars for the Popover.osd above .entry.cursor-handle, .cursor-handle { background-color: $accent_color; background-image: none; box-shadow: none; border-style: none; @each $s,$as in ('', ''), (':hover', '-hover'), (':active', '-active') { //no need for insensitive and backdrop &.top#{$s}:dir(ltr), &.bottom#{$s}:dir(rtl) { $_url: 'assets/text-select-start#{$as}#{$asset_suffix}'; -gtk-icon-source: -gtk-scaled(url('#{$_url}.png'), url('#{$_url}@2.png')); padding-left: 10px; } &.bottom#{$s}:dir(ltr), &.top#{$s}:dir(rtl) { $_url: 'assets/text-select-end#{$as}#{$asset_suffix}'; -gtk-icon-source: -gtk-scaled(url('#{$_url}.png'), url('#{$_url}@2.png')); padding-right: 10px; } &.insertion-cursor#{$s}:dir(ltr), &.insertion-cursor#{$s}:dir(rtl) { $_url: 'assets/scale-horz-marks-before-slider#{$as}#{$asset_suffix}'; -gtk-icon-source: -gtk-scaled(url('#{$_url}.png'), url('#{$_url}@2.png')); } } } /* Decouple the font of context menus from their entry/textview */ .context-menu { font: initial; } .touch-selection { font: initial; color: $fg_color; background-color: $base_color; box-shadow: $shadow_2; &:backdrop { box-shadow: $shadow_1; } .button { } } // This is used by GtkScrolledWindow, when content is touch-dragged past boundaries. // This draws a box on top of the content, the size changes programmatically. .overshoot { &.top { @include overshoot(top); } &.bottom { @include overshoot(bottom); } &.left { @include overshoot(left); } &.right { @include overshoot(right); } } // Overflow indication, works similarly to the overshoot, the size if fixed tho. .undershoot { &.top { @include undershoot(top); } &.bottom { @include undershoot(bottom); } &.left { @include undershoot(left); } &.right { @include undershoot(right); } } materia-theme-20180321/src/_sass/gtk/_common-3.20.scss000066400000000000000000002421411325420104000220610ustar00rootroot00000000000000* { // padding: 0; background-clip: padding-box; -GtkToolButton-icon-spacing: 0; -GtkTextView-error-underline-color: $error_color; // The size for scrollbars. The slider is 2px smaller, but we keep it // up so that the whole area is sensitive to button presses for the // slider. The stepper button is larger in both directions, the slider // only in the width -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 24; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; // We use the outline properties to signal the focus properties // to the adwaita engine: using real CSS properties is faster, // and we don't use any outlines for now. outline-style: solid; outline-width: 2px; outline-color: transparent; outline-offset: -4px; -gtk-outline-radius: 2px; -gtk-secondary-caret-color: $primary_color; } notebook:focus tab, *:focus { outline-color: $fill_color; } /*************** * Base States * ***************/ .background { background-color: $bg_color; color: $fg_color; } /* 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: $bg_color; color: $fg_color; &:hover { background-color: darken($bg_color, 5%); color: $fg_color; } &:active { background-color: darken($bg_color, 10%); color: $fg_color; } &:disabled { background-color: $bg_color; color: $disabled_fg_color; } &:selected { background-color: $primary_color; color: $inverse_fg_color; } } .view { @extend row.activatable; background-color: $base_color; color: $fg_color; &:disabled { color: $disabled_fg_color; } &:hover, &:active, &:selected { border-radius: 2px; } selection, &:selected { @extend %selected_items; } } textview { // FIXME: we need to override background-color to ensure text rendering text { background-color: $base_color; } border { background-color: $alt_base_color; color: $hint_fg_color; // FIXME: not working } } // iconview { @extend .view; } .rubberband, rubberband { border: 1px solid $alt_primary_color; background-color: rgba($alt_primary_color, $lower_opacity); } flowbox { rubberband { @extend rubberband; } flowboxchild { padding: 4px; border-radius: 2px; &:selected { @extend %selected_items; } } } .content-view .tile { // margin: 2px; // padding: 0; // border-radius: 0; // background-color: $black; &:selected { background-color: transparent; color: inherit; } } label { caret-color: currentColor; // this shouldn't be needed. &.separator { @extend .dim-label; color: $fg_color; } row:selected &, &:selected { @extend %nobg_selected_items; } selection { background-color: $primary_color; color: $inverse_fg_color; } &:disabled { color: $disabled_fg_color; selection { @extend %selected_items:disabled; } tab &, button & { color: inherit; } } } .dim-label { opacity: $hint_opacity; } assistant { .sidebar { padding: 4px 0; // background-color: $base_color; // border-top: 1px solid $border_color; } // &.csd .sidebar { border-top-style: none; } .sidebar label { min-height: $medium_size; padding: 0 12px; color: $hint_fg_color; font-weight: 500; &.highlight { color: $fg_color; } } } %osd, .osd { opacity: $higher_opacity; } /********************* * Spinner Animation * *********************/ @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } spinner { background: none; opacity: 0; // non spinning spinner makes no sense -gtk-icon-source: -gtk-icontheme('process-working-symbolic'); &:checked { opacity: 1; animation: spin 1s linear infinite; &:disabled { opacity: $disabled_opacity; } } } /**************** * Text Entries * ****************/ %entry, entry { %entry_basic, & { min-height: $medium_size; padding: 0 8px; border-radius: 2px; @include entry(normal); &:focus { @include entry(focus); } &:disabled { @include entry(disabled); } &.flat { border-radius: 0; @include entry(flat-normal); &:focus { @include entry(flat-focus); } &:disabled { @include entry(flat-disabled); } } image { // icons inside the entry // @extend %simple_flat_button; // min-height: $small_size; // min-width: $small_size; // border-radius: $circular_radius; // -gtk-outline-radius: $circular_radius; color: $secondary_fg_color; &:hover, &:active { color: $fg_color; } &:disabled { color: $hint_fg_color; } &.left { margin-left: ($medium_size - 16px) / 2 - 8px; margin-right: 6px; } &.right { margin-left: 6px; margin-right: ($medium_size - 16px) / 2 - 8px; } } undershoot { &.left { @include undershoot(left); } &.right { @include undershoot(right); } } selection { @extend %selected_items; } // entry error and warning style @each $e_type, $e_color in (error, $error_color), (warning, $warning_color) { &.#{$e_type} { @include entry(normal, $e_color); &:focus { @include entry(focus, $e_color); } &:disabled { @include entry(disabled, $e_color); } &.flat { @include entry(flat-normal, $e_color); &:focus { @include entry(flat-focus, $e_color); } &:disabled { @include entry(flat-disabled, $e_color); } } image { color: $inverse_secondary_fg_color; &:hover, &:active { color: $inverse_fg_color; } &:disabled { color: $inverse_hint_fg_color; } } } } &:drop(active) { // box-shadow: inset 0 0 0 2px $accent_color; } .osd & { } } progress { margin: 2px (2px - 8px); border-bottom: 2px solid $primary_color; background-color: transparent; } // linked entries .linked:not(.vertical) > & { @extend %linked; } // Vertically linked entries .linked.vertical > & { @extend %linked_vertical; } .linked:not(.vertical) > &.flat, .linked.vertical > &.flat { border-radius: 0; } } treeview entry { &.flat, & { min-height: 0; padding: 2px; border-radius: 0; background-color: $base_color; &, &:focus { border-image: none; box-shadow: none; } } } .entry-tag { $tag_height: 24px; $tag_margin: ($medium_size - $tag_height) / 2; margin: $tag_margin; // instead of min-height: $tag_height; border-radius: $circular_radius; box-shadow: none; background-color: $primary_color; color: $inverse_fg_color; &:hover { box-shadow: $shadow_1; } // side margins: compensate the entry padding with a negative margin // then the negative margin itself :dir(ltr) & { margin-left: 8px; margin-right: $tag_margin - 8px; padding-left: 8px; padding-right: ($tag_height - 16px) / 2; } :dir(rtl) & { margin-left: $tag_margin - 8px; margin-right: 8px; padding-left: ($tag_height - 16px) / 2; padding-right: 8px; } // seems any sizing doesn't work &.button { box-shadow: none; background-color: transparent; &:not(:hover):not(:active) { color: $inverse_secondary_fg_color; } } } /*********** * Buttons * ***********/ // stuff for .needs-attention @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to($accent_color), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to($accent_color), to(transparent)); } } %button, button { @at-root %button_basic, & { min-height: 24px; min-width: 16px; padding: ($medium_size - 24px) / 2 ($medium_size - 16px) / 2; border-radius: 2px; font-weight: 500; @include button(normal); &:hover { @include button(hover); } &:active { @include button(active); } &:disabled { @include button(disabled); } &:checked { @include button(checked); } &:checked:disabled { @include button(checked-disabled); } @at-root %flat_button, &.flat { @at-root %simple_flat_button, & { @include button(flat-normal); &:hover { @include button(flat-hover); } &:active { @include button(flat-active); } &:disabled { @include button(flat-disabled); } } &:checked { @include button(flat-checked); } &:checked:disabled { @include button(flat-checked-disabled); } } &.text-button { padding-left: 16px; padding-right: 16px; } &.image-button { min-width: 24px; padding: ($medium_size - 24px) / 2; @extend %circular_button; } &.text-button.image-button { border-radius: 2px; -gtk-outline-radius: 2px; label { &:first-child { margin-left: 16px - ($medium_size - 24px) / 2; } &:last-child { margin-right: 16px - ($medium_size - 24px) / 2; } } image:not(:only-child) { margin: 0 (24px - 16px) / 2; } } .linked > & { @extend %linked; } .linked.vertical > & { @extend %linked_vertical; } .linked > &.flat, .linked.vertical > &.flat { border-radius: 2px; &.image-button { @extend %circular_button; } &.text-button.image-button { border-radius: 2px; -gtk-outline-radius: 2px; } } &:drop(active) { // box-shadow: inset 0 0 0 2px $accent_color; } } @at-root %button_selected, row:selected & { &:disabled { background-color: $inverse_divider_color; color: $inverse_disabled_secondary_fg_color; } &.flat { color: $inverse_secondary_fg_color; &:hover, &:active { color: $inverse_fg_color; } &:disabled { color: $inverse_disabled_secondary_fg_color; } &:checked { background-color: $inverse_track_color; color: $inverse_fg_color; } &:checked:disabled { background-color: $inverse_divider_color; color: $inverse_disabled_fg_color; } } } // big standalone buttons like in Documents pager &.osd { padding: ($large_size - 24px) / 2 ($large_size - 16px) / 2; &.image-button { padding: ($large_size - 24px) / 2; } &:disabled { opacity: 0; } } // overlay / OSD style @at-root %osd_button, .osd & { } // Suggested and Destructive Action buttons @each $b_type, $b_color in (suggested-action, $suggested_color), (destructive-action, $destructive_color) { &.#{$b_type} { background-color: $b_color; color: $inverse_fg_color; &:disabled { @include button(disabled, $b_color); } &:checked { background-color: mix($inverse_fg_color, $b_color, percentage($lower_opacity)); } &.flat { background-color: transparent; color: $b_color; &:disabled { @include button(flat-disabled, $b_color); } &:checked { background-color: rgba($b_color, 0.3); } } .osd & { } } } .stack-switcher > & { // to position the needs attention dot, padding is added to the button // child, a label needs just lateral padding while an icon needs vertical // padding added too. outline-offset: -4px; // needs to be set or it gets overriden by GtkRadioButton outline-offset > label { padding-left: 6px; // label padding padding-right: 6px; // } > image { padding-left: 6px; // image padding padding-right: 6px; // padding-top: 3px; // padding-bottom: 3px; // } &.text-button { // compensate text-button paddings padding-left: 16px - 6px; padding-right: 16px - 6px; } &.image-button { // we want image buttons to have a 1:1 aspect ratio, so compensation // of the padding added to the GtkImage is needed padding-left: ($medium_size - 16px) / 2 - 6px; padding-right: ($medium_size - 16px) / 2 - 6px; } &.needs-attention { > label, > image { @extend %needs_attention; } &:checked { > label, > image { animation: none; background-image: none; } } } } // hide separators &.font, &.file { separator { @extend %hide_separators; }} // &.font { > box > box > label { font-weight: bold; }} // inline-toolbar buttons .inline-toolbar & { // @extend %button_basic.flat; &:not(.text-button) { @extend %circular_button; } } .primary-toolbar & { -gtk-icon-shadow: none; } // tango icons don't need shadows @at-root %circular_button, &.close, &.circular { // The Bloody Circul Button border-radius: $circular_radius; -gtk-outline-radius: $circular_radius; // label { padding: 0; } } @at-root %small_button { min-height: $small_size; min-width: $small_size; padding: 0; border-radius: $circular_radius; -gtk-outline-radius: $circular_radius; } } %needs_attention { animation: needs_attention $longer_duration $deceleration_curve forwards; background-repeat: no-repeat; background-position: right 3px; background-size: 6px 6px; &:dir(rtl) { background-position: left 3px; } } // all the following is for the +|- buttons on inline toolbars, that way // should really be deprecated... .inline-toolbar toolbutton > button { // redefining the button look is // needed since those are flat... } // More inline toolbar buttons toolbar.inline-toolbar toolbutton { // > button.flat { @extend %linked_middle; } // &:first-child > button.flat { @extend %linked:first-child; } // &:last-child > button.flat { @extend %linked:last-child; } // &:only-child > button.flat { @extend %linked:only-child; } } %linked_middle { border-radius: 0; -gtk-outline-radius: 2px; } %linked { @extend %linked_middle; &:first-child { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } &:last-child { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } &:only-child { border-radius: 2px; } } %linked_vertical_middle { border-radius: 0; -gtk-outline-radius: 2px; } %linked_vertical { @extend %linked_vertical_middle; &:first-child { border-top-left-radius: 2px; border-top-right-radius: 2px; } &:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } &:only-child { border-radius: 2px; } } /* menu buttons */ modelbutton.flat, .menuitem.button.flat { min-height: $menuitem_size; padding: 0 8px; border-radius: 2px; color: inherit; @extend %simple_flat_button; &:selected { @extend %selected_items; } } modelbutton.flat arrow { background: none; &:hover { background: none; } &.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } &.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } } button.color { min-height: $small_size; min-width: $small_size; padding: $container_padding; colorswatch:only-child { // &, overlay { border-radius: 0; } } } /********* * Links * *********/ *:link { &, &:hover, &:active { color: $link_color; } &:visited { &, &:hover, &:active { color: $visited_link_color; } } @at-root %link_selected, &:selected, *:selected & { color: $inverse_fg_color; } } button:link, button:visited { @extend *:link; > label { text-decoration-line: underline; } } /***************** * GtkSpinButton * *****************/ spinbutton { &:not(.vertical) { // in this horizontal configuration, the whole spinbutton // behaves as the entry, so we extend the entry styling // and nuke the style on the internal entry @extend %entry; padding: 0; %spinbutton_entry, entry { min-width: $large_size - 8px * 2; // reset all the other props since the spinbutton node is styled here margin: 0; border-image: none; border-radius: 0; box-shadow: none; background-color: transparent; // // This will help to simplify spinbutton's code, but unfortunatelly // doesn't work properly in :dir(rtl). It needs z-index property. // // min-width: $large_size - 8px; // // $spinbuttons_width: $small_size * 2 + $container_padding * 3; // // &:dir(ltr) { // margin-right: -$spinbuttons_width; // padding-right: $spinbuttons_width; // } // // &:dir(rtl) { // margin-left: -$spinbuttons_width; // padding-left: $spinbuttons_width; // } } button { // margin: $container_padding; border: solid $container_padding transparent; @extend %simple_flat_button; @extend %small_button; &.up:dir(ltr), &.down:dir(rtl) { margin-left: -$container_padding / 2; } &.up:dir(rtl), &.down:dir(ltr) { margin-right: -$container_padding / 2; } } } // OSD horizontal .osd &:not(.vertical) { button { } } // Vertical &.vertical { // in the vertical configuration, we treat the spinbutton // as a box, and tweak the style of the entry in the middle // so that it's linked // FIXME: this should not be set at all, but otherwise it gets the wrong // color &:disabled { color: $disabled_fg_color; } &:drop(active) { box-shadow: none; } entry { min-height: $medium_size; min-width: $large_size; padding: 0; } button { min-height: $medium_size; min-width: $large_size; padding: 0; @extend %simple_flat_button; &.up { border-radius: 2px 2px 0 0; } &.down { border-radius: 0 0 2px 2px; } } } // OSD vertical .osd &.vertical button:first-child { } // Misc treeview &:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; entry { min-height: 0; padding: 1px 2px; } } } /************** * ComboBoxes * **************/ combobox { arrow { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); min-height: 16px; min-width: 16px; } decoration, button.combo:checked { transition: none; } // workaround for menuitem selection button.combo cellview { &:dir(ltr) { margin-left: 8px - ($medium_size - 16px) / 2; } &:dir(rtl) { margin-right: 8px - ($medium_size - 16px) / 2; } } #gtk-combobox-popup-menu { padding: 2px 0; menuitem { min-height: $medium_size - 2px * 2; padding: 0 8px; } // overflow arrows > arrow { &.top { margin-top: -2px; } &.bottom { margin-bottom: -2px * 3; } } } &.linked { button:nth-child(2) { &:dir(ltr) { @extend %linked:last-child; } &:dir(rtl) { @extend %linked:first-child; } } } &:drop(active) { // FIXME: untested box-shadow: none; // button.combo { @extend %button_basic:drop(active); } } } // the combo is a composite widget so the way we do button linking doesn't // work, special case needed. See // https://bugzilla.gnome.org/show_bug.cgi?id=733979 .linked:not(.vertical) > combobox { > box > button.combo { @extend %linked_middle; } &:first-child > box > button.combo { @extend %linked:first-child; } &:last-child > box > button.combo { @extend %linked:last-child; } &:only-child > box > button.combo { @extend %linked:only-child; } } .linked.vertical > combobox { > box > button.combo { @extend %linked_vertical_middle; } &:first-child > box > button.combo { @extend %linked_vertical:first-child; } &:last-child > box > button.combo { @extend %linked_vertical:last-child; } &:only-child > box > button.combo { @extend %linked_vertical:only-child; } } %combo_flat { border-radius: 0; background-image: none; font-weight: inherit; @include entry(flat-normal); &:hover { box-shadow: inset 0 -2px $hint_fg_color; } &:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), $primary_color 100%, transparent 0%) 0 0 2 / 0 0 2px; } &:disabled { box-shadow: inset 0 -1px $divider_color; color: $disabled_fg_color; } } /************ * Toolbars * ************/ toolbar { -GtkWidget-window-dragging: true; padding: 2px; background-color: $bg_color; button { @extend %button_basic.flat; } // on OSD .osd & { background-color: transparent; } // stand-alone OSD toolbars &.osd { transition: $shadow_transition; padding: $container_padding; border-radius: 2px; box-shadow: $shadow_2, inset 0 1px $highlight_color; background-color: $base_color; &:backdrop { box-shadow: $shadow_1, inset 0 1px $highlight_color; } &.left, &.right, &.top, &.bottom { border-radius: 0; } // positional classes for `attached` osd toolbars } // toolbar separators &.horizontal > separator { margin: 2px; } &.vertical > separator { margin: 2px; } &:not(.inline-toolbar):not(.osd) { scale, entry, spinbutton, button { margin: 2px; } .linked entry, .linked spinbutton, .linked button { &:not(:first-child) { margin-left: 0; } &:not(:last-child) { margin-right: 0; } } spinbutton { entry, button { margin: 0; } } switch { margin: 2px + $container_padding 2px; } } } // searchbar, location-bar & inline-toolbar .inline-toolbar { padding: $container_padding; border-style: solid; border-width: 0 1px 1px; border-color: $border_color; background-color: $alt_base_color; } searchbar > revealer > box, .location-bar { padding: $container_padding; border-style: solid; border-width: 0 0 1px; border-color: $border_color; background-color: $bg_color; background-clip: border-box; } searchbar > revealer > box { // workaround: undo the GtkContainer:border-width and use CSS padding instead margin: -$container_padding; padding: $container_padding; } /*************** * Header bars * ***************/ %titlebar, headerbar { transition: background-color $shorter_duration $deceleration_curve, color $longer_duration $deceleration_curve; min-height: $large_size; padding: 0 $container_padding; box-shadow: $shadow_1, inset 0 1px $titlebar_highlight_color; background-color: $titlebar_bg_color; color: $titlebar_fg_color; &:disabled :not(button) > label { color: $titlebar_disabled_fg_color; } &:backdrop { color: $titlebar_secondary_fg_color; &:disabled :not(button) > label { color: $titlebar_disabled_secondary_fg_color; } } .title { padding: 0 12px; font-weight: bold; } .subtitle { padding: 0 12px; font-size: smaller; @extend .dim-label; } .linked:not(.vertical) > entry:not(.flat) { border-radius: 2px; } button:not(.suggested-action):not(.destructive-action) { @extend %button_basic.flat; border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), $titlebar_indicator_color 0%, transparent 0%) 0 0 0 / 0 0 0px; color: $titlebar_secondary_fg_color; &:hover, &:active { color: $titlebar_fg_color; } &:disabled { color: $titlebar_disabled_secondary_fg_color; } &:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), $titlebar_indicator_color 100%, transparent 0%) 0 0 2 / 0 0 2px; color: $titlebar_fg_color; &:disabled { color: $titlebar_disabled_fg_color; } &, &:disabled { background-color: transparent; } } &:backdrop { color: $titlebar_hint_fg_color; &:hover, &:active { color: $titlebar_secondary_fg_color; } &:disabled { color: $titlebar_disabled_secondary_fg_color; } &:checked { color: $titlebar_secondary_fg_color; &:disabled { color: $titlebar_disabled_secondary_fg_color; } } } } button.suggested-action, button.destructive-action { &:disabled { background-color: $titlebar_divider_color; color: $titlebar_disabled_fg_color; } } &.selection-mode { // FIXME: 0.00001s is workaround for transition bug of gtk+ 3.22 // see https://bugzilla.gnome.org/show_bug.cgi?id=774064 transition: background-color 0.00001s $longer_duration, color $longer_duration $deceleration_curve; animation: header_ripple_effect $longer_duration $deceleration_curve; box-shadow: $shadow_1, inset 0 1px $alt_highlight_color; background-color: $primary_color; color: $inverse_fg_color; &:backdrop { color: $inverse_secondary_fg_color; } .subtitle:link { @extend *:link:selected; } 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: $inverse_fg_color; &:disabled { color: $inverse_disabled_fg_color; } &:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 / 0 0 2px; color: $inverse_fg_color; &:disabled { color: $inverse_disabled_fg_color; } } &:backdrop { color: $inverse_secondary_fg_color; &:disabled { color: $inverse_disabled_secondary_fg_color; } &:checked { color: $inverse_secondary_fg_color; &:disabled { color: $inverse_disabled_secondary_fg_color; } } } } .selection-menu { padding-left: 16px; padding-right: 16px; arrow { -GtkArrow-arrow-scaling: 1; } .arrow { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } } } // squared corners when the window is maximized, tiled, or fullscreen .tiled &, .tiled-top &, .tiled-right &, .tiled-bottom &, .tiled-left &, .maximized &, .fullscreen & { border-radius: 0; box-shadow: $shadow_1; } &.default-decoration { min-height: $small_size; padding: $container_padding; box-shadow: inset 0 1px $titlebar_highlight_color; .tiled &, .maximized &, .fullscreen & { box-shadow: none; } button.titlebutton { min-height: $small_size; min-width: $small_size; margin: 0; padding: 0; } // workaround for non-animatable buttons .background:not(.csd) & button.titlebutton:active { background-size: 1000% 1000%; } } .solid-csd & { &:dir(rtl), &:dir(ltr) { // specificity bump // margin-left: -2px; // margin-right: -2px; // margin-top: -2px; // border-radius: 0; // box-shadow: inset 0 1px $titlebar_highlight_color; } } } headerbar { // add vertical margins to common widget on the headerbar to avoid them spanning the whole height entry, spinbutton, // separator, button { margin-top: $container_padding; margin-bottom: $container_padding; } switch { margin-top: ($large_size - 24px) / 2; margin-bottom: ($large_size - 24px) / 2; } // reset button margins of the spinbutton spinbutton button { margin-top: 0; margin-bottom: 0; } } .background .titlebar { border-top-left-radius: 2px; border-top-right-radius: 2px; } .background.tiled .titlebar, .background.tiled-top .titlebar, .background.tiled-right .titlebar, .background.tiled-bottom .titlebar, .background.tiled-left .titlebar, .background.maximized .titlebar, .background.solid-csd .titlebar { border-top-left-radius: 0; border-top-right-radius: 0; } headerbar { // headerbar border rounding window separator:first-child + &, // tackles the paned container case window &:first-child { border-top-left-radius: 2px; } window &:last-child { border-top-right-radius: 2px; } window stack & { // tackles the stacked headerbars case &:first-child, &:last-child { border-top-left-radius: 2px; border-top-right-radius: 2px; } } window.tiled &, window.tiled-top &, window.tiled-right &, window.tiled-bottom &, window.tiled-left &, window.maximized &, window.fullscreen &, window.solid-csd & { &, &:first-child, &:last-child, &:only-child { border-top-left-radius: 0; border-top-right-radius: 0; } } } .titlebar:not(headerbar) { window.csd > & { // in csd we assume every titlebar is a headerbar so reset anything, this is needed for split toolbars cases padding: 0; background-color: transparent; background-image: none; border-style: none; box-shadow: none; } > separator { background-color: $titlebar_bg_color; background-image: image($border_color); } @extend %titlebar; } /************ * Pathbars * ************/ %pathbar_button, .path-bar button { padding-left: ($medium_size - 24px) / 2; padding-right: ($medium_size - 24px) / 2; label:not(:only-child) { &:first-child { margin-left: 4px; } &:last-child { margin-right: 4px; } } &.slider-button { padding-left: (24px - 16px) / 2; padding-right: (24px - 16px) / 2; } :not(headerbar) & { @extend %flat_button; border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), $primary_color 0%, transparent 0%) 0 0 0 / 0 0 0px; border-radius: 2px; &:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), $primary_color 100%, transparent 0%) 0 0 2 / 0 0 2px; &, &:disabled { background-color: transparent; } } } } /************** * Tree Views * **************/ treeview.view { @at-root * { -GtkTreeView-horizontal-separator: 4; -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; } border-left-color: $track_color; // this is actually the tree lines color, border-top-color: $border_color; // while this is the grid lines color, better then nothing &:selected { border-left-color: $inverse_track_color; } rubberband { @extend rubberband; } // to avoid borders being overridden by the previously set props &:hover, &:active, &:selected { border-radius: 0; } &.separator { min-height: 1px + 2px * 2; color: $border_color; } &:drop(active) { border-style: solid none; border-width: 1px; border-color: $accent_color; &.after { border-top-style: none; } &.before { border-bottom-style: none; } } &.expander { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); -gtk-icon-transform: rotate(-90deg); &:dir(rtl) { -gtk-icon-transform: rotate(90deg); } &:checked { -gtk-icon-transform: unset; } color: $secondary_fg_color; &:hover, &:active { color: $fg_color; } &:disabled { color: $disabled_secondary_fg_color; } &:selected { color: $inverse_secondary_fg_color; &:hover, &:active { color: $inverse_fg_color; } &:disabled { color: $inverse_disabled_secondary_fg_color; } } } &.progressbar { // progress bar in treeviews border-bottom: $bar_size solid $primary_color; box-shadow: none; background-color: transparent; &:selected { border-bottom-color: $inverse_fg_color; } } &.trough { // progress bar trough in treeviews border-bottom: $bar_size solid rgba($primary_color, $lower_opacity); box-shadow: none; background-color: transparent; &:selected { border-bottom-color: $inverse_track_color; } } header { button { @extend row.activatable; padding: 2px 6px; border-style: none solid solid none; border-width: 1px; border-color: $border_color; border-radius: 0; background-clip: border-box; &, &:hover, &:active { box-shadow: none; } &, &:disabled { background-color: $base_color; } &:last-child { border-right-style: none; } } } button.dnd, header.button.dnd { // for treeview-like derive widgets padding: 2px 6px; border-style: none solid solid; border-width: 1px; border-color: $border_color; border-radius: 0; box-shadow: none; background-color: $base_color; background-clip: border-box; color: $primary_color; } acceleditor > label { background-color: $primary_color; } // see tests/testaccel to test } /********* * Menus * *********/ menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0; // box-shadow: inset 0 -1px $border_color; background-color: $titlebar_bg_color; > menuitem { transition: $shorter_transition; min-height: 20px; padding: 4px 8px; color: $titlebar_secondary_fg_color; &:hover { // Seems like it :hover even with keyboard focus transition: none; background-color: $titlebar_divider_color; color: $titlebar_fg_color; } &:disabled { color: $titlebar_disabled_secondary_fg_color; } label:disabled { color: inherit; } // to inherit the above color } } .csd.popup { background-color: transparent; } menu, .menu, .context-menu { margin: 4px 0; // See https://bugzilla.gnome.org/show_bug.cgi?id=591258 padding: 4px 0; box-shadow: inset 0 1px $highlight_color; background-color: $base_color; border: 1px solid $border_color; // adds borders in a non composited env .csd & { border: none; // axes borders in a composited env border-radius: 2px; } menuitem { transition: background-color $shorter_duration $deceleration_curve; min-height: 20px; min-width: 40px; padding: 4px 8px; font: initial; text-shadow: none; &:hover { transition: none; background-color: $divider_color; } &:disabled { color: $disabled_fg_color; } // submenu indicators arrow { min-height: 16px; min-width: 16px; &:dir(ltr) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); margin-left: 8px; } &:dir(rtl) { -gtk-icon-source:-gtk-icontheme('pan-end-symbolic-rtl'); margin-right: 8px; } } // avoids labels color being overridden, see // https://bugzilla.gnome.org/show_bug.cgi?id=767058 label { &:dir(rtl), &:dir(ltr) { color: inherit; }} } // overflow arrows > arrow { min-height: 16px; min-width: 16px; padding: 4px; background-color: $base_color; color: $secondary_fg_color; &.top { margin-top: -4px; border-bottom: 1px solid $border_color; border-radius: 2px 2px 0 0; -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); } &.bottom { margin-bottom: -4px * 3; border-top: 1px solid $border_color; border-radius: 0 0 2px 2px; -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } &:hover { background-image: image($divider_color); color: $fg_color; } &:disabled { border-color: transparent; background-color: transparent; color: transparent; // color: $disabled_secondary_fg_color; } } separator { margin: 4px 0; } } menuitem { accelerator { color: $secondary_fg_color; } } // FIXME: THIS IS A REALLY UGLY WORKAROUND! // Electron/Atom render all translucent colors in opaque colors. // It's a very critical issue for this theme and should be fixed by upstream... .popup:not(.csd) menu { menuitem { color: $opaque_fg_color; &:hover { background-color: $opaque_divider_color; } &:disabled { color: $opaque_disabled_fg_color; } // separator/border also use this color. } // FIXME: not working this accelerator { color: $opaque_secondary_fg_color; } } /************ * Popovers * ************/ popover.background { transition: $shadow_transition; padding: 2px; box-shadow: $shadow_2; // TODO: this should really have a highlight background-color: $lighter_bg_color; &:backdrop { box-shadow: $shadow_1; } &, .csd & { 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: 2px + 1px; } > stack { margin: -4px; } // remove extra padding from menu style popovers > toolbar { margin: -2px; } > list, > .view, > toolbar { border-style: none; box-shadow: none; background-color: transparent; } &.touch-selection, &.magnifier, &.osd { @extend %osd; } // entry { @extend %entry.flat; } // button.combo { @extend %combo_flat; } // button:not(.suggested-action):not(.destructive-action) { @extend %button_basic.flat; } &.menu button, button.model { @extend %simple_flat_button; min-height: 32px; padding: 0 8px; border-radius: 2px; &:checked { @extend %selected_items; } } separator { margin: 4px 0; } list separator { margin: 0; } } /************* * Notebooks * *************/ notebook { > header { border-width: 1px; border-color: $border_color; background-color: $bg_color; background-clip: border-box; &.top { border-bottom-style: solid; > tabs { margin-bottom: -1px; > tab { &:hover { box-shadow: inset 0 -2px $track_color; } &:checked { box-shadow: inset 0 -2px $primary_color; } } } } &.bottom { border-top-style: solid; > tabs { margin-top: -1px; > tab { &:hover { box-shadow: inset 0 2px $track_color; } &:checked { box-shadow: inset 0 2px $primary_color; } } } } &.left { border-right-style: solid; > tabs { margin-right: -1px; > tab { &:hover { box-shadow: inset -2px 0 $track_color; } &:checked { box-shadow: inset -2px 0 $primary_color; } } } } &.right { border-left-style: solid; > tabs { margin-left: -1px; > tab { &:hover { box-shadow: inset 2px 0 $track_color; } &:checked { box-shadow: inset 2px 0 $primary_color; } } } } &.top > tabs > arrow { @extend %notebook_vert_arrows; border-top-style: none; } &.bottom > tabs > arrow { @extend %notebook_vert_arrows; border-bottom-style: none; } @at-root %notebook_vert_arrows { padding-left: 4px; padding-right: 4px; &.down { margin-left: -8px; -gtk-icon-source: -gtk-icontheme('pan-start-symbolic'); } &.up { margin-right: -8px; -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); } } &.left > tabs > arrow { @extend %notebook_horz_arrows; border-left-style: none; } &.right > tabs > arrow { @extend %notebook_horz_arrows; border-right-style: none; } @at-root %notebook_horz_arrows { padding-top: 4px; padding-bottom: 4px; &.down { margin-top: -8px; -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); } &.up { margin-bottom: -8px; -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } } > tabs > arrow { @extend %simple_flat_button; min-height: 16px; min-width: 16px; border-radius: 0; } tab { transition: $longer_transition, background-size 0, background-image 0; min-height: $small_size; min-width: $small_size; padding: $container_padding 12px; outline-offset: -6px; border-width: 1px; // for reorderable tabs border-color: transparent; // background-image: radial-gradient(circle farthest-corner at center, $primary_color 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; color: $secondary_fg_color; font-weight: 500; &:hover { color: $fg_color; &.reorderable-page { border-color: $border_color; background-color: $alt_base_color; } } &:disabled { color: $disabled_secondary_fg_color; } &:checked { transition: $longer_transition, background-size $longer_duration $deceleration_curve, background-image $longer_duration + $ripple_duration $deceleration_curve; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-size: 1000% 1000%; color: $fg_color; &:disabled { color: $disabled_fg_color; } &.reorderable-page { border-color: $border_color; background-color: $base_color; } } // colors the button like the label, overridden otherwise button.flat { @extend %small_button; &:last-child { margin-left: $container_padding; margin-right: $container_padding - 12px; } &:first-child { margin-left: $container_padding - 12px; margin-right: $container_padding; } } } &.top, &.bottom { tabs { padding-left: 8px; padding-right: 8px; &:not(:only-child) { &:first-child { margin-left: 0; } &:last-child { margin-right: 0; } } tab { &.reorderable-page { margin: 0 -1px; border-style: none solid; } } } } &.left, &.right { tabs { padding-top: 8px; padding-bottom: 8px; &:not(:only-child) { &:first-child { margin-top: 0; } &:last-child { margin-bottom: 0; } } tab { &.reorderable-page { margin: -1px 0; border-style: solid none; } } } } } > stack:not(:only-child) { // the :not(:only-child) is for "hidden" notebooks background-color: $base_color; entry:not(.search), spinbutton:not(.vertical) { @extend %entry.flat; } spinbutton:not(.vertical) entry { &, &:focus, &:disabled { @extend %spinbutton_entry; }} button.combo { @extend %combo_flat; } } } /************** * Scrollbars * **************/ scrollbar { $_slider_min_length: 24px; // disable steppers @at-root * { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; } transition: $longer_transition; background-color: $base_color; background-clip: $extra_background_clip; // scrollbar border &.top { border-bottom: 1px solid $border_color; } &.bottom { border-top: 1px solid $border_color; } &.left { border-right: 1px solid $border_color; } &.right { border-left: 1px solid $border_color; } // slider slider { transition: $shorter_transition, margin 0, border-width 0; min-width: 8px; min-height: 8px; border: 4px solid transparent; border-radius: $circular_radius; background-clip: padding-box; background-color: $hint_fg_color; &:hover { background-color: $secondary_fg_color; } &:active { background-color: $fg_color; } &:disabled { background-color: $disabled_secondary_fg_color; } } &.fine-tune { slider { transition: $shorter_transition, margin 0, border-width 0, min-width 0, min-height 0; min-width: 4px; min-height: 4px; } &.horizontal slider { margin: 2px 0; } &.vertical slider { margin: 0 2px; } } &.overlay-indicator { &:not(.dragging):not(.hovering) { border-color: transparent; background-color: transparent; slider { min-width: 4px; min-height: 4px; margin: 4px - 1px; border: 1px solid rgba($base_color, $lower_opacity); } button { min-width: 4px; min-height: 4px; margin: 4px - 1px; border: 1px solid rgba($base_color, $lower_opacity); border-radius: $circular_radius; background-color: $hint_fg_color; background-clip: padding-box; -gtk-icon-source: none; &:disabled { background-color: $disabled_secondary_fg_color; } } &.horizontal { slider { min-width: $_slider_min_length; } button { min-width: 8px; } } &.vertical { slider { min-height: $_slider_min_length; } button { min-height: 8px; } } } &.dragging, &.hovering { background-color: rgba($base_color, $higher_opacity); } } &.horizontal slider { min-width: $_slider_min_length; } &.vertical slider { min-height: $_slider_min_length; } // button styling button { @extend %simple_flat_button; min-width: 16px; min-height: 16px; padding: 0; border-radius: 0; } // button icons &.vertical { button { &.down { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } &.up { -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); } } } &.horizontal { button { &.down { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); } &.up { -gtk-icon-source: -gtk-icontheme('pan-start-symbolic'); } } } } /********** * Switch * **********/ switch { transition: $longer_transition; margin: $container_padding 0; padding: 0 2px; border: 5px solid transparent; border-radius: $circular_radius; background-color: $track_color; background-clip: padding-box; font-size: 0; &:disabled { background-color: $divider_color; } &:checked { background-color: rgba($accent_color, 0.5); &:disabled { background-color: rgba($accent_color, 0.3); } } slider { transition: $shorter_transition, $shadow_transition; min-width: 20px; min-height: 20px; margin: -3px -2px; border-radius: $circular_radius; outline-width: 0; outline-color: $divider_color; outline-offset: 0; -gtk-outline-radius: $circular_radius; box-shadow: $shadow_1; background-color: $lighter_bg_color; } &:focus slider { outline-width: (48px - 20px) / 2; } &:hover slider { box-shadow: $shadow_2; } &:checked slider { background-color: $accent_color; outline-color: rgba($accent_color, 0.2); } &:disabled slider { background-color: $bg_color; } row:selected & { } } /************************* * Check and Radio items * *************************/ // draw regular check and radio items using our PNG assets // all assets are rendered from assets.svg. never add pngs directly // selection-mode .view.content-view.check:not(list), .content-view .tile check:not(list) { min-height: 40px; min-width: 40px; margin: 0; padding: 0; box-shadow: none; background-color: transparent; background-image: none; -gtk-icon-shadow: $shadow_1; &:hover, &:active { -gtk-icon-shadow: $shadow_2; } @each $s, $as in ('', '-unchecked'), (':checked', '-checked') { &#{$s} { -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox#{$as}#{$asset_suffix}.png"), url("assets/selectionmode-checkbox#{$as}#{$asset_suffix}@2.png")); } } } checkbutton.text-button, radiobutton.text-button { // this is for a nice focus on check and radios text padding: 2px; outline-offset: 0; label:not(:only-child) { margin: 0 4px; } } $check_radio_size: 40px; check, radio { min-height: 24px; min-width: 24px; margin: -($check_radio_size - 24px) / 2; padding: ($check_radio_size - 24px) / 2; @extend %simple_flat_button; @extend %circular_button; &:checked, &:indeterminate { color: $accent_color; &:disabled { color: $disabled_accent_color; } } // &:only-child { margin: -12px; } row:selected &:not(:checked):not(:indeterminate) { color: $inverse_secondary_fg_color; &:hover, &:active { color: $inverse_fg_color; } &:disabled { color: $inverse_disabled_secondary_fg_color; } } popover & { &, &:hover, &:active, &:disabled { box-shadow: none; background-image: none; } &:not(:checked):not(:indeterminate):not(:disabled) { color: $secondary_fg_color; } &.left:dir(rtl) { margin-left: -12px; margin-right: -4px; } &.right:dir(ltr) { margin-left: -4px; margin-right: -12px; } } menu menuitem & { transition: none; margin: 0; // this is a workaround for a menu check/radio size allocation issue padding: 0; &:dir(ltr) { margin-right: 8px; } &:dir(rtl) { margin-left: 8px; } &:not(:checked):not(:indeterminate):not(:disabled) { color: $secondary_fg_color; } &, &:hover, &:disabled { box-shadow: none; // color: inherit; } } } %check, check { -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg")); &:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")); } &:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg")); } } %radio, radio { -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg")); // &:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")); } &:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg")); } border-image-slice: $check_radio_size / 2px; border-image-width: $check_radio_size / 2; $radio_indicator: 10px / $check_radio_size / 2; & { border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to($accent_color), to(transparent)); } &:checked:not(:indeterminate) { border-image-source: -gtk-gradient(radial, center center, 0, center center, $radio_indicator, to($accent_color), to(transparent)); } &:checked:not(:indeterminate):disabled { border-image-source: -gtk-gradient(radial, center center, 0, center center, $radio_indicator, to($disabled_accent_color), to(transparent)); } } %small_check, menu menuitem check { & { min-height: 16px; min-width: 16px; border-radius: 2px; -gtk-outline-radius: 2px; -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg")); } &:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg")); } &:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg")); } } %small_radio, menu menuitem radio { & { min-height: 16px; min-width: 16px; border-image: none; -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg")); } &:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg")); } &:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg")); } } // ANIMATION: // this is made with those pretty convoluted transitions, since checks and radios have to animate only on state changes, // the transformation is set on the active state and it get reset on the checked state. check:not(:checked):active { -gtk-icon-transform: rotate(90deg); } // radio:not(:checked):active { -gtk-icon-transform: scale(0); } check:not(:checked):indeterminate:active, radio:not(:checked):indeterminate:active { -gtk-icon-transform: scaleX(-1); } // instead of rotateY(180deg) check:not(:checked), radio:not(:checked) { & { transition: $longer_transition, background-size $ripple_duration $deceleration_curve, background-image $ripple_duration * 2 $deceleration_curve, -gtk-icon-transform 0; } &:active { transition: $longer_transition, background-size 0, background-image 0, -gtk-icon-transform 0; } menu menuitem & { transition: none; } } treeview.view check, treeview.view radio { padding: 0; &:hover { box-shadow: inset 0 0 0 9999px gtkalpha($fg_color, 0.05); &:disabled { box-shadow: none; } &:selected { box-shadow: inset 0 0 0 9999px gtkalpha($inverse_fg_color, 0.05); } } & { color: $secondary_fg_color; &:hover, &:active { color: $fg_color; } &:disabled { color: $disabled_secondary_fg_color; } &:checked, &:indeterminate { color: $accent_color; } &:checked:disabled, &:indeterminate:disabled { color: $disabled_accent_color; } } &:selected { color: $inverse_secondary_fg_color; &:hover, &:active { color: $inverse_fg_color; } &:disabled { color: $inverse_disabled_secondary_fg_color; } &:checked, &:indeterminate { color: $accent_color; } &:checked:disabled, &:indeterminate:disabled { color: $disabled_accent_color; } } } treeview.view radio:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")); border-image: none; } /************ * GtkScale * ************/ scale { // sizing $_marks_length: 8px; $_marks_distance: 8px; $trough_size: 2px; $slider_size: 24px; $marks_slider_size: 30px; $slider_margin: -($slider_size - $trough_size) / 2; $marks_slider_margin: -($marks_slider_size - $trough_size) - $slider_margin; $color_slider_margin: -($slider_size) / 2; $color_marks_slider_margin: -($marks_slider_size - 16px) - $color_slider_margin; min-height: $medium_size - $slider_size; min-width: $medium_size - $slider_size; padding: ($slider_size / 2); // the slider is inside the trough, so to have make it bigger there's a negative margin slider { min-height: $slider_size; min-width: $slider_size; margin: $slider_margin; } // the backing bit trough { transition: $longer_transition; outline-offset: 2px; background-color: $track_color; &:disabled { background-color: $divider_color; } } // the colored part of the backing bit highlight { transition: $longer_transition; background-color: $accent_color; &:disabled { background-color: transparent; } } // this is another differently styled part of the backing bit, the most relevant use case is for example // in media player to indicate how much video stream as been cached fill { transition: $longer_transition; background-color: $track_color; &:disabled { background-color: transparent; } } slider { transition: all $shorter_duration $standard_curve; // border-radius: 100%; // background-color: $accent_color; background-repeat: no-repeat; background-position: center; @each $s, $as in ('', ''), (':disabled', '-disabled') { &#{$s} { $_url: 'assets/scale-slider#{$as}#{$asset_suffix}'; background-image: -gtk-scaled(url('#{$_url}.png'), url('#{$_url}@2.png')); } } background-size: calc(100% - 10px); &:hover { background-size: calc(100% - 8px); } &:active { background-size: calc(100% - 6px); } } // click-and-hold the slider to activate &.fine-tune { // to make the slider shrink in fine-tune mode slider { background-size: calc(100% - 12px); } } marks label, value { color: $hint_fg_color; } marks { color: $track_color; @each $marks_class, $marks_pos, $marks_margin in (top, top, bottom), (bottom, bottom, top), (top, left, right), (bottom, right, left) { &.#{$marks_class} { margin-#{$marks_margin}: $_marks_distance; margin-#{$marks_pos}: -($_marks_distance + $_marks_length); } } } &.horizontal { indicator { min-height: $_marks_length; min-width: 1px; } } &.vertical { indicator { min-height: 1px; min-width: $_marks_length; } } // *WARNING* scale with marks madness following @each $dir_class, $dir_infix in ('horizontal', 'horz'), ('vertical', 'vert') { @each $marks_infix, $marks_class in ('marks-before', 'marks-before:not(.marks-after)'), ('marks-after', 'marks-after:not(.marks-before)') { &.#{$dir_class}.#{$marks_class} { slider { @each $state, $state_infix in ('', ''), (':disabled', '-disabled') { &#{$state} { $_scale_asset: 'assets/scale-#{$dir_infix}-#{$marks_infix}-slider#{$state_infix}#{$asset_suffix}'; background-image: -gtk-scaled(url('#{$_scale_asset}.png'), url('#{$_scale_asset}@2.png')); } } @if $dir_class == 'horizontal' { min-height: $marks_slider_size; min-width: $slider_size; @if $marks_infix == 'marks-before' { margin-top: $marks_slider_margin; background-position: center calc(100% - 5px); &:hover { background-position: center calc(100% - 4px); } &:active { background-position: center calc(100% - 3px); } } @if $marks_infix == 'marks-after' { margin-bottom: $marks_slider_margin; background-position: center calc(5px); &:hover { background-position: center calc(4px); } &:active { background-position: center calc(3px); } } } @if $dir_class == 'vertical' { min-height: $slider_size; min-width: $marks_slider_size; @if $marks_infix == 'marks-before' { margin-left: $marks_slider_margin; background-position: calc(5px) center; &:hover { background-position: calc(4px) center; } &:active { background-position: calc(3px) center; } } @if $marks_infix == 'marks-after' { margin-right: $marks_slider_margin; background-position: calc(100% - 5px) center; &:hover { background-position: calc(100% - 4px) center; } &:active { background-position: calc(100% - 3px) center; } } } } &.fine-tune slider { @if $dir_class == 'horizontal' { @if $marks_infix == 'marks-before' { background-position: center calc(100% - 6px); } @if $marks_infix == 'marks-after' { background-position: center calc(6px); } } @if $dir_class == 'vertical' { @if $marks_infix == 'marks-before' { background-position: calc(6px) center; } @if $marks_infix == 'marks-after' { background-position: calc(100% - 6px) center; } } } } } } &.color { min-height: 0; min-width: 0; &.horizontal { padding: 0 0 12px 0; slider { &:dir(ltr), &:dir(rtl) { // specificity bump margin-bottom: $color_slider_margin; margin-top: $color_marks_slider_margin; } } } &.vertical { &:dir(ltr) { padding: 0 0 0 12px; slider { margin-left: $color_slider_margin; margin-right: $color_marks_slider_margin; } } &:dir(rtl) { padding: 0 12px 0 0; slider { margin-right: $color_slider_margin; margin-left: $color_marks_slider_margin; } } } } } /***************** * Progress bars * *****************/ progressbar { // sizing &.horizontal { trough, progress { min-height: $bar_size; } } &.vertical { trough, progress { min-width: $bar_size; } } // FIXME: insensitive state missing and some other state should be set probably color: $hint_fg_color; font-size: smaller; trough { background-color: rgba($primary_color, $lower_opacity); } progress { background-color: $primary_color; } &.osd { // progressbar.osd used for epiphany page loading progress // min-width: $bar_size; // min-height: $bar_size; // background-color: transparent; // trough { background-color: transparent; } // progress { background-color: $primary_color; } } trough.empty progress { all: unset; } // makes the progress indicator disappear, when the fraction is 0 } /************* * Level Bar * *************/ levelbar { &.horizontal { block { min-height: $bar_size; } &.discrete block { min-width: $medium_size; &:not(:last-child) { margin-right: 2px; } } } &.vertical { block { min-width: $bar_size; } &.discrete block { min-height: $medium_size; &:not(:last-child) { margin-bottom: 2px; } } } // imitate the entry style trough { padding: 2px; border-radius: 2px; box-shadow: $shadow_1; background-color: $base_color; &:disabled { background-color: $alt_base_color; } } block { &.low { background-color: $warning_color; } &.high, &:not(.empty) { background-color: $primary_color; } &.full { background-color: $success_color; } &.empty { background-color: $divider_color; } } } /**************** * Print dialog * *****************/ printdialog { paper { padding: 0; border: 1px solid $border_color; background-color: $base_color; color: $fg_color; } .dialog-action-box { margin: 12px; } } /********** * Frames * **********/ frame > border, .frame { margin: 0; padding: 0; border: 1px solid $border_color; border-radius: 0; box-shadow: none; &.flat { border-style: none; } } frame.flat > border { @extend .frame.flat; } // for backporting actionbar > revealer > box { padding: $container_padding; border-top: 1px solid $border_color; button:not(.suggested-action):not(.destructive-action):not(.server-list-button) { @extend %button_basic.flat; } } scrolledwindow { viewport.frame { // avoid double borders when viewport inside scrolled window border-style: none; } // This is used when content is touch-dragged past boundaries. // draws a box on top of the content, the size changes programmatically. @at-root overshoot { &.top { @include overshoot(top); } &.bottom { @include overshoot(bottom); } &.left { @include overshoot(left); } &.right { @include overshoot(right); } } // Overflow indication, works similarly to the overshoot, the size if fixed tho. @at-root undershoot { &.top { @include undershoot(top); } &.bottom { @include undershoot(bottom); } &.left { @include undershoot(left); } &.right { @include undershoot(right); } } @at-root junction { // the small square between two scrollbars border-style: solid none none solid; border-width: 1px; border-color: $border_color; background-color: $base_color; &:dir(rtl) { border-style: solid solid none none; } } } // vbox and hbox separators separator { min-width: 1px; min-height: 1px; background-color: $border_color; } %hide_separators { min-width: 0; min-height: 0; background-color: transparent; } /********* * Lists * *********/ list { border-color: $border_color; background-color: $base_color; row { padding: 2px; } } // FIXME $row_transition: $longer_transition, background-color 0, color 0; row { &.activatable { transition: $row_transition, background-size $ripple_duration $deceleration_curve, background-image $ripple_duration * 2 $deceleration_curve; box-shadow: inset 0 0 0 9999px transparent; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; &:hover { transition: $row_transition, box-shadow 0, background-size $ripple_duration $deceleration_curve, background-image $ripple_duration * 2 $deceleration_curve; box-shadow: inset 0 0 0 9999px $row_fill_color; } &.has-open-popup, // this is for indicathing which row generated a popover see https://bugzilla.gnome.org/show_bug.cgi?id=754411 &:active { transition: $row_transition, background-size 0, background-image 0; animation: ripple_effect $longer_duration $deceleration_curve forwards; box-shadow: inset 0 0 0 9999px $semi_fill_color; background-image: radial-gradient(circle farthest-corner at center, $semi_fill_color 10%, transparent 0%); background-size: 0% 0%; } } &:selected { @extend %selected_items; } } /********************* * App Notifications * *********************/ .app-notification { @extend %osd; @extend toolbar.osd; margin: 8px; button { @extend %button_basic.flat; } &.frame, border { border-style: none; } } /************* * Expanders * *************/ expander { title > arrow { transition: all $shorter_duration $standard_curve; min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); -gtk-icon-transform: rotate(-90deg); &:dir(rtl) { -gtk-icon-transform: rotate(90deg); } &:checked { -gtk-icon-transform: unset; } color: $secondary_fg_color; &:hover, &:active { color: $fg_color; } &:disabled { color: $disabled_secondary_fg_color; } &:selected { color: $inverse_secondary_fg_color; &:hover, &:active { color: $inverse_fg_color; } &:disabled { color: $inverse_disabled_secondary_fg_color; } } } } /************ * Calendar * ************/ calendar { padding: 1px; border: 1px solid $border_color; color: $fg_color; &:disabled { color: $disabled_fg_color; } &:selected { @extend %selected_items; border-radius: 2px + 1px; } &.header { border-style: none none solid; border-radius: 0; } &.button { @extend %simple_flat_button; } &.highlight { color: $secondary_fg_color; font-weight: 500; } &:indeterminate { color: $disabled_secondary_fg_color; } } /*********** * Dialogs * ***********/ messagedialog { // Message Dialog styling &.background { background-color: $lighter_bg_color; } .titlebar { min-height: $small_size; border-style: none; box-shadow: inset 0 1px $highlight_color; background-color: $lighter_bg_color; color: $fg_color; &:backdrop { color: $secondary_fg_color; } } &.csd { // rounded bottom border styling for csd version &.background { // bigger radius for better antialiasing border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .dialog-action-area button { padding: 8px 16px; border-top: 1px solid $border_color; border-radius: 0; @extend %simple_flat_button; &:first-child { border-bottom-left-radius: 2px; } &:last-child { border-bottom-right-radius: 2px; } } } entry { @extend %entry.flat; } } filechooser { .dialog-action-box { border-top: 1px solid $border_color; } #pathbarbox { border-bottom: 1px solid $border_color; background-color: $bg_color; } } filechooserbutton:drop(active) { box-shadow: none; } /*********** * Sidebar * ***********/ .sidebar { border-style: none; background-color: $alt_base_color; @at-root %sidebar_left, &:dir(ltr), &.left, &.left:dir(rtl) { border-right: 1px solid $border_color; border-left-style: none; } @at-root %sidebar_right, &:dir(rtl), &.right { border-left: 1px solid $border_color; border-right-style: none; } list { background-color: transparent; } paned & { &.left, &.right, &.left:dir(rtl), &:dir(rtl), &:dir(ltr), & { border-style: none; }} } stacksidebar { &.sidebar { &:dir(ltr), &.left, &.left:dir(rtl) { list { @extend %sidebar_left; }} &:dir(rtl), &.right { list { @extend %sidebar_right; }} } row { padding: 10px 4px; > label { padding-left: 6px; padding-right: 6px; } &.needs-attention > label { @extend %needs_attention; } } } /**************** * File chooser * ****************/ // dim the sidebar icons, see bug #786613 for details on this oddity row { image.sidebar-icon { color: $secondary_fg_color; } &:selected image.sidebar-icon { color: $inverse_secondary_fg_color; } } placessidebar { > viewport.frame { border-style: none; } list { padding: (4px - 3px) 0 4px; } row { // Needs overriding of the GtkListBoxRow padding min-height: 32px; margin: -1px 0; // Remove unknown margins padding: 0; // Using margins/padding directly in the SidebarRow // will make the animation of the new bookmark row jump > revealer { padding: 0 12px; } &:selected { color: $inverse_fg_color; } &:disabled { color: $disabled_fg_color; } image.sidebar-icon { &:dir(ltr) { padding-right: 8px; } &:dir(rtl) { padding-left: 8px; } } label.sidebar-label { &:dir(ltr) { padding-right: 2px; } &:dir(rtl) { padding-left: 2px; } } @at-root button.sidebar-button { @extend %simple_flat_button; @extend %small_button; row:selected & { @extend %button_selected.flat; } } &.sidebar-placeholder-row { min-height: 2px; padding: 0 8px; background-image: image($accent_color); background-clip: content-box; } &.sidebar-new-bookmark-row { color: $accent_color; } &:drop(active):not(:disabled) { box-shadow: inset 0 0 0 2px $accent_color; &:selected { // background-color: $accent_color; // color: $inverse_fg_color; } } } } placesview { .server-list-button > image { -gtk-icon-transform: rotate(0turn); } .server-list-button:checked > image { -gtk-icon-transform: rotate(-0.5turn); } // this selects the "connect to server" label > actionbar > revealer > box > label { padding-left: 8px; padding-right: 8px; } } /********* * Paned * *********/ paned { > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; // defeats the ugly default handle decoration border-style: none; // just to be sure background-color: transparent; // workaround, using background istead of a border since the border will get rendered twice (?) background-image: image($border_color); background-size: 1px 1px; background-clip: content-box; // avoids borders image being rendered twice (?) &.wide { min-width: 6px; min-height: 6px; background-color: $bg_color; background-image: image($border_color), image($border_color); background-size: 1px 1px, 1px 1px; } } &.horizontal > separator { background-repeat: repeat-y; &:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; } &:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; } &.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; } } &.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; &.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; } } } /************** * GtkInfoBar * **************/ infobar { border-style: none; &.info { background-color: $info_bg_color; } &.question { background-color: $question_bg_color; } &.warning { background-color: $warning_bg_color; } &.error { background-color: $error_bg_color; } &.info, &.question, &.warning, &.error { > label, & { color: $inverse_fg_color; } button { @extend %button_selected; } selection {} *:link { @extend %link_selected; } } } /************ * Tooltips * ************/ tooltip { &.background { // background-color needs to be set this way otherwise it gets drawn twice // see https://bugzilla.gnome.org/show_bug.cgi?id=736155 for details. // box-shadow: inset 0 1px $highlight_color; background-color: rgba($tooltip_bg_color, $higher_opacity); color: $tooltip_fg_color; } // @extend %osd; // padding: 4px; /* not working */ border-radius: 2px; box-shadow: none; // otherwise it gets inherited by windowframe.csd &:not(.csd):not(.unity-csd) { // border: 1px solid $border_color; // border-radius: 2px + 1px; // background-clip: $extra_background_clip; } // FIXME: we need a border or tooltips vanish on black background. decoration { background-color: transparent; } label { // tooltip label already seems to have 6px margins min-height: 32px - 6px * 2; padding: 0 8px - 6px; } * { // workaround for Eclipse. // do not include any declaration here. // padding: 0; // background-color: transparent; // color: inherit; } } /***************** * Color Chooser * *****************/ colorswatch { // This widget is made of two boxes one on top of the other, the lower box is colorswatch {} the other one // is colorswatch overlay {}, colorswatch has the programmatically set background, so most of the style is // applied to the overlay box. // base color corners rounding // to avoid the artifacts caused by rounded corner anti-aliasing the base color // sports a bigger radius. // nth-child is needed by the custom color strip. &.top { border-top-left-radius: $material_radius + 0.5px; border-top-right-radius: $material_radius + 0.5px; overlay { border-top-left-radius: $material_radius; border-top-right-radius: $material_radius; } } &.bottom { border-bottom-left-radius: $material_radius + 0.5px; border-bottom-right-radius: $material_radius + 0.5px; overlay { border-bottom-left-radius: $material_radius; border-bottom-right-radius: $material_radius; } } &.left, &:first-child:not(.top) { border-top-left-radius: $material_radius + 0.5px; border-bottom-left-radius: $material_radius + 0.5px; overlay { border-top-left-radius: $material_radius; border-bottom-left-radius: $material_radius; } } &.right, &:last-child:not(.bottom) { border-top-right-radius: $material_radius + 0.5px; border-bottom-right-radius: $material_radius + 0.5px; overlay { border-top-right-radius: $material_radius; border-bottom-right-radius: $material_radius; } } &.dark { color: $light_fg_color; } &.light { color: $dark_fg_color; } &:drop(active) { box-shadow: none; &.light overlay { box-shadow: $shadow_1, 0 0 0 2px $accent_color; } &.dark overlay { box-shadow: $shadow_1, 0 0 0 2px $accent_color; } } overlay { transition: $shadow_transition; box-shadow: $shadow_1; &:hover { box-shadow: $shadow_2; } } &#add-color-button { border-radius: $material_radius $material_radius 0 0; color: $light_fg_color; &:only-child { border-radius: $material_radius; } overlay { background-image: linear-gradient(to right, $error_bg_color 25%, $warning_bg_color 25%, $warning_bg_color 50%, $info_bg_color 50%, $info_bg_color 75%, $question_bg_color 75%); } } &:disabled { opacity: $disabled_opacity; overlay { box-shadow: none; } } row:selected & { } &#editor-color-sample { border-radius: $material_radius + 0.5px; overlay { border-radius: $material_radius; } // overlay:hover { box-shadow: $shadow_1; } } } // colorscale popup colorchooser .popover.osd { transition: $shadow_transition; border-radius: 2px; box-shadow: $shadow_2, inset 0 1px $highlight_color; background-color: $base_color; &:backdrop { box-shadow: $shadow_1, inset 0 1px $highlight_color; } spinbutton:not(.vertical) { @extend %entry.flat; } } /******** * Misc * ********/ // content view (grid/list) .content-view { background-color: $bg_color; // &:hover { -gtk-icon-effect: highlight; } rubberband, .rubberband { @extend rubberband; } } .scale-popup { .osd & { @extend %osd; } .osd & button.flat { // FIXME: quick hack, redo properly } button { // +/- buttons on GtkVolumeButton popup } } /********************** * Window Decorations * **********************/ decoration { transition: $shadow_transition; border-radius: 2px 2px 0 0; box-shadow: $shadow_4, 0 16px 16px transparent; // FIXME rationalize shadows // this is used for the resize cursor area margin: 8px; &:backdrop { // the transparent shadow here is to enforce that the shadow extents don't // change when we go to backdrop, to prevent jumping windows. // The biggest shadow should be in the same order then in the active state // or the jumping will happen during the transition. box-shadow: $shadow_2, 0 16px 16px transparent; } .maximized &, .fullscreen &, .tiled &, .tiled-top &, .tiled-right &, .tiled-bottom &, .tiled-left & { border-radius: 0; } .popup & { box-shadow: none; } // server-side decorations as used by mutter .ssd & { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16); } // just doing borders, wm draws actual shadows .csd.popup & { border-radius: 2px; box-shadow: $shadow_2; } tooltip.csd & { border-radius: 2px; box-shadow: none; } messagedialog.csd & { border-radius: 2px; // box-shadow: $shadow_4, 0 16px 16px transparent; // &:backdrop { box-shadow: $shadow_2, 0 16px 16px transparent; } } .solid-csd & { margin: 0; // padding: 4px; border-radius: 0; box-shadow: none; // box-shadow: inset 0 0 0 4px $titlebar_bg_color; background-color: $titlebar_bg_color; } } // Window Close button button.titlebutton { // @extend %simple_flat_button; @extend %circular_button; .selection-mode & { } } // catch all extend :) %selected_items { background-color: $primary_color; @at-root %nobg_selected_items, & { color: $inverse_fg_color; &:disabled { color: $inverse_disabled_fg_color; } } } .monospace { font-family: monospace; } /********************** * Touch Copy & Paste * **********************/ // touch selection handlebars for the Popover.osd above cursor-handle { border-radius: $circular_radius; background-color: $accent_color; background-image: none; &.top:dir(ltr), &.bottom:dir(rtl) { padding-left: 6px; border-top-right-radius: 0; } &.bottom:dir(ltr), &.top:dir(rtl) { padding-right: 6px; border-top-left-radius: 0; } &.insertion-cursor:dir(ltr), &.insertion-cursor:dir(rtl) { -GtkWidget-text-handle-width: 24; -GtkWidget-text-handle-height: 30; $_url: 'assets/scale-horz-marks-before-slider#{$asset_suffix}'; -gtk-icon-source: -gtk-scaled(url('#{$_url}.png'), url('#{$_url}@2.png')); } } .context-menu { font: initial; } // Decouple the font of context menus from their entry/textview // shortcut window keys .keycap { min-width: 28px - 8px * 2; min-height: 28px - 2px; margin-top: 2px; padding-bottom: 2px; padding-left: 8px; padding-right: 8px; border: solid 1px $border_color; border-radius: 2px + 1px; box-shadow: inset 0 -2px $border_color; background-color: $base_color; color: $fg_color; font-size: smaller; } :not(decoration):not(window):drop(active) { // FIXME needs to be done widget by widget, this wildcard should really die transition: $longer_transition; box-shadow: $shadow_1, inset 0 0 0 2px $accent_color; caret-color: $accent_color; } stackswitcher button.text-button { min-width: 100px; } // FIXME aggregate with buttons stackswitcher button.circular, stackswitcher button.text-button.circular { // FIXME aggregate with buttons min-width: $medium_size; min-height: $medium_size; padding: 0; } /********* * Emoji * *********/ popover.emoji-picker { padding: 0; entry { border-bottom: 1px solid $border_color; border-bottom-left-radius: 0; border-bottom-right-radius: 0; box-shadow: none; } scrolledwindow { border-bottom: 1px solid $border_color; } } // mimic tab style button.emoji-section { margin-top: -1px; padding: 0 8px; min-width: 24px; min-height: $medium_size; border-radius: 0; outline-offset: -6px; box-shadow: none; &:hover { box-shadow: inset 0 2px $track_color; } &:active { box-shadow: inset 0 2px $primary_color; background-image: radial-gradient(circle farthest-corner at center, rgba($primary_color, 0.7) 10%, transparent 0%); } &:checked { box-shadow: inset 0 2px $primary_color; background-color: transparent; } &:first-child { margin-left: 4px; } &:last-child { margin-right: 4px; } } .emoji { min-width: 3em; min-height: 3em; padding: 0; // font-size: large; widget { transition: $shorter_transition; &:hover { font-size: larger; } } } materia-theme-20180321/src/_sass/gtk/_drawing-3.18.scss000066400000000000000000000220231325420104000222260ustar00rootroot00000000000000// generic drawing of more complex things // ripple effect animations @keyframes ripple_effect { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(gtkalpha(currentColor, $lower_opacity / 2)), to(transparent)), linear-gradient(to bottom, gtkalpha(currentColor, 0)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(gtkalpha(currentColor, $lower_opacity / 2)), to(transparent)), linear-gradient(to bottom, gtkalpha(currentColor, $lower_opacity / 2)); } } @keyframes flat_ripple_effect { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(gtkalpha(currentColor, $lower_opacity / 2)), to(transparent)), linear-gradient(to bottom, gtkalpha(currentColor, $lower_opacity / 2)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(gtkalpha(currentColor, $lower_opacity / 2)), to(transparent)), linear-gradient(to bottom, gtkalpha(currentColor, $lower_opacity / 2)); } } @keyframes list_ripple_effect { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(gtkalpha(currentColor, $lower_opacity / 2)), to(transparent)), linear-gradient(to bottom, gtkalpha(currentColor, 0)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(gtkalpha(currentColor, $lower_opacity / 2)), to(transparent)), linear-gradient(to bottom, gtkalpha(currentColor, 0)); } } @mixin entry($t, $fc: $primary_color) { // // entry // // $t: entry type // $fc: focus color // @if $t == normal { transition: $longer_transition, $shadow_transition; box-shadow: $shadow_1; background-color: if($fc == $primary_color, $base_color, $fc); color: if($fc == $primary_color, $fg_color, $inverse_fg_color); } @if $t == focus { box-shadow: $shadow_2; } @if $t == insensitive { color: $disabled_fg_color; background-color: $alt_base_color; } @if $t == flat-normal { transition: $longer_transition; border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to($fc), to(transparent)) 0 0 0 / 0 0 0px; border-radius: 0; box-shadow: inset 0 -1px if($fc == $primary_color, $fill_color, $fc); background-color: transparent; color: $fg_color; } @if $t == flat-focus { border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to($fc), to(transparent)) 0 0 2 / 0 0 2px; box-shadow: inset 0 -2px $fc; transition: $longer_transition, box-shadow 0 $longer_duration; } @if $t == flat-insensitive { box-shadow: inset 0 -1px $fill_color; background-color: transparent; color: $disabled_fg_color; } } @mixin button($t, $c: $lighter_bg_color) { // // button // // $t: button type // $c: base color // @if $t == normal { transition: $longer_transition, $shadow_transition; box-shadow: $shadow_1; background-color: $c; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(gtkalpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, gtkalpha(currentColor, 0)); color: $button_fg_color; } @if $t == hover { box-shadow: $shadow_2; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(gtkalpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, gtkalpha(currentColor, 0)); color: $fg_color; } @if $t == active { transition: $longer_transition, $shadow_transition, background-image 0; animation: ripple_effect $longer_duration $deceleration_curve forwards; box-shadow: $shadow_2; color: $fg_color; } @if $t == insensitive { box-shadow: none; background-color: $fill_color; color: if($c == $lighter_bg_color, $disabled_secondary_fg_color, $disabled_fg_color); > .label { color: inherit; } } @if $t == checked { background-color: $primary_color; color: $inverse_fg_color; } @if $t == checked-insensitive { background-color: $fill_color; color: rgba($primary_color, $disabled_opacity); > .label { color: inherit; } } @if $t == flat-normal { transition: $longer_transition; box-shadow: none; background-color: transparent; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(gtkalpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, gtkalpha(currentColor, 0)); color: gtkalpha(currentColor, $secondary_opacity); } @if $t == flat-hover { box-shadow: none; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(gtkalpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, gtkalpha(currentColor, $lower_opacity / 2)); color: currentColor; } @if $t == flat-active { transition: $longer_transition, background-image 0; animation: flat_ripple_effect $longer_duration $deceleration_curve forwards; box-shadow: none; color: currentColor; } @if $t == flat-insensitive { box-shadow: none; background-color: transparent; color: if($c == $lighter_bg_color, gtkalpha(currentColor, $secondary_opacity * $disabled_opacity), gtkalpha(currentColor, $disabled_opacity)); > .label { color: inherit; } } @if $t == flat-checked { background-color: $fill_color; color: currentColor; } @if $t == flat-checked-insensitive { background-color: $fill_color; color: gtkalpha(currentColor, $disabled_opacity); > .label { color: inherit; } } } @mixin overshoot($p) { // // overshoot // // $p: position // // possible $p values: // top, bottom, right, left // $_position: center $p; @if ($p == left) or ($p == right) { $_position: $p center; } background-image: -gtk-gradient(radial, $_position, 0, $_position, 0.75, to(rgba($alt_primary_color, $lower_opacity)), to(transparent)); background-repeat: no-repeat; background-position: $_position; background-color: transparent; // reset some properties to be sure to not inherit them somehow border: none; // box-shadow: none; // } @mixin undershoot($p) { // // undershoot // // $p: position // // possible $p values: // top, bottom, right, left // $_undershoot_color_dark: $track_color; $_undershoot_color_light: rgba($base_color, $lower_opacity); $_gradient_dir: left; $_dash_bg_size: 12px 1px; $_gradient_repeat: repeat-x; $_bg_pos: left $p; @if ($p == left) or ($p == right) { $_gradient_dir: top; $_dash_bg_size: 1px 12px; $_gradient_repeat: repeat-y; $_bg_pos: $p top; } background-color: transparent; // shouldn't be needed, but better to be sure background-image: linear-gradient(to $_gradient_dir, // this is the dashed line $_undershoot_color_light 50%, $_undershoot_color_dark 50%); padding-#{$p}: 1px; background-size: $_dash_bg_size; background-repeat: $_gradient_repeat; background-origin: content-box; background-position: $_bg_pos; } materia-theme-20180321/src/_sass/gtk/_drawing-3.20.scss000066400000000000000000000156721325420104000222330ustar00rootroot00000000000000// generic drawing of more complex things // ripple effect animations @keyframes ripple_effect { to { background-size: 1000% 1000%; } } @keyframes header_ripple_effect { from { background-image: radial-gradient(circle farthest-corner at center, $primary_color 0%, transparent 0%); } to { background-image: radial-gradient(circle farthest-corner at center, $primary_color 100%, transparent 0%); } } @mixin entry($t, $fc: $primary_color) { // // entry // // $t: entry type // $fc: focus color // @if $t == normal { transition: $longer_transition, $shadow_transition; border-image: none; box-shadow: $shadow_1; background-color: if($fc == $primary_color, $base_color, $fc); color: if($fc == $primary_color, $fg_color, $inverse_fg_color); } @if $t == focus { border-image: none; box-shadow: $shadow_2; } @if $t == disabled { box-shadow: $shadow_1; background-color: $alt_base_color; color: $disabled_fg_color; } @if $t == flat-normal { transition: $longer_transition; border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), $fc 0%, transparent 0%) 0 0 0 / 0 0 0px; box-shadow: inset 0 -1px if($fc == $primary_color, $track_color, $fc); background-color: transparent; color: $fg_color; } @if $t == flat-focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), $fc 100%, transparent 0%) 0 0 2 / 0 0 2px; box-shadow: inset 0 -1px if($fc == $primary_color, $track_color, $fc); } @if $t == flat-disabled { box-shadow: inset 0 -1px $divider_color; background-color: transparent; color: $disabled_fg_color; } } @mixin button($t, $c: $lighter_bg_color) { // // button // // $t: button type // $c: base color // @if $t == normal { transition: $longer_transition, $shadow_transition, background-size $ripple_duration $deceleration_curve, background-image $ripple_duration * 2 $deceleration_curve; box-shadow: $shadow_1, inset 0 0 0 9999px transparent; background-color: $c; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; color: $button_fg_color; } @if $t == hover { box-shadow: $shadow_2, inset 0 0 0 9999px transparent; color: $fg_color; } @if $t == active { transition: $longer_transition, background-size 0, background-image 0; animation: ripple_effect $longer_duration $deceleration_curve forwards; box-shadow: $shadow_2, inset 0 0 0 9999px $semi_fill_color; background-image: radial-gradient(circle farthest-corner at center, $semi_fill_color 10%, transparent 0%); background-size: 0% 0%; color: $fg_color; } @if $t == disabled { box-shadow: none; background-color: $divider_color; color: if($c == $lighter_bg_color, $disabled_secondary_fg_color, $disabled_fg_color); } @if $t == checked { background-color: $primary_color; color: $inverse_fg_color; } @if $t == checked-disabled { background-color: rgba($primary_color, $lower_opacity); color: rgba($primary_color, $disabled_opacity); } @if $t == flat-normal { transition: $longer_transition, background-size $ripple_duration $deceleration_curve, background-image $ripple_duration * 2 $deceleration_curve; box-shadow: inset 0 0 0 9999px transparent; background-color: transparent; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; color: $secondary_fg_color; } @if $t == flat-hover { box-shadow: inset 0 0 0 9999px $semi_fill_color; color: $fg_color; } @if $t == flat-active { transition: $longer_transition, background-size 0, background-image 0; animation: ripple_effect $longer_duration $deceleration_curve forwards; box-shadow: inset 0 0 0 9999px $semi_fill_color; background-image: radial-gradient(circle farthest-corner at center, $semi_fill_color 10%, transparent 0%); background-size: 0% 0%; color: $fg_color; } @if $t == flat-disabled { box-shadow: none; background-color: transparent; color: if($c == $lighter_bg_color, $disabled_secondary_fg_color, $disabled_fg_color); } @if $t == flat-checked { background-color: $track_color; color: $fg_color; } @if $t == flat-checked-disabled { background-color: $divider_color; color: $disabled_fg_color; } } @mixin overshoot($p) { // // overshoot // // $p: position // // possible $p values: // top, bottom, right, left // $_position: center $p; @if ($p == left) or ($p == right) { $_position: $p center; } background-image: -gtk-gradient(radial, $_position, 0, $_position, 0.75, to(rgba($alt_primary_color, $lower_opacity)), to(transparent)); background-repeat: no-repeat; background-position: $_position; background-color: transparent; // reset some properties to be sure to not inherit them somehow border: none; // box-shadow: none; // } @mixin undershoot($p) { // // undershoot // // $p: position // // possible $p values: // top, bottom, right, left // $_undershoot_color_dark: $track_color; $_undershoot_color_light: rgba($base_color, $lower_opacity); $_gradient_dir: left; $_dash_bg_size: 12px 1px; $_gradient_repeat: repeat-x; $_bg_pos: left $p; @if ($p == left) or ($p == right) { $_gradient_dir: top; $_dash_bg_size: 1px 12px; $_gradient_repeat: repeat-y; $_bg_pos: $p top; } background-color: transparent; // shouldn't be needed, but better to be sure background-image: linear-gradient(to $_gradient_dir, // this is the dashed line $_undershoot_color_light 50%, $_undershoot_color_dark 50%); padding-#{$p}: 1px; background-size: $_dash_bg_size; background-repeat: $_gradient_repeat; background-origin: content-box; background-position: $_bg_pos; } materia-theme-20180321/src/_sass/gtk/_variables.scss000066400000000000000000000034141325420104000221570ustar00rootroot00000000000000$asset_suffix: if($variant == 'dark', '-dark', ''); $extra_background_clip: if($variant == 'light', padding-box, border-box); // opacities $higher_opacity: 0.9; $middle_opacity: 0.6; $lower_opacity: 0.3; $secondary_opacity: 0.75; $hint_opacity: 0.6; $disabled_opacity: 0.5; // sizes $small_size: if($compact == 'false', 24px, 20px); $medium_size: if($compact == 'false', 36px, 32px); $large_size: if($compact == 'false', 48px, 44px); $container_padding: 6px; $bar_size: 4px; $menuitem_size: 28px; // radiuses $material_radius: 2px; $circular_radius: 9999px; // durations $shorter_duration: 180ms; $longer_duration: 270ms; $ripple_duration: 450ms; // timing functions $standard_curve: cubic-bezier(0.4, 0.0, 0.2, 1); $deceleration_curve: cubic-bezier(0.0, 0.0, 0.2, 1); $acceleration_curve: cubic-bezier(0.4, 0.0, 1, 1); $sharp_curve: cubic-bezier(0.4, 0.0, 0.6, 1); // transition shorthands $shorter_transition: all $shorter_duration $deceleration_curve; $longer_transition: all $longer_duration $deceleration_curve; $shadow_transition: box-shadow $shorter_duration $deceleration_curve; // shadows // based shadow values: // https://material-design.storage.googleapis.com/images/layout-principles-dimensionality-shadows-08_large_mdpi.png // box-shadow 1px blur doesn't draw correctly, see // https://bugzilla.gnome.org/show_bug.cgi?id=738484 // $shadow_1: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); $shadow_1: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); $shadow_2: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); $shadow_3: 0 10px 10px rgba(0, 0, 0, 0.19), 0 6px 3px rgba(0, 0, 0, 0.23); $shadow_4: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22); $shadow_5: 0 19px 19px rgba(0, 0, 0, 0.30), 0 15px 6px rgba(0, 0, 0, 0.22); materia-theme-20180321/src/_sass/gtk/apps/000077500000000000000000000000001325420104000201145ustar00rootroot00000000000000materia-theme-20180321/src/_sass/gtk/apps/_budgie.scss000066400000000000000000000313041325420104000224100ustar00rootroot00000000000000// based css: // https://github.com/budgie-desktop/budgie-desktop/tree/master/src/theme /****************** * Budgie Desktop * ******************/ // Container for both the "panel" area and the shadow. Wise to keep // this transparent.. .budgie-container { background-color: transparent; } .budgie-settings-window buttonbox.inline-toolbar { border-style: none none solid; button { border-radius: 2px; -gtk-outline-radius: 2px; @extend %simple_flat_button; } } .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: $material_radius + 1px; box-shadow: $shadow_2; background-color: $lighter_bg_color; .container { padding: 2px; } border { border: none; } list { background-color: transparent; } row { padding: 0; &:hover { box-shadow: none; } } &:not(.budgie-menu) button.flat:not(.image-button) { min-height: $menuitem_size; padding: 0 8px; color: $fg_color; font-weight: normal; &:disabled { color: $disabled_fg_color; } } &.budgie-menu { .container { padding: 0; } } &.user-menu { .container { padding: 8px; } separator { margin: 4px 0; } } &.sound-popover { separator { margin: 3px 0; } } &.night-light-indicator { .container { padding: 8px; } } &.places-menu { .container { padding: 8px; } .places-list:not(.always-expand) { margin-top: 4px; padding-top: 4px; border-top: 1px solid $border_color; } // I guess this really should be hard-coded as well as other dim-labels. .alternative-label { padding: 3px; font-size: 15px; } } &.workspace-popover { .container { padding: 2px 8px 8px; } separator { margin: 4px 0; } flowboxchild { padding: 0; } } } // FIXME: workspace has unnecessary/unknown margin .workspace-switcher { .workspace-layout { border: 0 solid $inverse_divider_color; .top &, .bottom & { &:dir(ltr) { border-left-width: 1px; } &:dir(rtl) { border-right-width: 1px; } } .left &, .right & { border-top-width: 1px; } } .workspace-item, .workspace-add-button { border: 0 solid $inverse_divider_color; .top &, .bottom & { &:dir(ltr) { border-right-width: 1px; } &:dir(rtl) { border-left-width: 1px; } } .left &, .right & { border-bottom-width: 1px; } } .workspace-item { transition: $shorter_transition; &.current-workspace { background-color: $inverse_divider_color; } } .workspace-add-button { &:hover { box-shadow: none; } &:active { background-image: none; } &:active image { margin: 1px 0 -1px; } } .workspace-icon-button { .budgie-panel & { // to overwrite the .budgie-panel button style below min-height: 24px; min-width: 24px; padding: 0; border-radius: 2px; } } } // Budgie Menu .budgie-menu { &.background { padding: 0; background-color: $base_color; } scrollbar, entry.search { background-color: transparent; } entry.search { border-bottom: 1px solid $border_color; border-radius: 0; box-shadow: none; font-size: 120%; } .categories { &:dir(ltr) { border-bottom-left-radius: $material_radius; } &:dir(rtl) { border-bottom-right-radius: $material_radius; } } button { @extend row.activatable; min-height: 32px; padding: 0 8px; border-radius: 0; color: $fg_color; font-weight: normal; &:disabled { color: $disabled_fg_color; } &:checked { @extend %selected_items; } &:checked:disabled { background-color: $primary_color; } // overriding } row { padding: 0; &:hover { box-shadow: none; } } } // Menu Button button.budgie-menu-launcher { // padding: 0 2px; } // User Menu popover.background.user-menu { padding: 8px; .content-box { background-color: transparent; } separator { margin: 4px 0; } row { padding: 0; box-shadow: none; background-image: none; } } // Raven Trigger button.raven-trigger { // padding: 0 4px; } // Places Menu popover.background.places-menu { padding: 8px; // FIXME: untested .message-bar { // margin-bottom: 4px; } .name-button.text-button { // padding: 4px 8px; padding-left: 8px; padding-right: 8px; image { &:dir(ltr) { margin-right: 8px - 5px; } &:dir(rtl) { margin-left: 8px - 5px; } } } // FIXME: untested .unmount-button { // padding: ($medium_size - 24px) / 2; } .places-section-header > image { &:dir(ltr) { margin: 0 8px - 10px 0 8px - 3px; } &:dir(rtl) { margin: 0 8px - 3px 0 8px - 10px; } } .places-list { margin-top: 4px; padding-top: 4px; border-top: 1px solid $border_color; background-color: transparent; } row { padding: 0; box-shadow: none; background-image: none; } // FIXME: untested .unlock-area { entry { } button { } } } // Panel .budgie-panel { transition: background-color $longer_duration $deceleration_curve; background-color: $solid_panel_bg_color; color: $inverse_secondary_fg_color; font-weight: 500; &.transparent { background-color: $panel_bg_color; } button { @extend %flat_button; @extend %button_selected.flat; min-height: 16px; min-width: 16px; padding: 0; border-radius: 0; &:checked { background-color: $inverse_divider_color; } } &.horizontal button { padding: 0 4px; } &.vertical button { padding: 4px 0; } separator { background-color: $inverse_track_color; } // used to indicate unread notifications .alert { color: $destructive_color; } // End Section needs to be fancy .end-region { // background-color: rgba(0,0,0,0.2); } // Tasklist #tasklist-button { padding: 0 4px; @extend %underscores; } &.vertical #tasklist-button { min-height: 32px; } // Icon Tasklist button.flat.launcher { padding: 0; @extend %underscores; // for indicator colors &:not(:checked) { color: $inverse_hint_fg_color; &:hover, &:active { color: $inverse_secondary_fg_color; } &:disabled { color: $inverse_track_color; } } } .unpinned button.flat.launcher, .pinned button.flat.launcher.running { @extend %underscores:checked; } } %underscores { @each $pos, $b_pos, $b_wid in (top, center calc(1px), 2 0 0 0 / 2px 0 0 0), (bottom, center calc(100% - 1px), 0 0 2 0 / 0 0 2px 0), (left, calc(1px) center, 0 0 0 2 / 0 0 0 2px), (right, calc(100% - 1px) center, 0 2 0 0 / 0 2px 0 0) { .#{$pos} & { & { border-image: radial-gradient(circle closest-corner at #{$b_pos}, currentColor 0%, transparent 0%) 0 0 0 0 / 0 0 0 0; } &:checked { border-image: radial-gradient(circle closest-corner at #{$b_pos}, currentColor 100%, transparent 0%) #{$b_wid}; } } } } frame.raven-frame > border { border-style: none; box-shadow: $shadow_4; } $pos_list: ((top, bottom), (bottom, top), (left, right), (right, left)); @each $pos, $b_pos in $pos_list { // Panel borders // .#{$pos} .budgie-panel { border-#{$b_pos}: 1px solid $border_color; } // Raven borders .#{$pos} frame.raven-frame > border { margin-#{$b_pos}: 32px; // border-#{$b_pos}: 1px solid $border_color; } // Shadows // .#{$pos} .shadow-block { background-image: linear-gradient(to $b_pos, $border_color, transparent); } } // Raven .raven { background-color: $lighter_bg_color; // for >=10.4 > box { margin-bottom: -10px; } // for <10.4 > stack { margin-bottom: -10px; } // > stack > box:last-child > stack { margin-top: -6px; } stackswitcher.linked > button { @extend %flat_button; @extend %button_selected.flat; border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), $warning_bg_color 0%, transparent 0%) 0 0 0 / 0 0 0px; border-radius: 0; &:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), $warning_bg_color 100%, transparent 0%) 0 0 2 / 0 0 2px; background-color: transparent; } } .raven-header { min-height: $medium_size; padding: 3px; &:not(.top) { margin-top: -6px; // remove extra spaces, but not perfect :( button { @extend %simple_flat_button; &.image-button { @extend %circular_button; } } } &.top { padding: 2px 0; background-color: $primary_color; color: $inverse_fg_color; stackswitcher button { margin: -$container_padding 0; min-height: $medium_size; } // for <10.4 button.image-button { &:dir(ltr) { margin-right: 2px; } &:dir(rtl) { margin-left: 2px; } } // for <10.4 > image { margin: 0 8px; } // for <10.4 > label { margin: 0 -8px; font-weight: bold; } } &.bottom { border-top: 1px solid $border_color; } } viewport.frame .raven-header { margin-top: -8px; } .expander-button { @extend %circular_button; } .raven-background { border-style: solid none; border-width: 1px; border-color: $border_color; background-color: $base_color; // &.middle { border-bottom-style: none; } // applet background between two headers // for <10.4 &.frame { border-style: solid none; } > overlay > widget > image { color: $divider_color; } // for <10.4 grid > label:first-child { min-height: $medium_size; } // workaround to fix vertical-align // for <10.4 spinbutton:not(.vertical) { @extend %entry.flat; } // for <10.4 button.combo { @extend %combo_flat; } } scrolledwindow.raven-background { border-bottom-style: none; } // for <10.4 .raven-header.top + .raven-background { border-style: none; background-color: $primary_color; color: $inverse_fg_color; stackswitcher button { margin: -4px 0; } } .powerstrip button { margin: 2px 0 1px; padding: ($large_size - 24px) / 2; } .option-subtitle { font-size: smaller; } } // Calendar calendar.raven-calendar { // padding: 3px; border-style: none; background-color: transparent; &:selected { border-radius: 2px; background-color: $primary_color; } } // MPRIS Applet .raven-mpris { background-color: rgba($black, $middle_opacity); color: $inverse_fg_color; label { min-height: 24px; } button.image-button { padding: ($large_size - 24px) / 2; @extend %button_selected.flat; } } // Notifications .budgie-notification-window { background-color: transparent; } .budgie-notification { .notification-title { font-size: 120%; } .notification-body { @extend .dim-label; } } // On Screen Display in Budgie .budgie-osd-window { @extend .budgie-notification-window; } // Internal part of the OSD .budgie-osd { .budgie-osd-text { font-size: 120%; } } // Alt+tab switcher in Budgie .budgie-switcher-window { @extend .budgie-notification-window; } // Internal part of the Switcher .budgie-switcher { @extend .budgie-notification; } .drop-shadow { margin: 5px 9px; padding: 3px; border-radius: 2px; box-shadow: $shadow_2, inset 0 1px $highlight_color; background-color: $lighter_bg_color; button { @extend %simple_flat_button; } .linked > button { border-radius: 2px; } } %budgie_dialog { border-radius: 2px; background-color: $lighter_bg_color; decoration { border-radius: 2px; } } // Session Dialog .budgie-session-dialog { @extend %budgie_dialog; label:not(:last-child), .dialog-title { font-size: 120%; } .linked.horizontal > button { padding: 8px 16px; border-top: 1px solid $border_color; border-radius: 0; @extend %simple_flat_button; &:first-child { border-bottom-left-radius: 2px; } &:last-child { border-bottom-right-radius: 2px; } } } // PolKit Dialog .budgie-polkit-dialog { @extend %budgie_dialog; .message { color: $hint_fg_color; } .failure { color: $destructive_color; } } // Run Dialog .budgie-run-dialog { @extend %budgie_dialog; background-color: $base_color; entry.search { font-size: 120%; padding: $container_padding 8px + $container_padding; box-shadow: inset 0 1px $highlight_color; background-color: transparent; } list .dim-label { opacity: 1; } scrolledwindow { border-top: 1px solid $border_color; } } materia-theme-20180321/src/_sass/gtk/apps/_gnome-3.20.scss000066400000000000000000000344671325420104000226530ustar00rootroot00000000000000/************ * Nautilus * ************/ // based css: // https://gitlab.gnome.org/GNOME/nautilus/blob/gnome-3-20/src/resources/css/Adwaita.css // hard-coded css: // https://gitlab.gnome.org/GNOME/nautilus/blob/gnome-3-20/src/resources/css/nautilus.css .nautilus-window, .nautilus-window notebook, .nautilus-window notebook > stack { background-color: $base_color; } .nautilus-canvas-item { // border-radius: $material_radius; } .nautilus-canvas-item.dim-label, .nautilus-list-dim-label { // @extend .dim-label; } .nautilus-desktop.nautilus-canvas-item:not(:selected) { // background-color: rgba($black, $lower_opacity); color: $inverse_fg_color; text-shadow: $shadow_1; } // Toolbar @keyframes needs_attention_keyframes { to { background-color: $fill_color; } } .nautilus-operations-button-needs-attention { animation: needs_attention_keyframes $longer_duration $standard_curve 2 alternate; } .nautilus-operations-button-needs-attention-multiple { animation: needs_attention_keyframes $longer_duration $standard_curve 4 alternate; } // Floating status bar .nautilus-window .floating-bar { @extend %osd; // @extend .toolbar.osd; min-height: 32px; padding: 0; border-style: solid solid none; border-width: 1px; border-color: $border_color; border-radius: (2px + 1px) (2px + 1px) 0 0; background-color: $base_color; background-clip: $extra_background_clip; transition: $longer_transition, border-width 0; &.bottom.left { // axes left border and border radius margin-right: 8px - 1px; border-left-style: none; border-top-left-radius: 0; } &.bottom.right { // axes right border and border radius margin-left: 8px - 1px; border-right-style: none; border-top-right-radius: 0; } button { margin: (32px - $small_size) / 2; @extend %small_button; } } .disk-space-display { // border-style: solid; // border-width: 2px; &.unknown { background-color: $warning_color; } &.used { background-color: $primary_color; } &.free { background-color: $divider_color; } } // View // Hide superfluous treeview drop target indication .nautilus-list-view .view:not(.dnd) { // border-bottom: 1px solid $border_color; } .documents-entry-tag { @extend .entry-tag; } // Make operations button circular .nautilus-window headerbar > revealer > button { @extend %circular_button; } // Ensure paned separator rendering. See issue #84 for details. .nautilus-window paned > separator { background-color: $bg_color; } /********* * gedit * *********/ // based css: // https://git.gnome.org/browse/gedit/tree/gedit/resources/css/gedit.adwaita.css?h=gnome-3-20 // hard-coded css: // https://git.gnome.org/browse/gedit/tree/gedit/resources/css/gedit-style.css?h=gnome-3-20 // Only normal state is handle .open-document-selector-name-label { // font-weight: bold; } // Only normal state is handle .open-document-selector-path-label { color: $secondary_fg_color; font-size: smaller; &:selected { color: $inverse_secondary_fg_color; } } .gedit-document-panel { background-color: $alt_base_color; // Try to look as the notebook tab close button row button.flat { margin-top: 8px; margin-bottom: 8px; @extend %small_button; } } .gedit-document-panel-group-row:not(:first-child) { border-top: 1px solid $border_color; } .gedit-side-panel-paned statusbar { border-top: 1px solid $border_color; } .gedit-search-slider { margin: 4px 4px 8px; entry { &:dir(ltr), &:dir(rtl) { // specificity bump border-radius: 2px; .gedit-search-entry-occurrences-tag { all: unset; color: $hint_fg_color; } } $buttons_width: $small_size * 2 + $container_padding * 3; &:dir(ltr) { margin-right: -$buttons_width; padding-right: $buttons_width; .gedit-search-entry-occurrences-tag { margin-left: $container_padding; } image.right { margin-right: 0; } } &:dir(rtl) { margin-left: -$buttons_width; padding-left: $buttons_width; .gedit-search-entry-occurrences-tag { margin-right: $container_padding; } image.left { margin-left: 0; } } &.error ~ button { color: $inverse_secondary_fg_color; &:hover, &:active { color: $inverse_fg_color; } &:disabled { color: $inverse_disabled_secondary_fg_color; } } } button { border: solid $container_padding transparent; @extend %simple_flat_button; &:dir(ltr), &:dir(rtl) { @extend %small_button; } // specificity bump &:last-child:dir(ltr), &:not(:first-child):dir(rtl) { margin-left: -$container_padding / 2; } &:first-child:dir(rtl), &:not(:last-child):dir(ltr) { margin-right: -$container_padding / 2; } } } frame.gedit-map-frame > border { &:dir(ltr) { border-style: none none none solid; } &:dir(rtl) { border-style: none solid none none; } } /************** * Tweak Tool * **************/ // hard-coded css: // https://gitlab.gnome.org/GNOME/gnome-tweaks/blob/gnome-3-20/data/shell.css // the sidebar .tweak-categories { // padding: 4px 0; // background-color: shade(@theme_bg_color, 0.99); background-image: image($alt_base_color); separator { @extend %hide_separators; } } .tweak { // padding-top: 3px; padding: 3px; &.title:hover { box-shadow: none; } } .tweak-group-white, .tweak-white, .tweak-white:hover { // background-color: white; background-image: image($base_color); } .tweak-startup, .tweak-startup:hover { // background-color: lighter(shade(@theme_bg_color, 0.9)); background-image: image($base_color); } .tweak-group-startup { // background-color: @view_separators; background-image: image($base_color); border: 1px solid $border_color; } /*********** * Builder * ***********/ // based css: // https://gitlab.gnome.org/GNOME/gnome-builder/tree/gnome-builder-3-20/data/theme // hard-coded css: // https://gitlab.gnome.org/GNOME/gnome-builder/blob/gnome-builder-3-20/data/theme/shared.css // Titlebar adjustments for workbench // // This is needed due to our placement of headerbar inside of a // stack. We were seeing black edges around the header bar, and // improper radius on the headerbar. // workbench { stack.titlebar { padding: 0; // box-shadow: none; } &:not(.tiled):not(.maximized):not(.fullscreen) stack.titlebar headerbar { border-radius: 2px 2px 0 0; // box-shadow: none; } } perspectiveswitcher { background-color: $bg_color; button:checked { color: $primary_color; } } // Layout tab and tab bar tweaks // The following makes the layout stack header look similar to a tab bar. layouttabbar { border-bottom: 1px solid $border_color; background-color: $bg_color; button { @extend %flat_button; } > box > button { margin: (40px - $medium_size) / 2 0; // border-radius: 0; } } layouttab { margin: 0 8px; // not working border-style: none solid; border-width: 1px; border-color: $border_color; box-shadow: inset 0 -2px $primary_color; background-color: $base_color; separator.vertical { margin: 8px 4px; } button { &.text-button, &.image-button, & { margin-top: 8px; margin-bottom: 8px; padding: 0 4px; } } // Close button styling for layouttab. // > box > button.close { @extend %circular_button; } } layout { border: 1px solid $border_color; -PnlDockBin-handle-size: 1; } entry.search-missing { background-color: $error_color; color: $inverse_fg_color; } // tweak icons for treeviews workbench treeview.image { color: $secondary_fg_color; &:selected { color: $inverse_secondary_fg_color; } } dockbin { border: 1px solid $border_color; -PnlDockBin-handle-size: 1; } dockpaned { border: 1px solid $border_color; } eggsearchbar box.search-bar { padding: 0 8px; border-bottom: 1px solid $border_color; background-color: $bg_color; } docktabstrip { padding: 0 8px; border-bottom: 1px solid $border_color; background-color: $bg_color; } docktab { transition: $longer_transition, background-size 0, background-image 0; min-height: $small_size; min-width: $small_size; margin-bottom: -1px; padding: $container_padding 6px; outline-offset: -6px; border-width: 1px; // for reorderable tabs border-color: transparent; // background-image: radial-gradient(circle farthest-corner at center, $primary_color 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; color: $secondary_fg_color; font-weight: 500; &:hover { box-shadow: inset 0 -2px $track_color; color: $fg_color; } &:checked { transition: $longer_transition, background-size $longer_duration $deceleration_curve, background-image $longer_duration + $ripple_duration $deceleration_curve; box-shadow: inset 0 -2px $primary_color; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-size: 1000% 1000%; color: $fg_color; } } dockoverlayedge { background-color: $bg_color; docktabstrip { padding: 0; border: none; } &.left-edge docktab { &:hover { box-shadow: inset -2px 0 $track_color; } &:checked { box-shadow: inset -2px 0 $primary_color; } } &.right-edge docktab { &:hover { box-shadow: inset 2px 0 $track_color; } &:checked { box-shadow: inset 2px 0 $primary_color; } } } pillbox { background-color: $bg_color; border-radius: 2px; } buildperspective row { padding: 10px; } layoutpane entry.search { @extend %entry.flat; box-shadow: inset 0 -1px $border_color; background-color: $base_color; } editortweak entry.search { @extend %entry.flat; margin-bottom: -1px; box-shadow: none; } // // let's tweak hard-coded elements // // styling for editor search frame.gb-search-frame { // border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .gb-search-entry-occurrences-tag { box-shadow: none; background-color: transparent; } // Keep search bar and layouttab height in sync. // layouttabbar > box, // eggsearchbar > revealer > box, docktabstrip { min-height: 39px; } eggsearchbar entry { // min-height: 24px; } workbench preferences preferencesgroup list entry { // background: none; // min-height: 0px; padding-top: 8px; padding-bottom: 8px; } /********** * Photos * **********/ // based css: // https://gitlab.gnome.org/GNOME/gnome-photos/blob/gnome-3-20/data/Adwaita.css GdMainIconView.content-view { -GdMainIconView-icon-size: 48; // Make spinner visible on both dark and bright backgrounds w/o making // it look ugly/weird. // &.cell:active { color: $hint_fg_color; } } .documents-counter { margin: 8px; border-radius: $circular_radius; box-shadow: $shadow_2; background-color: $accent_color; color: $inverse_fg_color; font-weight: bold; } .photos-entry-tag { @extend .entry-tag; } .documents-scrolledwin.frame { border-style: none; } .photos-icon-bg { } .photos-fade-in { opacity: 1; transition: opacity $shorter_duration $deceleration_curve; } .photos-fade-out { opacity: 0; transition: opacity $shorter_duration $deceleration_curve; } .photos-collection-icon { } overlay grid.horizontal > revealer > scrolledwindow.frame { &:dir(ltr) { border-style: none none none solid; } &:dir(rtl) { border-style: none solid none none; } } /********* * Music * *********/ // hard-coded css: // https://gitlab.gnome.org/GNOME/gnome-music/blob/gnome-3-20/data/application.css .side-panel:dir(ltr) { // border-width: 0 1px 0 0; border-style: solid; border-color: $border_color; } .side-panel:dir(rtl) { // border-width: 0 0 0 1px; border-style: solid; border-color: $border_color; } .side-panel .view { // background-color: mix(@theme_fg_color, @theme_bg_color, 0.9); background-image: image($alt_base_color); &:hover { background-image: image(mix($fg_color, $alt_base_color, percentage(0.05))); } } .side-panel .view:selected { // background-color: mix(@theme_fg_color, @theme_bg_color, 0.5); background-image: image($primary_color); &:hover { background-image: image(mix($inverse_fg_color, $primary_color, percentage(0.05))); } } .playlists-list { // box-shadow: inset 0 -1px @view_separators; } .songs-list { // box-shadow: inset 0 1px shade(@borders, 1.30); // background-color: @theme_bg_color; &:hover { background-image: image($row_fill_color); } } frame.documents-dropdown { @extend toolbar.osd; margin: 8px; > border { border: none; } } box.vertical:not(.titlebar) > revealer > toolbar.search-bar { border-bottom: 1px solid $border_color; button > widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); // -GtkArrow-arrow-scaling: 1; } } /********* * To Do * *********/ task-row { transition: $shorter_transition; margin: 0 -4px; &:hover { transition: none; } label { margin: 0 8px; } image { margin: 0 4px; } } task-list-view > box > revealer > box > button { min-height: $medium_size; margin: -4px; padding: 0 12px; label { margin: 0 8px; } image { margin: 0 4px; } } /******* * eog * *******/ #eog-thumb-nav { scrolledwindow { border-top: none; } button { -gtk-outline-radius: 2px; } } /************* * 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 $border_color; } list.categories { background-image: image($alt_base_color); } /********* * Boxes * *********/ .transparent-bg + stack overlay > label { min-height: 24px; padding: 0 4px; border-radius: $material_radius; background-color: rgba($black, $lower_opacity); color: $inverse_fg_color; } /************** * Calculator * **************/ button.title label { min-height: $medium_size; } /********* * Geary * *********/ // fix a issue that separator seems double .geary-titlebar-left { &:dir(ltr) { margin-right: 5px; padding-right: 0; } &:dir(rtl) { margin-left: 5px; padding-left: 0; } > separator { background-color: rgba($black, 0.05); } } .geary-titlebar-right { &:dir(ltr) { margin-left: -5px; } &:dir(rtl) { margin-right: -5px; } } materia-theme-20180321/src/_sass/gtk/apps/_gnome-3.22.scss000066400000000000000000000454371325420104000226540ustar00rootroot00000000000000/************ * Nautilus * ************/ // based css: // https://gitlab.gnome.org/GNOME/nautilus/blob/master/src/resources/css/Adwaita.css // hard-coded css: // https://gitlab.gnome.org/GNOME/nautilus/blob/master/src/resources/css/nautilus.css .nautilus-window, .nautilus-window notebook, .nautilus-window notebook > stack { background-color: $base_color; } .nautilus-canvas-item { // border-radius: $material_radius; } .nautilus-canvas-item.dim-label, .nautilus-list-dim-label { // @extend .dim-label; } .nautilus-desktop.nautilus-canvas-item:not(:selected) { // background-color: rgba($black, $lower_opacity); color: $inverse_fg_color; text-shadow: $shadow_1; } // Toolbar @keyframes needs_attention_keyframes { to { background-color: $fill_color; } } .nautilus-operations-button-needs-attention { animation: needs_attention_keyframes $longer_duration $standard_curve 2 alternate; } .nautilus-operations-button-needs-attention-multiple { animation: needs_attention_keyframes $longer_duration $standard_curve 4 alternate; } // Floating status bar .nautilus-window .floating-bar { @extend %osd; // @extend .toolbar.osd; min-height: 32px; padding: 0; border-style: solid solid none; border-width: 1px; border-color: $border_color; border-radius: (2px + 1px) (2px + 1px) 0 0; background-color: $base_color; background-clip: $extra_background_clip; transition: $longer_transition, border-width 0; &.bottom.left { // axes left border and border radius margin-right: 8px - 1px; border-left-style: none; border-top-left-radius: 0; } &.bottom.right { // axes right border and border radius margin-left: 8px - 1px; border-right-style: none; border-top-right-radius: 0; } button { margin: (32px - $small_size) / 2; @extend %small_button; } } .disk-space-display { // border-style: solid; // border-width: 2px; &.unknown { background-color: $warning_color; } &.used { background-color: $primary_color; } &.free { background-color: $divider_color; } } // View // Hide superfluous treeview drop target indication .nautilus-list-view .view:not(.dnd) { // border-bottom: 1px solid $border_color; } .documents-entry-tag { @extend .entry-tag; } .conflict-row:not(:selected) { background-color: mix($warning_color, $base_color, percentage($lower_opacity)); } // Icon view .nautilus-window flowboxchild { // > widget > box > .icon-background { background-color: black; } > widget > .icon-item-background { padding: 4px; border-radius: $material_radius; } &:selected { background-color: transparent; > widget > .icon-item-background { background-color: $primary_color; } } } // Batch rename dialog dialog.background > box.dialog-vbox.vertical > grid.horizontal { > scrolledwindow.frame { border-style: none; } > box.horizontal:last-child { margin: -6px 0 0 -6px; border-top: 1px solid $border_color; > label { margin: 0 8px; } > box > button { border-radius: 0; } } } // Tweak to fix the messy sizing of the popover menu .nautilus-window > popover.menu:not(:last-child) { padding: 3px; > stack > box > box > box { margin-top: -6px; > box { margin-bottom: -6px; &.linked { margin-top: 1px; } } } separator { margin-bottom: -2px; } } .nautilus-menu-sort-heading { // min-height: 26px; // padding-left: 5px; // padding-right: 5px; margin: 1px 3px; font-weight: 500; &:disabled { color: $hint_fg_color; } } // Make operations button circular .nautilus-window headerbar > revealer > button { @extend %circular_button; } // Ensure paned separator rendering. See issue #84 for details. .nautilus-window paned > separator { background-color: $bg_color; } /********* * gedit * *********/ // based css: // https://git.gnome.org/browse/gedit/tree/gedit/resources/css/gedit.adwaita.css // hard-coded css: // https://git.gnome.org/browse/gedit/tree/gedit/resources/css/gedit-style.css // Only normal state is handle .open-document-selector-name-label { // font-weight: bold; } // Only normal state is handle .open-document-selector-path-label { color: $secondary_fg_color; font-size: smaller; &:selected { color: $inverse_secondary_fg_color; } } .gedit-document-panel { background-color: $alt_base_color; // Try to look as the notebook tab close button row button.flat { margin-top: 8px; margin-bottom: 8px; @extend %small_button; } } .gedit-document-panel-group-row:not(:first-child) { border-top: 1px solid $border_color; } .gedit-side-panel-paned statusbar { border-top: 1px solid $border_color; } .gedit-search-slider { margin: 4px 4px 8px; entry { &:dir(ltr), &:dir(rtl) { // specificity bump border-radius: 2px; .gedit-search-entry-occurrences-tag { all: unset; color: $hint_fg_color; } } $buttons_width: $small_size * 2 + $container_padding * 3; &:dir(ltr) { margin-right: -$buttons_width; padding-right: $buttons_width; .gedit-search-entry-occurrences-tag { margin-left: $container_padding; } image.right { margin-right: 0; } } &:dir(rtl) { margin-left: -$buttons_width; padding-left: $buttons_width; .gedit-search-entry-occurrences-tag { margin-right: $container_padding; } image.left { margin-left: 0; } } &.error ~ button { color: $inverse_secondary_fg_color; &:hover, &:active { color: $inverse_fg_color; } &:disabled { color: $inverse_disabled_secondary_fg_color; } } } button { border: solid $container_padding transparent; @extend %simple_flat_button; &:dir(ltr), &:dir(rtl) { @extend %small_button; } // specificity bump &:last-child:dir(ltr), &:not(:first-child):dir(rtl) { margin-left: -$container_padding / 2; } &:first-child:dir(rtl), &:not(:last-child):dir(ltr) { margin-right: -$container_padding / 2; } } } frame.gedit-map-frame > border { &:dir(ltr) { border-style: none none none solid; } &:dir(rtl) { border-style: none solid none none; } } /************** * Tweak Tool * **************/ // hard-coded css: // https://gitlab.gnome.org/GNOME/gnome-tweaks/blob/master/data/shell.css // the sidebar .tweak-categories { // padding: 4px 0; // background-color: shade(@theme_bg_color, 0.99); background-image: image($alt_base_color); separator { @extend %hide_separators; } } .tweak { // padding-top: 3px; padding: 3px; &.title:hover { box-shadow: none; } } .tweak-group-white, .tweak-white, .tweak-white:hover { // background-color: white; background-image: image($base_color); } .tweak-startup, .tweak-startup:hover { // background-color: lighter(shade(@theme_bg_color, 0.9)); background-image: image($base_color); } .tweak-group-startup { // background-color: @view_separators; background-image: image($base_color); border: 1px solid $border_color; } // // Workaround for 3.26 // row#Focus, row#StaticWorkspaceTweak, // for 3.26.0 row#dynamic-workspaces, row#PrimaryWorkspaceTweak, // for 3.26.0 row#workspaces-only-on-primary { padding: 0; border: 1px solid $border_color; row:not(:last-child) { border-bottom: 1px solid $border_color; } &.tweak > list { margin-top: -3px; } } // Add more spaces between title and list row#Focus, row#PrimaryWorkspaceTweak, // for 3.26.0 row#workspaces-only-on-primary { margin-top: 4px; } /*********** * Builder * ***********/ // based css for 3.22: // https://gitlab.gnome.org/GNOME/gnome-builder/tree/gnome-builder-3-22/data/theme // based css for 3.24: // https://gitlab.gnome.org/GNOME/gnome-builder/tree/gnome-builder-3-24/data/theme // based css for 3.26: // https://gitlab.gnome.org/GNOME/gnome-builder/tree/gnome-builder-3-26/data/themes // Layout tab and tab bar tweaks // The following makes the layout stack header look similar to a tab bar. layouttabbar { border-bottom: 1px solid $border_color; background-color: $bg_color; button { @extend %flat_button; } > box > button { margin: (40px - $medium_size) / 2 0; // border-radius: 0; } } layouttab { margin: 0 8px; // not working border-style: none solid; border-width: 1px; border-color: $border_color; box-shadow: inset 0 -2px $primary_color; background-color: $base_color; separator.vertical { margin: 8px 4px; } button { &.text-button, &.image-button, & { margin-top: 8px; margin-bottom: 8px; padding: 0 4px; } } // Close button styling for layouttab. // > box > button.close { @extend %circular_button; } } layout { border: 1px solid $border_color; -PnlDockBin-handle-size: 1; } entry.search-missing { background-color: $error_color; color: $inverse_fg_color; } // tweak icons for treeviews window.workbench treeview.image { color: $secondary_fg_color; &:selected { color: $inverse_secondary_fg_color; } } popover.popover-selector list { padding: 8px - 2px; row { border-radius: 2px; image { &:dir(ltr) { margin-right: 6px; } &:dir(rtl) { margin-left: 6px; } } .accel { &:dir(ltr) { margin-left: 6px; } &:dir(rtl) { margin-right: 6px; } } } } omnibar { &.linked:not(.vertical) entry { border-radius: 2px; } &:not(:hover):not(:active) entry { color: $secondary_fg_color; } } popover.omnibar list row:not(:last-child) { border-bottom: 1px solid $border_color; } entry.preferences-search { @extend %entry.flat; box-shadow: inset 0 -1px $border_color; background-color: $base_color; // doesn't work properly // &:dir(ltr) { border-right: 1px solid $border_color; } // &:dir(rtl) { border-left: 1px solid $border_color; } } preferences stacksidebar.sidebar { list { background-color: $alt_base_color; } &:dir(ltr), &:dir(rtl) { list { border-style: none; }} list separator { @extend %hide_separators; } } preferences > box > box { &:dir(ltr) { border-right: 1px solid $border_color; } &:dir(rtl) { border-left: 1px solid $border_color; } } popover.messagepopover { &.background { padding: 0; } .popover-action-area button { @extend %simple_flat_button; padding: 8px 16px; border-top: 1px solid $border_color; border-radius: 0; &:first-child { border-bottom-left-radius: 2px; } &:last-child { border-bottom-right-radius: 2px; } } .popover-content-area { margin: 16px; } } popover.transfers list { background-color: transparent; row:not(:first-child) { border-top: 1px solid $border_color; } row > box { padding: 10px; } } dockbin { border: 1px solid $border_color; -PnlDockBin-handle-size: 1; } dockpaned { border: 1px solid $border_color; } eggsearchbar box.search-bar { padding: 0 8px; border-bottom: 1px solid $border_color; background-color: $bg_color; } docktabstrip { padding: 0 8px; border-bottom: 1px solid $border_color; background-color: $bg_color; } docktab { transition: $longer_transition, background-size 0, background-image 0; min-height: $small_size; min-width: $small_size; margin-bottom: -1px; padding: $container_padding 6px; outline-offset: -6px; border-width: 1px; // for reorderable tabs border-color: transparent; // background-image: radial-gradient(circle farthest-corner at center, $primary_color 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; color: $secondary_fg_color; font-weight: 500; &:hover { box-shadow: inset 0 -2px $track_color; color: $fg_color; } &:checked { transition: $longer_transition, background-size $longer_duration $deceleration_curve, background-image $longer_duration + $ripple_duration $deceleration_curve; box-shadow: inset 0 -2px $primary_color; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-size: 1000% 1000%; color: $fg_color; } } dockoverlayedge { background-color: $bg_color; docktabstrip { padding: 0; border: none; } &.left-edge docktab { &:hover { box-shadow: inset -2px 0 $track_color; } &:checked { box-shadow: inset -2px 0 $primary_color; } } &.right-edge docktab { &:hover { box-shadow: inset 2px 0 $track_color; } &:checked { box-shadow: inset 2px 0 $primary_color; } } } pillbox { background-color: $bg_color; border-radius: 2px; } buildperspective row { // padding: 10px; } layoutpane entry.search { @extend %entry.flat; box-shadow: inset 0 -1px $border_color; background-color: $base_color; } editortweak entry.search { @extend %entry.flat; margin-bottom: -1px; box-shadow: none; } // // let's tweak hard-coded elements // .gb-search-entry-occurrences-tag { box-shadow: none; background-color: transparent; } // Keep search bar and layouttab height in sync. // layouttabbar > box, // eggsearchbar > revealer > box, docktabstrip { min-height: 39px; } eggsearchbar entry { // min-height: 24px; } window.workbench preferences preferencesgroup list entry { // background: none; // min-height: 0px; padding-top: 8px; padding-bottom: 8px; } button.run-arrow-button { // min-width: 12px; padding-left: ($medium_size - 16px) / 2; padding-right: ($medium_size - 16px) / 2; } // // Additional styles for 3.26 // button.dzlmenubutton image { min-width: $medium_size - 6px; &.arrow { min-width: $medium_size - 9px; } } button.dzlmenubuttonitem { color: $fg_color; font-weight: normal; &:disabled { color: $disabled_fg_color; } } idelayoutstackheader { border-bottom: 1px solid $border_color; button:checked { color: $fg_color; } } // utilities stack switcher ideeditorutilities > dzldockpaned > box > stackswitcher { padding: 8px 0; background-color: $bg_color; &:dir(ltr) { border-right: 1px solid $border_color; } &:dir(rtl) { border-left: 1px solid $border_color; } button { border-radius: 0; outline-offset: -6px; box-shadow: none; background-color: transparent; &:active { background-image: radial-gradient(circle farthest-corner at center, rgba($primary_color, 0.7) 10%, transparent 0%); } &:checked { background-color: transparent; color: $fg_color; } &:dir(ltr) { margin-right: -1px; &:hover { box-shadow: inset -2px 0 $track_color; } &:active, &:checked { box-shadow: inset -2px 0 $primary_color; } } &:dir(rtl) { margin-left: -1px; &:hover { box-shadow: inset 2px 0 $track_color; } &:active, &:checked { box-shadow: inset 2px 0 $primary_color; } } } } // buildui panel ideeditorsidebar notebook header { background: transparent; } popover.messagepopover { // padding: 0; list { border: 1px solid $border_color; row:not(:last-child) { border-bottom: 1px solid $border_color; } } } /********** * Photos * **********/ // based css: // https://gitlab.gnome.org/GNOME/gnome-photos/blob/master/data/Adwaita.css GdMainIconView.content-view { -GdMainIconView-icon-size: 48; // Make spinner visible on both dark and bright backgrounds w/o making // it look ugly/weird. // &.cell:active { color: $hint_fg_color; } } .documents-counter { margin: 8px; border-radius: $circular_radius; box-shadow: $shadow_2; background-color: $accent_color; color: $inverse_fg_color; font-weight: bold; } .photos-entry-tag { @extend .entry-tag; } .documents-scrolledwin.frame { border-style: none; frame.content-view > border { border-style: none; } } .photos-icon-bg { } .photos-fade-in { opacity: 1; transition: opacity $shorter_duration $deceleration_curve; } .photos-fade-out { opacity: 0; transition: opacity $shorter_duration $deceleration_curve; } .photos-collection-icon { } overlay grid.horizontal > revealer > scrolledwindow.frame { &:dir(ltr) { border-style: none none none solid; } &:dir(rtl) { border-style: none solid none none; } } /********* * Music * *********/ // hard-coded css: // https://gitlab.gnome.org/GNOME/gnome-music/blob/master/data/application.css .side-panel:dir(ltr) { // border-width: 0 1px 0 0; border-style: solid; border-color: $border_color; } .side-panel:dir(rtl) { // border-width: 0 0 0 1px; border-style: solid; border-color: $border_color; } .side-panel .view { // background-color: mix(@theme_fg_color, @theme_bg_color, 0.9); background-image: image($alt_base_color); &:hover { background-image: image(mix($fg_color, $alt_base_color, percentage(0.05))); } } .side-panel .view:selected { // background-color: mix(@theme_fg_color, @theme_bg_color, 0.5); background-image: image($primary_color); &:hover { background-image: image(mix($inverse_fg_color, $primary_color, percentage(0.05))); } } .songs-list { // box-shadow: inset 0 -1px shade(@borders, 1.30); // background-color: @theme_bg_color; &:hover { background-image: image($row_fill_color); } } frame.documents-dropdown { @extend toolbar.osd; margin: 8px; > border { border: none; } } box.vertical > revealer > toolbar.search-bar { border-bottom: 1px solid $border_color; background-clip: border-box; // avoid black border button > widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); // -GtkArrow-arrow-scaling: 1; } } /********* * To Do * *********/ taskrow { transition: $shorter_transition; margin: 0 -8px; &:hover { transition: none; } label { margin: 0 8px; } image { min-width: 16px; } } task-list-view > box > revealer > box > button { margin: (12px * 2 - $medium_size) / 2; } /******* * eog * *******/ #eog-thumb-nav { scrolledwindow { border-top: none; } button { -gtk-outline-radius: 2px; } } /************* * 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 $border_color; } list.categories { background-image: image($alt_base_color); } /********* * Boxes * *********/ .transparent-bg + stack overlay > label { min-height: 24px; padding: 0 4px; border-radius: $material_radius; background-color: rgba($black, $lower_opacity); color: $inverse_fg_color; } /************** * Calculator * **************/ button.title label { min-height: $medium_size; } /********* * Geary * *********/ // fix a issue that separator seems double .geary-titlebar-left { &:dir(ltr) { margin-right: 5px; padding-right: 0; } &:dir(rtl) { margin-left: 5px; padding-left: 0; } > separator { background-color: rgba($black, 0.05); } } .geary-titlebar-right { &:dir(ltr) { margin-left: -5px; } &:dir(rtl) { margin-right: -5px; } } materia-theme-20180321/src/_sass/gtk/apps/_lightdm.scss000066400000000000000000000037711325420104000226100ustar00rootroot00000000000000// based css: // https://bazaar.launchpad.net/~lightdm-gtk-greeter-team/lightdm-gtk-greeter/trunk/view/head:/data/sample-lightdm-gtk-greeter.css /************************ * LightDM GTK+ Greeter * ************************/ // the panel widget at the top #panel_window { background-color: $alt_panel_bg_color; color: $inverse_fg_color; // font-weight: bold; // the menubars/menus of the panel, i.e. indicators menubar, separator { background-color: transparent; } separator { padding: 0 4px; &:first-child { padding: 0 8px; } } menubar > menuitem { color: $inverse_secondary_fg_color; &:hover { color: $inverse_fg_color; } &:disabled label { color: $inverse_disabled_secondary_fg_color; } } } // the login window #login_window, #shutdown_dialog, #restart_dialog { margin: 8px; border-radius: 2px; box-shadow: $shadow_2, inset 0 1px $highlight_color; background-color: $lighter_bg_color; } // the top half of the login-window, in GtkDialog terms, the content #content_frame { padding-bottom: 20px; border-bottom: 1px solid $border_color; } #login_window { // the user-combobox #user_combobox button { @extend %combo_flat; } // the entries, one for the username, one for the password entry { @extend %entry.flat; } } // the buttons, alternatively this could also be done with a simple ".lightdm-gtk-greeter button" #login_window button, #shutdown_dialog button, #restart_dialog button { } .lightdm-gtk-greeter button { @extend %simple_flat_button; } // the user's avatar box #user_image { } // the border around the user's avatar box #user_image_border { } // the lower half of the login-window, in GtkDialog terms the buttonbox or action area #buttonbox_frame { padding-top: 24px; button { margin: -16px; } } // the shutdown button #shutdown_button { } // the restart button #restart_button { } // the warning, in case a wrong password is entered or something else goes wrong according to PAM #greeter_infobar { margin-top: -1px; // font-weight: bold; } materia-theme-20180321/src/_sass/gtk/apps/_mate.scss000066400000000000000000000174611325420104000221070ustar00rootroot00000000000000// based css: // https://github.com/mate-desktop/mate-themes/blob/master/desktop-themes/Menta/gtk-3.0/mate-applications.css /************** * Mate-Panel * **************/ // first make all transparent .mate-panel-menu-bar menubar, #PanelApplet-window-menu-applet-button { background-color: transparent; } // let's start it .mate-panel-menu-bar { background-color: $solid_panel_bg_color; font-weight: 500; // Avoid changing the menu text color &:not(.popup) { color: $inverse_secondary_fg_color; } button { @extend %flat_button; @extend %button_selected.flat; min-height: 16px; min-width: 16px; padding: 0; // NOTE: Most buttons padding are hard-coded to 0 (except hide buttons) border-radius: 0; &:checked { background-color: $inverse_divider_color; } } } // hide buttons PanelToplevel.horizontal > grid > button { min-width: 24px; } PanelToplevel.vertical > grid > button { min-height: 24px; } #PanelApplet { // border-width: 0; } PanelSeparator { color: $inverse_divider_color; } // the grid left from na-tray and wncktasklist MatePanelAppletFrameDBus { border-style: solid; border-color: $inverse_divider_color; .mate-panel-menu-bar.horizontal & { border-width: 0 1px; } .mate-panel-menu-bar.vertical & { border-width: 1px 0; } } // main menu .mate-panel-menu-bar { // set normal menubar button menubar > menuitem { color: $inverse_secondary_fg_color; &:hover { background-color: $inverse_divider_color; color: $inverse_fg_color; } &:disabled { color: $inverse_disabled_secondary_fg_color; } } &.horizontal menubar > menuitem { padding: 0 8px; } &.vertical menubar > menuitem { padding: 8px 0; } // set normal menubar menuitem menubar menu > menuitem { // adjust sizing since the menuitem has large icons min-height: $menuitem_size; padding: 0 6px; // font-weight: initial; } } // all applets .mate-panel-menu-bar #PanelApplet button { -GtkWidget-window-dragging: true; // padding: 4px; } .mate-panel-menu-bar #tasklist-button { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 / 0 0 0px; &:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 / 0 0 2px; } // instead of #tasklist-button { padding: 0 4px; } image:dir(ltr), label:dir(rtl) { padding-left: 4px; } label:dir(ltr), image:dir(rtl) { padding-right: 4px; } } // #tasklist-button is always horizontal even if the panel is vertical .mate-panel-menu-bar.vertical #tasklist-button { min-height: 32px; } #showdesktop-button { .mate-panel-menu-bar.horizontal & image { min-width: 24px; padding: 0 4px; } .mate-panel-menu-bar.vertical & image { min-height: 24px; padding: 4px 0; } } // WnckPager PanelApplet.wnck-applet .wnck-pager { background-color: transparent; color: $alt_primary_color; &:hover { background-color: $inverse_divider_color; } &:active { background-color: $inverse_track_color; } &:selected { background-color: $primary_color; } } #clock-applet-button { .mate-panel-menu-bar.horizontal & label { padding: 0 8px; } .mate-panel-menu-bar.vertical & label { padding: 8px 0; } } #MatePanelPopupWindow { border: 1px solid $border_color; border-radius: $material_radius + 1px; box-shadow: inset 0 1px $highlight_color; frame > border { border-style: none; } button { padding: 4px 16px; } // FIXME, does not work ClockMap { border: 1px solid $border_color; } // Instead, this works widget { color: $border_color; } } na-tray-applet { -NaTrayApplet-icon-padding: 3px; -NaTrayApplet-icon-size: 16; } // remove right space a bit na-tray-applet > widget > box { // margin-right: 2px; } // no background for icon-padding area na-tray-applet widget box widget { // background-color: transparent; } // Classic icon style .mate-panel-menu-bar { -PanelMenuBar-icon-visible: true; } // volume applet, brightness applet .mate-panel-applet-slider { border: 1px solid $border_color; border-radius: $material_radius + 1px; box-shadow: inset 0 1px $highlight_color; background-color: $bg_color; frame > border { border-style: none; } } // mate-menu // mimic menubar menuitem style #PanelApplet { &:not(:selected) > box { transition: $shorter_transition; } &:selected > box { background-color: $inverse_divider_color; color: $inverse_fg_color; } } #mate-menu { // FIXME, does not work border: 1px solid $border_color; button { @extend %simple_flat_button; min-height: 24px; min-width: 24px; padding: 4px 0; color: $fg_color; font-weight: normal; label:not(:first-child) { color: $secondary_fg_color; } } entry { margin: 0 0 8px; image { margin: 0; } + button { margin: 0 4px 8px; padding: ($medium_size - 24px) / 2; } } } /********************* * CAJA File manager * *********************/ // pathpar toggle button .caja-navigation-window button.toggle.image-button { border-radius: $material_radius; } // pathbar // pathbar buttons .caja-pathbar button { margin: 0 -1px 0 -2px; // padding: 4px; @extend %pathbar_button; // arrow button > widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -GtkArrow-arrow-scaling: 1; } } // places, treeview, history, information, emblems and notes // .caja-side-pane notebook treeview.view, // .caja-side-pane notebook textview.view text, .caja-side-pane notebook viewport.frame, .caja-side-pane notebook widget .vertical { background-color: $base_color; } // treeview rows .caja-side-pane treeview.view { // padding: 2px 0; } .caja-side-pane notebook, .caja-notebook { border-top: 1px solid $border_color; .frame { border-style: none; } } // window and desktop mode .caja-canvas-item { // border-radius: $material_radius; } // desktop mode .caja-desktop.caja-canvas-item { @extend .nautilus-desktop.nautilus-canvas-item; } .caja-desktop EelEditableLabel.entry { } // statusbar .caja-navigation-window statusbar { margin: 0 -10px; padding: 0 4px; border-top: 1px solid $border_color; } // infobar .caja-notebook frame > border { border-style: none; } #caja-extra-view-widget { border-bottom: 1px solid $border_color; background-color: $bg_color; // needs overriding > box > box > label { font-weight: bold; } } /********* * Pluma * *********/ // Pluma status bar .pluma-window statusbar { margin: 0 -10px; padding: 0 4px; border-top: 1px solid $border_color; frame { > border { border-style: none; } button.flat { padding: 0 4px; border-radius: 0; widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -GtkArrow-arrow-scaling: 1; } } } } // Printpreview .pluma-print-preview { toolbar { border-bottom: 1px solid $border_color; } // scrolledwindow { background-color: $base_color; } } // sidebar file-browser .pluma-window paned.horizontal box.vertical { box.horizontal button.flat { margin: 1px; @extend %small_button; } .frame { border-style: none; } notebook.frame { margin-top: -1px; border-top: 1px solid $border_color; box.vertical toolbar.horizontal { border-bottom: 1px solid $border_color; } } } /********* * Atril * *********/ .atril-window paned.horizontal box.vertical { .frame { border-style: none; } notebook .frame { border-top: 1px solid $border_color; } } /* mate-screensaver lock dialog */ .lock-dialog { border-radius: $material_radius; // not sure if box-shadow works here box-shadow: $shadow_4, inset 0 1px $highlight_color; frame > border { border-style: none; } } materia-theme-20180321/src/_sass/gtk/apps/_misc.scss000066400000000000000000000101571325420104000221070ustar00rootroot00000000000000/********* * Tilix * *********/ overlay > revealer { &.left > scrolledwindow.frame, &.right > scrolledwindow.frame { border-style: none; box-shadow: $shadow_4; } &.left > scrolledwindow.frame { margin-right: 32px; } &.right > scrolledwindow.frame { margin-left: 32px; } } .terminix-session-sidebar, // for backwards compatibility .tilix-session-sidebar { background-image: image($lighter_bg_color); } button.image-button.session-new-button { min-width: $medium_size - 4px; } /*********** * Eclipse * ***********/ window.background > box.vertical > scrolledwindow > widget toolbar { padding: 2px; separator, button { margin: 2px; } button { border-radius: 2px; } } /************ * Chromium * ************/ tooltip.chromium { background-color: $tooltip_bg_color; } /*********** * Firefox * ***********/ window.background:not(.csd) { > widget { // for the bookmark toolbar's separators > separator { color: $alt_border_color; } // avoid black border > scrollbar { background-clip: border-box; } // emphasize borders color > scrollbar, > frame > border { border-color: $alt_border_color; } > entry, > button > button { border: 1px solid $alt_border_color; border-radius: 2px + 1px; box-shadow: none; } > entry { min-height: 32px - 2px; &:focus { border-color: $primary_color; } } > button > button { padding: 4px 8px; background-size: auto; // color: $fg_color; &:hover { background-image: image(gtkalpha(currentColor, 0.1 / 2)); } &:active { background-image: image(gtkalpha(currentColor, 0.1)); } } // use 16px assets for hard-coded sizing > checkbutton > check { @extend %small_check; } > radiobutton > radio { @extend %small_radio; } // make check/radio visible regardless of whether the background is bright or dark > checkbutton > check:not(:checked), > radiobutton > radio:not(:checked) { color: $grey_600; &:hover, &:active { color: $grey_900; } &:disabled { color: rgba($grey_600, 0.5); } } } // remove ugly border around the menus > window > menu, > menu > menu { border: none; } } // Firefox now uses this for selected items text:selected { @extend %selected_items; } // for backwards compatibility window.background:not(.csd) { > widget { > menubar { color: $titlebar_secondary_fg_color; &:hover { color: $titlebar_fg_color; } &:disabled { color: $titlebar_disabled_secondary_fg_color; } } > frame { color: $alt_border_color; } > checkbutton > check, > radiobutton > radio { margin: 0; padding: 0; } } > window.background > menu > separator { color: $border_color; } } /************ * Inkscape * ************/ #ToolboxCommon { > #AuxToolbox { #StyleSwatch { font-size: smaller; } #Kludge { padding: 0; } spinbutton, entry { min-height: 32px; } button:not(.up):not(.down) { min-height: 24px; min-width: 16px; padding: 4px 8px; border-radius: 2px; -gtk-outline-radius: 2px; } spinbutton button { border-width: 4px; } } > toolbar.vertical { margin-top: -4px; button { min-height: 24px; min-width: 24px; padding: 4px; border-radius: 2px; -gtk-outline-radius: 2px; } } } #CanvasTable { button { min-height: 16px; min-width: 16px; padding: 0; } #HorizontalScrollbar { border-top: 1px solid $border_color; } #VerticalScrollbar { &:dir(ltr) { border-left: 1px solid $border_color; } &:dir(rtl) { border-right: 1px solid $border_color; } } } #Canvas_and_Dock { frame > border { border: none; } // each canvases' titlebar widget > widget { > button.flat { min-height: 16px; min-width: 16px; padding: 4px; } > box.horizontal image { padding: 4px; } } // vertical dock buttons box.horizontal > box.vertical > button.flat { min-height: 16px; min-width: 24px; padding: 8px 4px; } } /*********** * Synapse * ***********/ box.vertical > widget > widget:selected { background-color: $primary_color; } materia-theme-20180321/src/_sass/gtk/apps/_unity.scss000066400000000000000000000042341325420104000223230ustar00rootroot00000000000000// based css: // https://bazaar.launchpad.net/~ubuntu-art-pkg/ubuntu-themes/trunk/view/head:/Ambiance/gtk-3.20/apps/unity.css /********* * Unity * *********/ // Decorations 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: $primary_color; -UnityDecoration-title-indent: 4px; -UnityDecoration-title-fade: 32px; -UnityDecoration-title-alignment: 0.0; .top { padding: 0 2px; border-style: none; border-radius: 2px 2px 0 0; box-shadow: inset 0 1px $titlebar_highlight_color; background-color: $alt_titlebar_bg_color; color: $titlebar_fg_color; &:backdrop { color: $titlebar_secondary_fg_color; } } .left, .right {} .bottom {} .menuitem { color: $titlebar_secondary_fg_color; &:hover { box-shadow: inset 0 -2px $titlebar_indicator_color; background-color: transparent; color: $titlebar_fg_color; } } } .background:not(.csd) headerbar:not(.titlebar) { border-radius: 0; box-shadow: $shadow_1; &.inline-toolbar { border-style: none; } } sheet-style-dialog.unity-force-quit { // background-color: $bg_color; } // Panel Style UnityPanelWidget, .unity-panel { background-color: $opaque_panel_bg_color; color: $titlebar_fg_color; &:backdrop { color: $titlebar_secondary_fg_color; } } .unity-panel.menubar, .unity-panel .menubar { } .unity-panel.menuitem, .unity-panel .menuitem { color: $titlebar_secondary_fg_color; } .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem *:hover { box-shadow: inset 0 -2px $titlebar_indicator_color; background-color: transparent; color: $titlebar_fg_color; } .menu IdoPlaybackMenuItem.menuitem:active { -gtk-icon-source: -gtk-icontheme('process-working-symbolic'); animation: spin 1s linear infinite; color: $primary_color; } materia-theme-20180321/src/chrome/000077500000000000000000000000001325420104000165315ustar00rootroot00000000000000materia-theme-20180321/src/chrome/chrome-scrollbar-dark.crx000066400000000000000000000107501325420104000234270ustar00rootroot00000000000000Cr24&0"0  *H 0 >HI&-W1`NT"G}"ppWGZY6^IP+@k>m܏5}Nȡ53ZQ'|٥LvXӂϸ~WE*2*&;5`*Vq+`c[7_ۦ)Pم*Zv* ]Vwb5ۉV^C24mn.QNTʛ,1\PE45"شb, Nvl/=xE 4j$< tj'ɞ,MS/O"*UwaUVW} ߍ|@ZdV$5kZ^AVax&! 1⁕g}m)udعPph #E0`>߫+>kՆNL73j)rZ`̇\س Wje6dͩ"!PKynLicons/PK=nL/9scrollbars.cssN0y&޸dmhifmh|w`1 |-cI#2aifT@>B.Zb]_ڲP:/pThI 1IG씃Kz.脻CHGljhTضg0-yz7ܲquvQox/Ţ>1m򗯯=ߝxY9A@K]We4 tR2gxGh'0Lji;V ~h (?w~b3ԍZ|x +. }PKO9LWgscrollbars.scss} 0 Dw t.Z45_ M5'p]j4* <|@ j ڶ3 U{F' ROSN<}1/PKwnL manifest.jsonej0y i, =H[WT?FwZv^3hv+!`ߐrwD6B@dam }Nѹ$%|$gޮs@$ Yo81g 6ÿvc n`ٴcc1UCKv4;Ģ0FṛixsL$2=:7{#8ם%_ڝ v^c:zUPKynL} icons/16.png sb``p  $?OR,N!@PÑsxD30aƩ|@A׈ĢTr̼ĂTl=]C,zm01Hg {bq6]:qW웛 AzD}͂,gu`):aIrq|LsfV6ݷ)+;] eSBPKynLVV icons/48.svguPn +Vs 1v]UƇQB6F&g!uCegfwUyE a~g,XFQ:Y9g@X,B`$&h&dWO0H|Х#ׁim?fN7ǭ7q|&ҳǏ6,N~~kɢ^7s\C~[u]r@Nus7޳of7m^jl+xٿ?9r 6׶nwǻxNO3~oj:[ mm)>Tkon?V|{`VG?vg(ǵwz+V>Y E\ s3@1ﳙ[Y#B`Ov+۶浔垽Kf쳲q~RɗӤ QRl9U\roWݞ\,x5t{} GR <7N7X}ڣӳ1]a$\M%:LK-\ddkK2X);תac־wPJm_n+e&ֺT_o)Cus-_~̪a_u~EB[+_okWbA/̯~m}z{yYvt-'idkDIp~ZIybQ*Cyy^f^vqrbA^~Qw6R 5.!og:5ճ;PIudE^Fޓ[ 63raQ8e;Y{ozNzfZhoȜ{,wN2)IdpwFU3O ڟ9-q6d̟&ö=Ǵoo4z>Afe; JzAL}V ELhL\/=y5IO_Y o<}"CO#Y˸=-&yV%7\XvdOde}hqԻ{ۏd[v泛=WyI'M O\YƨipUhUasBIT|d pHYs+tEXtSoftwarewww.inkscape.org<IDATxrJY (.h<+ %pWY;#sqs~T[[/b)r~9]>~"݆S9@NS9@NS9@NS9@NtͅΗ[Gr#N ')r  )r \k8\X,0nt:].Mӌp:8 Cyc tqc9Ϩ eYm?zۓ~#( CEju|EQ ñ3( materia-theme-20180321/src/chrome/chrome-scrollbar-dark/icons/16.png000066400000000000000000000003621325420104000247560ustar00rootroot00000000000000PNG  IHDRasBIT|d pHYs+tEXtSoftwarewww.inkscape.org<oIDAT8R 0 3gȣv? materia-theme-20180321/src/chrome/chrome-scrollbar-dark/icons/48.png000066400000000000000000000007771325420104000247750ustar00rootroot00000000000000PNG  IHDR00WsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<|IDAThA0C ,eE;hn p w 418qoJgjh|0[vo߸im_ f}q c 4u(p>{%1RcYax<^!c̟1+۱Y2@Xp#܈7"p#.֎}O{%P\UUWEQtu&H{9UXk=w],E(rAY8Nhۖ\cbD?gJ;͍p3Z޷kͲ H%^JͲ #4aYv)0zG< {K L5cb Sady A,^Z;F Rh|@@sUwIENDB`materia-theme-20180321/src/chrome/chrome-scrollbar-dark/icons/48.svg000066400000000000000000000006041325420104000247750ustar00rootroot00000000000000 materia-theme-20180321/src/chrome/chrome-scrollbar-dark/manifest.json000066400000000000000000000006241325420104000254110ustar00rootroot00000000000000{ "manifest_version": 2, "name": "Materia-dark Scrollbars", "version": "6", "description": "Semi-transparent scrollbars based on Adwaita Scrollbars", "icons": { "16": "icons/16.png", "48": "icons/48.png", "128": "icons/128.png" }, "content_scripts": [ { "css": [ "scrollbars.css" ], "matches": [ "" ], "exclude_matches": [ "*://*.google.com/*/*" ] } ] } materia-theme-20180321/src/chrome/chrome-scrollbar-dark/scrollbars.css000066400000000000000000000020711325420104000255660ustar00rootroot00000000000000::-webkit-scrollbar, ::-webkit-scrollbar-corner { width: 17px; height: 17px; border: 0 solid rgba(0, 0, 0, 0.26); background-color: rgba(48, 48, 48, 0.9); background-clip: border-box; } ::-webkit-scrollbar:horizontal, ::-webkit-scrollbar-corner { border-top-width: 1px; } ::-webkit-scrollbar:vertical, ::-webkit-scrollbar-corner { border-left-width: 1px; } ::-webkit-scrollbar-thumb { width: 32px; height: 32px; border: 4px solid transparent; border-radius: 8px; background-color: rgba(255, 255, 255, 0.5); background-clip: padding-box; } ::-webkit-scrollbar-thumb:horizontal { border-top-width: 5px; border-top-left-radius: 8px 9px; border-top-right-radius: 8px 9px; } ::-webkit-scrollbar-thumb:vertical { border-left-width: 5px; border-top-left-radius: 9px 8px; border-bottom-left-radius: 9px 8px; } ::-webkit-scrollbar-thumb:hover { background-color: rgba(255, 255, 255, 0.7); } ::-webkit-scrollbar-thumb:active { background-color: #FFFFFF; } ::-webkit-scrollbar-thumb:disabled { background-color: rgba(255, 255, 255, 0.3); } materia-theme-20180321/src/chrome/chrome-scrollbar-dark/scrollbars.scss000066400000000000000000000002541325420104000257520ustar00rootroot00000000000000$variant: 'dark'; $titlebar: 'dark'; $compact: 'false'; @import '../../_sass/gtk/variables'; @import '../../_sass/colors'; @import '../../_sass/chrome/scrollbars'; materia-theme-20180321/src/chrome/chrome-scrollbar.crx000066400000000000000000000102741325420104000225110ustar00rootroot00000000000000Cr24&0"0  *H 0 IjƓZkZY[@hMDJ_cf !YʻQ[GSToט'Y$(KQ.@tr7vmdNxmB]ۅ.[uߦZEf/Smlg)Ü0GJ ̇j$2@NlpV&>@ZKʴ+!&吾{ο{@f0|/">rK_Ü'lN!ݟΓ@ً&bu{֟3Y6 x/8^U%%[0~ɶB60w?%N'mxFSb̘Gmh2]v PKKicons/PKuK-mscrollbars.cssRn ߤϙNeOD,-{Sk%sρ1zV⨑1XcظJc {Ĕ]st ,HHn_Vr.Z "ՋFQ@njyÍv8.*ljga3fpv~N+{unq9Ŵ8;7ׯt#,wT.u3>af19<:i(&1j'&= gJNfbў& *_e2hf1RͥfPJsaKvPKDKL1 manifest.jsonej0y I-B(zʱ@?FwJv^3hv !o>RLr'V <8d! a4 :kOI>tH:!MyJ< 'A ^v`v'n`lrc1Uߗv&#iVEanG|瘦Qyp=q$ShֶheEs`SzNU/yPKfK icons/16.svguP +65}҃(ymi()׻Ek=6 3;Tè6 ф1q;Y9g@{wȁ94j3ʫS4W?gy tGQkץI$LI:0)\V!7 4B姗\ eSBPKK]B icons/48.png sb``p  $Ù~)b x<E PP5$8?<(\/3/89 U/(};)BOǐƷ3 $ZC}ZX0yLK>a͚orWmz}-2]/}|$aFRiiޖ(s&XeOY:>!Sq:mKZ3$gW\zĢzmIҋh3.r=@NdؓB'6XOninC'{.SbpL촙i?4V{ByIvi\oQ{1+Uz׋k47\h+!PFFy 2b,ʰr_{}1) PKK-dAE icons/128.png sb``p  $%R |AxdkDIp~ZIybQ*Cyy^f^vqrbA^~Qw6R ̗<]C*漽hQяz4a0de~@<`%)|\6{]cm$$=t0iD|>Z M"9L  ;O~&5Z5!Uo۾ f^[1Piٳ<')6[K{w^qF]n3t6[M\2_z7M|HpH@ק7jTÚYVZ {-6ׇ3L q}@w1F*$qB0b6,]v:`TufεʵL? r e9 ޕ8zst<8׉5w~ZiҺ@}z+* {88VaGNXf)f8\_()~BhM<,sœO>^My,eNPܤ|',].{l]X &,f-+3#=2䖇1x6m=Ujd(^[V;o, o us1=(ȍ94|8 Z}PWTY6d_'k}yse ,*߸,z]S'!h9{͎ͭ/17_3)-[{ZO2-~)r3`tsYPKKicons/PKuK-m&scrollbars.cssPKDKL1 manifest.jsonPKfK icons/16.svgPKhKO icons/48.svgPKlKط icons/128.svgPK|Kj= icons/16.pngPKK]B icons/48.pngPKK-dAE icons/128.pngPK g materia-theme-20180321/src/chrome/chrome-scrollbar/000077500000000000000000000000001325420104000217675ustar00rootroot00000000000000materia-theme-20180321/src/chrome/chrome-scrollbar/icons/000077500000000000000000000000001325420104000231025ustar00rootroot00000000000000materia-theme-20180321/src/chrome/chrome-scrollbar/icons/128.png000066400000000000000000000021051325420104000241200ustar00rootroot00000000000000PNG  IHDR>a pHYsodtEXtSoftwarewww.inkscape.org<IDATxݱrPC*K,,3y7P S)Vf ,r_\2&:zzbr)r  )r %be=#`6a>}xwUkI 2u^(F_5M8_Ogmb c4Mc bI,˲j2z `=Tz`m<;W:W_[E R7VXt:Z@NS9@NS9@NS9@NS9@NS9@NS9@NS9@NS9@NS9@NS9@NS9@NSMUz||ly|>ɵ Rqǁ+Ky  OOO+EQ_^^Ec(r0 y;pX.xx0{Js]oooy(&g `$<3޻- )r  )r  )r  )r nۡh 7b9hv;/sh )r  )rWo`UUȲ usZQCЛ\Υat_^"9];v&gM~rv9kϮ;ӳwǦsמ];vgg׎5gQ]Ϯ;6ƿ |73Nٻcsuv}o-@NS9@N !n 1IENDB`materia-theme-20180321/src/chrome/chrome-scrollbar/icons/128.svg000066400000000000000000000006071325420104000241400ustar00rootroot00000000000000 materia-theme-20180321/src/chrome/chrome-scrollbar/icons/16.png000066400000000000000000000003361325420104000240400ustar00rootroot00000000000000PNG  IHDRa pHYsodtEXtSoftwarewww.inkscape.org<kIDAT8RA 0 k7S{o>Qs $M$]V@ҟ`4Gҷ!P97<%{RO,+<ȹsF( f.St4&IENDB`materia-theme-20180321/src/chrome/chrome-scrollbar/icons/16.svg000066400000000000000000000006021325420104000240470ustar00rootroot00000000000000 materia-theme-20180321/src/chrome/chrome-scrollbar/icons/48.png000066400000000000000000000007441325420104000240500ustar00rootroot00000000000000PNG  IHDR00W pHYsodtEXtSoftwarewww.inkscape.org<qIDATh1n0ULfpfK\c!m6MF78KYE4\(X !fi?=۶a,Ȳ u]#MSymCR~ !+8礄WGh_!8ndžbgr+9L     6ai8&ǽȲL;99@]7}^4 +4M9GY`1u$!xOm~ޫ_ (ӆv E%kt066 (JͲ #kMkm@ &eOEѿ}6),LЅ`a^)p,Lx&@{ 8M\s@Z}IENDB`materia-theme-20180321/src/chrome/chrome-scrollbar/icons/48.svg000066400000000000000000000006051325420104000240570ustar00rootroot00000000000000 materia-theme-20180321/src/chrome/chrome-scrollbar/manifest.json000066400000000000000000000006171325420104000244740ustar00rootroot00000000000000{ "manifest_version": 2, "name": "Materia Scrollbars", "version": "5", "description": "Semi-transparent scrollbars based on Adwaita Scrollbars", "icons": { "16": "icons/16.png", "48": "icons/48.png", "128": "icons/128.png" }, "content_scripts": [ { "css": [ "scrollbars.css" ], "matches": [ "" ], "exclude_matches": [ "*://*.google.com/*/*" ] } ] } materia-theme-20180321/src/chrome/chrome-scrollbar/scrollbars.css000066400000000000000000000020721325420104000246500ustar00rootroot00000000000000::-webkit-scrollbar, ::-webkit-scrollbar-corner { width: 17px; height: 17px; border: 0 solid rgba(0, 0, 0, 0.12); background-color: rgba(255, 255, 255, 0.9); background-clip: padding-box; } ::-webkit-scrollbar:horizontal, ::-webkit-scrollbar-corner { border-top-width: 1px; } ::-webkit-scrollbar:vertical, ::-webkit-scrollbar-corner { border-left-width: 1px; } ::-webkit-scrollbar-thumb { width: 32px; height: 32px; border: 4px solid transparent; border-radius: 8px; background-color: rgba(0, 0, 0, 0.38); background-clip: padding-box; } ::-webkit-scrollbar-thumb:horizontal { border-top-width: 5px; border-top-left-radius: 8px 9px; border-top-right-radius: 8px 9px; } ::-webkit-scrollbar-thumb:vertical { border-left-width: 5px; border-top-left-radius: 9px 8px; border-bottom-left-radius: 9px 8px; } ::-webkit-scrollbar-thumb:hover { background-color: rgba(0, 0, 0, 0.54); } ::-webkit-scrollbar-thumb:active { background-color: rgba(0, 0, 0, 0.87); } ::-webkit-scrollbar-thumb:disabled { background-color: rgba(0, 0, 0, 0.26); } materia-theme-20180321/src/chrome/chrome-scrollbar/scrollbars.scss000066400000000000000000000002551325420104000250340ustar00rootroot00000000000000$variant: 'light'; $titlebar: 'dark'; $compact: 'false'; @import '../../_sass/gtk/variables'; @import '../../_sass/colors'; @import '../../_sass/chrome/scrollbars'; materia-theme-20180321/src/chrome/chrome-theme-dark.crx000066400000000000000000000036341325420104000225510ustar00rootroot00000000000000Cr24&0"0  *H 0 V4I[?4j5/`l^mhݟ%^$2/!Bɦ9a5/{ss^h{z` ?Du&5AQ}GdNL喐cR3>|ǽ4U8l"iHLޑ!FucӐP ݸ\׽ 0MNAهZ\XD-^ٱ\u娖.i;d}]2AO^| AX2D$n"k}I{jylJ;w㹞i@aJ >޿5QgUV?].n" $)K6ĵcGK97_'*6nO{'@UJ3T.аpy,JM(灁1ABtuҜ["`g[tȯֈDcq~?L&M&2F^8;[֚U$e4Զv& L'JNn#*PKznLJ\ytheme_toolbar.svg).KW+U())///+7/J7200PR(L)ɰU22PRHL(̜[%e#TRP)JM.^ߎdPKznLǒ+[ytheme_frame.svguK 0 =E{t'm/-5= ^wg+0:G403}EÁR1IO\n60_Ov PKnLUtheme_toolbar.png sb``p "@| H(= XIt%s9- j%W,U ~.PKznLJ\ytheme_toolbar.svgPKznLǒ+[ytheme_frame.svgPKnLUtheme_toolbar.pngPKnL_: manifest.jsonPKnLbFLtheme_frame.pngPK3materia-theme-20180321/src/chrome/chrome-theme-dark/000077500000000000000000000000001325420104000220255ustar00rootroot00000000000000materia-theme-20180321/src/chrome/chrome-theme-dark/manifest.json000066400000000000000000000020021325420104000245200ustar00rootroot00000000000000{ "manifest_version": 2, "name": "Materia-dark Theme", "version": "7", "description": "", "theme": { "images": { "theme_frame": "theme_frame.png", "theme_toolbar": "theme_toolbar.png" }, "colors": { "frame": [48, 48, 48], "frame_inactive": [48, 48, 48], "frame_incognito": [48, 48, 48], "frame_incognito_inactive": [48, 48, 48], "toolbar": [48, 48, 48], "tab_text": [255, 255, 255], "tab_background_text": [224, 224, 224], "bookmark_text": [255, 255, 255], "ntp_background": [48, 48, 48], "ntp_text": [255, 255, 255], "button_background": [0, 0, 0, 0] }, "tints": { "buttons": [-1, -1, 0.9], "frame": [-1, -1, -1], "frame_inactive": [-1, -1, -1], "frame_incognito": [-1, -1, -1], "frame_incognito_inactive": [-1, -1, -1], "background_tab": [-1, -1, 0.475] }, "properties": { "ntp_background_alignment": "bottom", "ntp_background_repeat": "no-repeat" } } } materia-theme-20180321/src/chrome/chrome-theme-dark/theme_frame.png000066400000000000000000000003331325420104000250060ustar00rootroot00000000000000PNG  IHDRuYsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<XIDAThA 1Eo4pg" 'ɝmfBP( BP( BP( BP( BP( BP( BP( BP(yTPysIENDB`materia-theme-20180321/src/chrome/chrome-theme-dark/theme_frame.svg000066400000000000000000000001711325420104000250210ustar00rootroot00000000000000 materia-theme-20180321/src/chrome/chrome-theme-dark/theme_toolbar.png000066400000000000000000000003331325420104000253560ustar00rootroot00000000000000PNG  IHDRuYsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<XIDAThA 1i 4pg" 'ɝmfBP( BP( BP( BP( BP( BP( BP( BP(yUmIENDB`materia-theme-20180321/src/chrome/chrome-theme-dark/theme_toolbar.svg000066400000000000000000000001711325420104000253710ustar00rootroot00000000000000 materia-theme-20180321/src/chrome/chrome-theme-light.crx000066400000000000000000000036411325420104000227350ustar00rootroot00000000000000Cr24&0"0  *H 0 a" 02csAt&&#&E7Ըye0LR>.G5.=P<8-£Tϫ)Q-GaX$B9f=jR$1mGDI8O(O}&UP{;׫` F8ša498i27`|&`hwi=]'Dw"be5ic&u$=j~>NJ^bBTGncio>ZJ83;z0CYq~MjW]&$Ls?kA7Y)^_RV%%&-M9x< 6ߊ}Gk1Ǒ|K)+&h`~oǚvRV6qXJ([S gO materia-theme-20180321/src/chrome/chrome-theme-light/theme_toolbar.png000066400000000000000000000003331325420104000255440ustar00rootroot00000000000000PNG  IHDRuYsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<XIDATẖ  7 eIrhP( BP( BP( BP( BP( BP( BP( BP( oxnB֚IENDB`materia-theme-20180321/src/chrome/chrome-theme-light/theme_toolbar.svg000066400000000000000000000001711325420104000255570ustar00rootroot00000000000000 materia-theme-20180321/src/chrome/chrome-theme.crx000066400000000000000000000036111325420104000216250ustar00rootroot00000000000000Cr24&0"0  *H 0 ~ +N]kr[tĢUY=N]iej ؉ akY^?@v4|+,u׍6+O0P z4ztw|j^ה.21聘.0a|Y= NZ;ps@37o"j:ÁӃpح+ $ rG["?|Imt=F2WSUSyW>mѴ,aaV Kpc&b;[l.¦# cy\FR8u\87iSkQ:WuˇUŁa [#bÐM'pCw֞H| ziPبJt id1ۻ՛`nLVD.vl2uh#f 4߹BU2AĎkPKnLbFtheme_frame.png sb``p "@| H(= XIt%s9- j%W,U ~.PK=EKCB\ytheme_toolbar.svgPKUznLǒ+[ytheme_frame.svgPKnLdtheme_toolbar.pngPKnLE&' manifest.jsonPKnLbF9theme_frame.pngPK3 materia-theme-20180321/src/chrome/chrome-theme/000077500000000000000000000000001325420104000211065ustar00rootroot00000000000000materia-theme-20180321/src/chrome/chrome-theme/manifest.json000066400000000000000000000017151325420104000236130ustar00rootroot00000000000000{ "manifest_version": 2, "name": "Materia Theme", "version": "6", "description": "", "theme": { "images": { "theme_frame": "theme_frame.png", "theme_toolbar": "theme_toolbar.png" }, "colors": { "frame": [48, 48, 48], "frame_inactive": [48, 48, 48], "frame_incognito": [48, 48, 48], "frame_incognito_inactive": [48, 48, 48], "toolbar": [255, 255, 255], "tab_text": [33, 33, 33], "tab_background_text": [33, 33, 33], "bookmark_text": [33, 33, 33], "ntp_background": [255, 255, 255], "ntp_text": [33, 33, 33], "button_background": [0, 0, 0, 0] }, "tints": { "buttons": [-1, -1, -1], "frame": [-1, -1, -1], "frame_inactive": [-1, -1, -1], "frame_incognito": [-1, -1, -1], "frame_incognito_inactive": [-1, -1, -1] }, "properties": { "ntp_background_alignment": "bottom", "ntp_background_repeat": "no-repeat" } } } materia-theme-20180321/src/chrome/chrome-theme/theme_frame.png000066400000000000000000000003331325420104000240670ustar00rootroot00000000000000PNG  IHDRuYsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<XIDAThA 1Eo4pg" 'ɝmfBP( BP( BP( BP( BP( BP( BP( BP(yTPysIENDB`materia-theme-20180321/src/chrome/chrome-theme/theme_frame.svg000066400000000000000000000001711325420104000241020ustar00rootroot00000000000000 materia-theme-20180321/src/chrome/chrome-theme/theme_toolbar.png000066400000000000000000000003331325420104000244370ustar00rootroot00000000000000PNG  IHDRuYsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<XIDATẖ  7 eIrhP( BP( BP( BP( BP( BP( BP( BP( oxnB֚IENDB`materia-theme-20180321/src/chrome/chrome-theme/theme_toolbar.svg000066400000000000000000000001711325420104000244520ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/000077500000000000000000000000001325420104000174665ustar00rootroot00000000000000materia-theme-20180321/src/gnome-shell/3.18/000077500000000000000000000000001325420104000200575ustar00rootroot00000000000000materia-theme-20180321/src/gnome-shell/3.18/gnome-shell-compact.css000066400000000000000000001746301325420104000244420ustar00rootroot00000000000000/* This stylesheet is generated, DO NOT EDIT */ /* Copyright 2009, 2015 Red Hat, Inc. * * Portions adapted from Mx's data/style/default.css * Copyright 2009 Intel Corporation * * This program is free software; you can redistribute it and/or modify it * under the terms and conditions of the GNU Lesser General Public License, * version 2.1, as published by the Free Software Foundation. * * This program is distributed in the hope it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for * more details. * * You should have received a copy of the GNU Lesser General Public License * along with this program; if not, write to the Free Software Foundation, * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. */ /* GLOBALS */ * { transition-duration: 150ms; } stage { font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; font-size: 9.75pt; font-weight: 400; color: rgba(0, 0, 0, 0.87); } /* WIDGETS */ /* Buttons */ .button { min-height: 32px; padding: 0 16px; border-width: 0; border-radius: 2px; font-size: 9.75pt; font-weight: 500; color: rgba(0, 0, 0, 0.54); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:hover { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:insensitive { color: rgba(0, 0, 0, 0.26); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .modal-dialog-linked-button { min-height: 40px; padding: 0 16px; border-top: 1px solid rgba(0, 0, 0, 0.12) !important; border-right-width: 0; font-size: 9.75pt; font-weight: 500; color: rgba(0, 0, 0, 0.54); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:hover { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:insensitive { color: rgba(0, 0, 0, 0.26); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .modal-dialog-linked-button:first-child { border-radius: 0px 0px 0px 2px; } .modal-dialog-linked-button:last-child { border-right-width: 0px; border-radius: 0px 0px 2px 0px; } .modal-dialog-linked-button:first-child:last-child { border-right-width: 0px; border-radius: 0px 0px 2px 2px; } /* Entries */ StEntry { min-height: 32px; padding: 0 8px; border-radius: 0; border-width: 0; color: rgba(0, 0, 0, 0.87); selection-background-color: #338DD6; selected-color: #FFFFFF; font-size: 11.25pt; font-weight: 400; background-color: rgba(250, 250, 250, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #338DD6; } StEntry:insensitive { color: rgba(0, 0, 0, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); } StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #FF6D00; padding: 0 0; } /* Scrollbars */ StScrollView.vfade { -st-vfade-offset: 32px; } StScrollView.hfade { -st-hfade-offset: 32px; } StScrollBar { padding: 0; } StScrollView StScrollBar { min-width: 16px; min-height: 16px; } StScrollBar StBin#trough { margin: 4px; border-radius: 100px; background-color: rgba(0, 0, 0, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 100px; background-color: rgba(0, 0, 0, 0.38); margin: 4px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(0, 0, 0, 0.54); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: rgba(0, 0, 0, 0.87); } #overview StScrollBar StBin#trough, #screenShieldNotifications StScrollBar StBin#trough { background-color: rgba(255, 255, 255, 0.12); } #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#hhandle, #screenShieldNotifications StScrollBar StButton#hhandle { background-color: rgba(255, 255, 255, 0.5); } #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#hhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { background-color: rgba(255, 255, 255, 0.7); } #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#hhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { background-color: #FFFFFF; } /* Slider */ .slider { height: 20px; color: #009688; -slider-height: 2px; -slider-background-color: rgba(0, 0, 0, 0.26); -slider-border-color: transparent; -slider-active-background-color: #009688; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 7px; } /* Check Boxes */ .check-box * { min-height: 16px; padding: 8px 0; } .check-box StBoxLayout { spacing: 8px; } .check-box StBin { width: 24px; height: 24px; padding: 4px; border-radius: 100px; background-image: url("assets/checkbox-off.svg"); } .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } .check-box:hover StBin { background-color: rgba(0, 0, 0, 0.12); } .check-box:active StBin { background-color: rgba(0, 0, 0, 0.26); } .check-box:checked StBin { background-image: url("assets/checkbox.svg"); } .check-box:focus:checked StBin { background-image: url("assets/checkbox.svg"); } .check-box:hover:checked StBin { background-color: rgba(0, 150, 136, 0.15); } .check-box:active:checked StBin { background-color: rgba(0, 150, 136, 0.3); } /* Switches */ .toggle-switch { width: 40px; height: 20px; background-size: contain; } .toggle-switch-us { background-image: url("assets/toggle-off.svg"); } .toggle-switch-us:checked { background-image: url("assets/toggle-on.svg"); } .toggle-switch-intl { background-image: url("assets/toggle-off.svg"); } .toggle-switch-intl:checked { background-image: url("assets/toggle-on.svg"); } /* links */ .shell-link { border-radius: 2px; color: #338DD6; } .shell-link:hover { color: #338DD6; background-color: rgba(51, 141, 214, 0.15); } .shell-link:active { color: #338DD6; background-color: rgba(51, 141, 214, 0.3); } /* Modal Dialogs */ .headline { font-size: 15pt; font-weight: 500; } .lightbox { background-color: black; } .flashspot { background-color: white; } .modal-dialog { border-radius: 2px; color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } .modal-dialog .modal-dialog-content-box { padding: 24px; } .modal-dialog .run-dialog-entry { width: 20em; margin-bottom: 6px; } .modal-dialog .run-dialog-error-box { padding-top: 16px; spacing: 6px; } .modal-dialog .run-dialog-button-box { padding-top: 1em; } .modal-dialog .run-dialog-label { font-size: 1em; font-weight: normal; color: rgba(0, 0, 0, 0.38); padding-bottom: .4em; } .show-processes-dialog-subject, .mount-question-dialog-subject, .end-session-dialog-subject { font-size: 15pt; font-weight: 500; } /* End Session Dialog */ .end-session-dialog { spacing: 42px; border: none; } .end-session-dialog-list { padding-top: 20px; } .end-session-dialog-layout { padding-left: 17px; } .end-session-dialog-layout:rtl { padding-right: 17px; } .end-session-dialog-description { width: 28em; padding-bottom: 10px; } .end-session-dialog-description:rtl { text-align: right; } .end-session-dialog-warning { width: 28em; color: #FF6D00; padding-top: 6px; } .end-session-dialog-warning:rtl { text-align: right; } .end-session-dialog-logout-icon { border-radius: 5px; width: 48px; height: 48px; background-size: contain; } .end-session-dialog-shutdown-icon { color: rgba(0, 0, 0, 0.38); width: 48px; height: 48px; } .end-session-dialog-inhibitor-layout { spacing: 16px; max-height: 200px; padding-right: 65px; padding-left: 65px; } .end-session-dialog-session-list, .end-session-dialog-app-list { spacing: 1em; } .end-session-dialog-list-header { font-weight: bold; } .end-session-dialog-list-header:rtl { text-align: right; } .end-session-dialog-app-list-item, .end-session-dialog-session-list-item { spacing: 1em; } .end-session-dialog-app-list-item-name, .end-session-dialog-session-list-item-name { font-weight: bold; } .end-session-dialog-app-list-item-description { color: rgba(0, 0, 0, 0.38); font-size: 1em; } /* ShellMountOperation Dialogs */ .shell-mount-operation-icon { icon-size: 48px; } .show-processes-dialog, .mount-question-dialog { spacing: 24px; } .show-processes-dialog-subject, .mount-question-dialog-subject { padding-top: 10px; padding-left: 17px; padding-bottom: 6px; } .mount-question-dialog-subject { max-width: 500px; } .show-processes-dialog-subject:rtl, .mount-question-dialog-subject:rtl { padding-left: 0px; padding-right: 17px; } .show-processes-dialog-description, .mount-question-dialog-description { padding-left: 17px; width: 28em; } .show-processes-dialog-description:rtl, .mount-question-dialog-description:rtl { padding-right: 17px; } .show-processes-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 49px; padding-right: 32px; } .show-processes-dialog-app-list:rtl { padding-right: 49px; padding-left: 32px; } .show-processes-dialog-app-list-item { color: rgba(0, 0, 0, 0.87); } .show-processes-dialog-app-list-item:hover { color: rgba(0, 0, 0, 0.87); } .show-processes-dialog-app-list-item:ltr { padding-right: 1em; } .show-processes-dialog-app-list-item:rtl { padding-left: 1em; } .show-processes-dialog-app-list-item-icon:ltr { padding-right: 17px; } .show-processes-dialog-app-list-item-icon:rtl { padding-left: 17px; } .show-processes-dialog-app-list-item-name { font-size: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { width: 500px; border: none; } .prompt-dialog-main-layout { spacing: 24px; padding: 10px; } .prompt-dialog-message-layout { spacing: 16px; } .prompt-dialog-headline { font-size: 15pt; font-weight: 500; color: rgba(0, 0, 0, 0.87); } .prompt-dialog-description:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label { font-size: 1em; color: #DD2C00; padding-bottom: 8px; } .prompt-dialog-info-label { font-size: 1em; padding-bottom: 8px; } .hidden { color: transparent; } .prompt-dialog-null-label { font-size: 1em; padding-bottom: 8px; } /* Polkit Dialog */ .polkit-dialog-user-layout { padding-left: 10px; spacing: 10px; } .polkit-dialog-user-layout:rtl { padding-left: 0px; padding-right: 10px; } .polkit-dialog-user-root-label { color: #FF6D00; } .polkit-dialog-user-icon { border-radius: 5px; background-size: contain; width: 48px; height: 48px; } /* Audio selection dialog */ .audio-device-selection-dialog { spacing: 30px; } .audio-selection-content { spacing: 20px; padding: 24px; } .audio-selection-title { font-weight: bold; text-align: center; } .audio-selection-box { spacing: 20px; } .audio-selection-device { border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 2px; } .audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { background-color: #338DD6; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* Access Dialog */ .access-dialog { spacing: 30px; } .access-dialog-main-layout { padding: 12px 20px 0; spacing: 12px; } .access-dialog-content { max-width: 28em; spacing: 20px; } .access-dialog-icon { min-width: 48px; icon-size: 48px; } .access-dialog-title { font-weight: bold; } .access-dialog-subtitle { color: rgba(0, 0, 0, 0.38); font-weight: bold; } /* Geolocation Dialog */ .geolocation-dialog { spacing: 30px; } .geolocation-dialog-main-layout { spacing: 12px; } .geolocation-dialog-content { spacing: 20px; } .geolocation-dialog-icon { icon-size: 48px; } .geolocation-dialog-title { font-weight: bold; } .geolocation-dialog-reason { color: rgba(0, 0, 0, 0.38); font-weight: bold; } /* Network Agent Dialog */ .network-dialog-secret-table { spacing-rows: 15px; spacing-columns: 1em; } .keyring-dialog-control-table { spacing-rows: 15px; spacing-columns: 1em; } /* Popovers/Menus */ .popup-menu { min-width: 200px; } .popup-menu .popup-sub-menu { background-color: #EEEEEE; box-shadow: 0 0 transparent; } .popup-menu .popup-menu-content { padding: 8px 0; } .popup-menu .popup-menu-item { spacing: 8px; transition-duration: 100ms; } .popup-menu .popup-menu-item:ltr { padding: 0.4em 24px 0.4em 0; } .popup-menu .popup-menu-item:rtl { padding: 0.4em 0 0.4em 24px; } .popup-menu .popup-menu-item:checked { background-color: #338DD6; color: #FFFFFF; box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { background-color: #529edc; color: #FFFFFF; } .popup-menu .popup-menu-item:checked:active { background-color: #70afe2; color: #FFFFFF !important; } .popup-menu .popup-menu-item:checked:insensitive { color: rgba(255, 255, 255, 0.5); } .popup-menu .popup-menu-item.selected { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); transition-duration: 0ms; } .popup-menu .popup-menu-item:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); transition-duration: 150ms; } .popup-menu .popup-menu-item.selected:active { color: rgba(0, 0, 0, 0.87); } .popup-menu .popup-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-menu .popup-inactive-menu-item { color: rgba(0, 0, 0, 0.87); } .popup-menu .popup-inactive-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-menu.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-border-radius: 0; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; -arrow-box-shadow: none; margin: 5px 8px 8px; background-color: #FAFAFA; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .popup-separator-menu-item { height: 1px; margin: 8px 40px; background-color: transparent; border-color: rgba(0, 0, 0, 0.12); border-bottom-width: 1px; border-bottom-style: solid; } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } /* fallback menu - odd thing for styling App menu when apparently not running under shell. Light Adwaita styled app menu inside the main app window itself rather than the top bar */ /* OSD */ .osd-window { text-align: center; font-weight: bold; spacing: 1em; margin: 32px; min-width: 64px; min-height: 64px; } .osd-window .osd-monitor-label { font-size: 45px; font-weight: 400; } .osd-window .level { height: 8px; border-radius: 0; background-color: rgba(51, 141, 214, 0.3); color: rgba(0, 0, 0, 0.87); } .osd-window .level-bar { background-color: #338DD6; border-radius: 0; } /* Pad OSD */ .pad-osd-window { padding: 32px; background-color: rgba(0, 0, 0, 0.6); } .combo-box-label { width: 15em; } /* App Switcher */ .switcher-popup { padding: 8px; spacing: 16px; } .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { padding: 8px; border-radius: 2px; } .switcher-list .item-box:outlined { padding: 8px; border: none; background-color: rgba(0, 0, 0, 0.12); } .switcher-list .item-box:selected { background-color: #338DD6; color: #FFFFFF; } .switcher-list .thumbnail-box { padding: 2px; spacing: 4px; } .switcher-list .thumbnail { width: 256px; } .switcher-list .separator { width: 1px; background: rgba(0, 0, 0, 0.12); } .switcher-arrow { border-color: transparent; color: rgba(0, 0, 0, 0.38); } .switcher-arrow:highlighted { color: rgba(0, 0, 0, 0.87); } .input-source-switcher-symbol { font-size: 45px; font-weight: 400; width: 96px; height: 96px; } /* Window Cycler */ .cycler-highlight { border: 4px solid #338DD6; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher { background: transparent; border: 0px; border-radius: 0px; padding: 0px; spacing: 8px; } .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; background-color: #338DD6; color: #FFFFFF; background-size: 32px; border-radius: 2px; } .ws-switcher-box { height: 48px; border: none; background: rgba(0, 0, 0, 0.12); border-radius: 2px; } .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); border-radius: 2px; padding: 12px; } /* Tiled window previews */ .tile-preview { background-color: rgba(64, 196, 255, 0.3); border: 1px solid #40C4FF; } .tile-preview-left.on-primary { border-radius: 0 0 0 0; } .tile-preview-right.on-primary { border-radius: 0 0 0 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0 0 0 0; } /* TOP BAR */ #panel { background-color: #212121; font-weight: bold; height: 28px; } #panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { background-color: transparent; } #panel #panelLeft, #panel #panelCenter { spacing: 0; } #panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: rgba(0, 0, 0, 0.6); -panel-corner-border-width: 2px; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: #FFFFFF; } #panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: rgba(255, 255, 255, 0.7); transition-duration: 150ms; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; } #panel .panel-button:hover { color: #FFFFFF; } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { background-color: rgba(0, 0, 0, 0.01); box-shadow: inset 0 -2px 0px #FFFFFF; color: #FFFFFF; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { icon-shadow: none; } #panel .panel-button .system-status-icon { icon-size: 1.23077em; padding: 0 4px; } .unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { color: rgba(255, 255, 255, 0.7); } .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { color: #FFFFFF; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator { color: #FF6D00; } #calendarArea { padding: 8px 16px; } .calendar { margin-bottom: 0; } .calendar, .datemenu-today-button, .datemenu-displays-box, .message-list-sections { margin: 0 8px; } .datemenu-calendar-column { spacing: 8px; } .datemenu-displays-section { padding-bottom: 0; } .datemenu-today-button, .world-clocks-button, .message-list-section-title { min-height: 20px; padding: 4px 8px; border-radius: 2px; } .datemenu-today-button { min-height: 48px; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .datemenu-today-button:hover, .datemenu-today-button:focus, .world-clocks-button:hover, .world-clocks-button:focus, .message-list-section-title:hover, .message-list-section-title:focus { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); } .datemenu-today-button:active, .world-clocks-button:active, .message-list-section-title:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); } .datemenu-today-button .date-label { font-size: 18pt; font-weight: 400; } .world-clocks-header, .message-list-section-title { color: rgba(0, 0, 0, 0.54); font-weight: bold; } .world-clocks-grid { spacing-rows: 0.4em; } .calendar-month-label { height: 16px; margin: 2px; padding: 6px 16px; border-radius: 2px; color: rgba(0, 0, 0, 0.87); font-weight: bold; text-align: center; } .calendar-month-label:focus { background-color: rgba(0, 0, 0, 0.12); } .pager-button { width: 28px; height: 28px; margin: 2px; border-radius: 100px; background-color: transparent; color: rgba(0, 0, 0, 0.87); } .pager-button:hover, .pager-button:focus { background-color: rgba(0, 0, 0, 0.12); } .pager-button:active { background-color: rgba(0, 0, 0, 0.26); } .calendar-change-month-back { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-change-month-back:rtl { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward:rtl { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-day-base { font-size: 9pt; font-weight: 400; text-align: center; width: 28px; height: 28px; padding: 0; margin: 2px; border-radius: 100px; } .calendar-day-base:hover, .calendar-day-base:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar-day-base:active, .calendar-day-base:selected { color: #FFFFFF; background-color: #338DD6 !important; border-color: transparent; } .calendar-day-base.calendar-day-heading { width: 28px; height: 21px; margin-top: 2px; padding: 7px 0 0; border-radius: 100px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-size: 9pt; font-weight: 400; font-weight: bold; text-align: center; } .calendar-day { border-width: 0; } .calendar-day-top { border-top-width: 0; } .calendar-day-left { border-left-width: 0; } .calendar-nonwork-day { color: rgba(0, 0, 0, 0.87); } .calendar-today { font-weight: bold !important; border: none; } .calendar-day-with-events { color: #338DD6; font-weight: normal; text-decoration: underline; background-image: none; } .calendar-other-month-day { color: rgba(0, 0, 0, 0.26); opacity: 0.5; } .calendar-week-number { width: 28px; height: 21px; margin: 2px; padding: 7px 0 0; border-radius: 100px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-size: inherit; font-weight: bold; text-align: center; } /* Message list */ .message-list { width: 420px; } .message-list-sections { spacing: 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message-list-section-title-box { spacing: 8px; } .message-list-section-close > StIcon { icon-size: 16px; border-radius: 16px; padding: 6px; color: rgba(0, 0, 0, 0.54); background-color: transparent; } /* FIXME: how do you do this in sass? */ .message-list-section-close:hover > StIcon, .message-list-section-close:focus > StIcon { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); } .message-list-section-close:active > StIcon { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); } .message { min-height: 56px; background-color: transparent; border-radius: 2px; } .message:hover, .message:focus { background-color: rgba(0, 0, 0, 0.12); } .message:active { background-color: rgba(0, 0, 0, 0.26); } .message-icon-bin { padding: 8px 0px 8px 8px; } .message-icon-bin:rtl { padding: 8px 8px 8px 0px; } .message-icon-bin > StIcon { icon-size: 32px; } .message-secondary-bin:ltr { padding-left: 8px; } .message-secondary-bin:rtl { padding-right: 8px; } .message-secondary-bin { color: rgba(0, 0, 0, 0.54); } .message-secondary-bin > StIcon { icon-size: 16px; } .message-title { min-height: 18px; padding-top: 2px; color: rgba(0, 0, 0, 0.87); font-weight: bold; font-size: 1em; } .message-content { min-height: 40px; padding: 8px; color: rgba(0, 0, 0, 0.54); font-size: 1em; } .message-content * > StIcon { icon-size: 16px; border-radius: 16px; padding: 2px; color: rgba(0, 0, 0, 0.54); } /* FIXME: how do you do this in sass? */ .message-content *:hover > StIcon, .message-content *:focus > StIcon { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); } .message-content *:active > StIcon { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); } .message-media-control { margin: 16px 0; padding: 8px; border-radius: 100px; color: rgba(0, 0, 0, 0.54); } .message-media-control:hover, .message-media-control:focus { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); } .message-media-control:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); } .message-media-control:insensitive { color: rgba(0, 0, 0, 0.26); } .message-media-control:last-child:ltr { margin-right: 16px; padding-right: 8px; } .message-media-control:last-child:rtl { margin-left: 16px; padding-left: 8px; } .media-message-cover-icon { icon-size: 32px; } .media-message-cover-icon.fallback { icon-size: 16px; padding: 8px; border: none; border-radius: 2px; background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.38); } .system-switch-user-submenu-icon.user-icon { icon-size: 20px; padding: 0 2px; } .system-switch-user-submenu-icon.default-icon { icon-size: 16px; padding: 0 4px; } #appMenu { spinner-image: url("process-working.svg"); spacing: 4px; } #appMenu .label-shadow { color: transparent; } .aggregate-menu { min-width: 280px; } .aggregate-menu .popup-menu-icon { padding: 0 4px; } .aggregate-menu .popup-sub-menu .popup-menu-item :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; margin-left: 1.23077em; } .aggregate-menu .popup-sub-menu .popup-menu-item :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; margin-right: 1.23077em; } .system-menu-action { color: rgba(0, 0, 0, 0.54); border-radius: 100px; /* wish we could do 50% */ padding: 14px; border: none; } .system-menu-action:hover, .system-menu-action:focus { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); border: none; padding: 14px; } .system-menu-action:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } .system-menu-action > StIcon { icon-size: 16px; } .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; background-color: rgba(255, 255, 255, 0.3); background-image: none; background-size: auto; } .ripple-box:rtl { border-radius: 0 0 0 48px; background-image: none; } .popup-menu-arrow { width: 16px; height: 16px; } .popup-menu-icon { icon-size: 1.23077em; } .window-close { transition-duration: 0ms; height: 32px; width: 32px; -st-background-image-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); background-image: url("assets/window-close.svg"); background-size: 32px; } .window-close:hover { -st-background-image-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .window-close:active { background-image: url("assets/window-close-active.svg"); } .window-close { -shell-close-overlap: 16px; } .window-close:rtl { -st-background-image-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .window-close:rtl:hover { -st-background-image-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } /* NETWORK DIALOGS */ .nm-dialog { max-height: 500px; min-height: 450px; min-width: 470px; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: center; } .nm-dialog-airplane-text { color: rgba(0, 0, 0, 0.87); } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-scroll-view { border: none; } .nm-dialog-header { font-size: 15pt; font-weight: 500; } .nm-dialog-item { font-size: 1em; border-bottom: none; border-radius: 2px; padding: 12px; spacing: 20px; } .nm-dialog-item:hover, .nm-dialog-item:focus { background-color: rgba(0, 0, 0, 0.12); } .nm-dialog-item:active { background-color: rgba(0, 0, 0, 0.26); } .nm-dialog-item:selected { background-color: #338DD6; color: #FFFFFF; } .nm-dialog-icons { spacing: .5em; } .nm-dialog-icon { icon-size: 16px; } .no-networks-label { color: rgba(0, 0, 0, 0.38); } .no-networks-box { spacing: 12px; } /* OVERVIEW */ #overview { spacing: 24px; } .overview-controls { padding-bottom: 32px; } .window-picker { -horizontal-spacing: 32px; -vertical-spacing: 32px; padding-left: 32px; padding-right: 32px; padding-bottom: 48px; } .window-picker.external-monitor { padding: 32px; } .window-clone-border { border: 4px solid rgba(255, 255, 255, 0.3); border-radius: 2px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .window-caption { spacing: 25px; color: #FFFFFF; background-color: transparent; border-radius: 2px; padding: 4px 8px; -shell-caption-spacing: 12px; } .window-caption:hover { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .search-entry { width: 304px; padding: 0 8px; border-radius: 0; color: rgba(255, 255, 255, 0.5); selection-background-color: rgba(255, 255, 255, 0.3); selected-color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #FFFFFF; padding: 0 8px; border-width: 0; color: #FFFFFF; } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 0; color: rgba(255, 255, 255, 0.5); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: #FFFFFF; } #searchResultsBin { max-width: 1000px; } #searchResultsContent { padding-left: 20px; padding-right: 20px; spacing: 16px; } .search-section { spacing: 16px; } .search-section-content { spacing: 32px; } .list-search-results { spacing: 3px; } .search-section-separator { -gradient-height: 1px; -gradient-start: rgba(255, 255, 255, 0); -gradient-end: rgba(255, 255, 255, 0.4); -margin-horizontal: 1.5em; height: 1px; } .list-search-result-content { spacing: 12px; padding: 12px; } .list-search-result-title { font-size: 18pt; font-weight: 400; color: #FFFFFF; } .list-search-result-description { color: rgba(255, 255, 255, 0.7); } .search-provider-icon { padding: 15px; } .search-provider-icon-more { width: 16px; height: 16px; background-image: url("assets/more-results.svg"); } /* DASHBOARD */ #dash { font-size: 1em; color: #FFFFFF; background-color: rgba(255, 255, 255, 0.1); padding: 3px 0; border: none; border-left: 0px; border-radius: 0px 2px 2px 0px; } #dash:rtl { border-radius: 2px 0 0 2px; } #dash .placeholder { background-image: url("assets/dash-placeholder.svg"); background-size: contain; height: 24px; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { border-radius: 2px; padding: 7px 8px; color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-align: center; -x-offset: 8px; } /* App Vault/Grid */ .icon-grid { spacing: 30px; -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; } .icon-grid .overview-icon { icon-size: 96px; } .app-view-controls { width: 320px; padding-bottom: 32px; } .app-view-control { padding: 0 16px; font-weight: bold; color: rgba(255, 255, 255, 0.7); } .app-view-control:hover { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12) !important; } .app-view-control:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3) !important; } .app-view-control:checked { color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01) !important; box-shadow: inset 0 2px 0 #FFFFFF; } .app-view-control:first-child { border-right-width: 0; border-radius: 2px; } .app-view-control:first-child:checked { border-radius: 0; } .app-view-control:last-child { border-radius: 2px; } .app-view-control:last-child:checked { border-radius: 0; } .search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, .list-search-result:focus, .list-search-result:selected, .list-search-result:hover { background-color: rgba(255, 255, 255, 0.12); transition-duration: 0ms; } .search-provider-icon:active, .search-provider-icon:checked, .list-search-result:active, .list-search-result:checked { background-color: rgba(255, 255, 255, 0.3); transition-duration: 150ms; } .app-well-app:hover .overview-icon, .app-well-app:focus .overview-icon, .app-well-app:selected .overview-icon, .app-well-app.app-folder:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-well-app.app-folder:selected .overview-icon, .show-apps:hover .overview-icon, .show-apps:focus .overview-icon, .show-apps:selected .overview-icon, .grid-search-result:hover .overview-icon, .grid-search-result:focus .overview-icon, .grid-search-result:selected .overview-icon { background-color: rgba(255, 255, 255, 0.12); transition-duration: 0ms; border-image: none; background-image: none; } .app-well-app:active .overview-icon, .app-well-app:checked .overview-icon, .app-well-app.app-folder:active .overview-icon, .app-well-app.app-folder:checked .overview-icon, .show-apps:active .overview-icon, .show-apps:checked .overview-icon, .grid-search-result:active .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.3); box-shadow: 0 0 transparent; transition-duration: 150ms; } .app-well-app-running-dot { width: 32px; height: 2px; background-color: #FFFFFF; margin-bottom: 0; } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .app-well-app.app-folder .overview-icon, .show-apps .overview-icon, .grid-search-result .overview-icon { color: #FFFFFF; border-radius: 2px; padding: 6px; border: none; transition-duration: 150ms; text-align: center; } .app-well-app.app-folder > .overview-icon { background-color: rgba(255, 255, 255, 0.1); } .show-apps .show-apps-icon { color: rgba(255, 255, 255, 0.7); } .show-apps:hover .show-apps-icon, .show-apps:active .show-apps-icon, .show-apps:checked .show-apps-icon, .show-apps:focus .show-apps-icon { color: #FFFFFF; transition-duration: 150ms; } .app-folder-popup { -arrow-border-radius: 2px; -arrow-background-color: rgba(255, 255, 255, 0.1); -arrow-base: 24px; -arrow-rise: 12px; } .app-folder-popup-bin { padding: 5px; } .app-folder-icon { padding: 5px; spacing-rows: 5px; spacing-columns: 5px; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 12px; height: 12px; border-radius: 12px; background-image: none; background-color: rgba(255, 255, 255, 0.3); } .page-indicator:hover .page-indicator-icon { background-image: none; background-color: rgba(255, 255, 255, 0.5); } .page-indicator:active .page-indicator-icon { background-image: none; background-color: rgba(255, 255, 255, 0.7); } .page-indicator:checked .page-indicator-icon { background-image: none; background-color: #FFFFFF; transition-duration: 0ms; } .page-indicator:checked:active { background-image: none; } .app-well-app > .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label { padding: 10px 8px 5px 8px; spacing: 4px; } .workspace-thumbnails { visible-width: 32px; spacing: 12px; padding: 12px; border-radius: 2px 0 0 2px; } .workspace-thumbnails:rtl { border-radius: 0 2px 2px 0; } .workspace-thumbnails .placeholder { background-image: url("assets/dash-placeholder.svg"); background-size: contain; height: 24px; } .workspace-thumbnail-indicator { border: 0 solid #FFFFFF; border-left-width: 2px; padding: 6px; border-radius: 0; } .search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { padding: 0px 88px 10px 88px; } .workspace-thumbnails { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.1); border: none; } .search-statustext, .no-frequent-applications-label { font-size: 45px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { link-color: #338DD6; } .notification-banner { font-size: 1em; width: 34em; min-height: 56px; margin: 5px; border-radius: 2px; color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .notification-banner:hover { background-color: #FAFAFA; } .notification-banner:focus { background-color: #FAFAFA; } .notification-banner .notification-icon { padding: 5px; } .notification-banner .notification-content { padding: 5px; spacing: 5px; } .notification-banner .secondary-icon { icon-size: 1.23077em; } .notification-banner .notification-actions { background-color: transparent; padding-top: 0; border-top: 1px solid rgba(0, 0, 0, 0.12); spacing: 1px; } .notification-banner .notification-button { min-height: 40px; padding: 0 16px; background-color: transparent; color: rgba(0, 0, 0, 0.54); font-weight: 500; } .notification-banner .notification-button:first-child { border-radius: 0 0 0 2px; } .notification-banner .notification-button:last-child { border-radius: 0 0 2px 0; } .notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } .notification-banner .notification-button:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } .summary-source-counter { font-size: 1em; font-weight: bold; height: 1.6em; width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; background-color: #338DD6; color: #FFFFFF; border: 2px solid #FFFFFF; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } .secondary-icon { icon-size: 1.23077em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: rgba(0, 0, 0, 0.87); } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0px; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: rgba(0, 0, 0, 0.54); } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; font-size: 9pt; font-weight: 400; color: rgba(0, 0, 0, 0.38); } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-transient-box { spacing: 6px; padding: 2px 72px 2px 12px; } .hotplug-notification-item { padding: 2px 10px; } .hotplug-notification-item:focus { padding: 1px 71px 1px 11px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 2px 5px; } .hotplug-resident-box { spacing: 8px; } .hotplug-resident-mount { spacing: 8px; border-radius: 2px; } .hotplug-resident-mount:hover { background-color: rgba(0, 0, 0, 0.12); } .hotplug-resident-mount:active { background-color: rgba(0, 0, 0, 0.26); } .hotplug-resident-mount-label { color: inherit; padding-left: 6px; } .hotplug-resident-mount-icon { icon-size: 24px; padding-left: 6px; } .hotplug-resident-eject-icon { icon-size: 16px; } .hotplug-resident-eject-button { padding: 7px; border-radius: 2px; color: rgba(0, 0, 0, 0.87); } /* Eeeky things */ .legacy-tray { background-color: rgba(0, 0, 0, 0.6); color: #FFFFFF; border: none; border-bottom-width: 0; } .legacy-tray:ltr { border-radius: 0 2px 0 0; border-left-width: 0; } .legacy-tray:rtl { border-radius: 2px 0 0 0; border-right-width: 0; } .legacy-tray-handle, .legacy-tray-icon { padding: 6px; } .legacy-tray-handle StIcon, .legacy-tray-icon StIcon { icon-size: 24px; } .legacy-tray-handle:hover, .legacy-tray-handle:focus, .legacy-tray-icon:hover, .legacy-tray-icon:focus { background-color: rgba(255, 255, 255, 0.12); } .legacy-tray-handle:active, .legacy-tray-icon:active { background-color: rgba(255, 255, 255, 0.3); } .legacy-tray-icon-box { spacing: 12px; } .legacy-tray-icon-box:ltr { padding-left: 12px; } .legacy-tray-icon-box:rtl { padding-right: 12px; } .legacy-tray-icon-box StButton { width: 24px; height: 24px; } .magnifier-zoom-region { border: 2px solid #338DD6; } .magnifier-zoom-region.full-screen { border-width: 0; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.3); } .keyboard-layout { spacing: 10px; padding: 10px; } .keyboard-row { spacing: 15px; } .keyboard-key { min-height: 64px; min-width: 64px; font-size: 2em; font-weight: 500; border-radius: 2px; border: none; color: inherit; color: rgba(0, 0, 0, 0.62); background-color: #FAFAFA; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; icon-shadow: none; } .keyboard-key:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-key:hover, .keyboard-key:checked { color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .keyboard-key:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(188, 188, 188, 0.961); border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .keyboard-key:grayed { background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; border-color: rgba(0, 0, 0, 0.3); } .keyboard-subkeys { color: inherit; padding: 5px; -arrow-border-radius: 0; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; -boxpointer-gap: 5px; background-color: #FAFAFA; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: rgba(0, 0, 0, 0.38); } .candidate-box:selected .candidate-index { color: rgba(255, 255, 255, 0.5); } .candidate-box { transition-duration: 0ms; min-height: 28px; padding: 0 8px; border-radius: 2px; } .candidate-box:hover { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } .candidate-box:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } .candidate-box:selected { background-color: #338DD6; color: #FFFFFF; } .candidate-page-button-box { height: 28px; } .vertical .candidate-page-button-box { padding-top: 0; } .horizontal .candidate-page-button-box { padding-left: 0; } .candidate-page-button { min-width: 28px; min-height: 28px; padding: 0; } .candidate-page-button-previous { border-radius: 2px; border-right-width: 0; } .candidate-page-button-next { border-radius: 2px; } .candidate-page-button-icon { icon-size: 1.23077em; } /* Auth Dialogs & Screen Shield */ .framed-user-icon { background-size: contain; border: none; color: #FFFFFF; border-radius: 2px; } .framed-user-icon:hover { border-color: #FFFFFF; color: #FFFFFF; } .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: none; background-color: transparent; } .login-dialog StEntry { color: #FFFFFF; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .login-dialog StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #FFFFFF; } .login-dialog StEntry:insensitive { color: rgba(0, 0, 0, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { padding: 0 16px; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:insensitive { color: rgba(255, 255, 255, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default { color: #FFFFFF; background-color: #009688; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { color: #FFFFFF; background-color: #009688; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:active { color: #FFFFFF; background-color: #4db6ac; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:insensitive { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog-logo-bin { padding: 24px 0px; } .login-dialog-banner { color: rgba(255, 255, 255, 0.7); } .login-dialog-button-box { spacing: 5px; } .login-dialog-message-warning { color: #FF6D00; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; } .login-dialog-user-selection-box { padding: 100px 0px; } .login-dialog-user-selection-box .login-dialog-not-listed-label { padding-left: 2px; } .login-dialog-not-listed-button:focus .login-dialog-user-selection-box .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-user-selection-box .login-dialog-not-listed-label { color: #FFFFFF; } .login-dialog-not-listed-label { font-size: 1em; font-weight: bold; color: rgba(255, 255, 255, 0.7); padding-top: 1em; } .login-dialog-not-listed-label:hover { color: #FFFFFF; } .login-dialog-not-listed-label:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; padding: .2em; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:focus { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid #FFFFFF; } .login-dialog-user-list-item { border-radius: 2px; padding: 4px 4px 0; color: rgba(255, 255, 255, 0.7); } .login-dialog-user-list-item:ltr { padding-right: 1em; } .login-dialog-user-list-item:rtl { padding-left: 1em; } .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list-item:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin: 2px 0 0 0; background-color: #FFFFFF; } .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { background-color: #FFFFFF; } .login-dialog-username, .user-widget-label { color: #FFFFFF; font-size: 15pt; font-weight: 500; text-align: left; padding-left: 15px; } .user-widget-label:ltr { padding-left: 18px; } .user-widget-label:rtl { padding-right: 18px; } .login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 8px; width: 23em; } .login-dialog-prompt-label { color: rgba(255, 255, 255, 0.5); font-size: 1em; padding-top: 1em; } .login-dialog-session-list-button StIcon { icon-size: 1.25em; } .login-dialog-session-list-button { color: rgba(255, 255, 255, 0.7); } .login-dialog-session-list-button:hover, .login-dialog-session-list-button:focus { color: #FFFFFF; } .login-dialog-session-list-button:active { color: #FFFFFF; } .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { color: white; width: 80px; height: 48px; -arrow-thickness: 12px; -arrow-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock { color: white; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-weight: normal; text-align: center; padding-bottom: 1.5em; } .screen-shield-clock-time { font-size: 112px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock-date { font-size: 45px; font-weight: 400; } .screen-shield-notifications-container { spacing: 6px; width: 30em; background-color: transparent; max-height: 500px; } .screen-shield-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .screen-shield-notifications-container .notification, .screen-shield-notifications-container .screen-shield-notification-source { padding: 8px; border: none; background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; border-radius: 2px; } .screen-shield-notifications-container .notification { margin-right: 16px; } .screen-shield-notification-label { min-height: 18px; padding: 2px 0px 0px 16px; font-weight: bold; } .screen-shield-notification-count-text { min-height: 18px; padding: 2px 0px 0px 16px; color: rgba(255, 255, 255, 0.7); } #panel.lock-screen { background-color: rgba(0, 0, 0, 0.3); } .screen-shield-background { background: black; box-shadow: 0 19px 19px rgba(0, 0, 0, 0.6), 0 15px 6px rgba(0, 0, 0, 0.44); } #lockDialogGroup { background: #303030; background-size: cover; } #LookingGlassDialog { background-color: #FAFAFA; spacing: 4px; padding: 0; border: none; border-radius: 2px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } #LookingGlassDialog > #Toolbar { padding: 0 8px; border: none; border-radius: 0; background-color: rgba(250, 250, 250, 0.01); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); } #LookingGlassDialog .labels { spacing: 0; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: rgba(0, 0, 0, 0.38); transition-duration: 150ms; padding-left: 16px; padding-right: 16px; min-height: 32px; padding: 0 32px; } #LookingGlassDialog .notebook-tab:hover { box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); text-shadow: none; } #LookingGlassDialog .notebook-tab:selected { border-bottom-width: 0; border-color: transparent; background-color: rgba(250, 250, 250, 0.01); box-shadow: inset 0 -2px 0px #338DD6; color: rgba(0, 0, 0, 0.87); text-shadow: none; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 4px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog StEntry { selection-background-color: #338DD6; selected-color: #FFFFFF; } .lg-dialog .shell-link { color: #338DD6; } .lg-dialog .shell-link:hover { color: #338DD6; } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button { min-height: 32px; padding: 0 16px; border: none; border-radius: 2px; font-size: 9.75pt; font-weight: 500; color: rgba(0, 0, 0, 0.54); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:hover { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:insensitive { color: rgba(0, 0, 0, 0.26); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .lg-obj-inspector-button:hover { border: none; } #lookingGlassExtensions { padding: 4px; } .lg-extensions-list { padding: 4px; spacing: 6px; } .lg-extension { border: none; border-radius: 2px; padding: 4px; } .lg-extension-name { font-size: 18pt; font-weight: 400; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { background: #FAFAFA; border: none; border-radius: 2px; padding: 6px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } /* Dash to Dock */ #dashtodockContainer #dash { background-color: rgba(0, 0, 0, 0.6); } #dashtodockContainer:overview #dash { background-color: rgba(255, 255, 255, 0.1); } #dashtodockContainer.extended:overview #dash { background-color: transparent; } #dashtodockContainer.left #dash, #dashtodockContainer.right #dash { padding: 3px 0; } #dashtodockContainer.top #dash, #dashtodockContainer.bottom #dash { padding: 0 3px; } #dashtodockContainer.extended #dash { padding: 0; border-radius: 0; } #dashtodockContainer.left .dash-item-container > StWidget, #dashtodockContainer.right .dash-item-container > StWidget, #dashtodockContainer.extended.left .dash-item-container > StWidget, #dashtodockContainer.extended.right .dash-item-container > StWidget { padding: 3px 6px; } #dashtodockContainer.extended.left .dash-item-container:first-child > StWidget, #dashtodockContainer.extended.right .dash-item-container:first-child > StWidget { padding: 6px 6px 3px 6px; } #dashtodockContainer.extended.left .dash-item-container:last-child > StWidget, #dashtodockContainer.extended.right .dash-item-container:last-child > StWidget { padding: 3px 6px 6px 6px; } #dashtodockContainer.top .dash-item-container > StWidget, #dashtodockContainer.bottom .dash-item-container > StWidget, #dashtodockContainer.extended.top .dash-item-container > StWidget, #dashtodockContainer.extended.bottom .dash-item-container > StWidget { padding: 6px 3px; } #dashtodockContainer.extended.top .dash-item-container:first-child > StWidget, #dashtodockContainer.extended.bottom .dash-item-container:first-child > StWidget { padding: 6px 3px 6px 6px; } #dashtodockContainer.extended.top .dash-item-container:last-child > StWidget, #dashtodockContainer.extended.bottom .dash-item-container:last-child > StWidget { padding: 6px 6px 6px 3px; } #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } #dashtodockContainer .dash-item-container > StWidget { background-size: cover; } #dashtodockContainer.left .dash-item-container > StWidget.running1 { background-image: url("assets/dash/left-running1.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running2 { background-image: url("assets/dash/left-running2.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running3 { background-image: url("assets/dash/left-running3.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running4 { background-image: url("assets/dash/left-running4.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running1 { background-image: url("assets/dash/right-running1.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running2 { background-image: url("assets/dash/right-running2.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running3 { background-image: url("assets/dash/right-running3.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running4 { background-image: url("assets/dash/right-running4.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running1 { background-image: url("assets/dash/top-running1.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running2 { background-image: url("assets/dash/top-running2.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running3 { background-image: url("assets/dash/top-running3.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running4 { background-image: url("assets/dash/top-running4.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running1 { background-image: url("assets/dash/bottom-running1.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running2 { background-image: url("assets/dash/bottom-running2.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running3 { background-image: url("assets/dash/bottom-running3.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running4 { background-image: url("assets/dash/bottom-running4.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/bottom-running4-focused.svg"); } /* Simple Dock */ #dash:desktop { background-color: rgba(0, 0, 0, 0.6); } /* GPaste */ .popup-menu .search-entry { color: rgba(0, 0, 0, 0.87); selection-background-color: #338DD6; selected-color: #FFFFFF; background-color: rgba(250, 250, 250, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .popup-menu .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #338DD6; color: rgba(0, 0, 0, 0.87); } .popup-menu .search-entry .search-entry-icon { color: rgba(0, 0, 0, 0.38); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { color: rgba(0, 0, 0, 0.87); } materia-theme-20180321/src/gnome-shell/3.18/gnome-shell-compact.scss000066400000000000000000000004141325420104000246110ustar00rootroot00000000000000$variant: 'light'; $titlebar: 'dark'; $compact: 'true'; @import '../../_sass/gnome-shell/variables'; @import '../../_sass/colors'; @import '../../_sass/gnome-shell/drawing'; @import '../../_sass/gnome-shell/common-3.18'; @import '../../_sass/gnome-shell/extensions'; materia-theme-20180321/src/gnome-shell/3.18/gnome-shell-dark-compact.css000066400000000000000000001742561325420104000253650ustar00rootroot00000000000000/* This stylesheet is generated, DO NOT EDIT */ /* Copyright 2009, 2015 Red Hat, Inc. * * Portions adapted from Mx's data/style/default.css * Copyright 2009 Intel Corporation * * This program is free software; you can redistribute it and/or modify it * under the terms and conditions of the GNU Lesser General Public License, * version 2.1, as published by the Free Software Foundation. * * This program is distributed in the hope it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for * more details. * * You should have received a copy of the GNU Lesser General Public License * along with this program; if not, write to the Free Software Foundation, * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. */ /* GLOBALS */ * { transition-duration: 150ms; } stage { font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; font-size: 9.75pt; font-weight: 400; color: #FFFFFF; } /* WIDGETS */ /* Buttons */ .button { min-height: 32px; padding: 0 16px; border-width: 0; border-radius: 2px; font-size: 9.75pt; font-weight: 500; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:hover { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:insensitive { color: rgba(255, 255, 255, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:focus { color: #FFFFFF; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .modal-dialog-linked-button { min-height: 40px; padding: 0 16px; border-top: 1px solid rgba(0, 0, 0, 0.26) !important; border-right-width: 0; font-size: 9.75pt; font-weight: 500; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:hover { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:insensitive { color: rgba(255, 255, 255, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:focus { color: #FFFFFF; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .modal-dialog-linked-button:first-child { border-radius: 0px 0px 0px 2px; } .modal-dialog-linked-button:last-child { border-right-width: 0px; border-radius: 0px 0px 2px 0px; } .modal-dialog-linked-button:first-child:last-child { border-right-width: 0px; border-radius: 0px 0px 2px 2px; } /* Entries */ StEntry { min-height: 32px; padding: 0 8px; border-radius: 0; border-width: 0; color: #FFFFFF; selection-background-color: #338DD6; selected-color: #FFFFFF; font-size: 11.25pt; font-weight: 400; background-color: rgba(66, 66, 66, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #338DD6; } StEntry:insensitive { color: rgba(255, 255, 255, 0.5); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); } StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #FF6D00; padding: 0 0; } /* Scrollbars */ StScrollView.vfade { -st-vfade-offset: 32px; } StScrollView.hfade { -st-hfade-offset: 32px; } StScrollBar { padding: 0; } StScrollView StScrollBar { min-width: 16px; min-height: 16px; } StScrollBar StBin#trough { margin: 4px; border-radius: 100px; background-color: rgba(255, 255, 255, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 100px; background-color: rgba(255, 255, 255, 0.5); margin: 4px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(255, 255, 255, 0.7); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: #FFFFFF; } #overview StScrollBar StBin#trough, #screenShieldNotifications StScrollBar StBin#trough { background-color: rgba(255, 255, 255, 0.12); } #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#hhandle, #screenShieldNotifications StScrollBar StButton#hhandle { background-color: rgba(255, 255, 255, 0.5); } #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#hhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { background-color: rgba(255, 255, 255, 0.7); } #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#hhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { background-color: #FFFFFF; } /* Slider */ .slider { height: 20px; color: #009688; -slider-height: 2px; -slider-background-color: rgba(255, 255, 255, 0.3); -slider-border-color: transparent; -slider-active-background-color: #009688; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 7px; } /* Check Boxes */ .check-box * { min-height: 16px; padding: 8px 0; } .check-box StBoxLayout { spacing: 8px; } .check-box StBin { width: 24px; height: 24px; padding: 4px; border-radius: 100px; background-image: url("assets/checkbox-off.svg"); } .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } .check-box:hover StBin { background-color: rgba(255, 255, 255, 0.12); } .check-box:active StBin { background-color: rgba(255, 255, 255, 0.3); } .check-box:checked StBin { background-image: url("assets/checkbox.svg"); } .check-box:focus:checked StBin { background-image: url("assets/checkbox.svg"); } .check-box:hover:checked StBin { background-color: rgba(0, 150, 136, 0.15); } .check-box:active:checked StBin { background-color: rgba(0, 150, 136, 0.3); } /* Switches */ .toggle-switch { width: 40px; height: 20px; background-size: contain; } .toggle-switch-us { background-image: url("assets/toggle-off.svg"); } .toggle-switch-us:checked { background-image: url("assets/toggle-on.svg"); } .toggle-switch-intl { background-image: url("assets/toggle-off.svg"); } .toggle-switch-intl:checked { background-image: url("assets/toggle-on.svg"); } /* links */ .shell-link { border-radius: 2px; color: #338DD6; } .shell-link:hover { color: #338DD6; background-color: rgba(51, 141, 214, 0.15); } .shell-link:active { color: #338DD6; background-color: rgba(51, 141, 214, 0.3); } /* Modal Dialogs */ .headline { font-size: 15pt; font-weight: 500; } .lightbox { background-color: black; } .flashspot { background-color: white; } .modal-dialog { border-radius: 2px; color: #FFFFFF; background-color: #424242; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } .modal-dialog .modal-dialog-content-box { padding: 24px; } .modal-dialog .run-dialog-entry { width: 20em; margin-bottom: 6px; } .modal-dialog .run-dialog-error-box { padding-top: 16px; spacing: 6px; } .modal-dialog .run-dialog-button-box { padding-top: 1em; } .modal-dialog .run-dialog-label { font-size: 1em; font-weight: normal; color: rgba(255, 255, 255, 0.5); padding-bottom: .4em; } .show-processes-dialog-subject, .mount-question-dialog-subject, .end-session-dialog-subject { font-size: 15pt; font-weight: 500; } /* End Session Dialog */ .end-session-dialog { spacing: 42px; border: none; } .end-session-dialog-list { padding-top: 20px; } .end-session-dialog-layout { padding-left: 17px; } .end-session-dialog-layout:rtl { padding-right: 17px; } .end-session-dialog-description { width: 28em; padding-bottom: 10px; } .end-session-dialog-description:rtl { text-align: right; } .end-session-dialog-warning { width: 28em; color: #FF6D00; padding-top: 6px; } .end-session-dialog-warning:rtl { text-align: right; } .end-session-dialog-logout-icon { border-radius: 5px; width: 48px; height: 48px; background-size: contain; } .end-session-dialog-shutdown-icon { color: rgba(255, 255, 255, 0.5); width: 48px; height: 48px; } .end-session-dialog-inhibitor-layout { spacing: 16px; max-height: 200px; padding-right: 65px; padding-left: 65px; } .end-session-dialog-session-list, .end-session-dialog-app-list { spacing: 1em; } .end-session-dialog-list-header { font-weight: bold; } .end-session-dialog-list-header:rtl { text-align: right; } .end-session-dialog-app-list-item, .end-session-dialog-session-list-item { spacing: 1em; } .end-session-dialog-app-list-item-name, .end-session-dialog-session-list-item-name { font-weight: bold; } .end-session-dialog-app-list-item-description { color: rgba(255, 255, 255, 0.5); font-size: 1em; } /* ShellMountOperation Dialogs */ .shell-mount-operation-icon { icon-size: 48px; } .show-processes-dialog, .mount-question-dialog { spacing: 24px; } .show-processes-dialog-subject, .mount-question-dialog-subject { padding-top: 10px; padding-left: 17px; padding-bottom: 6px; } .mount-question-dialog-subject { max-width: 500px; } .show-processes-dialog-subject:rtl, .mount-question-dialog-subject:rtl { padding-left: 0px; padding-right: 17px; } .show-processes-dialog-description, .mount-question-dialog-description { padding-left: 17px; width: 28em; } .show-processes-dialog-description:rtl, .mount-question-dialog-description:rtl { padding-right: 17px; } .show-processes-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 49px; padding-right: 32px; } .show-processes-dialog-app-list:rtl { padding-right: 49px; padding-left: 32px; } .show-processes-dialog-app-list-item { color: #FFFFFF; } .show-processes-dialog-app-list-item:hover { color: #FFFFFF; } .show-processes-dialog-app-list-item:ltr { padding-right: 1em; } .show-processes-dialog-app-list-item:rtl { padding-left: 1em; } .show-processes-dialog-app-list-item-icon:ltr { padding-right: 17px; } .show-processes-dialog-app-list-item-icon:rtl { padding-left: 17px; } .show-processes-dialog-app-list-item-name { font-size: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { width: 500px; border: none; } .prompt-dialog-main-layout { spacing: 24px; padding: 10px; } .prompt-dialog-message-layout { spacing: 16px; } .prompt-dialog-headline { font-size: 15pt; font-weight: 500; color: #FFFFFF; } .prompt-dialog-description:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label { font-size: 1em; color: #DD2C00; padding-bottom: 8px; } .prompt-dialog-info-label { font-size: 1em; padding-bottom: 8px; } .hidden { color: transparent; } .prompt-dialog-null-label { font-size: 1em; padding-bottom: 8px; } /* Polkit Dialog */ .polkit-dialog-user-layout { padding-left: 10px; spacing: 10px; } .polkit-dialog-user-layout:rtl { padding-left: 0px; padding-right: 10px; } .polkit-dialog-user-root-label { color: #FF6D00; } .polkit-dialog-user-icon { border-radius: 5px; background-size: contain; width: 48px; height: 48px; } /* Audio selection dialog */ .audio-device-selection-dialog { spacing: 30px; } .audio-selection-content { spacing: 20px; padding: 24px; } .audio-selection-title { font-weight: bold; text-align: center; } .audio-selection-box { spacing: 20px; } .audio-selection-device { border: 1px solid rgba(0, 0, 0, 0.26); border-radius: 2px; } .audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { background-color: #338DD6; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* Access Dialog */ .access-dialog { spacing: 30px; } .access-dialog-main-layout { padding: 12px 20px 0; spacing: 12px; } .access-dialog-content { max-width: 28em; spacing: 20px; } .access-dialog-icon { min-width: 48px; icon-size: 48px; } .access-dialog-title { font-weight: bold; } .access-dialog-subtitle { color: rgba(255, 255, 255, 0.5); font-weight: bold; } /* Geolocation Dialog */ .geolocation-dialog { spacing: 30px; } .geolocation-dialog-main-layout { spacing: 12px; } .geolocation-dialog-content { spacing: 20px; } .geolocation-dialog-icon { icon-size: 48px; } .geolocation-dialog-title { font-weight: bold; } .geolocation-dialog-reason { color: rgba(255, 255, 255, 0.5); font-weight: bold; } /* Network Agent Dialog */ .network-dialog-secret-table { spacing-rows: 15px; spacing-columns: 1em; } .keyring-dialog-control-table { spacing-rows: 15px; spacing-columns: 1em; } /* Popovers/Menus */ .popup-menu { min-width: 200px; } .popup-menu .popup-sub-menu { background-color: #303030; box-shadow: 0 0 transparent; } .popup-menu .popup-menu-content { padding: 8px 0; } .popup-menu .popup-menu-item { spacing: 8px; transition-duration: 100ms; } .popup-menu .popup-menu-item:ltr { padding: 0.4em 24px 0.4em 0; } .popup-menu .popup-menu-item:rtl { padding: 0.4em 0 0.4em 24px; } .popup-menu .popup-menu-item:checked { background-color: #338DD6; color: #FFFFFF; box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { background-color: #529edc; color: #FFFFFF; } .popup-menu .popup-menu-item:checked:active { background-color: #70afe2; color: #FFFFFF !important; } .popup-menu .popup-menu-item:checked:insensitive { color: rgba(255, 255, 255, 0.5); } .popup-menu .popup-menu-item.selected { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; transition-duration: 0ms; } .popup-menu .popup-menu-item:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; transition-duration: 150ms; } .popup-menu .popup-menu-item.selected:active { color: #FFFFFF; } .popup-menu .popup-menu-item:insensitive { color: rgba(255, 255, 255, 0.5); } .popup-menu .popup-inactive-menu-item { color: #FFFFFF; } .popup-menu .popup-inactive-menu-item:insensitive { color: rgba(255, 255, 255, 0.5); } .popup-menu.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-border-radius: 0; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; -arrow-box-shadow: none; margin: 5px 8px 8px; background-color: #424242; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .popup-separator-menu-item { height: 1px; margin: 8px 40px; background-color: transparent; border-color: rgba(0, 0, 0, 0.26); border-bottom-width: 1px; border-bottom-style: solid; } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } /* fallback menu - odd thing for styling App menu when apparently not running under shell. Light Adwaita styled app menu inside the main app window itself rather than the top bar */ /* OSD */ .osd-window { text-align: center; font-weight: bold; spacing: 1em; margin: 32px; min-width: 64px; min-height: 64px; } .osd-window .osd-monitor-label { font-size: 45px; font-weight: 400; } .osd-window .level { height: 8px; border-radius: 0; background-color: rgba(51, 141, 214, 0.3); color: #FFFFFF; } .osd-window .level-bar { background-color: #338DD6; border-radius: 0; } /* Pad OSD */ .pad-osd-window { padding: 32px; background-color: rgba(0, 0, 0, 0.6); } .combo-box-label { width: 15em; } /* App Switcher */ .switcher-popup { padding: 8px; spacing: 16px; } .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { padding: 8px; border-radius: 2px; } .switcher-list .item-box:outlined { padding: 8px; border: none; background-color: rgba(255, 255, 255, 0.12); } .switcher-list .item-box:selected { background-color: #338DD6; color: #FFFFFF; } .switcher-list .thumbnail-box { padding: 2px; spacing: 4px; } .switcher-list .thumbnail { width: 256px; } .switcher-list .separator { width: 1px; background: rgba(0, 0, 0, 0.26); } .switcher-arrow { border-color: transparent; color: rgba(255, 255, 255, 0.5); } .switcher-arrow:highlighted { color: #FFFFFF; } .input-source-switcher-symbol { font-size: 45px; font-weight: 400; width: 96px; height: 96px; } /* Window Cycler */ .cycler-highlight { border: 4px solid #338DD6; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher { background: transparent; border: 0px; border-radius: 0px; padding: 0px; spacing: 8px; } .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; background-color: #338DD6; color: #FFFFFF; background-size: 32px; border-radius: 2px; } .ws-switcher-box { height: 48px; border: none; background: rgba(255, 255, 255, 0.12); border-radius: 2px; } .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { color: #FFFFFF; background-color: #424242; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); border-radius: 2px; padding: 12px; } /* Tiled window previews */ .tile-preview { background-color: rgba(64, 196, 255, 0.3); border: 1px solid #40C4FF; } .tile-preview-left.on-primary { border-radius: 0 0 0 0; } .tile-preview-right.on-primary { border-radius: 0 0 0 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0 0 0 0; } /* TOP BAR */ #panel { background-color: #212121; font-weight: bold; height: 28px; } #panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { background-color: transparent; } #panel #panelLeft, #panel #panelCenter { spacing: 0; } #panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: rgba(0, 0, 0, 0.6); -panel-corner-border-width: 2px; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: #FFFFFF; } #panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: rgba(255, 255, 255, 0.7); transition-duration: 150ms; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; } #panel .panel-button:hover { color: #FFFFFF; } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { background-color: rgba(0, 0, 0, 0.01); box-shadow: inset 0 -2px 0px #FFFFFF; color: #FFFFFF; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { icon-shadow: none; } #panel .panel-button .system-status-icon { icon-size: 1.23077em; padding: 0 4px; } .unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { color: rgba(255, 255, 255, 0.7); } .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { color: #FFFFFF; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator { color: #FF6D00; } #calendarArea { padding: 8px 16px; } .calendar { margin-bottom: 0; } .calendar, .datemenu-today-button, .datemenu-displays-box, .message-list-sections { margin: 0 8px; } .datemenu-calendar-column { spacing: 8px; } .datemenu-displays-section { padding-bottom: 0; } .datemenu-today-button, .world-clocks-button, .message-list-section-title { min-height: 20px; padding: 4px 8px; border-radius: 2px; } .datemenu-today-button { min-height: 48px; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .datemenu-today-button:hover, .datemenu-today-button:focus, .world-clocks-button:hover, .world-clocks-button:focus, .message-list-section-title:hover, .message-list-section-title:focus { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); } .datemenu-today-button:active, .world-clocks-button:active, .message-list-section-title:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); } .datemenu-today-button .date-label { font-size: 18pt; font-weight: 400; } .world-clocks-header, .message-list-section-title { color: rgba(255, 255, 255, 0.7); font-weight: bold; } .world-clocks-grid { spacing-rows: 0.4em; } .calendar-month-label { height: 16px; margin: 2px; padding: 6px 16px; border-radius: 2px; color: #FFFFFF; font-weight: bold; text-align: center; } .calendar-month-label:focus { background-color: rgba(255, 255, 255, 0.12); } .pager-button { width: 28px; height: 28px; margin: 2px; border-radius: 100px; background-color: transparent; color: #FFFFFF; } .pager-button:hover, .pager-button:focus { background-color: rgba(255, 255, 255, 0.12); } .pager-button:active { background-color: rgba(255, 255, 255, 0.3); } .calendar-change-month-back { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-change-month-back:rtl { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward:rtl { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-day-base { font-size: 9pt; font-weight: 400; text-align: center; width: 28px; height: 28px; padding: 0; margin: 2px; border-radius: 100px; } .calendar-day-base:hover, .calendar-day-base:focus { background-color: rgba(255, 255, 255, 0.12); } .calendar-day-base:active, .calendar-day-base:selected { color: #FFFFFF; background-color: #338DD6 !important; border-color: transparent; } .calendar-day-base.calendar-day-heading { width: 28px; height: 21px; margin-top: 2px; padding: 7px 0 0; border-radius: 100px; background-color: transparent; color: rgba(255, 255, 255, 0.5); font-size: 9pt; font-weight: 400; font-weight: bold; text-align: center; } .calendar-day { border-width: 0; } .calendar-day-top { border-top-width: 0; } .calendar-day-left { border-left-width: 0; } .calendar-nonwork-day { color: #FFFFFF; } .calendar-today { font-weight: bold !important; border: none; } .calendar-day-with-events { color: #338DD6; font-weight: normal; text-decoration: underline; background-image: none; } .calendar-other-month-day { color: rgba(255, 255, 255, 0.3); opacity: 0.5; } .calendar-week-number { width: 28px; height: 21px; margin: 2px; padding: 7px 0 0; border-radius: 100px; background-color: transparent; color: rgba(255, 255, 255, 0.5); font-size: inherit; font-weight: bold; text-align: center; } /* Message list */ .message-list { width: 420px; } .message-list-sections { spacing: 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message-list-section-title-box { spacing: 8px; } .message-list-section-close > StIcon { icon-size: 16px; border-radius: 16px; padding: 6px; color: rgba(255, 255, 255, 0.7); background-color: transparent; } /* FIXME: how do you do this in sass? */ .message-list-section-close:hover > StIcon, .message-list-section-close:focus > StIcon { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); } .message-list-section-close:active > StIcon { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); } .message { min-height: 56px; background-color: transparent; border-radius: 2px; } .message:hover, .message:focus { background-color: rgba(255, 255, 255, 0.12); } .message:active { background-color: rgba(255, 255, 255, 0.3); } .message-icon-bin { padding: 8px 0px 8px 8px; } .message-icon-bin:rtl { padding: 8px 8px 8px 0px; } .message-icon-bin > StIcon { icon-size: 32px; } .message-secondary-bin:ltr { padding-left: 8px; } .message-secondary-bin:rtl { padding-right: 8px; } .message-secondary-bin { color: rgba(255, 255, 255, 0.7); } .message-secondary-bin > StIcon { icon-size: 16px; } .message-title { min-height: 18px; padding-top: 2px; color: #FFFFFF; font-weight: bold; font-size: 1em; } .message-content { min-height: 40px; padding: 8px; color: rgba(255, 255, 255, 0.7); font-size: 1em; } .message-content * > StIcon { icon-size: 16px; border-radius: 16px; padding: 2px; color: rgba(255, 255, 255, 0.7); } /* FIXME: how do you do this in sass? */ .message-content *:hover > StIcon, .message-content *:focus > StIcon { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); } .message-content *:active > StIcon { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); } .message-media-control { margin: 16px 0; padding: 8px; border-radius: 100px; color: rgba(255, 255, 255, 0.7); } .message-media-control:hover, .message-media-control:focus { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); } .message-media-control:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); } .message-media-control:insensitive { color: rgba(255, 255, 255, 0.3); } .message-media-control:last-child:ltr { margin-right: 16px; padding-right: 8px; } .message-media-control:last-child:rtl { margin-left: 16px; padding-left: 8px; } .media-message-cover-icon { icon-size: 32px; } .media-message-cover-icon.fallback { icon-size: 16px; padding: 8px; border: none; border-radius: 2px; background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } .system-switch-user-submenu-icon.user-icon { icon-size: 20px; padding: 0 2px; } .system-switch-user-submenu-icon.default-icon { icon-size: 16px; padding: 0 4px; } #appMenu { spinner-image: url("process-working.svg"); spacing: 4px; } #appMenu .label-shadow { color: transparent; } .aggregate-menu { min-width: 280px; } .aggregate-menu .popup-menu-icon { padding: 0 4px; } .aggregate-menu .popup-sub-menu .popup-menu-item :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; margin-left: 1.23077em; } .aggregate-menu .popup-sub-menu .popup-menu-item :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; margin-right: 1.23077em; } .system-menu-action { color: rgba(255, 255, 255, 0.7); border-radius: 100px; /* wish we could do 50% */ padding: 14px; border: none; } .system-menu-action:hover, .system-menu-action:focus { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; border: none; padding: 14px; } .system-menu-action:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .system-menu-action > StIcon { icon-size: 16px; } .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; background-color: rgba(255, 255, 255, 0.3); background-image: none; background-size: auto; } .ripple-box:rtl { border-radius: 0 0 0 48px; background-image: none; } .popup-menu-arrow { width: 16px; height: 16px; } .popup-menu-icon { icon-size: 1.23077em; } .window-close { transition-duration: 0ms; height: 32px; width: 32px; -st-background-image-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); background-image: url("assets/window-close.svg"); background-size: 32px; } .window-close:hover { -st-background-image-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .window-close:active { background-image: url("assets/window-close-active.svg"); } .window-close { -shell-close-overlap: 16px; } .window-close:rtl { -st-background-image-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .window-close:rtl:hover { -st-background-image-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } /* NETWORK DIALOGS */ .nm-dialog { max-height: 500px; min-height: 450px; min-width: 470px; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: center; } .nm-dialog-airplane-text { color: #FFFFFF; } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-scroll-view { border: none; } .nm-dialog-header { font-size: 15pt; font-weight: 500; } .nm-dialog-item { font-size: 1em; border-bottom: none; border-radius: 2px; padding: 12px; spacing: 20px; } .nm-dialog-item:hover, .nm-dialog-item:focus { background-color: rgba(255, 255, 255, 0.12); } .nm-dialog-item:active { background-color: rgba(255, 255, 255, 0.3); } .nm-dialog-item:selected { background-color: #338DD6; color: #FFFFFF; } .nm-dialog-icons { spacing: .5em; } .nm-dialog-icon { icon-size: 16px; } .no-networks-label { color: rgba(255, 255, 255, 0.5); } .no-networks-box { spacing: 12px; } /* OVERVIEW */ #overview { spacing: 24px; } .overview-controls { padding-bottom: 32px; } .window-picker { -horizontal-spacing: 32px; -vertical-spacing: 32px; padding-left: 32px; padding-right: 32px; padding-bottom: 48px; } .window-picker.external-monitor { padding: 32px; } .window-clone-border { border: 4px solid rgba(255, 255, 255, 0.3); border-radius: 2px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .window-caption { spacing: 25px; color: #FFFFFF; background-color: transparent; border-radius: 2px; padding: 4px 8px; -shell-caption-spacing: 12px; } .window-caption:hover { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .search-entry { width: 304px; padding: 0 8px; border-radius: 0; color: rgba(255, 255, 255, 0.5); selection-background-color: rgba(255, 255, 255, 0.3); selected-color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #FFFFFF; padding: 0 8px; border-width: 0; color: #FFFFFF; } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 0; color: rgba(255, 255, 255, 0.5); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: #FFFFFF; } #searchResultsBin { max-width: 1000px; } #searchResultsContent { padding-left: 20px; padding-right: 20px; spacing: 16px; } .search-section { spacing: 16px; } .search-section-content { spacing: 32px; } .list-search-results { spacing: 3px; } .search-section-separator { -gradient-height: 1px; -gradient-start: rgba(255, 255, 255, 0); -gradient-end: rgba(255, 255, 255, 0.4); -margin-horizontal: 1.5em; height: 1px; } .list-search-result-content { spacing: 12px; padding: 12px; } .list-search-result-title { font-size: 18pt; font-weight: 400; color: #FFFFFF; } .list-search-result-description { color: rgba(255, 255, 255, 0.7); } .search-provider-icon { padding: 15px; } .search-provider-icon-more { width: 16px; height: 16px; background-image: url("assets/more-results.svg"); } /* DASHBOARD */ #dash { font-size: 1em; color: #FFFFFF; background-color: rgba(255, 255, 255, 0.1); padding: 3px 0; border: none; border-left: 0px; border-radius: 0px 2px 2px 0px; } #dash:rtl { border-radius: 2px 0 0 2px; } #dash .placeholder { background-image: url("assets/dash-placeholder.svg"); background-size: contain; height: 24px; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { border-radius: 2px; padding: 7px 8px; color: #FFFFFF; background-color: #424242; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-align: center; -x-offset: 8px; } /* App Vault/Grid */ .icon-grid { spacing: 30px; -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; } .icon-grid .overview-icon { icon-size: 96px; } .app-view-controls { width: 320px; padding-bottom: 32px; } .app-view-control { padding: 0 16px; font-weight: bold; color: rgba(255, 255, 255, 0.7); } .app-view-control:hover { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12) !important; } .app-view-control:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3) !important; } .app-view-control:checked { color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01) !important; box-shadow: inset 0 2px 0 #FFFFFF; } .app-view-control:first-child { border-right-width: 0; border-radius: 2px; } .app-view-control:first-child:checked { border-radius: 0; } .app-view-control:last-child { border-radius: 2px; } .app-view-control:last-child:checked { border-radius: 0; } .search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, .list-search-result:focus, .list-search-result:selected, .list-search-result:hover { background-color: rgba(255, 255, 255, 0.12); transition-duration: 0ms; } .search-provider-icon:active, .search-provider-icon:checked, .list-search-result:active, .list-search-result:checked { background-color: rgba(255, 255, 255, 0.3); transition-duration: 150ms; } .app-well-app:hover .overview-icon, .app-well-app:focus .overview-icon, .app-well-app:selected .overview-icon, .app-well-app.app-folder:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-well-app.app-folder:selected .overview-icon, .show-apps:hover .overview-icon, .show-apps:focus .overview-icon, .show-apps:selected .overview-icon, .grid-search-result:hover .overview-icon, .grid-search-result:focus .overview-icon, .grid-search-result:selected .overview-icon { background-color: rgba(255, 255, 255, 0.12); transition-duration: 0ms; border-image: none; background-image: none; } .app-well-app:active .overview-icon, .app-well-app:checked .overview-icon, .app-well-app.app-folder:active .overview-icon, .app-well-app.app-folder:checked .overview-icon, .show-apps:active .overview-icon, .show-apps:checked .overview-icon, .grid-search-result:active .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.3); box-shadow: 0 0 transparent; transition-duration: 150ms; } .app-well-app-running-dot { width: 32px; height: 2px; background-color: #FFFFFF; margin-bottom: 0; } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .app-well-app.app-folder .overview-icon, .show-apps .overview-icon, .grid-search-result .overview-icon { color: #FFFFFF; border-radius: 2px; padding: 6px; border: none; transition-duration: 150ms; text-align: center; } .app-well-app.app-folder > .overview-icon { background-color: rgba(255, 255, 255, 0.1); } .show-apps .show-apps-icon { color: rgba(255, 255, 255, 0.7); } .show-apps:hover .show-apps-icon, .show-apps:active .show-apps-icon, .show-apps:checked .show-apps-icon, .show-apps:focus .show-apps-icon { color: #FFFFFF; transition-duration: 150ms; } .app-folder-popup { -arrow-border-radius: 2px; -arrow-background-color: rgba(255, 255, 255, 0.1); -arrow-base: 24px; -arrow-rise: 12px; } .app-folder-popup-bin { padding: 5px; } .app-folder-icon { padding: 5px; spacing-rows: 5px; spacing-columns: 5px; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 12px; height: 12px; border-radius: 12px; background-image: none; background-color: rgba(255, 255, 255, 0.3); } .page-indicator:hover .page-indicator-icon { background-image: none; background-color: rgba(255, 255, 255, 0.5); } .page-indicator:active .page-indicator-icon { background-image: none; background-color: rgba(255, 255, 255, 0.7); } .page-indicator:checked .page-indicator-icon { background-image: none; background-color: #FFFFFF; transition-duration: 0ms; } .page-indicator:checked:active { background-image: none; } .app-well-app > .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label { padding: 10px 8px 5px 8px; spacing: 4px; } .workspace-thumbnails { visible-width: 32px; spacing: 12px; padding: 12px; border-radius: 2px 0 0 2px; } .workspace-thumbnails:rtl { border-radius: 0 2px 2px 0; } .workspace-thumbnails .placeholder { background-image: url("assets/dash-placeholder.svg"); background-size: contain; height: 24px; } .workspace-thumbnail-indicator { border: 0 solid #FFFFFF; border-left-width: 2px; padding: 6px; border-radius: 0; } .search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { padding: 0px 88px 10px 88px; } .workspace-thumbnails { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.1); border: none; } .search-statustext, .no-frequent-applications-label { font-size: 45px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { link-color: #338DD6; } .notification-banner { font-size: 1em; width: 34em; min-height: 56px; margin: 5px; border-radius: 2px; color: #FFFFFF; background-color: #424242; border: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .notification-banner:hover { background-color: #424242; } .notification-banner:focus { background-color: #424242; } .notification-banner .notification-icon { padding: 5px; } .notification-banner .notification-content { padding: 5px; spacing: 5px; } .notification-banner .secondary-icon { icon-size: 1.23077em; } .notification-banner .notification-actions { background-color: transparent; padding-top: 0; border-top: 1px solid rgba(0, 0, 0, 0.26); spacing: 1px; } .notification-banner .notification-button { min-height: 40px; padding: 0 16px; background-color: transparent; color: rgba(255, 255, 255, 0.7); font-weight: 500; } .notification-banner .notification-button:first-child { border-radius: 0 0 0 2px; } .notification-banner .notification-button:last-child { border-radius: 0 0 2px 0; } .notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .notification-banner .notification-button:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .summary-source-counter { font-size: 1em; font-weight: bold; height: 1.6em; width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; background-color: #338DD6; color: #FFFFFF; border: 2px solid #FFFFFF; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } .secondary-icon { icon-size: 1.23077em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: #FFFFFF; } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0px; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: rgba(255, 255, 255, 0.7); } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; font-size: 9pt; font-weight: 400; color: rgba(255, 255, 255, 0.5); } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-transient-box { spacing: 6px; padding: 2px 72px 2px 12px; } .hotplug-notification-item { padding: 2px 10px; } .hotplug-notification-item:focus { padding: 1px 71px 1px 11px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 2px 5px; } .hotplug-resident-box { spacing: 8px; } .hotplug-resident-mount { spacing: 8px; border-radius: 2px; } .hotplug-resident-mount:hover { background-color: rgba(255, 255, 255, 0.12); } .hotplug-resident-mount:active { background-color: rgba(255, 255, 255, 0.3); } .hotplug-resident-mount-label { color: inherit; padding-left: 6px; } .hotplug-resident-mount-icon { icon-size: 24px; padding-left: 6px; } .hotplug-resident-eject-icon { icon-size: 16px; } .hotplug-resident-eject-button { padding: 7px; border-radius: 2px; color: #FFFFFF; } /* Eeeky things */ .legacy-tray { background-color: rgba(0, 0, 0, 0.6); color: #FFFFFF; border: none; border-bottom-width: 0; } .legacy-tray:ltr { border-radius: 0 2px 0 0; border-left-width: 0; } .legacy-tray:rtl { border-radius: 2px 0 0 0; border-right-width: 0; } .legacy-tray-handle, .legacy-tray-icon { padding: 6px; } .legacy-tray-handle StIcon, .legacy-tray-icon StIcon { icon-size: 24px; } .legacy-tray-handle:hover, .legacy-tray-handle:focus, .legacy-tray-icon:hover, .legacy-tray-icon:focus { background-color: rgba(255, 255, 255, 0.12); } .legacy-tray-handle:active, .legacy-tray-icon:active { background-color: rgba(255, 255, 255, 0.3); } .legacy-tray-icon-box { spacing: 12px; } .legacy-tray-icon-box:ltr { padding-left: 12px; } .legacy-tray-icon-box:rtl { padding-right: 12px; } .legacy-tray-icon-box StButton { width: 24px; height: 24px; } .magnifier-zoom-region { border: 2px solid #338DD6; } .magnifier-zoom-region.full-screen { border-width: 0; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.3); } .keyboard-layout { spacing: 10px; padding: 10px; } .keyboard-row { spacing: 15px; } .keyboard-key { min-height: 64px; min-width: 64px; font-size: 2em; font-weight: 500; border-radius: 2px; border: none; color: inherit; color: rgba(255, 255, 255, 0.8); background-color: #424242; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; icon-shadow: none; } .keyboard-key:focus { color: #FFFFFF; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-key:hover, .keyboard-key:checked { color: #FFFFFF; background-color: #424242; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .keyboard-key:active { color: #FFFFFF; background-color: #7b7b7b; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .keyboard-key:grayed { background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; border-color: rgba(0, 0, 0, 0.3); } .keyboard-subkeys { color: inherit; padding: 5px; -arrow-border-radius: 0; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; -boxpointer-gap: 5px; background-color: #424242; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: rgba(255, 255, 255, 0.5); } .candidate-box:selected .candidate-index { color: rgba(255, 255, 255, 0.5); } .candidate-box { transition-duration: 0ms; min-height: 28px; padding: 0 8px; border-radius: 2px; } .candidate-box:hover { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .candidate-box:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .candidate-box:selected { background-color: #338DD6; color: #FFFFFF; } .candidate-page-button-box { height: 28px; } .vertical .candidate-page-button-box { padding-top: 0; } .horizontal .candidate-page-button-box { padding-left: 0; } .candidate-page-button { min-width: 28px; min-height: 28px; padding: 0; } .candidate-page-button-previous { border-radius: 2px; border-right-width: 0; } .candidate-page-button-next { border-radius: 2px; } .candidate-page-button-icon { icon-size: 1.23077em; } /* Auth Dialogs & Screen Shield */ .framed-user-icon { background-size: contain; border: none; color: #FFFFFF; border-radius: 2px; } .framed-user-icon:hover { border-color: #FFFFFF; color: #FFFFFF; } .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: none; background-color: transparent; } .login-dialog StEntry { color: #FFFFFF; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .login-dialog StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #FFFFFF; } .login-dialog StEntry:insensitive { color: rgba(255, 255, 255, 0.5); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { padding: 0 16px; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:insensitive { color: rgba(255, 255, 255, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default { color: rgba(255, 255, 255, 0.8); background-color: #009688; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { color: #FFFFFF; background-color: #009688; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:active { color: #FFFFFF; background-color: #4db6ac; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:insensitive { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog-logo-bin { padding: 24px 0px; } .login-dialog-banner { color: rgba(255, 255, 255, 0.7); } .login-dialog-button-box { spacing: 5px; } .login-dialog-message-warning { color: #FF6D00; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; } .login-dialog-user-selection-box { padding: 100px 0px; } .login-dialog-user-selection-box .login-dialog-not-listed-label { padding-left: 2px; } .login-dialog-not-listed-button:focus .login-dialog-user-selection-box .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-user-selection-box .login-dialog-not-listed-label { color: #FFFFFF; } .login-dialog-not-listed-label { font-size: 1em; font-weight: bold; color: rgba(255, 255, 255, 0.7); padding-top: 1em; } .login-dialog-not-listed-label:hover { color: #FFFFFF; } .login-dialog-not-listed-label:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; padding: .2em; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:focus { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid #FFFFFF; } .login-dialog-user-list-item { border-radius: 2px; padding: 4px 4px 0; color: rgba(255, 255, 255, 0.7); } .login-dialog-user-list-item:ltr { padding-right: 1em; } .login-dialog-user-list-item:rtl { padding-left: 1em; } .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list-item:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin: 2px 0 0 0; background-color: #FFFFFF; } .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { background-color: #FFFFFF; } .login-dialog-username, .user-widget-label { color: #FFFFFF; font-size: 15pt; font-weight: 500; text-align: left; padding-left: 15px; } .user-widget-label:ltr { padding-left: 18px; } .user-widget-label:rtl { padding-right: 18px; } .login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 8px; width: 23em; } .login-dialog-prompt-label { color: rgba(255, 255, 255, 0.5); font-size: 1em; padding-top: 1em; } .login-dialog-session-list-button StIcon { icon-size: 1.25em; } .login-dialog-session-list-button { color: rgba(255, 255, 255, 0.7); } .login-dialog-session-list-button:hover, .login-dialog-session-list-button:focus { color: #FFFFFF; } .login-dialog-session-list-button:active { color: #FFFFFF; } .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { color: white; width: 80px; height: 48px; -arrow-thickness: 12px; -arrow-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock { color: white; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-weight: normal; text-align: center; padding-bottom: 1.5em; } .screen-shield-clock-time { font-size: 112px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock-date { font-size: 45px; font-weight: 400; } .screen-shield-notifications-container { spacing: 6px; width: 30em; background-color: transparent; max-height: 500px; } .screen-shield-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .screen-shield-notifications-container .notification, .screen-shield-notifications-container .screen-shield-notification-source { padding: 8px; border: none; background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; border-radius: 2px; } .screen-shield-notifications-container .notification { margin-right: 16px; } .screen-shield-notification-label { min-height: 18px; padding: 2px 0px 0px 16px; font-weight: bold; } .screen-shield-notification-count-text { min-height: 18px; padding: 2px 0px 0px 16px; color: rgba(255, 255, 255, 0.7); } #panel.lock-screen { background-color: rgba(0, 0, 0, 0.3); } .screen-shield-background { background: black; box-shadow: 0 19px 19px rgba(0, 0, 0, 0.6), 0 15px 6px rgba(0, 0, 0, 0.44); } #lockDialogGroup { background: #303030; background-size: cover; } #LookingGlassDialog { background-color: #424242; spacing: 4px; padding: 0; border: none; border-radius: 2px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } #LookingGlassDialog > #Toolbar { padding: 0 8px; border: none; border-radius: 0; background-color: rgba(66, 66, 66, 0.01); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.26); } #LookingGlassDialog .labels { spacing: 0; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: rgba(255, 255, 255, 0.5); transition-duration: 150ms; padding-left: 16px; padding-right: 16px; min-height: 32px; padding: 0 32px; } #LookingGlassDialog .notebook-tab:hover { box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.3); color: #FFFFFF; text-shadow: none; } #LookingGlassDialog .notebook-tab:selected { border-bottom-width: 0; border-color: transparent; background-color: rgba(66, 66, 66, 0.01); box-shadow: inset 0 -2px 0px #338DD6; color: #FFFFFF; text-shadow: none; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 4px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog StEntry { selection-background-color: #338DD6; selected-color: #FFFFFF; } .lg-dialog .shell-link { color: #338DD6; } .lg-dialog .shell-link:hover { color: #338DD6; } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button { min-height: 32px; padding: 0 16px; border: none; border-radius: 2px; font-size: 9.75pt; font-weight: 500; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:hover { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:insensitive { color: rgba(255, 255, 255, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:focus { color: #FFFFFF; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .lg-obj-inspector-button:hover { border: none; } #lookingGlassExtensions { padding: 4px; } .lg-extensions-list { padding: 4px; spacing: 6px; } .lg-extension { border: none; border-radius: 2px; padding: 4px; } .lg-extension-name { font-size: 18pt; font-weight: 400; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { background: #424242; border: none; border-radius: 2px; padding: 6px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } /* Dash to Dock */ #dashtodockContainer #dash { background-color: rgba(0, 0, 0, 0.6); } #dashtodockContainer:overview #dash { background-color: rgba(255, 255, 255, 0.1); } #dashtodockContainer.extended:overview #dash { background-color: transparent; } #dashtodockContainer.left #dash, #dashtodockContainer.right #dash { padding: 3px 0; } #dashtodockContainer.top #dash, #dashtodockContainer.bottom #dash { padding: 0 3px; } #dashtodockContainer.extended #dash { padding: 0; border-radius: 0; } #dashtodockContainer.left .dash-item-container > StWidget, #dashtodockContainer.right .dash-item-container > StWidget, #dashtodockContainer.extended.left .dash-item-container > StWidget, #dashtodockContainer.extended.right .dash-item-container > StWidget { padding: 3px 6px; } #dashtodockContainer.extended.left .dash-item-container:first-child > StWidget, #dashtodockContainer.extended.right .dash-item-container:first-child > StWidget { padding: 6px 6px 3px 6px; } #dashtodockContainer.extended.left .dash-item-container:last-child > StWidget, #dashtodockContainer.extended.right .dash-item-container:last-child > StWidget { padding: 3px 6px 6px 6px; } #dashtodockContainer.top .dash-item-container > StWidget, #dashtodockContainer.bottom .dash-item-container > StWidget, #dashtodockContainer.extended.top .dash-item-container > StWidget, #dashtodockContainer.extended.bottom .dash-item-container > StWidget { padding: 6px 3px; } #dashtodockContainer.extended.top .dash-item-container:first-child > StWidget, #dashtodockContainer.extended.bottom .dash-item-container:first-child > StWidget { padding: 6px 3px 6px 6px; } #dashtodockContainer.extended.top .dash-item-container:last-child > StWidget, #dashtodockContainer.extended.bottom .dash-item-container:last-child > StWidget { padding: 6px 6px 6px 3px; } #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } #dashtodockContainer .dash-item-container > StWidget { background-size: cover; } #dashtodockContainer.left .dash-item-container > StWidget.running1 { background-image: url("assets/dash/left-running1.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running2 { background-image: url("assets/dash/left-running2.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running3 { background-image: url("assets/dash/left-running3.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running4 { background-image: url("assets/dash/left-running4.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running1 { background-image: url("assets/dash/right-running1.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running2 { background-image: url("assets/dash/right-running2.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running3 { background-image: url("assets/dash/right-running3.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running4 { background-image: url("assets/dash/right-running4.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running1 { background-image: url("assets/dash/top-running1.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running2 { background-image: url("assets/dash/top-running2.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running3 { background-image: url("assets/dash/top-running3.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running4 { background-image: url("assets/dash/top-running4.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running1 { background-image: url("assets/dash/bottom-running1.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running2 { background-image: url("assets/dash/bottom-running2.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running3 { background-image: url("assets/dash/bottom-running3.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running4 { background-image: url("assets/dash/bottom-running4.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/bottom-running4-focused.svg"); } /* Simple Dock */ #dash:desktop { background-color: rgba(0, 0, 0, 0.6); } /* GPaste */ .popup-menu .search-entry { color: #FFFFFF; selection-background-color: #338DD6; selected-color: #FFFFFF; background-color: rgba(66, 66, 66, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .popup-menu .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #338DD6; color: #FFFFFF; } .popup-menu .search-entry .search-entry-icon { color: rgba(255, 255, 255, 0.5); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { color: #FFFFFF; } materia-theme-20180321/src/gnome-shell/3.18/gnome-shell-dark-compact.scss000066400000000000000000000004131325420104000255270ustar00rootroot00000000000000$variant: 'dark'; $titlebar: 'dark'; $compact: 'true'; @import '../../_sass/gnome-shell/variables'; @import '../../_sass/colors'; @import '../../_sass/gnome-shell/drawing'; @import '../../_sass/gnome-shell/common-3.18'; @import '../../_sass/gnome-shell/extensions'; materia-theme-20180321/src/gnome-shell/3.18/gnome-shell-dark.css000066400000000000000000001742531325420104000237360ustar00rootroot00000000000000/* This stylesheet is generated, DO NOT EDIT */ /* Copyright 2009, 2015 Red Hat, Inc. * * Portions adapted from Mx's data/style/default.css * Copyright 2009 Intel Corporation * * This program is free software; you can redistribute it and/or modify it * under the terms and conditions of the GNU Lesser General Public License, * version 2.1, as published by the Free Software Foundation. * * This program is distributed in the hope it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for * more details. * * You should have received a copy of the GNU Lesser General Public License * along with this program; if not, write to the Free Software Foundation, * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. */ /* GLOBALS */ * { transition-duration: 150ms; } stage { font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; font-size: 10.5pt; font-weight: 400; color: #FFFFFF; } /* WIDGETS */ /* Buttons */ .button { min-height: 36px; padding: 0 16px; border-width: 0; border-radius: 2px; font-size: 10.5pt; font-weight: 500; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:hover { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:insensitive { color: rgba(255, 255, 255, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:focus { color: #FFFFFF; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .modal-dialog-linked-button { min-height: 40px; padding: 0 16px; border-top: 1px solid rgba(0, 0, 0, 0.26) !important; border-right-width: 0; font-size: 10.5pt; font-weight: 500; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:hover { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:insensitive { color: rgba(255, 255, 255, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:focus { color: #FFFFFF; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .modal-dialog-linked-button:first-child { border-radius: 0px 0px 0px 2px; } .modal-dialog-linked-button:last-child { border-right-width: 0px; border-radius: 0px 0px 2px 0px; } .modal-dialog-linked-button:first-child:last-child { border-right-width: 0px; border-radius: 0px 0px 2px 2px; } /* Entries */ StEntry { min-height: 36px; padding: 0 8px; border-radius: 0; border-width: 0; color: #FFFFFF; selection-background-color: #338DD6; selected-color: #FFFFFF; font-size: 12pt; font-weight: 400; background-color: rgba(66, 66, 66, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #338DD6; } StEntry:insensitive { color: rgba(255, 255, 255, 0.5); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); } StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #FF6D00; padding: 0 0; } /* Scrollbars */ StScrollView.vfade { -st-vfade-offset: 32px; } StScrollView.hfade { -st-hfade-offset: 32px; } StScrollBar { padding: 0; } StScrollView StScrollBar { min-width: 16px; min-height: 16px; } StScrollBar StBin#trough { margin: 4px; border-radius: 100px; background-color: rgba(255, 255, 255, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 100px; background-color: rgba(255, 255, 255, 0.5); margin: 4px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(255, 255, 255, 0.7); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: #FFFFFF; } #overview StScrollBar StBin#trough, #screenShieldNotifications StScrollBar StBin#trough { background-color: rgba(255, 255, 255, 0.12); } #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#hhandle, #screenShieldNotifications StScrollBar StButton#hhandle { background-color: rgba(255, 255, 255, 0.5); } #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#hhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { background-color: rgba(255, 255, 255, 0.7); } #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#hhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { background-color: #FFFFFF; } /* Slider */ .slider { height: 20px; color: #009688; -slider-height: 2px; -slider-background-color: rgba(255, 255, 255, 0.3); -slider-border-color: transparent; -slider-active-background-color: #009688; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 7px; } /* Check Boxes */ .check-box * { min-height: 20px; padding: 8px 0; } .check-box StBoxLayout { spacing: 8px; } .check-box StBin { width: 24px; height: 24px; padding: 6px; border-radius: 100px; background-image: url("assets/checkbox-off.svg"); } .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } .check-box:hover StBin { background-color: rgba(255, 255, 255, 0.12); } .check-box:active StBin { background-color: rgba(255, 255, 255, 0.3); } .check-box:checked StBin { background-image: url("assets/checkbox.svg"); } .check-box:focus:checked StBin { background-image: url("assets/checkbox.svg"); } .check-box:hover:checked StBin { background-color: rgba(0, 150, 136, 0.15); } .check-box:active:checked StBin { background-color: rgba(0, 150, 136, 0.3); } /* Switches */ .toggle-switch { width: 40px; height: 20px; background-size: contain; } .toggle-switch-us { background-image: url("assets/toggle-off.svg"); } .toggle-switch-us:checked { background-image: url("assets/toggle-on.svg"); } .toggle-switch-intl { background-image: url("assets/toggle-off.svg"); } .toggle-switch-intl:checked { background-image: url("assets/toggle-on.svg"); } /* links */ .shell-link { border-radius: 2px; color: #338DD6; } .shell-link:hover { color: #338DD6; background-color: rgba(51, 141, 214, 0.15); } .shell-link:active { color: #338DD6; background-color: rgba(51, 141, 214, 0.3); } /* Modal Dialogs */ .headline { font-size: 15pt; font-weight: 500; } .lightbox { background-color: black; } .flashspot { background-color: white; } .modal-dialog { border-radius: 2px; color: #FFFFFF; background-color: #424242; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } .modal-dialog .modal-dialog-content-box { padding: 24px; } .modal-dialog .run-dialog-entry { width: 20em; margin-bottom: 6px; } .modal-dialog .run-dialog-error-box { padding-top: 16px; spacing: 6px; } .modal-dialog .run-dialog-button-box { padding-top: 1em; } .modal-dialog .run-dialog-label { font-size: 1em; font-weight: normal; color: rgba(255, 255, 255, 0.5); padding-bottom: .4em; } .show-processes-dialog-subject, .mount-question-dialog-subject, .end-session-dialog-subject { font-size: 15pt; font-weight: 500; } /* End Session Dialog */ .end-session-dialog { spacing: 42px; border: none; } .end-session-dialog-list { padding-top: 20px; } .end-session-dialog-layout { padding-left: 17px; } .end-session-dialog-layout:rtl { padding-right: 17px; } .end-session-dialog-description { width: 28em; padding-bottom: 10px; } .end-session-dialog-description:rtl { text-align: right; } .end-session-dialog-warning { width: 28em; color: #FF6D00; padding-top: 6px; } .end-session-dialog-warning:rtl { text-align: right; } .end-session-dialog-logout-icon { border-radius: 5px; width: 48px; height: 48px; background-size: contain; } .end-session-dialog-shutdown-icon { color: rgba(255, 255, 255, 0.5); width: 48px; height: 48px; } .end-session-dialog-inhibitor-layout { spacing: 16px; max-height: 200px; padding-right: 65px; padding-left: 65px; } .end-session-dialog-session-list, .end-session-dialog-app-list { spacing: 1em; } .end-session-dialog-list-header { font-weight: bold; } .end-session-dialog-list-header:rtl { text-align: right; } .end-session-dialog-app-list-item, .end-session-dialog-session-list-item { spacing: 1em; } .end-session-dialog-app-list-item-name, .end-session-dialog-session-list-item-name { font-weight: bold; } .end-session-dialog-app-list-item-description { color: rgba(255, 255, 255, 0.5); font-size: 1em; } /* ShellMountOperation Dialogs */ .shell-mount-operation-icon { icon-size: 48px; } .show-processes-dialog, .mount-question-dialog { spacing: 24px; } .show-processes-dialog-subject, .mount-question-dialog-subject { padding-top: 10px; padding-left: 17px; padding-bottom: 6px; } .mount-question-dialog-subject { max-width: 500px; } .show-processes-dialog-subject:rtl, .mount-question-dialog-subject:rtl { padding-left: 0px; padding-right: 17px; } .show-processes-dialog-description, .mount-question-dialog-description { padding-left: 17px; width: 28em; } .show-processes-dialog-description:rtl, .mount-question-dialog-description:rtl { padding-right: 17px; } .show-processes-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 49px; padding-right: 32px; } .show-processes-dialog-app-list:rtl { padding-right: 49px; padding-left: 32px; } .show-processes-dialog-app-list-item { color: #FFFFFF; } .show-processes-dialog-app-list-item:hover { color: #FFFFFF; } .show-processes-dialog-app-list-item:ltr { padding-right: 1em; } .show-processes-dialog-app-list-item:rtl { padding-left: 1em; } .show-processes-dialog-app-list-item-icon:ltr { padding-right: 17px; } .show-processes-dialog-app-list-item-icon:rtl { padding-left: 17px; } .show-processes-dialog-app-list-item-name { font-size: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { width: 500px; border: none; } .prompt-dialog-main-layout { spacing: 24px; padding: 10px; } .prompt-dialog-message-layout { spacing: 16px; } .prompt-dialog-headline { font-size: 15pt; font-weight: 500; color: #FFFFFF; } .prompt-dialog-description:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label { font-size: 1em; color: #DD2C00; padding-bottom: 8px; } .prompt-dialog-info-label { font-size: 1em; padding-bottom: 8px; } .hidden { color: transparent; } .prompt-dialog-null-label { font-size: 1em; padding-bottom: 8px; } /* Polkit Dialog */ .polkit-dialog-user-layout { padding-left: 10px; spacing: 10px; } .polkit-dialog-user-layout:rtl { padding-left: 0px; padding-right: 10px; } .polkit-dialog-user-root-label { color: #FF6D00; } .polkit-dialog-user-icon { border-radius: 5px; background-size: contain; width: 48px; height: 48px; } /* Audio selection dialog */ .audio-device-selection-dialog { spacing: 30px; } .audio-selection-content { spacing: 20px; padding: 24px; } .audio-selection-title { font-weight: bold; text-align: center; } .audio-selection-box { spacing: 20px; } .audio-selection-device { border: 1px solid rgba(0, 0, 0, 0.26); border-radius: 2px; } .audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { background-color: #338DD6; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* Access Dialog */ .access-dialog { spacing: 30px; } .access-dialog-main-layout { padding: 12px 20px 0; spacing: 12px; } .access-dialog-content { max-width: 28em; spacing: 20px; } .access-dialog-icon { min-width: 48px; icon-size: 48px; } .access-dialog-title { font-weight: bold; } .access-dialog-subtitle { color: rgba(255, 255, 255, 0.5); font-weight: bold; } /* Geolocation Dialog */ .geolocation-dialog { spacing: 30px; } .geolocation-dialog-main-layout { spacing: 12px; } .geolocation-dialog-content { spacing: 20px; } .geolocation-dialog-icon { icon-size: 48px; } .geolocation-dialog-title { font-weight: bold; } .geolocation-dialog-reason { color: rgba(255, 255, 255, 0.5); font-weight: bold; } /* Network Agent Dialog */ .network-dialog-secret-table { spacing-rows: 15px; spacing-columns: 1em; } .keyring-dialog-control-table { spacing-rows: 15px; spacing-columns: 1em; } /* Popovers/Menus */ .popup-menu { min-width: 200px; } .popup-menu .popup-sub-menu { background-color: #303030; box-shadow: 0 0 transparent; } .popup-menu .popup-menu-content { padding: 8px 0; } .popup-menu .popup-menu-item { spacing: 8px; transition-duration: 100ms; } .popup-menu .popup-menu-item:ltr { padding: 0.4em 24px 0.4em 0; } .popup-menu .popup-menu-item:rtl { padding: 0.4em 0 0.4em 24px; } .popup-menu .popup-menu-item:checked { background-color: #338DD6; color: #FFFFFF; box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { background-color: #529edc; color: #FFFFFF; } .popup-menu .popup-menu-item:checked:active { background-color: #70afe2; color: #FFFFFF !important; } .popup-menu .popup-menu-item:checked:insensitive { color: rgba(255, 255, 255, 0.5); } .popup-menu .popup-menu-item.selected { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; transition-duration: 0ms; } .popup-menu .popup-menu-item:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; transition-duration: 150ms; } .popup-menu .popup-menu-item.selected:active { color: #FFFFFF; } .popup-menu .popup-menu-item:insensitive { color: rgba(255, 255, 255, 0.5); } .popup-menu .popup-inactive-menu-item { color: #FFFFFF; } .popup-menu .popup-inactive-menu-item:insensitive { color: rgba(255, 255, 255, 0.5); } .popup-menu.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-border-radius: 0; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; -arrow-box-shadow: none; margin: 5px 8px 8px; background-color: #424242; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .popup-separator-menu-item { height: 1px; margin: 8px 40px; background-color: transparent; border-color: rgba(0, 0, 0, 0.26); border-bottom-width: 1px; border-bottom-style: solid; } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } /* fallback menu - odd thing for styling App menu when apparently not running under shell. Light Adwaita styled app menu inside the main app window itself rather than the top bar */ /* OSD */ .osd-window { text-align: center; font-weight: bold; spacing: 1em; margin: 32px; min-width: 64px; min-height: 64px; } .osd-window .osd-monitor-label { font-size: 45px; font-weight: 400; } .osd-window .level { height: 8px; border-radius: 0; background-color: rgba(51, 141, 214, 0.3); color: #FFFFFF; } .osd-window .level-bar { background-color: #338DD6; border-radius: 0; } /* Pad OSD */ .pad-osd-window { padding: 32px; background-color: rgba(0, 0, 0, 0.6); } .combo-box-label { width: 15em; } /* App Switcher */ .switcher-popup { padding: 8px; spacing: 16px; } .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { padding: 8px; border-radius: 2px; } .switcher-list .item-box:outlined { padding: 8px; border: none; background-color: rgba(255, 255, 255, 0.12); } .switcher-list .item-box:selected { background-color: #338DD6; color: #FFFFFF; } .switcher-list .thumbnail-box { padding: 2px; spacing: 4px; } .switcher-list .thumbnail { width: 256px; } .switcher-list .separator { width: 1px; background: rgba(0, 0, 0, 0.26); } .switcher-arrow { border-color: transparent; color: rgba(255, 255, 255, 0.5); } .switcher-arrow:highlighted { color: #FFFFFF; } .input-source-switcher-symbol { font-size: 45px; font-weight: 400; width: 96px; height: 96px; } /* Window Cycler */ .cycler-highlight { border: 4px solid #338DD6; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher { background: transparent; border: 0px; border-radius: 0px; padding: 0px; spacing: 8px; } .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; background-color: #338DD6; color: #FFFFFF; background-size: 32px; border-radius: 2px; } .ws-switcher-box { height: 48px; border: none; background: rgba(255, 255, 255, 0.12); border-radius: 2px; } .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { color: #FFFFFF; background-color: #424242; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); border-radius: 2px; padding: 12px; } /* Tiled window previews */ .tile-preview { background-color: rgba(64, 196, 255, 0.3); border: 1px solid #40C4FF; } .tile-preview-left.on-primary { border-radius: 0 0 0 0; } .tile-preview-right.on-primary { border-radius: 0 0 0 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0 0 0 0; } /* TOP BAR */ #panel { background-color: #212121; font-weight: bold; height: 32px; } #panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { background-color: transparent; } #panel #panelLeft, #panel #panelCenter { spacing: 0; } #panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: rgba(0, 0, 0, 0.6); -panel-corner-border-width: 2px; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: #FFFFFF; } #panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: rgba(255, 255, 255, 0.7); transition-duration: 150ms; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; } #panel .panel-button:hover { color: #FFFFFF; } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { background-color: rgba(0, 0, 0, 0.01); box-shadow: inset 0 -2px 0px #FFFFFF; color: #FFFFFF; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { icon-shadow: none; } #panel .panel-button .system-status-icon { icon-size: 1.14286em; padding: 0 4px; } .unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { color: rgba(255, 255, 255, 0.7); } .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { color: #FFFFFF; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator { color: #FF6D00; } #calendarArea { padding: 8px 16px; } .calendar { margin-bottom: 0; } .calendar, .datemenu-today-button, .datemenu-displays-box, .message-list-sections { margin: 0 8px; } .datemenu-calendar-column { spacing: 8px; } .datemenu-displays-section { padding-bottom: 0; } .datemenu-today-button, .world-clocks-button, .message-list-section-title { min-height: 24px; padding: 4px 8px; border-radius: 2px; } .datemenu-today-button { min-height: 56px; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .datemenu-today-button:hover, .datemenu-today-button:focus, .world-clocks-button:hover, .world-clocks-button:focus, .message-list-section-title:hover, .message-list-section-title:focus { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); } .datemenu-today-button:active, .world-clocks-button:active, .message-list-section-title:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); } .datemenu-today-button .date-label { font-size: 18pt; font-weight: 400; } .world-clocks-header, .message-list-section-title { color: rgba(255, 255, 255, 0.7); font-weight: bold; } .world-clocks-grid { spacing-rows: 0.4em; } .calendar-month-label { height: 20px; margin: 2px; padding: 6px 16px; border-radius: 2px; color: #FFFFFF; font-weight: bold; text-align: center; } .calendar-month-label:focus { background-color: rgba(255, 255, 255, 0.12); } .pager-button { width: 32px; height: 32px; margin: 2px; border-radius: 100px; background-color: transparent; color: #FFFFFF; } .pager-button:hover, .pager-button:focus { background-color: rgba(255, 255, 255, 0.12); } .pager-button:active { background-color: rgba(255, 255, 255, 0.3); } .calendar-change-month-back { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-change-month-back:rtl { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward:rtl { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-day-base { font-size: 9pt; font-weight: 400; text-align: center; width: 32px; height: 32px; padding: 0; margin: 2px; border-radius: 100px; } .calendar-day-base:hover, .calendar-day-base:focus { background-color: rgba(255, 255, 255, 0.12); } .calendar-day-base:active, .calendar-day-base:selected { color: #FFFFFF; background-color: #338DD6 !important; border-color: transparent; } .calendar-day-base.calendar-day-heading { width: 32px; height: 25px; margin-top: 2px; padding: 7px 0 0; border-radius: 100px; background-color: transparent; color: rgba(255, 255, 255, 0.5); font-size: 9pt; font-weight: 400; font-weight: bold; text-align: center; } .calendar-day { border-width: 0; } .calendar-day-top { border-top-width: 0; } .calendar-day-left { border-left-width: 0; } .calendar-nonwork-day { color: #FFFFFF; } .calendar-today { font-weight: bold !important; border: none; } .calendar-day-with-events { color: #338DD6; font-weight: normal; text-decoration: underline; background-image: none; } .calendar-other-month-day { color: rgba(255, 255, 255, 0.3); opacity: 0.5; } .calendar-week-number { width: 32px; height: 25px; margin: 2px; padding: 7px 0 0; border-radius: 100px; background-color: transparent; color: rgba(255, 255, 255, 0.5); font-size: inherit; font-weight: bold; text-align: center; } /* Message list */ .message-list { width: 420px; } .message-list-sections { spacing: 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message-list-section-title-box { spacing: 8px; } .message-list-section-close > StIcon { icon-size: 16px; border-radius: 16px; padding: 8px; color: rgba(255, 255, 255, 0.7); background-color: transparent; } /* FIXME: how do you do this in sass? */ .message-list-section-close:hover > StIcon, .message-list-section-close:focus > StIcon { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); } .message-list-section-close:active > StIcon { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); } .message { min-height: 64px; background-color: transparent; border-radius: 2px; } .message:hover, .message:focus { background-color: rgba(255, 255, 255, 0.12); } .message:active { background-color: rgba(255, 255, 255, 0.3); } .message-icon-bin { padding: 8px 0px 8px 8px; } .message-icon-bin:rtl { padding: 8px 8px 8px 0px; } .message-icon-bin > StIcon { icon-size: 32px; } .message-secondary-bin:ltr { padding-left: 8px; } .message-secondary-bin:rtl { padding-right: 8px; } .message-secondary-bin { color: rgba(255, 255, 255, 0.7); } .message-secondary-bin > StIcon { icon-size: 16px; } .message-title { min-height: 22px; padding-top: 2px; color: #FFFFFF; font-weight: bold; font-size: 1em; } .message-content { min-height: 48px; padding: 8px; color: rgba(255, 255, 255, 0.7); font-size: 1em; } .message-content * > StIcon { icon-size: 16px; border-radius: 16px; padding: 4px; color: rgba(255, 255, 255, 0.7); } /* FIXME: how do you do this in sass? */ .message-content *:hover > StIcon, .message-content *:focus > StIcon { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); } .message-content *:active > StIcon { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); } .message-media-control { margin: 16px 0; padding: 8px; border-radius: 100px; color: rgba(255, 255, 255, 0.7); } .message-media-control:hover, .message-media-control:focus { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); } .message-media-control:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); } .message-media-control:insensitive { color: rgba(255, 255, 255, 0.3); } .message-media-control:last-child:ltr { margin-right: 16px; padding-right: 8px; } .message-media-control:last-child:rtl { margin-left: 16px; padding-left: 8px; } .media-message-cover-icon { icon-size: 32px; } .media-message-cover-icon.fallback { icon-size: 16px; padding: 8px; border: none; border-radius: 2px; background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } .system-switch-user-submenu-icon.user-icon { icon-size: 20px; padding: 0 2px; } .system-switch-user-submenu-icon.default-icon { icon-size: 16px; padding: 0 4px; } #appMenu { spinner-image: url("process-working.svg"); spacing: 4px; } #appMenu .label-shadow { color: transparent; } .aggregate-menu { min-width: 280px; } .aggregate-menu .popup-menu-icon { padding: 0 4px; } .aggregate-menu .popup-sub-menu .popup-menu-item :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; margin-left: 1.14286em; } .aggregate-menu .popup-sub-menu .popup-menu-item :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; margin-right: 1.14286em; } .system-menu-action { color: rgba(255, 255, 255, 0.7); border-radius: 100px; /* wish we could do 50% */ padding: 16px; border: none; } .system-menu-action:hover, .system-menu-action:focus { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; border: none; padding: 16px; } .system-menu-action:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .system-menu-action > StIcon { icon-size: 16px; } .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; background-color: rgba(255, 255, 255, 0.3); background-image: none; background-size: auto; } .ripple-box:rtl { border-radius: 0 0 0 48px; background-image: none; } .popup-menu-arrow { width: 16px; height: 16px; } .popup-menu-icon { icon-size: 1.14286em; } .window-close { transition-duration: 0ms; height: 36px; width: 36px; -st-background-image-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); background-image: url("assets/window-close.svg"); background-size: 36px; } .window-close:hover { -st-background-image-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .window-close:active { background-image: url("assets/window-close-active.svg"); } .window-close { -shell-close-overlap: 18px; } .window-close:rtl { -st-background-image-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .window-close:rtl:hover { -st-background-image-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } /* NETWORK DIALOGS */ .nm-dialog { max-height: 500px; min-height: 450px; min-width: 470px; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: center; } .nm-dialog-airplane-text { color: #FFFFFF; } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-scroll-view { border: none; } .nm-dialog-header { font-size: 15pt; font-weight: 500; } .nm-dialog-item { font-size: 1em; border-bottom: none; border-radius: 2px; padding: 12px; spacing: 20px; } .nm-dialog-item:hover, .nm-dialog-item:focus { background-color: rgba(255, 255, 255, 0.12); } .nm-dialog-item:active { background-color: rgba(255, 255, 255, 0.3); } .nm-dialog-item:selected { background-color: #338DD6; color: #FFFFFF; } .nm-dialog-icons { spacing: .5em; } .nm-dialog-icon { icon-size: 16px; } .no-networks-label { color: rgba(255, 255, 255, 0.5); } .no-networks-box { spacing: 12px; } /* OVERVIEW */ #overview { spacing: 24px; } .overview-controls { padding-bottom: 32px; } .window-picker { -horizontal-spacing: 32px; -vertical-spacing: 32px; padding-left: 32px; padding-right: 32px; padding-bottom: 48px; } .window-picker.external-monitor { padding: 32px; } .window-clone-border { border: 4px solid rgba(255, 255, 255, 0.3); border-radius: 2px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .window-caption { spacing: 25px; color: #FFFFFF; background-color: transparent; border-radius: 2px; padding: 4px 8px; -shell-caption-spacing: 12px; } .window-caption:hover { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .search-entry { width: 304px; padding: 0 8px; border-radius: 0; color: rgba(255, 255, 255, 0.5); selection-background-color: rgba(255, 255, 255, 0.3); selected-color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #FFFFFF; padding: 0 8px; border-width: 0; color: #FFFFFF; } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 0; color: rgba(255, 255, 255, 0.5); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: #FFFFFF; } #searchResultsBin { max-width: 1000px; } #searchResultsContent { padding-left: 20px; padding-right: 20px; spacing: 16px; } .search-section { spacing: 16px; } .search-section-content { spacing: 32px; } .list-search-results { spacing: 3px; } .search-section-separator { -gradient-height: 1px; -gradient-start: rgba(255, 255, 255, 0); -gradient-end: rgba(255, 255, 255, 0.4); -margin-horizontal: 1.5em; height: 1px; } .list-search-result-content { spacing: 12px; padding: 12px; } .list-search-result-title { font-size: 18pt; font-weight: 400; color: #FFFFFF; } .list-search-result-description { color: rgba(255, 255, 255, 0.7); } .search-provider-icon { padding: 15px; } .search-provider-icon-more { width: 16px; height: 16px; background-image: url("assets/more-results.svg"); } /* DASHBOARD */ #dash { font-size: 1em; color: #FFFFFF; background-color: rgba(255, 255, 255, 0.1); padding: 3px 0; border: none; border-left: 0px; border-radius: 0px 2px 2px 0px; } #dash:rtl { border-radius: 2px 0 0 2px; } #dash .placeholder { background-image: url("assets/dash-placeholder.svg"); background-size: contain; height: 24px; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { border-radius: 2px; padding: 7px 8px; color: #FFFFFF; background-color: #424242; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-align: center; -x-offset: 8px; } /* App Vault/Grid */ .icon-grid { spacing: 30px; -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; } .icon-grid .overview-icon { icon-size: 96px; } .app-view-controls { width: 320px; padding-bottom: 32px; } .app-view-control { padding: 0 16px; font-weight: bold; color: rgba(255, 255, 255, 0.7); } .app-view-control:hover { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12) !important; } .app-view-control:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3) !important; } .app-view-control:checked { color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01) !important; box-shadow: inset 0 2px 0 #FFFFFF; } .app-view-control:first-child { border-right-width: 0; border-radius: 2px; } .app-view-control:first-child:checked { border-radius: 0; } .app-view-control:last-child { border-radius: 2px; } .app-view-control:last-child:checked { border-radius: 0; } .search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, .list-search-result:focus, .list-search-result:selected, .list-search-result:hover { background-color: rgba(255, 255, 255, 0.12); transition-duration: 0ms; } .search-provider-icon:active, .search-provider-icon:checked, .list-search-result:active, .list-search-result:checked { background-color: rgba(255, 255, 255, 0.3); transition-duration: 150ms; } .app-well-app:hover .overview-icon, .app-well-app:focus .overview-icon, .app-well-app:selected .overview-icon, .app-well-app.app-folder:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-well-app.app-folder:selected .overview-icon, .show-apps:hover .overview-icon, .show-apps:focus .overview-icon, .show-apps:selected .overview-icon, .grid-search-result:hover .overview-icon, .grid-search-result:focus .overview-icon, .grid-search-result:selected .overview-icon { background-color: rgba(255, 255, 255, 0.12); transition-duration: 0ms; border-image: none; background-image: none; } .app-well-app:active .overview-icon, .app-well-app:checked .overview-icon, .app-well-app.app-folder:active .overview-icon, .app-well-app.app-folder:checked .overview-icon, .show-apps:active .overview-icon, .show-apps:checked .overview-icon, .grid-search-result:active .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.3); box-shadow: 0 0 transparent; transition-duration: 150ms; } .app-well-app-running-dot { width: 32px; height: 2px; background-color: #FFFFFF; margin-bottom: 0; } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .app-well-app.app-folder .overview-icon, .show-apps .overview-icon, .grid-search-result .overview-icon { color: #FFFFFF; border-radius: 2px; padding: 6px; border: none; transition-duration: 150ms; text-align: center; } .app-well-app.app-folder > .overview-icon { background-color: rgba(255, 255, 255, 0.1); } .show-apps .show-apps-icon { color: rgba(255, 255, 255, 0.7); } .show-apps:hover .show-apps-icon, .show-apps:active .show-apps-icon, .show-apps:checked .show-apps-icon, .show-apps:focus .show-apps-icon { color: #FFFFFF; transition-duration: 150ms; } .app-folder-popup { -arrow-border-radius: 2px; -arrow-background-color: rgba(255, 255, 255, 0.1); -arrow-base: 24px; -arrow-rise: 12px; } .app-folder-popup-bin { padding: 5px; } .app-folder-icon { padding: 5px; spacing-rows: 5px; spacing-columns: 5px; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 12px; height: 12px; border-radius: 12px; background-image: none; background-color: rgba(255, 255, 255, 0.3); } .page-indicator:hover .page-indicator-icon { background-image: none; background-color: rgba(255, 255, 255, 0.5); } .page-indicator:active .page-indicator-icon { background-image: none; background-color: rgba(255, 255, 255, 0.7); } .page-indicator:checked .page-indicator-icon { background-image: none; background-color: #FFFFFF; transition-duration: 0ms; } .page-indicator:checked:active { background-image: none; } .app-well-app > .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label { padding: 10px 8px 5px 8px; spacing: 4px; } .workspace-thumbnails { visible-width: 32px; spacing: 12px; padding: 12px; border-radius: 2px 0 0 2px; } .workspace-thumbnails:rtl { border-radius: 0 2px 2px 0; } .workspace-thumbnails .placeholder { background-image: url("assets/dash-placeholder.svg"); background-size: contain; height: 24px; } .workspace-thumbnail-indicator { border: 0 solid #FFFFFF; border-left-width: 2px; padding: 6px; border-radius: 0; } .search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { padding: 0px 88px 10px 88px; } .workspace-thumbnails { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.1); border: none; } .search-statustext, .no-frequent-applications-label { font-size: 45px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { link-color: #338DD6; } .notification-banner { font-size: 1em; width: 34em; min-height: 64px; margin: 5px; border-radius: 2px; color: #FFFFFF; background-color: #424242; border: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .notification-banner:hover { background-color: #424242; } .notification-banner:focus { background-color: #424242; } .notification-banner .notification-icon { padding: 5px; } .notification-banner .notification-content { padding: 5px; spacing: 5px; } .notification-banner .secondary-icon { icon-size: 1.14286em; } .notification-banner .notification-actions { background-color: transparent; padding-top: 0; border-top: 1px solid rgba(0, 0, 0, 0.26); spacing: 1px; } .notification-banner .notification-button { min-height: 40px; padding: 0 16px; background-color: transparent; color: rgba(255, 255, 255, 0.7); font-weight: 500; } .notification-banner .notification-button:first-child { border-radius: 0 0 0 2px; } .notification-banner .notification-button:last-child { border-radius: 0 0 2px 0; } .notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .notification-banner .notification-button:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .summary-source-counter { font-size: 1em; font-weight: bold; height: 1.6em; width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; background-color: #338DD6; color: #FFFFFF; border: 2px solid #FFFFFF; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } .secondary-icon { icon-size: 1.14286em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: #FFFFFF; } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0px; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: rgba(255, 255, 255, 0.7); } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; font-size: 9pt; font-weight: 400; color: rgba(255, 255, 255, 0.5); } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-transient-box { spacing: 6px; padding: 2px 72px 2px 12px; } .hotplug-notification-item { padding: 2px 10px; } .hotplug-notification-item:focus { padding: 1px 71px 1px 11px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 2px 5px; } .hotplug-resident-box { spacing: 8px; } .hotplug-resident-mount { spacing: 8px; border-radius: 2px; } .hotplug-resident-mount:hover { background-color: rgba(255, 255, 255, 0.12); } .hotplug-resident-mount:active { background-color: rgba(255, 255, 255, 0.3); } .hotplug-resident-mount-label { color: inherit; padding-left: 6px; } .hotplug-resident-mount-icon { icon-size: 24px; padding-left: 6px; } .hotplug-resident-eject-icon { icon-size: 16px; } .hotplug-resident-eject-button { padding: 7px; border-radius: 2px; color: #FFFFFF; } /* Eeeky things */ .legacy-tray { background-color: rgba(0, 0, 0, 0.6); color: #FFFFFF; border: none; border-bottom-width: 0; } .legacy-tray:ltr { border-radius: 0 2px 0 0; border-left-width: 0; } .legacy-tray:rtl { border-radius: 2px 0 0 0; border-right-width: 0; } .legacy-tray-handle, .legacy-tray-icon { padding: 6px; } .legacy-tray-handle StIcon, .legacy-tray-icon StIcon { icon-size: 24px; } .legacy-tray-handle:hover, .legacy-tray-handle:focus, .legacy-tray-icon:hover, .legacy-tray-icon:focus { background-color: rgba(255, 255, 255, 0.12); } .legacy-tray-handle:active, .legacy-tray-icon:active { background-color: rgba(255, 255, 255, 0.3); } .legacy-tray-icon-box { spacing: 12px; } .legacy-tray-icon-box:ltr { padding-left: 12px; } .legacy-tray-icon-box:rtl { padding-right: 12px; } .legacy-tray-icon-box StButton { width: 24px; height: 24px; } .magnifier-zoom-region { border: 2px solid #338DD6; } .magnifier-zoom-region.full-screen { border-width: 0; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.3); } .keyboard-layout { spacing: 10px; padding: 10px; } .keyboard-row { spacing: 15px; } .keyboard-key { min-height: 72px; min-width: 72px; font-size: 2em; font-weight: 500; border-radius: 2px; border: none; color: inherit; color: rgba(255, 255, 255, 0.8); background-color: #424242; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; icon-shadow: none; } .keyboard-key:focus { color: #FFFFFF; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-key:hover, .keyboard-key:checked { color: #FFFFFF; background-color: #424242; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .keyboard-key:active { color: #FFFFFF; background-color: #7b7b7b; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .keyboard-key:grayed { background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; border-color: rgba(0, 0, 0, 0.3); } .keyboard-subkeys { color: inherit; padding: 5px; -arrow-border-radius: 0; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; -boxpointer-gap: 5px; background-color: #424242; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: rgba(255, 255, 255, 0.5); } .candidate-box:selected .candidate-index { color: rgba(255, 255, 255, 0.5); } .candidate-box { transition-duration: 0ms; min-height: 32px; padding: 0 8px; border-radius: 2px; } .candidate-box:hover { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .candidate-box:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .candidate-box:selected { background-color: #338DD6; color: #FFFFFF; } .candidate-page-button-box { height: 32px; } .vertical .candidate-page-button-box { padding-top: 0; } .horizontal .candidate-page-button-box { padding-left: 0; } .candidate-page-button { min-width: 32px; min-height: 32px; padding: 0; } .candidate-page-button-previous { border-radius: 2px; border-right-width: 0; } .candidate-page-button-next { border-radius: 2px; } .candidate-page-button-icon { icon-size: 1.14286em; } /* Auth Dialogs & Screen Shield */ .framed-user-icon { background-size: contain; border: none; color: #FFFFFF; border-radius: 2px; } .framed-user-icon:hover { border-color: #FFFFFF; color: #FFFFFF; } .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: none; background-color: transparent; } .login-dialog StEntry { color: #FFFFFF; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .login-dialog StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #FFFFFF; } .login-dialog StEntry:insensitive { color: rgba(255, 255, 255, 0.5); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { padding: 0 16px; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:insensitive { color: rgba(255, 255, 255, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default { color: rgba(255, 255, 255, 0.8); background-color: #009688; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { color: #FFFFFF; background-color: #009688; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:active { color: #FFFFFF; background-color: #4db6ac; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:insensitive { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog-logo-bin { padding: 24px 0px; } .login-dialog-banner { color: rgba(255, 255, 255, 0.7); } .login-dialog-button-box { spacing: 5px; } .login-dialog-message-warning { color: #FF6D00; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; } .login-dialog-user-selection-box { padding: 100px 0px; } .login-dialog-user-selection-box .login-dialog-not-listed-label { padding-left: 2px; } .login-dialog-not-listed-button:focus .login-dialog-user-selection-box .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-user-selection-box .login-dialog-not-listed-label { color: #FFFFFF; } .login-dialog-not-listed-label { font-size: 1em; font-weight: bold; color: rgba(255, 255, 255, 0.7); padding-top: 1em; } .login-dialog-not-listed-label:hover { color: #FFFFFF; } .login-dialog-not-listed-label:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; padding: .2em; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:focus { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid #FFFFFF; } .login-dialog-user-list-item { border-radius: 2px; padding: 4px 4px 0; color: rgba(255, 255, 255, 0.7); } .login-dialog-user-list-item:ltr { padding-right: 1em; } .login-dialog-user-list-item:rtl { padding-left: 1em; } .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list-item:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin: 2px 0 0 0; background-color: #FFFFFF; } .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { background-color: #FFFFFF; } .login-dialog-username, .user-widget-label { color: #FFFFFF; font-size: 15pt; font-weight: 500; text-align: left; padding-left: 15px; } .user-widget-label:ltr { padding-left: 18px; } .user-widget-label:rtl { padding-right: 18px; } .login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 8px; width: 23em; } .login-dialog-prompt-label { color: rgba(255, 255, 255, 0.5); font-size: 1em; padding-top: 1em; } .login-dialog-session-list-button StIcon { icon-size: 1.25em; } .login-dialog-session-list-button { color: rgba(255, 255, 255, 0.7); } .login-dialog-session-list-button:hover, .login-dialog-session-list-button:focus { color: #FFFFFF; } .login-dialog-session-list-button:active { color: #FFFFFF; } .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { color: white; width: 80px; height: 48px; -arrow-thickness: 12px; -arrow-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock { color: white; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-weight: normal; text-align: center; padding-bottom: 1.5em; } .screen-shield-clock-time { font-size: 112px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock-date { font-size: 45px; font-weight: 400; } .screen-shield-notifications-container { spacing: 6px; width: 30em; background-color: transparent; max-height: 500px; } .screen-shield-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .screen-shield-notifications-container .notification, .screen-shield-notifications-container .screen-shield-notification-source { padding: 8px; border: none; background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; border-radius: 2px; } .screen-shield-notifications-container .notification { margin-right: 16px; } .screen-shield-notification-label { min-height: 22px; padding: 2px 0px 0px 16px; font-weight: bold; } .screen-shield-notification-count-text { min-height: 22px; padding: 2px 0px 0px 16px; color: rgba(255, 255, 255, 0.7); } #panel.lock-screen { background-color: rgba(0, 0, 0, 0.3); } .screen-shield-background { background: black; box-shadow: 0 19px 19px rgba(0, 0, 0, 0.6), 0 15px 6px rgba(0, 0, 0, 0.44); } #lockDialogGroup { background: #303030; background-size: cover; } #LookingGlassDialog { background-color: #424242; spacing: 4px; padding: 0; border: none; border-radius: 2px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } #LookingGlassDialog > #Toolbar { padding: 0 8px; border: none; border-radius: 0; background-color: rgba(66, 66, 66, 0.01); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.26); } #LookingGlassDialog .labels { spacing: 0; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: rgba(255, 255, 255, 0.5); transition-duration: 150ms; padding-left: 16px; padding-right: 16px; min-height: 36px; padding: 0 32px; } #LookingGlassDialog .notebook-tab:hover { box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.3); color: #FFFFFF; text-shadow: none; } #LookingGlassDialog .notebook-tab:selected { border-bottom-width: 0; border-color: transparent; background-color: rgba(66, 66, 66, 0.01); box-shadow: inset 0 -2px 0px #338DD6; color: #FFFFFF; text-shadow: none; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 4px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog StEntry { selection-background-color: #338DD6; selected-color: #FFFFFF; } .lg-dialog .shell-link { color: #338DD6; } .lg-dialog .shell-link:hover { color: #338DD6; } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button { min-height: 36px; padding: 0 16px; border: none; border-radius: 2px; font-size: 10.5pt; font-weight: 500; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:hover { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:insensitive { color: rgba(255, 255, 255, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:focus { color: #FFFFFF; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .lg-obj-inspector-button:hover { border: none; } #lookingGlassExtensions { padding: 4px; } .lg-extensions-list { padding: 4px; spacing: 6px; } .lg-extension { border: none; border-radius: 2px; padding: 4px; } .lg-extension-name { font-size: 18pt; font-weight: 400; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { background: #424242; border: none; border-radius: 2px; padding: 6px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } /* Dash to Dock */ #dashtodockContainer #dash { background-color: rgba(0, 0, 0, 0.6); } #dashtodockContainer:overview #dash { background-color: rgba(255, 255, 255, 0.1); } #dashtodockContainer.extended:overview #dash { background-color: transparent; } #dashtodockContainer.left #dash, #dashtodockContainer.right #dash { padding: 3px 0; } #dashtodockContainer.top #dash, #dashtodockContainer.bottom #dash { padding: 0 3px; } #dashtodockContainer.extended #dash { padding: 0; border-radius: 0; } #dashtodockContainer.left .dash-item-container > StWidget, #dashtodockContainer.right .dash-item-container > StWidget, #dashtodockContainer.extended.left .dash-item-container > StWidget, #dashtodockContainer.extended.right .dash-item-container > StWidget { padding: 3px 6px; } #dashtodockContainer.extended.left .dash-item-container:first-child > StWidget, #dashtodockContainer.extended.right .dash-item-container:first-child > StWidget { padding: 6px 6px 3px 6px; } #dashtodockContainer.extended.left .dash-item-container:last-child > StWidget, #dashtodockContainer.extended.right .dash-item-container:last-child > StWidget { padding: 3px 6px 6px 6px; } #dashtodockContainer.top .dash-item-container > StWidget, #dashtodockContainer.bottom .dash-item-container > StWidget, #dashtodockContainer.extended.top .dash-item-container > StWidget, #dashtodockContainer.extended.bottom .dash-item-container > StWidget { padding: 6px 3px; } #dashtodockContainer.extended.top .dash-item-container:first-child > StWidget, #dashtodockContainer.extended.bottom .dash-item-container:first-child > StWidget { padding: 6px 3px 6px 6px; } #dashtodockContainer.extended.top .dash-item-container:last-child > StWidget, #dashtodockContainer.extended.bottom .dash-item-container:last-child > StWidget { padding: 6px 6px 6px 3px; } #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } #dashtodockContainer .dash-item-container > StWidget { background-size: cover; } #dashtodockContainer.left .dash-item-container > StWidget.running1 { background-image: url("assets/dash/left-running1.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running2 { background-image: url("assets/dash/left-running2.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running3 { background-image: url("assets/dash/left-running3.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running4 { background-image: url("assets/dash/left-running4.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running1 { background-image: url("assets/dash/right-running1.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running2 { background-image: url("assets/dash/right-running2.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running3 { background-image: url("assets/dash/right-running3.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running4 { background-image: url("assets/dash/right-running4.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running1 { background-image: url("assets/dash/top-running1.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running2 { background-image: url("assets/dash/top-running2.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running3 { background-image: url("assets/dash/top-running3.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running4 { background-image: url("assets/dash/top-running4.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running1 { background-image: url("assets/dash/bottom-running1.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running2 { background-image: url("assets/dash/bottom-running2.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running3 { background-image: url("assets/dash/bottom-running3.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running4 { background-image: url("assets/dash/bottom-running4.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/bottom-running4-focused.svg"); } /* Simple Dock */ #dash:desktop { background-color: rgba(0, 0, 0, 0.6); } /* GPaste */ .popup-menu .search-entry { color: #FFFFFF; selection-background-color: #338DD6; selected-color: #FFFFFF; background-color: rgba(66, 66, 66, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .popup-menu .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #338DD6; color: #FFFFFF; } .popup-menu .search-entry .search-entry-icon { color: rgba(255, 255, 255, 0.5); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { color: #FFFFFF; } materia-theme-20180321/src/gnome-shell/3.18/gnome-shell-dark.scss000066400000000000000000000004141325420104000241040ustar00rootroot00000000000000$variant: 'dark'; $titlebar: 'dark'; $compact: 'false'; @import '../../_sass/gnome-shell/variables'; @import '../../_sass/colors'; @import '../../_sass/gnome-shell/drawing'; @import '../../_sass/gnome-shell/common-3.18'; @import '../../_sass/gnome-shell/extensions'; materia-theme-20180321/src/gnome-shell/3.18/gnome-shell-light-compact.css000066400000000000000000001746431325420104000255530ustar00rootroot00000000000000/* This stylesheet is generated, DO NOT EDIT */ /* Copyright 2009, 2015 Red Hat, Inc. * * Portions adapted from Mx's data/style/default.css * Copyright 2009 Intel Corporation * * This program is free software; you can redistribute it and/or modify it * under the terms and conditions of the GNU Lesser General Public License, * version 2.1, as published by the Free Software Foundation. * * This program is distributed in the hope it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for * more details. * * You should have received a copy of the GNU Lesser General Public License * along with this program; if not, write to the Free Software Foundation, * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. */ /* GLOBALS */ * { transition-duration: 150ms; } stage { font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; font-size: 9.75pt; font-weight: 400; color: rgba(0, 0, 0, 0.87); } /* WIDGETS */ /* Buttons */ .button { min-height: 32px; padding: 0 16px; border-width: 0; border-radius: 2px; font-size: 9.75pt; font-weight: 500; color: rgba(0, 0, 0, 0.54); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:hover { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:insensitive { color: rgba(0, 0, 0, 0.26); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .modal-dialog-linked-button { min-height: 40px; padding: 0 16px; border-top: 1px solid rgba(0, 0, 0, 0.12) !important; border-right-width: 0; font-size: 9.75pt; font-weight: 500; color: rgba(0, 0, 0, 0.54); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:hover { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:insensitive { color: rgba(0, 0, 0, 0.26); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .modal-dialog-linked-button:first-child { border-radius: 0px 0px 0px 2px; } .modal-dialog-linked-button:last-child { border-right-width: 0px; border-radius: 0px 0px 2px 0px; } .modal-dialog-linked-button:first-child:last-child { border-right-width: 0px; border-radius: 0px 0px 2px 2px; } /* Entries */ StEntry { min-height: 32px; padding: 0 8px; border-radius: 0; border-width: 0; color: rgba(0, 0, 0, 0.87); selection-background-color: #338DD6; selected-color: #FFFFFF; font-size: 11.25pt; font-weight: 400; background-color: rgba(250, 250, 250, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #338DD6; } StEntry:insensitive { color: rgba(0, 0, 0, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); } StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #FF6D00; padding: 0 0; } /* Scrollbars */ StScrollView.vfade { -st-vfade-offset: 32px; } StScrollView.hfade { -st-hfade-offset: 32px; } StScrollBar { padding: 0; } StScrollView StScrollBar { min-width: 16px; min-height: 16px; } StScrollBar StBin#trough { margin: 4px; border-radius: 100px; background-color: rgba(0, 0, 0, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 100px; background-color: rgba(0, 0, 0, 0.38); margin: 4px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(0, 0, 0, 0.54); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: rgba(0, 0, 0, 0.87); } #overview StScrollBar StBin#trough, #screenShieldNotifications StScrollBar StBin#trough { background-color: rgba(255, 255, 255, 0.12); } #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#hhandle, #screenShieldNotifications StScrollBar StButton#hhandle { background-color: rgba(255, 255, 255, 0.5); } #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#hhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { background-color: rgba(255, 255, 255, 0.7); } #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#hhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { background-color: #FFFFFF; } /* Slider */ .slider { height: 20px; color: #009688; -slider-height: 2px; -slider-background-color: rgba(0, 0, 0, 0.26); -slider-border-color: transparent; -slider-active-background-color: #009688; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 7px; } /* Check Boxes */ .check-box * { min-height: 16px; padding: 8px 0; } .check-box StBoxLayout { spacing: 8px; } .check-box StBin { width: 24px; height: 24px; padding: 4px; border-radius: 100px; background-image: url("assets/checkbox-off.svg"); } .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } .check-box:hover StBin { background-color: rgba(0, 0, 0, 0.12); } .check-box:active StBin { background-color: rgba(0, 0, 0, 0.26); } .check-box:checked StBin { background-image: url("assets/checkbox.svg"); } .check-box:focus:checked StBin { background-image: url("assets/checkbox.svg"); } .check-box:hover:checked StBin { background-color: rgba(0, 150, 136, 0.15); } .check-box:active:checked StBin { background-color: rgba(0, 150, 136, 0.3); } /* Switches */ .toggle-switch { width: 40px; height: 20px; background-size: contain; } .toggle-switch-us { background-image: url("assets/toggle-off.svg"); } .toggle-switch-us:checked { background-image: url("assets/toggle-on.svg"); } .toggle-switch-intl { background-image: url("assets/toggle-off.svg"); } .toggle-switch-intl:checked { background-image: url("assets/toggle-on.svg"); } /* links */ .shell-link { border-radius: 2px; color: #338DD6; } .shell-link:hover { color: #338DD6; background-color: rgba(51, 141, 214, 0.15); } .shell-link:active { color: #338DD6; background-color: rgba(51, 141, 214, 0.3); } /* Modal Dialogs */ .headline { font-size: 15pt; font-weight: 500; } .lightbox { background-color: black; } .flashspot { background-color: white; } .modal-dialog { border-radius: 2px; color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } .modal-dialog .modal-dialog-content-box { padding: 24px; } .modal-dialog .run-dialog-entry { width: 20em; margin-bottom: 6px; } .modal-dialog .run-dialog-error-box { padding-top: 16px; spacing: 6px; } .modal-dialog .run-dialog-button-box { padding-top: 1em; } .modal-dialog .run-dialog-label { font-size: 1em; font-weight: normal; color: rgba(0, 0, 0, 0.38); padding-bottom: .4em; } .show-processes-dialog-subject, .mount-question-dialog-subject, .end-session-dialog-subject { font-size: 15pt; font-weight: 500; } /* End Session Dialog */ .end-session-dialog { spacing: 42px; border: none; } .end-session-dialog-list { padding-top: 20px; } .end-session-dialog-layout { padding-left: 17px; } .end-session-dialog-layout:rtl { padding-right: 17px; } .end-session-dialog-description { width: 28em; padding-bottom: 10px; } .end-session-dialog-description:rtl { text-align: right; } .end-session-dialog-warning { width: 28em; color: #FF6D00; padding-top: 6px; } .end-session-dialog-warning:rtl { text-align: right; } .end-session-dialog-logout-icon { border-radius: 5px; width: 48px; height: 48px; background-size: contain; } .end-session-dialog-shutdown-icon { color: rgba(0, 0, 0, 0.38); width: 48px; height: 48px; } .end-session-dialog-inhibitor-layout { spacing: 16px; max-height: 200px; padding-right: 65px; padding-left: 65px; } .end-session-dialog-session-list, .end-session-dialog-app-list { spacing: 1em; } .end-session-dialog-list-header { font-weight: bold; } .end-session-dialog-list-header:rtl { text-align: right; } .end-session-dialog-app-list-item, .end-session-dialog-session-list-item { spacing: 1em; } .end-session-dialog-app-list-item-name, .end-session-dialog-session-list-item-name { font-weight: bold; } .end-session-dialog-app-list-item-description { color: rgba(0, 0, 0, 0.38); font-size: 1em; } /* ShellMountOperation Dialogs */ .shell-mount-operation-icon { icon-size: 48px; } .show-processes-dialog, .mount-question-dialog { spacing: 24px; } .show-processes-dialog-subject, .mount-question-dialog-subject { padding-top: 10px; padding-left: 17px; padding-bottom: 6px; } .mount-question-dialog-subject { max-width: 500px; } .show-processes-dialog-subject:rtl, .mount-question-dialog-subject:rtl { padding-left: 0px; padding-right: 17px; } .show-processes-dialog-description, .mount-question-dialog-description { padding-left: 17px; width: 28em; } .show-processes-dialog-description:rtl, .mount-question-dialog-description:rtl { padding-right: 17px; } .show-processes-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 49px; padding-right: 32px; } .show-processes-dialog-app-list:rtl { padding-right: 49px; padding-left: 32px; } .show-processes-dialog-app-list-item { color: rgba(0, 0, 0, 0.87); } .show-processes-dialog-app-list-item:hover { color: rgba(0, 0, 0, 0.87); } .show-processes-dialog-app-list-item:ltr { padding-right: 1em; } .show-processes-dialog-app-list-item:rtl { padding-left: 1em; } .show-processes-dialog-app-list-item-icon:ltr { padding-right: 17px; } .show-processes-dialog-app-list-item-icon:rtl { padding-left: 17px; } .show-processes-dialog-app-list-item-name { font-size: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { width: 500px; border: none; } .prompt-dialog-main-layout { spacing: 24px; padding: 10px; } .prompt-dialog-message-layout { spacing: 16px; } .prompt-dialog-headline { font-size: 15pt; font-weight: 500; color: rgba(0, 0, 0, 0.87); } .prompt-dialog-description:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label { font-size: 1em; color: #DD2C00; padding-bottom: 8px; } .prompt-dialog-info-label { font-size: 1em; padding-bottom: 8px; } .hidden { color: transparent; } .prompt-dialog-null-label { font-size: 1em; padding-bottom: 8px; } /* Polkit Dialog */ .polkit-dialog-user-layout { padding-left: 10px; spacing: 10px; } .polkit-dialog-user-layout:rtl { padding-left: 0px; padding-right: 10px; } .polkit-dialog-user-root-label { color: #FF6D00; } .polkit-dialog-user-icon { border-radius: 5px; background-size: contain; width: 48px; height: 48px; } /* Audio selection dialog */ .audio-device-selection-dialog { spacing: 30px; } .audio-selection-content { spacing: 20px; padding: 24px; } .audio-selection-title { font-weight: bold; text-align: center; } .audio-selection-box { spacing: 20px; } .audio-selection-device { border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 2px; } .audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { background-color: #338DD6; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* Access Dialog */ .access-dialog { spacing: 30px; } .access-dialog-main-layout { padding: 12px 20px 0; spacing: 12px; } .access-dialog-content { max-width: 28em; spacing: 20px; } .access-dialog-icon { min-width: 48px; icon-size: 48px; } .access-dialog-title { font-weight: bold; } .access-dialog-subtitle { color: rgba(0, 0, 0, 0.38); font-weight: bold; } /* Geolocation Dialog */ .geolocation-dialog { spacing: 30px; } .geolocation-dialog-main-layout { spacing: 12px; } .geolocation-dialog-content { spacing: 20px; } .geolocation-dialog-icon { icon-size: 48px; } .geolocation-dialog-title { font-weight: bold; } .geolocation-dialog-reason { color: rgba(0, 0, 0, 0.38); font-weight: bold; } /* Network Agent Dialog */ .network-dialog-secret-table { spacing-rows: 15px; spacing-columns: 1em; } .keyring-dialog-control-table { spacing-rows: 15px; spacing-columns: 1em; } /* Popovers/Menus */ .popup-menu { min-width: 200px; } .popup-menu .popup-sub-menu { background-color: #EEEEEE; box-shadow: 0 0 transparent; } .popup-menu .popup-menu-content { padding: 8px 0; } .popup-menu .popup-menu-item { spacing: 8px; transition-duration: 100ms; } .popup-menu .popup-menu-item:ltr { padding: 0.4em 24px 0.4em 0; } .popup-menu .popup-menu-item:rtl { padding: 0.4em 0 0.4em 24px; } .popup-menu .popup-menu-item:checked { background-color: #338DD6; color: #FFFFFF; box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { background-color: #529edc; color: #FFFFFF; } .popup-menu .popup-menu-item:checked:active { background-color: #70afe2; color: #FFFFFF !important; } .popup-menu .popup-menu-item:checked:insensitive { color: rgba(255, 255, 255, 0.5); } .popup-menu .popup-menu-item.selected { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); transition-duration: 0ms; } .popup-menu .popup-menu-item:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); transition-duration: 150ms; } .popup-menu .popup-menu-item.selected:active { color: rgba(0, 0, 0, 0.87); } .popup-menu .popup-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-menu .popup-inactive-menu-item { color: rgba(0, 0, 0, 0.87); } .popup-menu .popup-inactive-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-menu.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-border-radius: 0; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; -arrow-box-shadow: none; margin: 5px 8px 8px; background-color: #FAFAFA; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .popup-separator-menu-item { height: 1px; margin: 8px 40px; background-color: transparent; border-color: rgba(0, 0, 0, 0.12); border-bottom-width: 1px; border-bottom-style: solid; } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } /* fallback menu - odd thing for styling App menu when apparently not running under shell. Light Adwaita styled app menu inside the main app window itself rather than the top bar */ /* OSD */ .osd-window { text-align: center; font-weight: bold; spacing: 1em; margin: 32px; min-width: 64px; min-height: 64px; } .osd-window .osd-monitor-label { font-size: 45px; font-weight: 400; } .osd-window .level { height: 8px; border-radius: 0; background-color: rgba(51, 141, 214, 0.3); color: rgba(0, 0, 0, 0.87); } .osd-window .level-bar { background-color: #338DD6; border-radius: 0; } /* Pad OSD */ .pad-osd-window { padding: 32px; background-color: rgba(0, 0, 0, 0.6); } .combo-box-label { width: 15em; } /* App Switcher */ .switcher-popup { padding: 8px; spacing: 16px; } .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { padding: 8px; border-radius: 2px; } .switcher-list .item-box:outlined { padding: 8px; border: none; background-color: rgba(0, 0, 0, 0.12); } .switcher-list .item-box:selected { background-color: #338DD6; color: #FFFFFF; } .switcher-list .thumbnail-box { padding: 2px; spacing: 4px; } .switcher-list .thumbnail { width: 256px; } .switcher-list .separator { width: 1px; background: rgba(0, 0, 0, 0.12); } .switcher-arrow { border-color: transparent; color: rgba(0, 0, 0, 0.38); } .switcher-arrow:highlighted { color: rgba(0, 0, 0, 0.87); } .input-source-switcher-symbol { font-size: 45px; font-weight: 400; width: 96px; height: 96px; } /* Window Cycler */ .cycler-highlight { border: 4px solid #338DD6; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher { background: transparent; border: 0px; border-radius: 0px; padding: 0px; spacing: 8px; } .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; background-color: #338DD6; color: #FFFFFF; background-size: 32px; border-radius: 2px; } .ws-switcher-box { height: 48px; border: none; background: rgba(0, 0, 0, 0.12); border-radius: 2px; } .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); border-radius: 2px; padding: 12px; } /* Tiled window previews */ .tile-preview { background-color: rgba(64, 196, 255, 0.3); border: 1px solid #40C4FF; } .tile-preview-left.on-primary { border-radius: 0 0 0 0; } .tile-preview-right.on-primary { border-radius: 0 0 0 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0 0 0 0; } /* TOP BAR */ #panel { background-color: rgba(0, 0, 0, 0.6); font-weight: bold; height: 28px; } #panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { background-color: transparent; } #panel #panelLeft, #panel #panelCenter { spacing: 0; } #panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: rgba(0, 0, 0, 0.6); -panel-corner-border-width: 2px; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: #FFFFFF; } #panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: rgba(255, 255, 255, 0.7); transition-duration: 150ms; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; } #panel .panel-button:hover { color: #FFFFFF; } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { background-color: rgba(0, 0, 0, 0.01); box-shadow: inset 0 -2px 0px #FFFFFF; color: #FFFFFF; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { icon-shadow: none; } #panel .panel-button .system-status-icon { icon-size: 1.23077em; padding: 0 4px; } .unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { color: rgba(255, 255, 255, 0.7); } .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { color: #FFFFFF; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator { color: #FF6D00; } #calendarArea { padding: 8px 16px; } .calendar { margin-bottom: 0; } .calendar, .datemenu-today-button, .datemenu-displays-box, .message-list-sections { margin: 0 8px; } .datemenu-calendar-column { spacing: 8px; } .datemenu-displays-section { padding-bottom: 0; } .datemenu-today-button, .world-clocks-button, .message-list-section-title { min-height: 20px; padding: 4px 8px; border-radius: 2px; } .datemenu-today-button { min-height: 48px; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .datemenu-today-button:hover, .datemenu-today-button:focus, .world-clocks-button:hover, .world-clocks-button:focus, .message-list-section-title:hover, .message-list-section-title:focus { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); } .datemenu-today-button:active, .world-clocks-button:active, .message-list-section-title:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); } .datemenu-today-button .date-label { font-size: 18pt; font-weight: 400; } .world-clocks-header, .message-list-section-title { color: rgba(0, 0, 0, 0.54); font-weight: bold; } .world-clocks-grid { spacing-rows: 0.4em; } .calendar-month-label { height: 16px; margin: 2px; padding: 6px 16px; border-radius: 2px; color: rgba(0, 0, 0, 0.87); font-weight: bold; text-align: center; } .calendar-month-label:focus { background-color: rgba(0, 0, 0, 0.12); } .pager-button { width: 28px; height: 28px; margin: 2px; border-radius: 100px; background-color: transparent; color: rgba(0, 0, 0, 0.87); } .pager-button:hover, .pager-button:focus { background-color: rgba(0, 0, 0, 0.12); } .pager-button:active { background-color: rgba(0, 0, 0, 0.26); } .calendar-change-month-back { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-change-month-back:rtl { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward:rtl { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-day-base { font-size: 9pt; font-weight: 400; text-align: center; width: 28px; height: 28px; padding: 0; margin: 2px; border-radius: 100px; } .calendar-day-base:hover, .calendar-day-base:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar-day-base:active, .calendar-day-base:selected { color: #FFFFFF; background-color: #338DD6 !important; border-color: transparent; } .calendar-day-base.calendar-day-heading { width: 28px; height: 21px; margin-top: 2px; padding: 7px 0 0; border-radius: 100px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-size: 9pt; font-weight: 400; font-weight: bold; text-align: center; } .calendar-day { border-width: 0; } .calendar-day-top { border-top-width: 0; } .calendar-day-left { border-left-width: 0; } .calendar-nonwork-day { color: rgba(0, 0, 0, 0.87); } .calendar-today { font-weight: bold !important; border: none; } .calendar-day-with-events { color: #338DD6; font-weight: normal; text-decoration: underline; background-image: none; } .calendar-other-month-day { color: rgba(0, 0, 0, 0.26); opacity: 0.5; } .calendar-week-number { width: 28px; height: 21px; margin: 2px; padding: 7px 0 0; border-radius: 100px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-size: inherit; font-weight: bold; text-align: center; } /* Message list */ .message-list { width: 420px; } .message-list-sections { spacing: 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message-list-section-title-box { spacing: 8px; } .message-list-section-close > StIcon { icon-size: 16px; border-radius: 16px; padding: 6px; color: rgba(0, 0, 0, 0.54); background-color: transparent; } /* FIXME: how do you do this in sass? */ .message-list-section-close:hover > StIcon, .message-list-section-close:focus > StIcon { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); } .message-list-section-close:active > StIcon { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); } .message { min-height: 56px; background-color: transparent; border-radius: 2px; } .message:hover, .message:focus { background-color: rgba(0, 0, 0, 0.12); } .message:active { background-color: rgba(0, 0, 0, 0.26); } .message-icon-bin { padding: 8px 0px 8px 8px; } .message-icon-bin:rtl { padding: 8px 8px 8px 0px; } .message-icon-bin > StIcon { icon-size: 32px; } .message-secondary-bin:ltr { padding-left: 8px; } .message-secondary-bin:rtl { padding-right: 8px; } .message-secondary-bin { color: rgba(0, 0, 0, 0.54); } .message-secondary-bin > StIcon { icon-size: 16px; } .message-title { min-height: 18px; padding-top: 2px; color: rgba(0, 0, 0, 0.87); font-weight: bold; font-size: 1em; } .message-content { min-height: 40px; padding: 8px; color: rgba(0, 0, 0, 0.54); font-size: 1em; } .message-content * > StIcon { icon-size: 16px; border-radius: 16px; padding: 2px; color: rgba(0, 0, 0, 0.54); } /* FIXME: how do you do this in sass? */ .message-content *:hover > StIcon, .message-content *:focus > StIcon { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); } .message-content *:active > StIcon { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); } .message-media-control { margin: 16px 0; padding: 8px; border-radius: 100px; color: rgba(0, 0, 0, 0.54); } .message-media-control:hover, .message-media-control:focus { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); } .message-media-control:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); } .message-media-control:insensitive { color: rgba(0, 0, 0, 0.26); } .message-media-control:last-child:ltr { margin-right: 16px; padding-right: 8px; } .message-media-control:last-child:rtl { margin-left: 16px; padding-left: 8px; } .media-message-cover-icon { icon-size: 32px; } .media-message-cover-icon.fallback { icon-size: 16px; padding: 8px; border: none; border-radius: 2px; background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.38); } .system-switch-user-submenu-icon.user-icon { icon-size: 20px; padding: 0 2px; } .system-switch-user-submenu-icon.default-icon { icon-size: 16px; padding: 0 4px; } #appMenu { spinner-image: url("process-working.svg"); spacing: 4px; } #appMenu .label-shadow { color: transparent; } .aggregate-menu { min-width: 280px; } .aggregate-menu .popup-menu-icon { padding: 0 4px; } .aggregate-menu .popup-sub-menu .popup-menu-item :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; margin-left: 1.23077em; } .aggregate-menu .popup-sub-menu .popup-menu-item :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; margin-right: 1.23077em; } .system-menu-action { color: rgba(0, 0, 0, 0.54); border-radius: 100px; /* wish we could do 50% */ padding: 14px; border: none; } .system-menu-action:hover, .system-menu-action:focus { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); border: none; padding: 14px; } .system-menu-action:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } .system-menu-action > StIcon { icon-size: 16px; } .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; background-color: rgba(255, 255, 255, 0.3); background-image: none; background-size: auto; } .ripple-box:rtl { border-radius: 0 0 0 48px; background-image: none; } .popup-menu-arrow { width: 16px; height: 16px; } .popup-menu-icon { icon-size: 1.23077em; } .window-close { transition-duration: 0ms; height: 32px; width: 32px; -st-background-image-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); background-image: url("assets/window-close.svg"); background-size: 32px; } .window-close:hover { -st-background-image-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .window-close:active { background-image: url("assets/window-close-active.svg"); } .window-close { -shell-close-overlap: 16px; } .window-close:rtl { -st-background-image-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .window-close:rtl:hover { -st-background-image-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } /* NETWORK DIALOGS */ .nm-dialog { max-height: 500px; min-height: 450px; min-width: 470px; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: center; } .nm-dialog-airplane-text { color: rgba(0, 0, 0, 0.87); } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-scroll-view { border: none; } .nm-dialog-header { font-size: 15pt; font-weight: 500; } .nm-dialog-item { font-size: 1em; border-bottom: none; border-radius: 2px; padding: 12px; spacing: 20px; } .nm-dialog-item:hover, .nm-dialog-item:focus { background-color: rgba(0, 0, 0, 0.12); } .nm-dialog-item:active { background-color: rgba(0, 0, 0, 0.26); } .nm-dialog-item:selected { background-color: #338DD6; color: #FFFFFF; } .nm-dialog-icons { spacing: .5em; } .nm-dialog-icon { icon-size: 16px; } .no-networks-label { color: rgba(0, 0, 0, 0.38); } .no-networks-box { spacing: 12px; } /* OVERVIEW */ #overview { spacing: 24px; } .overview-controls { padding-bottom: 32px; } .window-picker { -horizontal-spacing: 32px; -vertical-spacing: 32px; padding-left: 32px; padding-right: 32px; padding-bottom: 48px; } .window-picker.external-monitor { padding: 32px; } .window-clone-border { border: 4px solid rgba(255, 255, 255, 0.3); border-radius: 2px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .window-caption { spacing: 25px; color: #FFFFFF; background-color: transparent; border-radius: 2px; padding: 4px 8px; -shell-caption-spacing: 12px; } .window-caption:hover { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .search-entry { width: 304px; padding: 0 8px; border-radius: 0; color: rgba(255, 255, 255, 0.5); selection-background-color: rgba(255, 255, 255, 0.3); selected-color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #FFFFFF; padding: 0 8px; border-width: 0; color: #FFFFFF; } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 0; color: rgba(255, 255, 255, 0.5); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: #FFFFFF; } #searchResultsBin { max-width: 1000px; } #searchResultsContent { padding-left: 20px; padding-right: 20px; spacing: 16px; } .search-section { spacing: 16px; } .search-section-content { spacing: 32px; } .list-search-results { spacing: 3px; } .search-section-separator { -gradient-height: 1px; -gradient-start: rgba(255, 255, 255, 0); -gradient-end: rgba(255, 255, 255, 0.4); -margin-horizontal: 1.5em; height: 1px; } .list-search-result-content { spacing: 12px; padding: 12px; } .list-search-result-title { font-size: 18pt; font-weight: 400; color: #FFFFFF; } .list-search-result-description { color: rgba(255, 255, 255, 0.7); } .search-provider-icon { padding: 15px; } .search-provider-icon-more { width: 16px; height: 16px; background-image: url("assets/more-results.svg"); } /* DASHBOARD */ #dash { font-size: 1em; color: #FFFFFF; background-color: rgba(255, 255, 255, 0.1); padding: 3px 0; border: none; border-left: 0px; border-radius: 0px 2px 2px 0px; } #dash:rtl { border-radius: 2px 0 0 2px; } #dash .placeholder { background-image: url("assets/dash-placeholder.svg"); background-size: contain; height: 24px; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { border-radius: 2px; padding: 7px 8px; color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-align: center; -x-offset: 8px; } /* App Vault/Grid */ .icon-grid { spacing: 30px; -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; } .icon-grid .overview-icon { icon-size: 96px; } .app-view-controls { width: 320px; padding-bottom: 32px; } .app-view-control { padding: 0 16px; font-weight: bold; color: rgba(255, 255, 255, 0.7); } .app-view-control:hover { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12) !important; } .app-view-control:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3) !important; } .app-view-control:checked { color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01) !important; box-shadow: inset 0 2px 0 #FFFFFF; } .app-view-control:first-child { border-right-width: 0; border-radius: 2px; } .app-view-control:first-child:checked { border-radius: 0; } .app-view-control:last-child { border-radius: 2px; } .app-view-control:last-child:checked { border-radius: 0; } .search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, .list-search-result:focus, .list-search-result:selected, .list-search-result:hover { background-color: rgba(255, 255, 255, 0.12); transition-duration: 0ms; } .search-provider-icon:active, .search-provider-icon:checked, .list-search-result:active, .list-search-result:checked { background-color: rgba(255, 255, 255, 0.3); transition-duration: 150ms; } .app-well-app:hover .overview-icon, .app-well-app:focus .overview-icon, .app-well-app:selected .overview-icon, .app-well-app.app-folder:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-well-app.app-folder:selected .overview-icon, .show-apps:hover .overview-icon, .show-apps:focus .overview-icon, .show-apps:selected .overview-icon, .grid-search-result:hover .overview-icon, .grid-search-result:focus .overview-icon, .grid-search-result:selected .overview-icon { background-color: rgba(255, 255, 255, 0.12); transition-duration: 0ms; border-image: none; background-image: none; } .app-well-app:active .overview-icon, .app-well-app:checked .overview-icon, .app-well-app.app-folder:active .overview-icon, .app-well-app.app-folder:checked .overview-icon, .show-apps:active .overview-icon, .show-apps:checked .overview-icon, .grid-search-result:active .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.3); box-shadow: 0 0 transparent; transition-duration: 150ms; } .app-well-app-running-dot { width: 32px; height: 2px; background-color: #FFFFFF; margin-bottom: 0; } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .app-well-app.app-folder .overview-icon, .show-apps .overview-icon, .grid-search-result .overview-icon { color: #FFFFFF; border-radius: 2px; padding: 6px; border: none; transition-duration: 150ms; text-align: center; } .app-well-app.app-folder > .overview-icon { background-color: rgba(255, 255, 255, 0.1); } .show-apps .show-apps-icon { color: rgba(255, 255, 255, 0.7); } .show-apps:hover .show-apps-icon, .show-apps:active .show-apps-icon, .show-apps:checked .show-apps-icon, .show-apps:focus .show-apps-icon { color: #FFFFFF; transition-duration: 150ms; } .app-folder-popup { -arrow-border-radius: 2px; -arrow-background-color: rgba(255, 255, 255, 0.1); -arrow-base: 24px; -arrow-rise: 12px; } .app-folder-popup-bin { padding: 5px; } .app-folder-icon { padding: 5px; spacing-rows: 5px; spacing-columns: 5px; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 12px; height: 12px; border-radius: 12px; background-image: none; background-color: rgba(255, 255, 255, 0.3); } .page-indicator:hover .page-indicator-icon { background-image: none; background-color: rgba(255, 255, 255, 0.5); } .page-indicator:active .page-indicator-icon { background-image: none; background-color: rgba(255, 255, 255, 0.7); } .page-indicator:checked .page-indicator-icon { background-image: none; background-color: #FFFFFF; transition-duration: 0ms; } .page-indicator:checked:active { background-image: none; } .app-well-app > .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label { padding: 10px 8px 5px 8px; spacing: 4px; } .workspace-thumbnails { visible-width: 32px; spacing: 12px; padding: 12px; border-radius: 2px 0 0 2px; } .workspace-thumbnails:rtl { border-radius: 0 2px 2px 0; } .workspace-thumbnails .placeholder { background-image: url("assets/dash-placeholder.svg"); background-size: contain; height: 24px; } .workspace-thumbnail-indicator { border: 0 solid #FFFFFF; border-left-width: 2px; padding: 6px; border-radius: 0; } .search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { padding: 0px 88px 10px 88px; } .workspace-thumbnails { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.1); border: none; } .search-statustext, .no-frequent-applications-label { font-size: 45px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { link-color: #338DD6; } .notification-banner { font-size: 1em; width: 34em; min-height: 56px; margin: 5px; border-radius: 2px; color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .notification-banner:hover { background-color: #FAFAFA; } .notification-banner:focus { background-color: #FAFAFA; } .notification-banner .notification-icon { padding: 5px; } .notification-banner .notification-content { padding: 5px; spacing: 5px; } .notification-banner .secondary-icon { icon-size: 1.23077em; } .notification-banner .notification-actions { background-color: transparent; padding-top: 0; border-top: 1px solid rgba(0, 0, 0, 0.12); spacing: 1px; } .notification-banner .notification-button { min-height: 40px; padding: 0 16px; background-color: transparent; color: rgba(0, 0, 0, 0.54); font-weight: 500; } .notification-banner .notification-button:first-child { border-radius: 0 0 0 2px; } .notification-banner .notification-button:last-child { border-radius: 0 0 2px 0; } .notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } .notification-banner .notification-button:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } .summary-source-counter { font-size: 1em; font-weight: bold; height: 1.6em; width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; background-color: #338DD6; color: #FFFFFF; border: 2px solid #FFFFFF; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } .secondary-icon { icon-size: 1.23077em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: rgba(0, 0, 0, 0.87); } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0px; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: rgba(0, 0, 0, 0.54); } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; font-size: 9pt; font-weight: 400; color: rgba(0, 0, 0, 0.38); } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-transient-box { spacing: 6px; padding: 2px 72px 2px 12px; } .hotplug-notification-item { padding: 2px 10px; } .hotplug-notification-item:focus { padding: 1px 71px 1px 11px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 2px 5px; } .hotplug-resident-box { spacing: 8px; } .hotplug-resident-mount { spacing: 8px; border-radius: 2px; } .hotplug-resident-mount:hover { background-color: rgba(0, 0, 0, 0.12); } .hotplug-resident-mount:active { background-color: rgba(0, 0, 0, 0.26); } .hotplug-resident-mount-label { color: inherit; padding-left: 6px; } .hotplug-resident-mount-icon { icon-size: 24px; padding-left: 6px; } .hotplug-resident-eject-icon { icon-size: 16px; } .hotplug-resident-eject-button { padding: 7px; border-radius: 2px; color: rgba(0, 0, 0, 0.87); } /* Eeeky things */ .legacy-tray { background-color: rgba(0, 0, 0, 0.6); color: #FFFFFF; border: none; border-bottom-width: 0; } .legacy-tray:ltr { border-radius: 0 2px 0 0; border-left-width: 0; } .legacy-tray:rtl { border-radius: 2px 0 0 0; border-right-width: 0; } .legacy-tray-handle, .legacy-tray-icon { padding: 6px; } .legacy-tray-handle StIcon, .legacy-tray-icon StIcon { icon-size: 24px; } .legacy-tray-handle:hover, .legacy-tray-handle:focus, .legacy-tray-icon:hover, .legacy-tray-icon:focus { background-color: rgba(255, 255, 255, 0.12); } .legacy-tray-handle:active, .legacy-tray-icon:active { background-color: rgba(255, 255, 255, 0.3); } .legacy-tray-icon-box { spacing: 12px; } .legacy-tray-icon-box:ltr { padding-left: 12px; } .legacy-tray-icon-box:rtl { padding-right: 12px; } .legacy-tray-icon-box StButton { width: 24px; height: 24px; } .magnifier-zoom-region { border: 2px solid #338DD6; } .magnifier-zoom-region.full-screen { border-width: 0; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.3); } .keyboard-layout { spacing: 10px; padding: 10px; } .keyboard-row { spacing: 15px; } .keyboard-key { min-height: 64px; min-width: 64px; font-size: 2em; font-weight: 500; border-radius: 2px; border: none; color: inherit; color: rgba(0, 0, 0, 0.62); background-color: #FAFAFA; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; icon-shadow: none; } .keyboard-key:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-key:hover, .keyboard-key:checked { color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .keyboard-key:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(188, 188, 188, 0.961); border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .keyboard-key:grayed { background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; border-color: rgba(0, 0, 0, 0.3); } .keyboard-subkeys { color: inherit; padding: 5px; -arrow-border-radius: 0; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; -boxpointer-gap: 5px; background-color: #FAFAFA; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: rgba(0, 0, 0, 0.38); } .candidate-box:selected .candidate-index { color: rgba(255, 255, 255, 0.5); } .candidate-box { transition-duration: 0ms; min-height: 28px; padding: 0 8px; border-radius: 2px; } .candidate-box:hover { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } .candidate-box:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } .candidate-box:selected { background-color: #338DD6; color: #FFFFFF; } .candidate-page-button-box { height: 28px; } .vertical .candidate-page-button-box { padding-top: 0; } .horizontal .candidate-page-button-box { padding-left: 0; } .candidate-page-button { min-width: 28px; min-height: 28px; padding: 0; } .candidate-page-button-previous { border-radius: 2px; border-right-width: 0; } .candidate-page-button-next { border-radius: 2px; } .candidate-page-button-icon { icon-size: 1.23077em; } /* Auth Dialogs & Screen Shield */ .framed-user-icon { background-size: contain; border: none; color: #FFFFFF; border-radius: 2px; } .framed-user-icon:hover { border-color: #FFFFFF; color: #FFFFFF; } .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: none; background-color: transparent; } .login-dialog StEntry { color: #FFFFFF; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .login-dialog StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #FFFFFF; } .login-dialog StEntry:insensitive { color: rgba(0, 0, 0, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { padding: 0 16px; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:insensitive { color: rgba(255, 255, 255, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default { color: #FFFFFF; background-color: #009688; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { color: #FFFFFF; background-color: #009688; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:active { color: #FFFFFF; background-color: #4db6ac; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:insensitive { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog-logo-bin { padding: 24px 0px; } .login-dialog-banner { color: rgba(255, 255, 255, 0.7); } .login-dialog-button-box { spacing: 5px; } .login-dialog-message-warning { color: #FF6D00; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; } .login-dialog-user-selection-box { padding: 100px 0px; } .login-dialog-user-selection-box .login-dialog-not-listed-label { padding-left: 2px; } .login-dialog-not-listed-button:focus .login-dialog-user-selection-box .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-user-selection-box .login-dialog-not-listed-label { color: #FFFFFF; } .login-dialog-not-listed-label { font-size: 1em; font-weight: bold; color: rgba(255, 255, 255, 0.7); padding-top: 1em; } .login-dialog-not-listed-label:hover { color: #FFFFFF; } .login-dialog-not-listed-label:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; padding: .2em; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:focus { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid #FFFFFF; } .login-dialog-user-list-item { border-radius: 2px; padding: 4px 4px 0; color: rgba(255, 255, 255, 0.7); } .login-dialog-user-list-item:ltr { padding-right: 1em; } .login-dialog-user-list-item:rtl { padding-left: 1em; } .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list-item:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin: 2px 0 0 0; background-color: #FFFFFF; } .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { background-color: #FFFFFF; } .login-dialog-username, .user-widget-label { color: #FFFFFF; font-size: 15pt; font-weight: 500; text-align: left; padding-left: 15px; } .user-widget-label:ltr { padding-left: 18px; } .user-widget-label:rtl { padding-right: 18px; } .login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 8px; width: 23em; } .login-dialog-prompt-label { color: rgba(255, 255, 255, 0.5); font-size: 1em; padding-top: 1em; } .login-dialog-session-list-button StIcon { icon-size: 1.25em; } .login-dialog-session-list-button { color: rgba(255, 255, 255, 0.7); } .login-dialog-session-list-button:hover, .login-dialog-session-list-button:focus { color: #FFFFFF; } .login-dialog-session-list-button:active { color: #FFFFFF; } .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { color: white; width: 80px; height: 48px; -arrow-thickness: 12px; -arrow-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock { color: white; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-weight: normal; text-align: center; padding-bottom: 1.5em; } .screen-shield-clock-time { font-size: 112px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock-date { font-size: 45px; font-weight: 400; } .screen-shield-notifications-container { spacing: 6px; width: 30em; background-color: transparent; max-height: 500px; } .screen-shield-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .screen-shield-notifications-container .notification, .screen-shield-notifications-container .screen-shield-notification-source { padding: 8px; border: none; background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; border-radius: 2px; } .screen-shield-notifications-container .notification { margin-right: 16px; } .screen-shield-notification-label { min-height: 18px; padding: 2px 0px 0px 16px; font-weight: bold; } .screen-shield-notification-count-text { min-height: 18px; padding: 2px 0px 0px 16px; color: rgba(255, 255, 255, 0.7); } #panel.lock-screen { background-color: rgba(0, 0, 0, 0.3); } .screen-shield-background { background: black; box-shadow: 0 19px 19px rgba(0, 0, 0, 0.6), 0 15px 6px rgba(0, 0, 0, 0.44); } #lockDialogGroup { background: #303030; background-size: cover; } #LookingGlassDialog { background-color: #FAFAFA; spacing: 4px; padding: 0; border: none; border-radius: 2px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } #LookingGlassDialog > #Toolbar { padding: 0 8px; border: none; border-radius: 0; background-color: rgba(250, 250, 250, 0.01); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); } #LookingGlassDialog .labels { spacing: 0; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: rgba(0, 0, 0, 0.38); transition-duration: 150ms; padding-left: 16px; padding-right: 16px; min-height: 32px; padding: 0 32px; } #LookingGlassDialog .notebook-tab:hover { box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); text-shadow: none; } #LookingGlassDialog .notebook-tab:selected { border-bottom-width: 0; border-color: transparent; background-color: rgba(250, 250, 250, 0.01); box-shadow: inset 0 -2px 0px #338DD6; color: rgba(0, 0, 0, 0.87); text-shadow: none; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 4px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog StEntry { selection-background-color: #338DD6; selected-color: #FFFFFF; } .lg-dialog .shell-link { color: #338DD6; } .lg-dialog .shell-link:hover { color: #338DD6; } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button { min-height: 32px; padding: 0 16px; border: none; border-radius: 2px; font-size: 9.75pt; font-weight: 500; color: rgba(0, 0, 0, 0.54); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:hover { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:insensitive { color: rgba(0, 0, 0, 0.26); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .lg-obj-inspector-button:hover { border: none; } #lookingGlassExtensions { padding: 4px; } .lg-extensions-list { padding: 4px; spacing: 6px; } .lg-extension { border: none; border-radius: 2px; padding: 4px; } .lg-extension-name { font-size: 18pt; font-weight: 400; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { background: #FAFAFA; border: none; border-radius: 2px; padding: 6px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } /* Dash to Dock */ #dashtodockContainer #dash { background-color: rgba(0, 0, 0, 0.6); } #dashtodockContainer:overview #dash { background-color: rgba(255, 255, 255, 0.1); } #dashtodockContainer.extended:overview #dash { background-color: transparent; } #dashtodockContainer.left #dash, #dashtodockContainer.right #dash { padding: 3px 0; } #dashtodockContainer.top #dash, #dashtodockContainer.bottom #dash { padding: 0 3px; } #dashtodockContainer.extended #dash { padding: 0; border-radius: 0; } #dashtodockContainer.left .dash-item-container > StWidget, #dashtodockContainer.right .dash-item-container > StWidget, #dashtodockContainer.extended.left .dash-item-container > StWidget, #dashtodockContainer.extended.right .dash-item-container > StWidget { padding: 3px 6px; } #dashtodockContainer.extended.left .dash-item-container:first-child > StWidget, #dashtodockContainer.extended.right .dash-item-container:first-child > StWidget { padding: 6px 6px 3px 6px; } #dashtodockContainer.extended.left .dash-item-container:last-child > StWidget, #dashtodockContainer.extended.right .dash-item-container:last-child > StWidget { padding: 3px 6px 6px 6px; } #dashtodockContainer.top .dash-item-container > StWidget, #dashtodockContainer.bottom .dash-item-container > StWidget, #dashtodockContainer.extended.top .dash-item-container > StWidget, #dashtodockContainer.extended.bottom .dash-item-container > StWidget { padding: 6px 3px; } #dashtodockContainer.extended.top .dash-item-container:first-child > StWidget, #dashtodockContainer.extended.bottom .dash-item-container:first-child > StWidget { padding: 6px 3px 6px 6px; } #dashtodockContainer.extended.top .dash-item-container:last-child > StWidget, #dashtodockContainer.extended.bottom .dash-item-container:last-child > StWidget { padding: 6px 6px 6px 3px; } #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } #dashtodockContainer .dash-item-container > StWidget { background-size: cover; } #dashtodockContainer.left .dash-item-container > StWidget.running1 { background-image: url("assets/dash/left-running1.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running2 { background-image: url("assets/dash/left-running2.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running3 { background-image: url("assets/dash/left-running3.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running4 { background-image: url("assets/dash/left-running4.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running1 { background-image: url("assets/dash/right-running1.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running2 { background-image: url("assets/dash/right-running2.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running3 { background-image: url("assets/dash/right-running3.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running4 { background-image: url("assets/dash/right-running4.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running1 { background-image: url("assets/dash/top-running1.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running2 { background-image: url("assets/dash/top-running2.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running3 { background-image: url("assets/dash/top-running3.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running4 { background-image: url("assets/dash/top-running4.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running1 { background-image: url("assets/dash/bottom-running1.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running2 { background-image: url("assets/dash/bottom-running2.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running3 { background-image: url("assets/dash/bottom-running3.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running4 { background-image: url("assets/dash/bottom-running4.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/bottom-running4-focused.svg"); } /* Simple Dock */ #dash:desktop { background-color: rgba(0, 0, 0, 0.6); } /* GPaste */ .popup-menu .search-entry { color: rgba(0, 0, 0, 0.87); selection-background-color: #338DD6; selected-color: #FFFFFF; background-color: rgba(250, 250, 250, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .popup-menu .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #338DD6; color: rgba(0, 0, 0, 0.87); } .popup-menu .search-entry .search-entry-icon { color: rgba(0, 0, 0, 0.38); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { color: rgba(0, 0, 0, 0.87); } materia-theme-20180321/src/gnome-shell/3.18/gnome-shell-light-compact.scss000066400000000000000000000004151325420104000257170ustar00rootroot00000000000000$variant: 'light'; $titlebar: 'light'; $compact: 'true'; @import '../../_sass/gnome-shell/variables'; @import '../../_sass/colors'; @import '../../_sass/gnome-shell/drawing'; @import '../../_sass/gnome-shell/common-3.18'; @import '../../_sass/gnome-shell/extensions'; materia-theme-20180321/src/gnome-shell/3.18/gnome-shell-light.css000066400000000000000000001746401325420104000241240ustar00rootroot00000000000000/* This stylesheet is generated, DO NOT EDIT */ /* Copyright 2009, 2015 Red Hat, Inc. * * Portions adapted from Mx's data/style/default.css * Copyright 2009 Intel Corporation * * This program is free software; you can redistribute it and/or modify it * under the terms and conditions of the GNU Lesser General Public License, * version 2.1, as published by the Free Software Foundation. * * This program is distributed in the hope it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for * more details. * * You should have received a copy of the GNU Lesser General Public License * along with this program; if not, write to the Free Software Foundation, * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. */ /* GLOBALS */ * { transition-duration: 150ms; } stage { font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; font-size: 10.5pt; font-weight: 400; color: rgba(0, 0, 0, 0.87); } /* WIDGETS */ /* Buttons */ .button { min-height: 36px; padding: 0 16px; border-width: 0; border-radius: 2px; font-size: 10.5pt; font-weight: 500; color: rgba(0, 0, 0, 0.54); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:hover { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:insensitive { color: rgba(0, 0, 0, 0.26); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .modal-dialog-linked-button { min-height: 40px; padding: 0 16px; border-top: 1px solid rgba(0, 0, 0, 0.12) !important; border-right-width: 0; font-size: 10.5pt; font-weight: 500; color: rgba(0, 0, 0, 0.54); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:hover { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:insensitive { color: rgba(0, 0, 0, 0.26); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .modal-dialog-linked-button:first-child { border-radius: 0px 0px 0px 2px; } .modal-dialog-linked-button:last-child { border-right-width: 0px; border-radius: 0px 0px 2px 0px; } .modal-dialog-linked-button:first-child:last-child { border-right-width: 0px; border-radius: 0px 0px 2px 2px; } /* Entries */ StEntry { min-height: 36px; padding: 0 8px; border-radius: 0; border-width: 0; color: rgba(0, 0, 0, 0.87); selection-background-color: #338DD6; selected-color: #FFFFFF; font-size: 12pt; font-weight: 400; background-color: rgba(250, 250, 250, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #338DD6; } StEntry:insensitive { color: rgba(0, 0, 0, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); } StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #FF6D00; padding: 0 0; } /* Scrollbars */ StScrollView.vfade { -st-vfade-offset: 32px; } StScrollView.hfade { -st-hfade-offset: 32px; } StScrollBar { padding: 0; } StScrollView StScrollBar { min-width: 16px; min-height: 16px; } StScrollBar StBin#trough { margin: 4px; border-radius: 100px; background-color: rgba(0, 0, 0, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 100px; background-color: rgba(0, 0, 0, 0.38); margin: 4px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(0, 0, 0, 0.54); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: rgba(0, 0, 0, 0.87); } #overview StScrollBar StBin#trough, #screenShieldNotifications StScrollBar StBin#trough { background-color: rgba(255, 255, 255, 0.12); } #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#hhandle, #screenShieldNotifications StScrollBar StButton#hhandle { background-color: rgba(255, 255, 255, 0.5); } #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#hhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { background-color: rgba(255, 255, 255, 0.7); } #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#hhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { background-color: #FFFFFF; } /* Slider */ .slider { height: 20px; color: #009688; -slider-height: 2px; -slider-background-color: rgba(0, 0, 0, 0.26); -slider-border-color: transparent; -slider-active-background-color: #009688; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 7px; } /* Check Boxes */ .check-box * { min-height: 20px; padding: 8px 0; } .check-box StBoxLayout { spacing: 8px; } .check-box StBin { width: 24px; height: 24px; padding: 6px; border-radius: 100px; background-image: url("assets/checkbox-off.svg"); } .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } .check-box:hover StBin { background-color: rgba(0, 0, 0, 0.12); } .check-box:active StBin { background-color: rgba(0, 0, 0, 0.26); } .check-box:checked StBin { background-image: url("assets/checkbox.svg"); } .check-box:focus:checked StBin { background-image: url("assets/checkbox.svg"); } .check-box:hover:checked StBin { background-color: rgba(0, 150, 136, 0.15); } .check-box:active:checked StBin { background-color: rgba(0, 150, 136, 0.3); } /* Switches */ .toggle-switch { width: 40px; height: 20px; background-size: contain; } .toggle-switch-us { background-image: url("assets/toggle-off.svg"); } .toggle-switch-us:checked { background-image: url("assets/toggle-on.svg"); } .toggle-switch-intl { background-image: url("assets/toggle-off.svg"); } .toggle-switch-intl:checked { background-image: url("assets/toggle-on.svg"); } /* links */ .shell-link { border-radius: 2px; color: #338DD6; } .shell-link:hover { color: #338DD6; background-color: rgba(51, 141, 214, 0.15); } .shell-link:active { color: #338DD6; background-color: rgba(51, 141, 214, 0.3); } /* Modal Dialogs */ .headline { font-size: 15pt; font-weight: 500; } .lightbox { background-color: black; } .flashspot { background-color: white; } .modal-dialog { border-radius: 2px; color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } .modal-dialog .modal-dialog-content-box { padding: 24px; } .modal-dialog .run-dialog-entry { width: 20em; margin-bottom: 6px; } .modal-dialog .run-dialog-error-box { padding-top: 16px; spacing: 6px; } .modal-dialog .run-dialog-button-box { padding-top: 1em; } .modal-dialog .run-dialog-label { font-size: 1em; font-weight: normal; color: rgba(0, 0, 0, 0.38); padding-bottom: .4em; } .show-processes-dialog-subject, .mount-question-dialog-subject, .end-session-dialog-subject { font-size: 15pt; font-weight: 500; } /* End Session Dialog */ .end-session-dialog { spacing: 42px; border: none; } .end-session-dialog-list { padding-top: 20px; } .end-session-dialog-layout { padding-left: 17px; } .end-session-dialog-layout:rtl { padding-right: 17px; } .end-session-dialog-description { width: 28em; padding-bottom: 10px; } .end-session-dialog-description:rtl { text-align: right; } .end-session-dialog-warning { width: 28em; color: #FF6D00; padding-top: 6px; } .end-session-dialog-warning:rtl { text-align: right; } .end-session-dialog-logout-icon { border-radius: 5px; width: 48px; height: 48px; background-size: contain; } .end-session-dialog-shutdown-icon { color: rgba(0, 0, 0, 0.38); width: 48px; height: 48px; } .end-session-dialog-inhibitor-layout { spacing: 16px; max-height: 200px; padding-right: 65px; padding-left: 65px; } .end-session-dialog-session-list, .end-session-dialog-app-list { spacing: 1em; } .end-session-dialog-list-header { font-weight: bold; } .end-session-dialog-list-header:rtl { text-align: right; } .end-session-dialog-app-list-item, .end-session-dialog-session-list-item { spacing: 1em; } .end-session-dialog-app-list-item-name, .end-session-dialog-session-list-item-name { font-weight: bold; } .end-session-dialog-app-list-item-description { color: rgba(0, 0, 0, 0.38); font-size: 1em; } /* ShellMountOperation Dialogs */ .shell-mount-operation-icon { icon-size: 48px; } .show-processes-dialog, .mount-question-dialog { spacing: 24px; } .show-processes-dialog-subject, .mount-question-dialog-subject { padding-top: 10px; padding-left: 17px; padding-bottom: 6px; } .mount-question-dialog-subject { max-width: 500px; } .show-processes-dialog-subject:rtl, .mount-question-dialog-subject:rtl { padding-left: 0px; padding-right: 17px; } .show-processes-dialog-description, .mount-question-dialog-description { padding-left: 17px; width: 28em; } .show-processes-dialog-description:rtl, .mount-question-dialog-description:rtl { padding-right: 17px; } .show-processes-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 49px; padding-right: 32px; } .show-processes-dialog-app-list:rtl { padding-right: 49px; padding-left: 32px; } .show-processes-dialog-app-list-item { color: rgba(0, 0, 0, 0.87); } .show-processes-dialog-app-list-item:hover { color: rgba(0, 0, 0, 0.87); } .show-processes-dialog-app-list-item:ltr { padding-right: 1em; } .show-processes-dialog-app-list-item:rtl { padding-left: 1em; } .show-processes-dialog-app-list-item-icon:ltr { padding-right: 17px; } .show-processes-dialog-app-list-item-icon:rtl { padding-left: 17px; } .show-processes-dialog-app-list-item-name { font-size: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { width: 500px; border: none; } .prompt-dialog-main-layout { spacing: 24px; padding: 10px; } .prompt-dialog-message-layout { spacing: 16px; } .prompt-dialog-headline { font-size: 15pt; font-weight: 500; color: rgba(0, 0, 0, 0.87); } .prompt-dialog-description:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label { font-size: 1em; color: #DD2C00; padding-bottom: 8px; } .prompt-dialog-info-label { font-size: 1em; padding-bottom: 8px; } .hidden { color: transparent; } .prompt-dialog-null-label { font-size: 1em; padding-bottom: 8px; } /* Polkit Dialog */ .polkit-dialog-user-layout { padding-left: 10px; spacing: 10px; } .polkit-dialog-user-layout:rtl { padding-left: 0px; padding-right: 10px; } .polkit-dialog-user-root-label { color: #FF6D00; } .polkit-dialog-user-icon { border-radius: 5px; background-size: contain; width: 48px; height: 48px; } /* Audio selection dialog */ .audio-device-selection-dialog { spacing: 30px; } .audio-selection-content { spacing: 20px; padding: 24px; } .audio-selection-title { font-weight: bold; text-align: center; } .audio-selection-box { spacing: 20px; } .audio-selection-device { border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 2px; } .audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { background-color: #338DD6; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* Access Dialog */ .access-dialog { spacing: 30px; } .access-dialog-main-layout { padding: 12px 20px 0; spacing: 12px; } .access-dialog-content { max-width: 28em; spacing: 20px; } .access-dialog-icon { min-width: 48px; icon-size: 48px; } .access-dialog-title { font-weight: bold; } .access-dialog-subtitle { color: rgba(0, 0, 0, 0.38); font-weight: bold; } /* Geolocation Dialog */ .geolocation-dialog { spacing: 30px; } .geolocation-dialog-main-layout { spacing: 12px; } .geolocation-dialog-content { spacing: 20px; } .geolocation-dialog-icon { icon-size: 48px; } .geolocation-dialog-title { font-weight: bold; } .geolocation-dialog-reason { color: rgba(0, 0, 0, 0.38); font-weight: bold; } /* Network Agent Dialog */ .network-dialog-secret-table { spacing-rows: 15px; spacing-columns: 1em; } .keyring-dialog-control-table { spacing-rows: 15px; spacing-columns: 1em; } /* Popovers/Menus */ .popup-menu { min-width: 200px; } .popup-menu .popup-sub-menu { background-color: #EEEEEE; box-shadow: 0 0 transparent; } .popup-menu .popup-menu-content { padding: 8px 0; } .popup-menu .popup-menu-item { spacing: 8px; transition-duration: 100ms; } .popup-menu .popup-menu-item:ltr { padding: 0.4em 24px 0.4em 0; } .popup-menu .popup-menu-item:rtl { padding: 0.4em 0 0.4em 24px; } .popup-menu .popup-menu-item:checked { background-color: #338DD6; color: #FFFFFF; box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { background-color: #529edc; color: #FFFFFF; } .popup-menu .popup-menu-item:checked:active { background-color: #70afe2; color: #FFFFFF !important; } .popup-menu .popup-menu-item:checked:insensitive { color: rgba(255, 255, 255, 0.5); } .popup-menu .popup-menu-item.selected { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); transition-duration: 0ms; } .popup-menu .popup-menu-item:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); transition-duration: 150ms; } .popup-menu .popup-menu-item.selected:active { color: rgba(0, 0, 0, 0.87); } .popup-menu .popup-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-menu .popup-inactive-menu-item { color: rgba(0, 0, 0, 0.87); } .popup-menu .popup-inactive-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-menu.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-border-radius: 0; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; -arrow-box-shadow: none; margin: 5px 8px 8px; background-color: #FAFAFA; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .popup-separator-menu-item { height: 1px; margin: 8px 40px; background-color: transparent; border-color: rgba(0, 0, 0, 0.12); border-bottom-width: 1px; border-bottom-style: solid; } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } /* fallback menu - odd thing for styling App menu when apparently not running under shell. Light Adwaita styled app menu inside the main app window itself rather than the top bar */ /* OSD */ .osd-window { text-align: center; font-weight: bold; spacing: 1em; margin: 32px; min-width: 64px; min-height: 64px; } .osd-window .osd-monitor-label { font-size: 45px; font-weight: 400; } .osd-window .level { height: 8px; border-radius: 0; background-color: rgba(51, 141, 214, 0.3); color: rgba(0, 0, 0, 0.87); } .osd-window .level-bar { background-color: #338DD6; border-radius: 0; } /* Pad OSD */ .pad-osd-window { padding: 32px; background-color: rgba(0, 0, 0, 0.6); } .combo-box-label { width: 15em; } /* App Switcher */ .switcher-popup { padding: 8px; spacing: 16px; } .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { padding: 8px; border-radius: 2px; } .switcher-list .item-box:outlined { padding: 8px; border: none; background-color: rgba(0, 0, 0, 0.12); } .switcher-list .item-box:selected { background-color: #338DD6; color: #FFFFFF; } .switcher-list .thumbnail-box { padding: 2px; spacing: 4px; } .switcher-list .thumbnail { width: 256px; } .switcher-list .separator { width: 1px; background: rgba(0, 0, 0, 0.12); } .switcher-arrow { border-color: transparent; color: rgba(0, 0, 0, 0.38); } .switcher-arrow:highlighted { color: rgba(0, 0, 0, 0.87); } .input-source-switcher-symbol { font-size: 45px; font-weight: 400; width: 96px; height: 96px; } /* Window Cycler */ .cycler-highlight { border: 4px solid #338DD6; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher { background: transparent; border: 0px; border-radius: 0px; padding: 0px; spacing: 8px; } .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; background-color: #338DD6; color: #FFFFFF; background-size: 32px; border-radius: 2px; } .ws-switcher-box { height: 48px; border: none; background: rgba(0, 0, 0, 0.12); border-radius: 2px; } .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); border-radius: 2px; padding: 12px; } /* Tiled window previews */ .tile-preview { background-color: rgba(64, 196, 255, 0.3); border: 1px solid #40C4FF; } .tile-preview-left.on-primary { border-radius: 0 0 0 0; } .tile-preview-right.on-primary { border-radius: 0 0 0 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0 0 0 0; } /* TOP BAR */ #panel { background-color: rgba(0, 0, 0, 0.6); font-weight: bold; height: 32px; } #panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { background-color: transparent; } #panel #panelLeft, #panel #panelCenter { spacing: 0; } #panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: rgba(0, 0, 0, 0.6); -panel-corner-border-width: 2px; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: #FFFFFF; } #panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: rgba(255, 255, 255, 0.7); transition-duration: 150ms; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; } #panel .panel-button:hover { color: #FFFFFF; } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { background-color: rgba(0, 0, 0, 0.01); box-shadow: inset 0 -2px 0px #FFFFFF; color: #FFFFFF; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { icon-shadow: none; } #panel .panel-button .system-status-icon { icon-size: 1.14286em; padding: 0 4px; } .unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { color: rgba(255, 255, 255, 0.7); } .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { color: #FFFFFF; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator { color: #FF6D00; } #calendarArea { padding: 8px 16px; } .calendar { margin-bottom: 0; } .calendar, .datemenu-today-button, .datemenu-displays-box, .message-list-sections { margin: 0 8px; } .datemenu-calendar-column { spacing: 8px; } .datemenu-displays-section { padding-bottom: 0; } .datemenu-today-button, .world-clocks-button, .message-list-section-title { min-height: 24px; padding: 4px 8px; border-radius: 2px; } .datemenu-today-button { min-height: 56px; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .datemenu-today-button:hover, .datemenu-today-button:focus, .world-clocks-button:hover, .world-clocks-button:focus, .message-list-section-title:hover, .message-list-section-title:focus { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); } .datemenu-today-button:active, .world-clocks-button:active, .message-list-section-title:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); } .datemenu-today-button .date-label { font-size: 18pt; font-weight: 400; } .world-clocks-header, .message-list-section-title { color: rgba(0, 0, 0, 0.54); font-weight: bold; } .world-clocks-grid { spacing-rows: 0.4em; } .calendar-month-label { height: 20px; margin: 2px; padding: 6px 16px; border-radius: 2px; color: rgba(0, 0, 0, 0.87); font-weight: bold; text-align: center; } .calendar-month-label:focus { background-color: rgba(0, 0, 0, 0.12); } .pager-button { width: 32px; height: 32px; margin: 2px; border-radius: 100px; background-color: transparent; color: rgba(0, 0, 0, 0.87); } .pager-button:hover, .pager-button:focus { background-color: rgba(0, 0, 0, 0.12); } .pager-button:active { background-color: rgba(0, 0, 0, 0.26); } .calendar-change-month-back { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-change-month-back:rtl { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward:rtl { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-day-base { font-size: 9pt; font-weight: 400; text-align: center; width: 32px; height: 32px; padding: 0; margin: 2px; border-radius: 100px; } .calendar-day-base:hover, .calendar-day-base:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar-day-base:active, .calendar-day-base:selected { color: #FFFFFF; background-color: #338DD6 !important; border-color: transparent; } .calendar-day-base.calendar-day-heading { width: 32px; height: 25px; margin-top: 2px; padding: 7px 0 0; border-radius: 100px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-size: 9pt; font-weight: 400; font-weight: bold; text-align: center; } .calendar-day { border-width: 0; } .calendar-day-top { border-top-width: 0; } .calendar-day-left { border-left-width: 0; } .calendar-nonwork-day { color: rgba(0, 0, 0, 0.87); } .calendar-today { font-weight: bold !important; border: none; } .calendar-day-with-events { color: #338DD6; font-weight: normal; text-decoration: underline; background-image: none; } .calendar-other-month-day { color: rgba(0, 0, 0, 0.26); opacity: 0.5; } .calendar-week-number { width: 32px; height: 25px; margin: 2px; padding: 7px 0 0; border-radius: 100px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-size: inherit; font-weight: bold; text-align: center; } /* Message list */ .message-list { width: 420px; } .message-list-sections { spacing: 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message-list-section-title-box { spacing: 8px; } .message-list-section-close > StIcon { icon-size: 16px; border-radius: 16px; padding: 8px; color: rgba(0, 0, 0, 0.54); background-color: transparent; } /* FIXME: how do you do this in sass? */ .message-list-section-close:hover > StIcon, .message-list-section-close:focus > StIcon { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); } .message-list-section-close:active > StIcon { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); } .message { min-height: 64px; background-color: transparent; border-radius: 2px; } .message:hover, .message:focus { background-color: rgba(0, 0, 0, 0.12); } .message:active { background-color: rgba(0, 0, 0, 0.26); } .message-icon-bin { padding: 8px 0px 8px 8px; } .message-icon-bin:rtl { padding: 8px 8px 8px 0px; } .message-icon-bin > StIcon { icon-size: 32px; } .message-secondary-bin:ltr { padding-left: 8px; } .message-secondary-bin:rtl { padding-right: 8px; } .message-secondary-bin { color: rgba(0, 0, 0, 0.54); } .message-secondary-bin > StIcon { icon-size: 16px; } .message-title { min-height: 22px; padding-top: 2px; color: rgba(0, 0, 0, 0.87); font-weight: bold; font-size: 1em; } .message-content { min-height: 48px; padding: 8px; color: rgba(0, 0, 0, 0.54); font-size: 1em; } .message-content * > StIcon { icon-size: 16px; border-radius: 16px; padding: 4px; color: rgba(0, 0, 0, 0.54); } /* FIXME: how do you do this in sass? */ .message-content *:hover > StIcon, .message-content *:focus > StIcon { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); } .message-content *:active > StIcon { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); } .message-media-control { margin: 16px 0; padding: 8px; border-radius: 100px; color: rgba(0, 0, 0, 0.54); } .message-media-control:hover, .message-media-control:focus { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); } .message-media-control:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); } .message-media-control:insensitive { color: rgba(0, 0, 0, 0.26); } .message-media-control:last-child:ltr { margin-right: 16px; padding-right: 8px; } .message-media-control:last-child:rtl { margin-left: 16px; padding-left: 8px; } .media-message-cover-icon { icon-size: 32px; } .media-message-cover-icon.fallback { icon-size: 16px; padding: 8px; border: none; border-radius: 2px; background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.38); } .system-switch-user-submenu-icon.user-icon { icon-size: 20px; padding: 0 2px; } .system-switch-user-submenu-icon.default-icon { icon-size: 16px; padding: 0 4px; } #appMenu { spinner-image: url("process-working.svg"); spacing: 4px; } #appMenu .label-shadow { color: transparent; } .aggregate-menu { min-width: 280px; } .aggregate-menu .popup-menu-icon { padding: 0 4px; } .aggregate-menu .popup-sub-menu .popup-menu-item :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; margin-left: 1.14286em; } .aggregate-menu .popup-sub-menu .popup-menu-item :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; margin-right: 1.14286em; } .system-menu-action { color: rgba(0, 0, 0, 0.54); border-radius: 100px; /* wish we could do 50% */ padding: 16px; border: none; } .system-menu-action:hover, .system-menu-action:focus { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); border: none; padding: 16px; } .system-menu-action:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } .system-menu-action > StIcon { icon-size: 16px; } .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; background-color: rgba(255, 255, 255, 0.3); background-image: none; background-size: auto; } .ripple-box:rtl { border-radius: 0 0 0 48px; background-image: none; } .popup-menu-arrow { width: 16px; height: 16px; } .popup-menu-icon { icon-size: 1.14286em; } .window-close { transition-duration: 0ms; height: 36px; width: 36px; -st-background-image-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); background-image: url("assets/window-close.svg"); background-size: 36px; } .window-close:hover { -st-background-image-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .window-close:active { background-image: url("assets/window-close-active.svg"); } .window-close { -shell-close-overlap: 18px; } .window-close:rtl { -st-background-image-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .window-close:rtl:hover { -st-background-image-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } /* NETWORK DIALOGS */ .nm-dialog { max-height: 500px; min-height: 450px; min-width: 470px; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: center; } .nm-dialog-airplane-text { color: rgba(0, 0, 0, 0.87); } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-scroll-view { border: none; } .nm-dialog-header { font-size: 15pt; font-weight: 500; } .nm-dialog-item { font-size: 1em; border-bottom: none; border-radius: 2px; padding: 12px; spacing: 20px; } .nm-dialog-item:hover, .nm-dialog-item:focus { background-color: rgba(0, 0, 0, 0.12); } .nm-dialog-item:active { background-color: rgba(0, 0, 0, 0.26); } .nm-dialog-item:selected { background-color: #338DD6; color: #FFFFFF; } .nm-dialog-icons { spacing: .5em; } .nm-dialog-icon { icon-size: 16px; } .no-networks-label { color: rgba(0, 0, 0, 0.38); } .no-networks-box { spacing: 12px; } /* OVERVIEW */ #overview { spacing: 24px; } .overview-controls { padding-bottom: 32px; } .window-picker { -horizontal-spacing: 32px; -vertical-spacing: 32px; padding-left: 32px; padding-right: 32px; padding-bottom: 48px; } .window-picker.external-monitor { padding: 32px; } .window-clone-border { border: 4px solid rgba(255, 255, 255, 0.3); border-radius: 2px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .window-caption { spacing: 25px; color: #FFFFFF; background-color: transparent; border-radius: 2px; padding: 4px 8px; -shell-caption-spacing: 12px; } .window-caption:hover { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .search-entry { width: 304px; padding: 0 8px; border-radius: 0; color: rgba(255, 255, 255, 0.5); selection-background-color: rgba(255, 255, 255, 0.3); selected-color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #FFFFFF; padding: 0 8px; border-width: 0; color: #FFFFFF; } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 0; color: rgba(255, 255, 255, 0.5); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: #FFFFFF; } #searchResultsBin { max-width: 1000px; } #searchResultsContent { padding-left: 20px; padding-right: 20px; spacing: 16px; } .search-section { spacing: 16px; } .search-section-content { spacing: 32px; } .list-search-results { spacing: 3px; } .search-section-separator { -gradient-height: 1px; -gradient-start: rgba(255, 255, 255, 0); -gradient-end: rgba(255, 255, 255, 0.4); -margin-horizontal: 1.5em; height: 1px; } .list-search-result-content { spacing: 12px; padding: 12px; } .list-search-result-title { font-size: 18pt; font-weight: 400; color: #FFFFFF; } .list-search-result-description { color: rgba(255, 255, 255, 0.7); } .search-provider-icon { padding: 15px; } .search-provider-icon-more { width: 16px; height: 16px; background-image: url("assets/more-results.svg"); } /* DASHBOARD */ #dash { font-size: 1em; color: #FFFFFF; background-color: rgba(255, 255, 255, 0.1); padding: 3px 0; border: none; border-left: 0px; border-radius: 0px 2px 2px 0px; } #dash:rtl { border-radius: 2px 0 0 2px; } #dash .placeholder { background-image: url("assets/dash-placeholder.svg"); background-size: contain; height: 24px; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { border-radius: 2px; padding: 7px 8px; color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-align: center; -x-offset: 8px; } /* App Vault/Grid */ .icon-grid { spacing: 30px; -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; } .icon-grid .overview-icon { icon-size: 96px; } .app-view-controls { width: 320px; padding-bottom: 32px; } .app-view-control { padding: 0 16px; font-weight: bold; color: rgba(255, 255, 255, 0.7); } .app-view-control:hover { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12) !important; } .app-view-control:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3) !important; } .app-view-control:checked { color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01) !important; box-shadow: inset 0 2px 0 #FFFFFF; } .app-view-control:first-child { border-right-width: 0; border-radius: 2px; } .app-view-control:first-child:checked { border-radius: 0; } .app-view-control:last-child { border-radius: 2px; } .app-view-control:last-child:checked { border-radius: 0; } .search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, .list-search-result:focus, .list-search-result:selected, .list-search-result:hover { background-color: rgba(255, 255, 255, 0.12); transition-duration: 0ms; } .search-provider-icon:active, .search-provider-icon:checked, .list-search-result:active, .list-search-result:checked { background-color: rgba(255, 255, 255, 0.3); transition-duration: 150ms; } .app-well-app:hover .overview-icon, .app-well-app:focus .overview-icon, .app-well-app:selected .overview-icon, .app-well-app.app-folder:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-well-app.app-folder:selected .overview-icon, .show-apps:hover .overview-icon, .show-apps:focus .overview-icon, .show-apps:selected .overview-icon, .grid-search-result:hover .overview-icon, .grid-search-result:focus .overview-icon, .grid-search-result:selected .overview-icon { background-color: rgba(255, 255, 255, 0.12); transition-duration: 0ms; border-image: none; background-image: none; } .app-well-app:active .overview-icon, .app-well-app:checked .overview-icon, .app-well-app.app-folder:active .overview-icon, .app-well-app.app-folder:checked .overview-icon, .show-apps:active .overview-icon, .show-apps:checked .overview-icon, .grid-search-result:active .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.3); box-shadow: 0 0 transparent; transition-duration: 150ms; } .app-well-app-running-dot { width: 32px; height: 2px; background-color: #FFFFFF; margin-bottom: 0; } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .app-well-app.app-folder .overview-icon, .show-apps .overview-icon, .grid-search-result .overview-icon { color: #FFFFFF; border-radius: 2px; padding: 6px; border: none; transition-duration: 150ms; text-align: center; } .app-well-app.app-folder > .overview-icon { background-color: rgba(255, 255, 255, 0.1); } .show-apps .show-apps-icon { color: rgba(255, 255, 255, 0.7); } .show-apps:hover .show-apps-icon, .show-apps:active .show-apps-icon, .show-apps:checked .show-apps-icon, .show-apps:focus .show-apps-icon { color: #FFFFFF; transition-duration: 150ms; } .app-folder-popup { -arrow-border-radius: 2px; -arrow-background-color: rgba(255, 255, 255, 0.1); -arrow-base: 24px; -arrow-rise: 12px; } .app-folder-popup-bin { padding: 5px; } .app-folder-icon { padding: 5px; spacing-rows: 5px; spacing-columns: 5px; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 12px; height: 12px; border-radius: 12px; background-image: none; background-color: rgba(255, 255, 255, 0.3); } .page-indicator:hover .page-indicator-icon { background-image: none; background-color: rgba(255, 255, 255, 0.5); } .page-indicator:active .page-indicator-icon { background-image: none; background-color: rgba(255, 255, 255, 0.7); } .page-indicator:checked .page-indicator-icon { background-image: none; background-color: #FFFFFF; transition-duration: 0ms; } .page-indicator:checked:active { background-image: none; } .app-well-app > .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label { padding: 10px 8px 5px 8px; spacing: 4px; } .workspace-thumbnails { visible-width: 32px; spacing: 12px; padding: 12px; border-radius: 2px 0 0 2px; } .workspace-thumbnails:rtl { border-radius: 0 2px 2px 0; } .workspace-thumbnails .placeholder { background-image: url("assets/dash-placeholder.svg"); background-size: contain; height: 24px; } .workspace-thumbnail-indicator { border: 0 solid #FFFFFF; border-left-width: 2px; padding: 6px; border-radius: 0; } .search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { padding: 0px 88px 10px 88px; } .workspace-thumbnails { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.1); border: none; } .search-statustext, .no-frequent-applications-label { font-size: 45px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { link-color: #338DD6; } .notification-banner { font-size: 1em; width: 34em; min-height: 64px; margin: 5px; border-radius: 2px; color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .notification-banner:hover { background-color: #FAFAFA; } .notification-banner:focus { background-color: #FAFAFA; } .notification-banner .notification-icon { padding: 5px; } .notification-banner .notification-content { padding: 5px; spacing: 5px; } .notification-banner .secondary-icon { icon-size: 1.14286em; } .notification-banner .notification-actions { background-color: transparent; padding-top: 0; border-top: 1px solid rgba(0, 0, 0, 0.12); spacing: 1px; } .notification-banner .notification-button { min-height: 40px; padding: 0 16px; background-color: transparent; color: rgba(0, 0, 0, 0.54); font-weight: 500; } .notification-banner .notification-button:first-child { border-radius: 0 0 0 2px; } .notification-banner .notification-button:last-child { border-radius: 0 0 2px 0; } .notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } .notification-banner .notification-button:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } .summary-source-counter { font-size: 1em; font-weight: bold; height: 1.6em; width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; background-color: #338DD6; color: #FFFFFF; border: 2px solid #FFFFFF; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } .secondary-icon { icon-size: 1.14286em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: rgba(0, 0, 0, 0.87); } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0px; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: rgba(0, 0, 0, 0.54); } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; font-size: 9pt; font-weight: 400; color: rgba(0, 0, 0, 0.38); } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-transient-box { spacing: 6px; padding: 2px 72px 2px 12px; } .hotplug-notification-item { padding: 2px 10px; } .hotplug-notification-item:focus { padding: 1px 71px 1px 11px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 2px 5px; } .hotplug-resident-box { spacing: 8px; } .hotplug-resident-mount { spacing: 8px; border-radius: 2px; } .hotplug-resident-mount:hover { background-color: rgba(0, 0, 0, 0.12); } .hotplug-resident-mount:active { background-color: rgba(0, 0, 0, 0.26); } .hotplug-resident-mount-label { color: inherit; padding-left: 6px; } .hotplug-resident-mount-icon { icon-size: 24px; padding-left: 6px; } .hotplug-resident-eject-icon { icon-size: 16px; } .hotplug-resident-eject-button { padding: 7px; border-radius: 2px; color: rgba(0, 0, 0, 0.87); } /* Eeeky things */ .legacy-tray { background-color: rgba(0, 0, 0, 0.6); color: #FFFFFF; border: none; border-bottom-width: 0; } .legacy-tray:ltr { border-radius: 0 2px 0 0; border-left-width: 0; } .legacy-tray:rtl { border-radius: 2px 0 0 0; border-right-width: 0; } .legacy-tray-handle, .legacy-tray-icon { padding: 6px; } .legacy-tray-handle StIcon, .legacy-tray-icon StIcon { icon-size: 24px; } .legacy-tray-handle:hover, .legacy-tray-handle:focus, .legacy-tray-icon:hover, .legacy-tray-icon:focus { background-color: rgba(255, 255, 255, 0.12); } .legacy-tray-handle:active, .legacy-tray-icon:active { background-color: rgba(255, 255, 255, 0.3); } .legacy-tray-icon-box { spacing: 12px; } .legacy-tray-icon-box:ltr { padding-left: 12px; } .legacy-tray-icon-box:rtl { padding-right: 12px; } .legacy-tray-icon-box StButton { width: 24px; height: 24px; } .magnifier-zoom-region { border: 2px solid #338DD6; } .magnifier-zoom-region.full-screen { border-width: 0; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.3); } .keyboard-layout { spacing: 10px; padding: 10px; } .keyboard-row { spacing: 15px; } .keyboard-key { min-height: 72px; min-width: 72px; font-size: 2em; font-weight: 500; border-radius: 2px; border: none; color: inherit; color: rgba(0, 0, 0, 0.62); background-color: #FAFAFA; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; icon-shadow: none; } .keyboard-key:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-key:hover, .keyboard-key:checked { color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .keyboard-key:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(188, 188, 188, 0.961); border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .keyboard-key:grayed { background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; border-color: rgba(0, 0, 0, 0.3); } .keyboard-subkeys { color: inherit; padding: 5px; -arrow-border-radius: 0; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; -boxpointer-gap: 5px; background-color: #FAFAFA; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: rgba(0, 0, 0, 0.38); } .candidate-box:selected .candidate-index { color: rgba(255, 255, 255, 0.5); } .candidate-box { transition-duration: 0ms; min-height: 32px; padding: 0 8px; border-radius: 2px; } .candidate-box:hover { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } .candidate-box:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } .candidate-box:selected { background-color: #338DD6; color: #FFFFFF; } .candidate-page-button-box { height: 32px; } .vertical .candidate-page-button-box { padding-top: 0; } .horizontal .candidate-page-button-box { padding-left: 0; } .candidate-page-button { min-width: 32px; min-height: 32px; padding: 0; } .candidate-page-button-previous { border-radius: 2px; border-right-width: 0; } .candidate-page-button-next { border-radius: 2px; } .candidate-page-button-icon { icon-size: 1.14286em; } /* Auth Dialogs & Screen Shield */ .framed-user-icon { background-size: contain; border: none; color: #FFFFFF; border-radius: 2px; } .framed-user-icon:hover { border-color: #FFFFFF; color: #FFFFFF; } .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: none; background-color: transparent; } .login-dialog StEntry { color: #FFFFFF; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .login-dialog StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #FFFFFF; } .login-dialog StEntry:insensitive { color: rgba(0, 0, 0, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { padding: 0 16px; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:insensitive { color: rgba(255, 255, 255, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default { color: #FFFFFF; background-color: #009688; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { color: #FFFFFF; background-color: #009688; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:active { color: #FFFFFF; background-color: #4db6ac; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:insensitive { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog-logo-bin { padding: 24px 0px; } .login-dialog-banner { color: rgba(255, 255, 255, 0.7); } .login-dialog-button-box { spacing: 5px; } .login-dialog-message-warning { color: #FF6D00; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; } .login-dialog-user-selection-box { padding: 100px 0px; } .login-dialog-user-selection-box .login-dialog-not-listed-label { padding-left: 2px; } .login-dialog-not-listed-button:focus .login-dialog-user-selection-box .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-user-selection-box .login-dialog-not-listed-label { color: #FFFFFF; } .login-dialog-not-listed-label { font-size: 1em; font-weight: bold; color: rgba(255, 255, 255, 0.7); padding-top: 1em; } .login-dialog-not-listed-label:hover { color: #FFFFFF; } .login-dialog-not-listed-label:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; padding: .2em; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:focus { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid #FFFFFF; } .login-dialog-user-list-item { border-radius: 2px; padding: 4px 4px 0; color: rgba(255, 255, 255, 0.7); } .login-dialog-user-list-item:ltr { padding-right: 1em; } .login-dialog-user-list-item:rtl { padding-left: 1em; } .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list-item:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin: 2px 0 0 0; background-color: #FFFFFF; } .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { background-color: #FFFFFF; } .login-dialog-username, .user-widget-label { color: #FFFFFF; font-size: 15pt; font-weight: 500; text-align: left; padding-left: 15px; } .user-widget-label:ltr { padding-left: 18px; } .user-widget-label:rtl { padding-right: 18px; } .login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 8px; width: 23em; } .login-dialog-prompt-label { color: rgba(255, 255, 255, 0.5); font-size: 1em; padding-top: 1em; } .login-dialog-session-list-button StIcon { icon-size: 1.25em; } .login-dialog-session-list-button { color: rgba(255, 255, 255, 0.7); } .login-dialog-session-list-button:hover, .login-dialog-session-list-button:focus { color: #FFFFFF; } .login-dialog-session-list-button:active { color: #FFFFFF; } .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { color: white; width: 80px; height: 48px; -arrow-thickness: 12px; -arrow-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock { color: white; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-weight: normal; text-align: center; padding-bottom: 1.5em; } .screen-shield-clock-time { font-size: 112px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock-date { font-size: 45px; font-weight: 400; } .screen-shield-notifications-container { spacing: 6px; width: 30em; background-color: transparent; max-height: 500px; } .screen-shield-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .screen-shield-notifications-container .notification, .screen-shield-notifications-container .screen-shield-notification-source { padding: 8px; border: none; background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; border-radius: 2px; } .screen-shield-notifications-container .notification { margin-right: 16px; } .screen-shield-notification-label { min-height: 22px; padding: 2px 0px 0px 16px; font-weight: bold; } .screen-shield-notification-count-text { min-height: 22px; padding: 2px 0px 0px 16px; color: rgba(255, 255, 255, 0.7); } #panel.lock-screen { background-color: rgba(0, 0, 0, 0.3); } .screen-shield-background { background: black; box-shadow: 0 19px 19px rgba(0, 0, 0, 0.6), 0 15px 6px rgba(0, 0, 0, 0.44); } #lockDialogGroup { background: #303030; background-size: cover; } #LookingGlassDialog { background-color: #FAFAFA; spacing: 4px; padding: 0; border: none; border-radius: 2px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } #LookingGlassDialog > #Toolbar { padding: 0 8px; border: none; border-radius: 0; background-color: rgba(250, 250, 250, 0.01); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); } #LookingGlassDialog .labels { spacing: 0; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: rgba(0, 0, 0, 0.38); transition-duration: 150ms; padding-left: 16px; padding-right: 16px; min-height: 36px; padding: 0 32px; } #LookingGlassDialog .notebook-tab:hover { box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); text-shadow: none; } #LookingGlassDialog .notebook-tab:selected { border-bottom-width: 0; border-color: transparent; background-color: rgba(250, 250, 250, 0.01); box-shadow: inset 0 -2px 0px #338DD6; color: rgba(0, 0, 0, 0.87); text-shadow: none; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 4px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog StEntry { selection-background-color: #338DD6; selected-color: #FFFFFF; } .lg-dialog .shell-link { color: #338DD6; } .lg-dialog .shell-link:hover { color: #338DD6; } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button { min-height: 36px; padding: 0 16px; border: none; border-radius: 2px; font-size: 10.5pt; font-weight: 500; color: rgba(0, 0, 0, 0.54); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:hover { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:insensitive { color: rgba(0, 0, 0, 0.26); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .lg-obj-inspector-button:hover { border: none; } #lookingGlassExtensions { padding: 4px; } .lg-extensions-list { padding: 4px; spacing: 6px; } .lg-extension { border: none; border-radius: 2px; padding: 4px; } .lg-extension-name { font-size: 18pt; font-weight: 400; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { background: #FAFAFA; border: none; border-radius: 2px; padding: 6px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } /* Dash to Dock */ #dashtodockContainer #dash { background-color: rgba(0, 0, 0, 0.6); } #dashtodockContainer:overview #dash { background-color: rgba(255, 255, 255, 0.1); } #dashtodockContainer.extended:overview #dash { background-color: transparent; } #dashtodockContainer.left #dash, #dashtodockContainer.right #dash { padding: 3px 0; } #dashtodockContainer.top #dash, #dashtodockContainer.bottom #dash { padding: 0 3px; } #dashtodockContainer.extended #dash { padding: 0; border-radius: 0; } #dashtodockContainer.left .dash-item-container > StWidget, #dashtodockContainer.right .dash-item-container > StWidget, #dashtodockContainer.extended.left .dash-item-container > StWidget, #dashtodockContainer.extended.right .dash-item-container > StWidget { padding: 3px 6px; } #dashtodockContainer.extended.left .dash-item-container:first-child > StWidget, #dashtodockContainer.extended.right .dash-item-container:first-child > StWidget { padding: 6px 6px 3px 6px; } #dashtodockContainer.extended.left .dash-item-container:last-child > StWidget, #dashtodockContainer.extended.right .dash-item-container:last-child > StWidget { padding: 3px 6px 6px 6px; } #dashtodockContainer.top .dash-item-container > StWidget, #dashtodockContainer.bottom .dash-item-container > StWidget, #dashtodockContainer.extended.top .dash-item-container > StWidget, #dashtodockContainer.extended.bottom .dash-item-container > StWidget { padding: 6px 3px; } #dashtodockContainer.extended.top .dash-item-container:first-child > StWidget, #dashtodockContainer.extended.bottom .dash-item-container:first-child > StWidget { padding: 6px 3px 6px 6px; } #dashtodockContainer.extended.top .dash-item-container:last-child > StWidget, #dashtodockContainer.extended.bottom .dash-item-container:last-child > StWidget { padding: 6px 6px 6px 3px; } #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } #dashtodockContainer .dash-item-container > StWidget { background-size: cover; } #dashtodockContainer.left .dash-item-container > StWidget.running1 { background-image: url("assets/dash/left-running1.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running2 { background-image: url("assets/dash/left-running2.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running3 { background-image: url("assets/dash/left-running3.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running4 { background-image: url("assets/dash/left-running4.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running1 { background-image: url("assets/dash/right-running1.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running2 { background-image: url("assets/dash/right-running2.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running3 { background-image: url("assets/dash/right-running3.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running4 { background-image: url("assets/dash/right-running4.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running1 { background-image: url("assets/dash/top-running1.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running2 { background-image: url("assets/dash/top-running2.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running3 { background-image: url("assets/dash/top-running3.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running4 { background-image: url("assets/dash/top-running4.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running1 { background-image: url("assets/dash/bottom-running1.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running2 { background-image: url("assets/dash/bottom-running2.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running3 { background-image: url("assets/dash/bottom-running3.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running4 { background-image: url("assets/dash/bottom-running4.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/bottom-running4-focused.svg"); } /* Simple Dock */ #dash:desktop { background-color: rgba(0, 0, 0, 0.6); } /* GPaste */ .popup-menu .search-entry { color: rgba(0, 0, 0, 0.87); selection-background-color: #338DD6; selected-color: #FFFFFF; background-color: rgba(250, 250, 250, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .popup-menu .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #338DD6; color: rgba(0, 0, 0, 0.87); } .popup-menu .search-entry .search-entry-icon { color: rgba(0, 0, 0, 0.38); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { color: rgba(0, 0, 0, 0.87); } materia-theme-20180321/src/gnome-shell/3.18/gnome-shell-light.scss000066400000000000000000000004161325420104000242740ustar00rootroot00000000000000$variant: 'light'; $titlebar: 'light'; $compact: 'false'; @import '../../_sass/gnome-shell/variables'; @import '../../_sass/colors'; @import '../../_sass/gnome-shell/drawing'; @import '../../_sass/gnome-shell/common-3.18'; @import '../../_sass/gnome-shell/extensions'; materia-theme-20180321/src/gnome-shell/3.18/gnome-shell.css000066400000000000000000001746251325420104000230220ustar00rootroot00000000000000/* This stylesheet is generated, DO NOT EDIT */ /* Copyright 2009, 2015 Red Hat, Inc. * * Portions adapted from Mx's data/style/default.css * Copyright 2009 Intel Corporation * * This program is free software; you can redistribute it and/or modify it * under the terms and conditions of the GNU Lesser General Public License, * version 2.1, as published by the Free Software Foundation. * * This program is distributed in the hope it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for * more details. * * You should have received a copy of the GNU Lesser General Public License * along with this program; if not, write to the Free Software Foundation, * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. */ /* GLOBALS */ * { transition-duration: 150ms; } stage { font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; font-size: 10.5pt; font-weight: 400; color: rgba(0, 0, 0, 0.87); } /* WIDGETS */ /* Buttons */ .button { min-height: 36px; padding: 0 16px; border-width: 0; border-radius: 2px; font-size: 10.5pt; font-weight: 500; color: rgba(0, 0, 0, 0.54); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:hover { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:insensitive { color: rgba(0, 0, 0, 0.26); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .modal-dialog-linked-button { min-height: 40px; padding: 0 16px; border-top: 1px solid rgba(0, 0, 0, 0.12) !important; border-right-width: 0; font-size: 10.5pt; font-weight: 500; color: rgba(0, 0, 0, 0.54); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:hover { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:insensitive { color: rgba(0, 0, 0, 0.26); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .modal-dialog-linked-button:first-child { border-radius: 0px 0px 0px 2px; } .modal-dialog-linked-button:last-child { border-right-width: 0px; border-radius: 0px 0px 2px 0px; } .modal-dialog-linked-button:first-child:last-child { border-right-width: 0px; border-radius: 0px 0px 2px 2px; } /* Entries */ StEntry { min-height: 36px; padding: 0 8px; border-radius: 0; border-width: 0; color: rgba(0, 0, 0, 0.87); selection-background-color: #338DD6; selected-color: #FFFFFF; font-size: 12pt; font-weight: 400; background-color: rgba(250, 250, 250, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #338DD6; } StEntry:insensitive { color: rgba(0, 0, 0, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); } StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #FF6D00; padding: 0 0; } /* Scrollbars */ StScrollView.vfade { -st-vfade-offset: 32px; } StScrollView.hfade { -st-hfade-offset: 32px; } StScrollBar { padding: 0; } StScrollView StScrollBar { min-width: 16px; min-height: 16px; } StScrollBar StBin#trough { margin: 4px; border-radius: 100px; background-color: rgba(0, 0, 0, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 100px; background-color: rgba(0, 0, 0, 0.38); margin: 4px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(0, 0, 0, 0.54); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: rgba(0, 0, 0, 0.87); } #overview StScrollBar StBin#trough, #screenShieldNotifications StScrollBar StBin#trough { background-color: rgba(255, 255, 255, 0.12); } #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#hhandle, #screenShieldNotifications StScrollBar StButton#hhandle { background-color: rgba(255, 255, 255, 0.5); } #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#hhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { background-color: rgba(255, 255, 255, 0.7); } #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#hhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { background-color: #FFFFFF; } /* Slider */ .slider { height: 20px; color: #009688; -slider-height: 2px; -slider-background-color: rgba(0, 0, 0, 0.26); -slider-border-color: transparent; -slider-active-background-color: #009688; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 7px; } /* Check Boxes */ .check-box * { min-height: 20px; padding: 8px 0; } .check-box StBoxLayout { spacing: 8px; } .check-box StBin { width: 24px; height: 24px; padding: 6px; border-radius: 100px; background-image: url("assets/checkbox-off.svg"); } .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } .check-box:hover StBin { background-color: rgba(0, 0, 0, 0.12); } .check-box:active StBin { background-color: rgba(0, 0, 0, 0.26); } .check-box:checked StBin { background-image: url("assets/checkbox.svg"); } .check-box:focus:checked StBin { background-image: url("assets/checkbox.svg"); } .check-box:hover:checked StBin { background-color: rgba(0, 150, 136, 0.15); } .check-box:active:checked StBin { background-color: rgba(0, 150, 136, 0.3); } /* Switches */ .toggle-switch { width: 40px; height: 20px; background-size: contain; } .toggle-switch-us { background-image: url("assets/toggle-off.svg"); } .toggle-switch-us:checked { background-image: url("assets/toggle-on.svg"); } .toggle-switch-intl { background-image: url("assets/toggle-off.svg"); } .toggle-switch-intl:checked { background-image: url("assets/toggle-on.svg"); } /* links */ .shell-link { border-radius: 2px; color: #338DD6; } .shell-link:hover { color: #338DD6; background-color: rgba(51, 141, 214, 0.15); } .shell-link:active { color: #338DD6; background-color: rgba(51, 141, 214, 0.3); } /* Modal Dialogs */ .headline { font-size: 15pt; font-weight: 500; } .lightbox { background-color: black; } .flashspot { background-color: white; } .modal-dialog { border-radius: 2px; color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } .modal-dialog .modal-dialog-content-box { padding: 24px; } .modal-dialog .run-dialog-entry { width: 20em; margin-bottom: 6px; } .modal-dialog .run-dialog-error-box { padding-top: 16px; spacing: 6px; } .modal-dialog .run-dialog-button-box { padding-top: 1em; } .modal-dialog .run-dialog-label { font-size: 1em; font-weight: normal; color: rgba(0, 0, 0, 0.38); padding-bottom: .4em; } .show-processes-dialog-subject, .mount-question-dialog-subject, .end-session-dialog-subject { font-size: 15pt; font-weight: 500; } /* End Session Dialog */ .end-session-dialog { spacing: 42px; border: none; } .end-session-dialog-list { padding-top: 20px; } .end-session-dialog-layout { padding-left: 17px; } .end-session-dialog-layout:rtl { padding-right: 17px; } .end-session-dialog-description { width: 28em; padding-bottom: 10px; } .end-session-dialog-description:rtl { text-align: right; } .end-session-dialog-warning { width: 28em; color: #FF6D00; padding-top: 6px; } .end-session-dialog-warning:rtl { text-align: right; } .end-session-dialog-logout-icon { border-radius: 5px; width: 48px; height: 48px; background-size: contain; } .end-session-dialog-shutdown-icon { color: rgba(0, 0, 0, 0.38); width: 48px; height: 48px; } .end-session-dialog-inhibitor-layout { spacing: 16px; max-height: 200px; padding-right: 65px; padding-left: 65px; } .end-session-dialog-session-list, .end-session-dialog-app-list { spacing: 1em; } .end-session-dialog-list-header { font-weight: bold; } .end-session-dialog-list-header:rtl { text-align: right; } .end-session-dialog-app-list-item, .end-session-dialog-session-list-item { spacing: 1em; } .end-session-dialog-app-list-item-name, .end-session-dialog-session-list-item-name { font-weight: bold; } .end-session-dialog-app-list-item-description { color: rgba(0, 0, 0, 0.38); font-size: 1em; } /* ShellMountOperation Dialogs */ .shell-mount-operation-icon { icon-size: 48px; } .show-processes-dialog, .mount-question-dialog { spacing: 24px; } .show-processes-dialog-subject, .mount-question-dialog-subject { padding-top: 10px; padding-left: 17px; padding-bottom: 6px; } .mount-question-dialog-subject { max-width: 500px; } .show-processes-dialog-subject:rtl, .mount-question-dialog-subject:rtl { padding-left: 0px; padding-right: 17px; } .show-processes-dialog-description, .mount-question-dialog-description { padding-left: 17px; width: 28em; } .show-processes-dialog-description:rtl, .mount-question-dialog-description:rtl { padding-right: 17px; } .show-processes-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 49px; padding-right: 32px; } .show-processes-dialog-app-list:rtl { padding-right: 49px; padding-left: 32px; } .show-processes-dialog-app-list-item { color: rgba(0, 0, 0, 0.87); } .show-processes-dialog-app-list-item:hover { color: rgba(0, 0, 0, 0.87); } .show-processes-dialog-app-list-item:ltr { padding-right: 1em; } .show-processes-dialog-app-list-item:rtl { padding-left: 1em; } .show-processes-dialog-app-list-item-icon:ltr { padding-right: 17px; } .show-processes-dialog-app-list-item-icon:rtl { padding-left: 17px; } .show-processes-dialog-app-list-item-name { font-size: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { width: 500px; border: none; } .prompt-dialog-main-layout { spacing: 24px; padding: 10px; } .prompt-dialog-message-layout { spacing: 16px; } .prompt-dialog-headline { font-size: 15pt; font-weight: 500; color: rgba(0, 0, 0, 0.87); } .prompt-dialog-description:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label { font-size: 1em; color: #DD2C00; padding-bottom: 8px; } .prompt-dialog-info-label { font-size: 1em; padding-bottom: 8px; } .hidden { color: transparent; } .prompt-dialog-null-label { font-size: 1em; padding-bottom: 8px; } /* Polkit Dialog */ .polkit-dialog-user-layout { padding-left: 10px; spacing: 10px; } .polkit-dialog-user-layout:rtl { padding-left: 0px; padding-right: 10px; } .polkit-dialog-user-root-label { color: #FF6D00; } .polkit-dialog-user-icon { border-radius: 5px; background-size: contain; width: 48px; height: 48px; } /* Audio selection dialog */ .audio-device-selection-dialog { spacing: 30px; } .audio-selection-content { spacing: 20px; padding: 24px; } .audio-selection-title { font-weight: bold; text-align: center; } .audio-selection-box { spacing: 20px; } .audio-selection-device { border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 2px; } .audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { background-color: #338DD6; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* Access Dialog */ .access-dialog { spacing: 30px; } .access-dialog-main-layout { padding: 12px 20px 0; spacing: 12px; } .access-dialog-content { max-width: 28em; spacing: 20px; } .access-dialog-icon { min-width: 48px; icon-size: 48px; } .access-dialog-title { font-weight: bold; } .access-dialog-subtitle { color: rgba(0, 0, 0, 0.38); font-weight: bold; } /* Geolocation Dialog */ .geolocation-dialog { spacing: 30px; } .geolocation-dialog-main-layout { spacing: 12px; } .geolocation-dialog-content { spacing: 20px; } .geolocation-dialog-icon { icon-size: 48px; } .geolocation-dialog-title { font-weight: bold; } .geolocation-dialog-reason { color: rgba(0, 0, 0, 0.38); font-weight: bold; } /* Network Agent Dialog */ .network-dialog-secret-table { spacing-rows: 15px; spacing-columns: 1em; } .keyring-dialog-control-table { spacing-rows: 15px; spacing-columns: 1em; } /* Popovers/Menus */ .popup-menu { min-width: 200px; } .popup-menu .popup-sub-menu { background-color: #EEEEEE; box-shadow: 0 0 transparent; } .popup-menu .popup-menu-content { padding: 8px 0; } .popup-menu .popup-menu-item { spacing: 8px; transition-duration: 100ms; } .popup-menu .popup-menu-item:ltr { padding: 0.4em 24px 0.4em 0; } .popup-menu .popup-menu-item:rtl { padding: 0.4em 0 0.4em 24px; } .popup-menu .popup-menu-item:checked { background-color: #338DD6; color: #FFFFFF; box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { background-color: #529edc; color: #FFFFFF; } .popup-menu .popup-menu-item:checked:active { background-color: #70afe2; color: #FFFFFF !important; } .popup-menu .popup-menu-item:checked:insensitive { color: rgba(255, 255, 255, 0.5); } .popup-menu .popup-menu-item.selected { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); transition-duration: 0ms; } .popup-menu .popup-menu-item:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); transition-duration: 150ms; } .popup-menu .popup-menu-item.selected:active { color: rgba(0, 0, 0, 0.87); } .popup-menu .popup-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-menu .popup-inactive-menu-item { color: rgba(0, 0, 0, 0.87); } .popup-menu .popup-inactive-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-menu.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-border-radius: 0; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; -arrow-box-shadow: none; margin: 5px 8px 8px; background-color: #FAFAFA; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .popup-separator-menu-item { height: 1px; margin: 8px 40px; background-color: transparent; border-color: rgba(0, 0, 0, 0.12); border-bottom-width: 1px; border-bottom-style: solid; } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } /* fallback menu - odd thing for styling App menu when apparently not running under shell. Light Adwaita styled app menu inside the main app window itself rather than the top bar */ /* OSD */ .osd-window { text-align: center; font-weight: bold; spacing: 1em; margin: 32px; min-width: 64px; min-height: 64px; } .osd-window .osd-monitor-label { font-size: 45px; font-weight: 400; } .osd-window .level { height: 8px; border-radius: 0; background-color: rgba(51, 141, 214, 0.3); color: rgba(0, 0, 0, 0.87); } .osd-window .level-bar { background-color: #338DD6; border-radius: 0; } /* Pad OSD */ .pad-osd-window { padding: 32px; background-color: rgba(0, 0, 0, 0.6); } .combo-box-label { width: 15em; } /* App Switcher */ .switcher-popup { padding: 8px; spacing: 16px; } .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { padding: 8px; border-radius: 2px; } .switcher-list .item-box:outlined { padding: 8px; border: none; background-color: rgba(0, 0, 0, 0.12); } .switcher-list .item-box:selected { background-color: #338DD6; color: #FFFFFF; } .switcher-list .thumbnail-box { padding: 2px; spacing: 4px; } .switcher-list .thumbnail { width: 256px; } .switcher-list .separator { width: 1px; background: rgba(0, 0, 0, 0.12); } .switcher-arrow { border-color: transparent; color: rgba(0, 0, 0, 0.38); } .switcher-arrow:highlighted { color: rgba(0, 0, 0, 0.87); } .input-source-switcher-symbol { font-size: 45px; font-weight: 400; width: 96px; height: 96px; } /* Window Cycler */ .cycler-highlight { border: 4px solid #338DD6; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher { background: transparent; border: 0px; border-radius: 0px; padding: 0px; spacing: 8px; } .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; background-color: #338DD6; color: #FFFFFF; background-size: 32px; border-radius: 2px; } .ws-switcher-box { height: 48px; border: none; background: rgba(0, 0, 0, 0.12); border-radius: 2px; } .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); border-radius: 2px; padding: 12px; } /* Tiled window previews */ .tile-preview { background-color: rgba(64, 196, 255, 0.3); border: 1px solid #40C4FF; } .tile-preview-left.on-primary { border-radius: 0 0 0 0; } .tile-preview-right.on-primary { border-radius: 0 0 0 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0 0 0 0; } /* TOP BAR */ #panel { background-color: #212121; font-weight: bold; height: 32px; } #panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { background-color: transparent; } #panel #panelLeft, #panel #panelCenter { spacing: 0; } #panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: rgba(0, 0, 0, 0.6); -panel-corner-border-width: 2px; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: #FFFFFF; } #panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: rgba(255, 255, 255, 0.7); transition-duration: 150ms; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; } #panel .panel-button:hover { color: #FFFFFF; } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { background-color: rgba(0, 0, 0, 0.01); box-shadow: inset 0 -2px 0px #FFFFFF; color: #FFFFFF; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { icon-shadow: none; } #panel .panel-button .system-status-icon { icon-size: 1.14286em; padding: 0 4px; } .unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { color: rgba(255, 255, 255, 0.7); } .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { color: #FFFFFF; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator { color: #FF6D00; } #calendarArea { padding: 8px 16px; } .calendar { margin-bottom: 0; } .calendar, .datemenu-today-button, .datemenu-displays-box, .message-list-sections { margin: 0 8px; } .datemenu-calendar-column { spacing: 8px; } .datemenu-displays-section { padding-bottom: 0; } .datemenu-today-button, .world-clocks-button, .message-list-section-title { min-height: 24px; padding: 4px 8px; border-radius: 2px; } .datemenu-today-button { min-height: 56px; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .datemenu-today-button:hover, .datemenu-today-button:focus, .world-clocks-button:hover, .world-clocks-button:focus, .message-list-section-title:hover, .message-list-section-title:focus { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); } .datemenu-today-button:active, .world-clocks-button:active, .message-list-section-title:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); } .datemenu-today-button .date-label { font-size: 18pt; font-weight: 400; } .world-clocks-header, .message-list-section-title { color: rgba(0, 0, 0, 0.54); font-weight: bold; } .world-clocks-grid { spacing-rows: 0.4em; } .calendar-month-label { height: 20px; margin: 2px; padding: 6px 16px; border-radius: 2px; color: rgba(0, 0, 0, 0.87); font-weight: bold; text-align: center; } .calendar-month-label:focus { background-color: rgba(0, 0, 0, 0.12); } .pager-button { width: 32px; height: 32px; margin: 2px; border-radius: 100px; background-color: transparent; color: rgba(0, 0, 0, 0.87); } .pager-button:hover, .pager-button:focus { background-color: rgba(0, 0, 0, 0.12); } .pager-button:active { background-color: rgba(0, 0, 0, 0.26); } .calendar-change-month-back { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-change-month-back:rtl { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward:rtl { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-day-base { font-size: 9pt; font-weight: 400; text-align: center; width: 32px; height: 32px; padding: 0; margin: 2px; border-radius: 100px; } .calendar-day-base:hover, .calendar-day-base:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar-day-base:active, .calendar-day-base:selected { color: #FFFFFF; background-color: #338DD6 !important; border-color: transparent; } .calendar-day-base.calendar-day-heading { width: 32px; height: 25px; margin-top: 2px; padding: 7px 0 0; border-radius: 100px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-size: 9pt; font-weight: 400; font-weight: bold; text-align: center; } .calendar-day { border-width: 0; } .calendar-day-top { border-top-width: 0; } .calendar-day-left { border-left-width: 0; } .calendar-nonwork-day { color: rgba(0, 0, 0, 0.87); } .calendar-today { font-weight: bold !important; border: none; } .calendar-day-with-events { color: #338DD6; font-weight: normal; text-decoration: underline; background-image: none; } .calendar-other-month-day { color: rgba(0, 0, 0, 0.26); opacity: 0.5; } .calendar-week-number { width: 32px; height: 25px; margin: 2px; padding: 7px 0 0; border-radius: 100px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-size: inherit; font-weight: bold; text-align: center; } /* Message list */ .message-list { width: 420px; } .message-list-sections { spacing: 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message-list-section-title-box { spacing: 8px; } .message-list-section-close > StIcon { icon-size: 16px; border-radius: 16px; padding: 8px; color: rgba(0, 0, 0, 0.54); background-color: transparent; } /* FIXME: how do you do this in sass? */ .message-list-section-close:hover > StIcon, .message-list-section-close:focus > StIcon { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); } .message-list-section-close:active > StIcon { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); } .message { min-height: 64px; background-color: transparent; border-radius: 2px; } .message:hover, .message:focus { background-color: rgba(0, 0, 0, 0.12); } .message:active { background-color: rgba(0, 0, 0, 0.26); } .message-icon-bin { padding: 8px 0px 8px 8px; } .message-icon-bin:rtl { padding: 8px 8px 8px 0px; } .message-icon-bin > StIcon { icon-size: 32px; } .message-secondary-bin:ltr { padding-left: 8px; } .message-secondary-bin:rtl { padding-right: 8px; } .message-secondary-bin { color: rgba(0, 0, 0, 0.54); } .message-secondary-bin > StIcon { icon-size: 16px; } .message-title { min-height: 22px; padding-top: 2px; color: rgba(0, 0, 0, 0.87); font-weight: bold; font-size: 1em; } .message-content { min-height: 48px; padding: 8px; color: rgba(0, 0, 0, 0.54); font-size: 1em; } .message-content * > StIcon { icon-size: 16px; border-radius: 16px; padding: 4px; color: rgba(0, 0, 0, 0.54); } /* FIXME: how do you do this in sass? */ .message-content *:hover > StIcon, .message-content *:focus > StIcon { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); } .message-content *:active > StIcon { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); } .message-media-control { margin: 16px 0; padding: 8px; border-radius: 100px; color: rgba(0, 0, 0, 0.54); } .message-media-control:hover, .message-media-control:focus { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); } .message-media-control:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); } .message-media-control:insensitive { color: rgba(0, 0, 0, 0.26); } .message-media-control:last-child:ltr { margin-right: 16px; padding-right: 8px; } .message-media-control:last-child:rtl { margin-left: 16px; padding-left: 8px; } .media-message-cover-icon { icon-size: 32px; } .media-message-cover-icon.fallback { icon-size: 16px; padding: 8px; border: none; border-radius: 2px; background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.38); } .system-switch-user-submenu-icon.user-icon { icon-size: 20px; padding: 0 2px; } .system-switch-user-submenu-icon.default-icon { icon-size: 16px; padding: 0 4px; } #appMenu { spinner-image: url("process-working.svg"); spacing: 4px; } #appMenu .label-shadow { color: transparent; } .aggregate-menu { min-width: 280px; } .aggregate-menu .popup-menu-icon { padding: 0 4px; } .aggregate-menu .popup-sub-menu .popup-menu-item :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; margin-left: 1.14286em; } .aggregate-menu .popup-sub-menu .popup-menu-item :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; margin-right: 1.14286em; } .system-menu-action { color: rgba(0, 0, 0, 0.54); border-radius: 100px; /* wish we could do 50% */ padding: 16px; border: none; } .system-menu-action:hover, .system-menu-action:focus { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); border: none; padding: 16px; } .system-menu-action:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } .system-menu-action > StIcon { icon-size: 16px; } .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; background-color: rgba(255, 255, 255, 0.3); background-image: none; background-size: auto; } .ripple-box:rtl { border-radius: 0 0 0 48px; background-image: none; } .popup-menu-arrow { width: 16px; height: 16px; } .popup-menu-icon { icon-size: 1.14286em; } .window-close { transition-duration: 0ms; height: 36px; width: 36px; -st-background-image-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); background-image: url("assets/window-close.svg"); background-size: 36px; } .window-close:hover { -st-background-image-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .window-close:active { background-image: url("assets/window-close-active.svg"); } .window-close { -shell-close-overlap: 18px; } .window-close:rtl { -st-background-image-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .window-close:rtl:hover { -st-background-image-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } /* NETWORK DIALOGS */ .nm-dialog { max-height: 500px; min-height: 450px; min-width: 470px; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: center; } .nm-dialog-airplane-text { color: rgba(0, 0, 0, 0.87); } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-scroll-view { border: none; } .nm-dialog-header { font-size: 15pt; font-weight: 500; } .nm-dialog-item { font-size: 1em; border-bottom: none; border-radius: 2px; padding: 12px; spacing: 20px; } .nm-dialog-item:hover, .nm-dialog-item:focus { background-color: rgba(0, 0, 0, 0.12); } .nm-dialog-item:active { background-color: rgba(0, 0, 0, 0.26); } .nm-dialog-item:selected { background-color: #338DD6; color: #FFFFFF; } .nm-dialog-icons { spacing: .5em; } .nm-dialog-icon { icon-size: 16px; } .no-networks-label { color: rgba(0, 0, 0, 0.38); } .no-networks-box { spacing: 12px; } /* OVERVIEW */ #overview { spacing: 24px; } .overview-controls { padding-bottom: 32px; } .window-picker { -horizontal-spacing: 32px; -vertical-spacing: 32px; padding-left: 32px; padding-right: 32px; padding-bottom: 48px; } .window-picker.external-monitor { padding: 32px; } .window-clone-border { border: 4px solid rgba(255, 255, 255, 0.3); border-radius: 2px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .window-caption { spacing: 25px; color: #FFFFFF; background-color: transparent; border-radius: 2px; padding: 4px 8px; -shell-caption-spacing: 12px; } .window-caption:hover { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .search-entry { width: 304px; padding: 0 8px; border-radius: 0; color: rgba(255, 255, 255, 0.5); selection-background-color: rgba(255, 255, 255, 0.3); selected-color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #FFFFFF; padding: 0 8px; border-width: 0; color: #FFFFFF; } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 0; color: rgba(255, 255, 255, 0.5); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: #FFFFFF; } #searchResultsBin { max-width: 1000px; } #searchResultsContent { padding-left: 20px; padding-right: 20px; spacing: 16px; } .search-section { spacing: 16px; } .search-section-content { spacing: 32px; } .list-search-results { spacing: 3px; } .search-section-separator { -gradient-height: 1px; -gradient-start: rgba(255, 255, 255, 0); -gradient-end: rgba(255, 255, 255, 0.4); -margin-horizontal: 1.5em; height: 1px; } .list-search-result-content { spacing: 12px; padding: 12px; } .list-search-result-title { font-size: 18pt; font-weight: 400; color: #FFFFFF; } .list-search-result-description { color: rgba(255, 255, 255, 0.7); } .search-provider-icon { padding: 15px; } .search-provider-icon-more { width: 16px; height: 16px; background-image: url("assets/more-results.svg"); } /* DASHBOARD */ #dash { font-size: 1em; color: #FFFFFF; background-color: rgba(255, 255, 255, 0.1); padding: 3px 0; border: none; border-left: 0px; border-radius: 0px 2px 2px 0px; } #dash:rtl { border-radius: 2px 0 0 2px; } #dash .placeholder { background-image: url("assets/dash-placeholder.svg"); background-size: contain; height: 24px; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { border-radius: 2px; padding: 7px 8px; color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-align: center; -x-offset: 8px; } /* App Vault/Grid */ .icon-grid { spacing: 30px; -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; } .icon-grid .overview-icon { icon-size: 96px; } .app-view-controls { width: 320px; padding-bottom: 32px; } .app-view-control { padding: 0 16px; font-weight: bold; color: rgba(255, 255, 255, 0.7); } .app-view-control:hover { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12) !important; } .app-view-control:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3) !important; } .app-view-control:checked { color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01) !important; box-shadow: inset 0 2px 0 #FFFFFF; } .app-view-control:first-child { border-right-width: 0; border-radius: 2px; } .app-view-control:first-child:checked { border-radius: 0; } .app-view-control:last-child { border-radius: 2px; } .app-view-control:last-child:checked { border-radius: 0; } .search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, .list-search-result:focus, .list-search-result:selected, .list-search-result:hover { background-color: rgba(255, 255, 255, 0.12); transition-duration: 0ms; } .search-provider-icon:active, .search-provider-icon:checked, .list-search-result:active, .list-search-result:checked { background-color: rgba(255, 255, 255, 0.3); transition-duration: 150ms; } .app-well-app:hover .overview-icon, .app-well-app:focus .overview-icon, .app-well-app:selected .overview-icon, .app-well-app.app-folder:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-well-app.app-folder:selected .overview-icon, .show-apps:hover .overview-icon, .show-apps:focus .overview-icon, .show-apps:selected .overview-icon, .grid-search-result:hover .overview-icon, .grid-search-result:focus .overview-icon, .grid-search-result:selected .overview-icon { background-color: rgba(255, 255, 255, 0.12); transition-duration: 0ms; border-image: none; background-image: none; } .app-well-app:active .overview-icon, .app-well-app:checked .overview-icon, .app-well-app.app-folder:active .overview-icon, .app-well-app.app-folder:checked .overview-icon, .show-apps:active .overview-icon, .show-apps:checked .overview-icon, .grid-search-result:active .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.3); box-shadow: 0 0 transparent; transition-duration: 150ms; } .app-well-app-running-dot { width: 32px; height: 2px; background-color: #FFFFFF; margin-bottom: 0; } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .app-well-app.app-folder .overview-icon, .show-apps .overview-icon, .grid-search-result .overview-icon { color: #FFFFFF; border-radius: 2px; padding: 6px; border: none; transition-duration: 150ms; text-align: center; } .app-well-app.app-folder > .overview-icon { background-color: rgba(255, 255, 255, 0.1); } .show-apps .show-apps-icon { color: rgba(255, 255, 255, 0.7); } .show-apps:hover .show-apps-icon, .show-apps:active .show-apps-icon, .show-apps:checked .show-apps-icon, .show-apps:focus .show-apps-icon { color: #FFFFFF; transition-duration: 150ms; } .app-folder-popup { -arrow-border-radius: 2px; -arrow-background-color: rgba(255, 255, 255, 0.1); -arrow-base: 24px; -arrow-rise: 12px; } .app-folder-popup-bin { padding: 5px; } .app-folder-icon { padding: 5px; spacing-rows: 5px; spacing-columns: 5px; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 12px; height: 12px; border-radius: 12px; background-image: none; background-color: rgba(255, 255, 255, 0.3); } .page-indicator:hover .page-indicator-icon { background-image: none; background-color: rgba(255, 255, 255, 0.5); } .page-indicator:active .page-indicator-icon { background-image: none; background-color: rgba(255, 255, 255, 0.7); } .page-indicator:checked .page-indicator-icon { background-image: none; background-color: #FFFFFF; transition-duration: 0ms; } .page-indicator:checked:active { background-image: none; } .app-well-app > .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label { padding: 10px 8px 5px 8px; spacing: 4px; } .workspace-thumbnails { visible-width: 32px; spacing: 12px; padding: 12px; border-radius: 2px 0 0 2px; } .workspace-thumbnails:rtl { border-radius: 0 2px 2px 0; } .workspace-thumbnails .placeholder { background-image: url("assets/dash-placeholder.svg"); background-size: contain; height: 24px; } .workspace-thumbnail-indicator { border: 0 solid #FFFFFF; border-left-width: 2px; padding: 6px; border-radius: 0; } .search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { padding: 0px 88px 10px 88px; } .workspace-thumbnails { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.1); border: none; } .search-statustext, .no-frequent-applications-label { font-size: 45px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { link-color: #338DD6; } .notification-banner { font-size: 1em; width: 34em; min-height: 64px; margin: 5px; border-radius: 2px; color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .notification-banner:hover { background-color: #FAFAFA; } .notification-banner:focus { background-color: #FAFAFA; } .notification-banner .notification-icon { padding: 5px; } .notification-banner .notification-content { padding: 5px; spacing: 5px; } .notification-banner .secondary-icon { icon-size: 1.14286em; } .notification-banner .notification-actions { background-color: transparent; padding-top: 0; border-top: 1px solid rgba(0, 0, 0, 0.12); spacing: 1px; } .notification-banner .notification-button { min-height: 40px; padding: 0 16px; background-color: transparent; color: rgba(0, 0, 0, 0.54); font-weight: 500; } .notification-banner .notification-button:first-child { border-radius: 0 0 0 2px; } .notification-banner .notification-button:last-child { border-radius: 0 0 2px 0; } .notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } .notification-banner .notification-button:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } .summary-source-counter { font-size: 1em; font-weight: bold; height: 1.6em; width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; background-color: #338DD6; color: #FFFFFF; border: 2px solid #FFFFFF; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } .secondary-icon { icon-size: 1.14286em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: rgba(0, 0, 0, 0.87); } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0px; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: rgba(0, 0, 0, 0.54); } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; font-size: 9pt; font-weight: 400; color: rgba(0, 0, 0, 0.38); } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-transient-box { spacing: 6px; padding: 2px 72px 2px 12px; } .hotplug-notification-item { padding: 2px 10px; } .hotplug-notification-item:focus { padding: 1px 71px 1px 11px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 2px 5px; } .hotplug-resident-box { spacing: 8px; } .hotplug-resident-mount { spacing: 8px; border-radius: 2px; } .hotplug-resident-mount:hover { background-color: rgba(0, 0, 0, 0.12); } .hotplug-resident-mount:active { background-color: rgba(0, 0, 0, 0.26); } .hotplug-resident-mount-label { color: inherit; padding-left: 6px; } .hotplug-resident-mount-icon { icon-size: 24px; padding-left: 6px; } .hotplug-resident-eject-icon { icon-size: 16px; } .hotplug-resident-eject-button { padding: 7px; border-radius: 2px; color: rgba(0, 0, 0, 0.87); } /* Eeeky things */ .legacy-tray { background-color: rgba(0, 0, 0, 0.6); color: #FFFFFF; border: none; border-bottom-width: 0; } .legacy-tray:ltr { border-radius: 0 2px 0 0; border-left-width: 0; } .legacy-tray:rtl { border-radius: 2px 0 0 0; border-right-width: 0; } .legacy-tray-handle, .legacy-tray-icon { padding: 6px; } .legacy-tray-handle StIcon, .legacy-tray-icon StIcon { icon-size: 24px; } .legacy-tray-handle:hover, .legacy-tray-handle:focus, .legacy-tray-icon:hover, .legacy-tray-icon:focus { background-color: rgba(255, 255, 255, 0.12); } .legacy-tray-handle:active, .legacy-tray-icon:active { background-color: rgba(255, 255, 255, 0.3); } .legacy-tray-icon-box { spacing: 12px; } .legacy-tray-icon-box:ltr { padding-left: 12px; } .legacy-tray-icon-box:rtl { padding-right: 12px; } .legacy-tray-icon-box StButton { width: 24px; height: 24px; } .magnifier-zoom-region { border: 2px solid #338DD6; } .magnifier-zoom-region.full-screen { border-width: 0; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.3); } .keyboard-layout { spacing: 10px; padding: 10px; } .keyboard-row { spacing: 15px; } .keyboard-key { min-height: 72px; min-width: 72px; font-size: 2em; font-weight: 500; border-radius: 2px; border: none; color: inherit; color: rgba(0, 0, 0, 0.62); background-color: #FAFAFA; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; icon-shadow: none; } .keyboard-key:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-key:hover, .keyboard-key:checked { color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .keyboard-key:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(188, 188, 188, 0.961); border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .keyboard-key:grayed { background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; border-color: rgba(0, 0, 0, 0.3); } .keyboard-subkeys { color: inherit; padding: 5px; -arrow-border-radius: 0; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; -boxpointer-gap: 5px; background-color: #FAFAFA; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: rgba(0, 0, 0, 0.38); } .candidate-box:selected .candidate-index { color: rgba(255, 255, 255, 0.5); } .candidate-box { transition-duration: 0ms; min-height: 32px; padding: 0 8px; border-radius: 2px; } .candidate-box:hover { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } .candidate-box:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } .candidate-box:selected { background-color: #338DD6; color: #FFFFFF; } .candidate-page-button-box { height: 32px; } .vertical .candidate-page-button-box { padding-top: 0; } .horizontal .candidate-page-button-box { padding-left: 0; } .candidate-page-button { min-width: 32px; min-height: 32px; padding: 0; } .candidate-page-button-previous { border-radius: 2px; border-right-width: 0; } .candidate-page-button-next { border-radius: 2px; } .candidate-page-button-icon { icon-size: 1.14286em; } /* Auth Dialogs & Screen Shield */ .framed-user-icon { background-size: contain; border: none; color: #FFFFFF; border-radius: 2px; } .framed-user-icon:hover { border-color: #FFFFFF; color: #FFFFFF; } .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: none; background-color: transparent; } .login-dialog StEntry { color: #FFFFFF; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .login-dialog StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #FFFFFF; } .login-dialog StEntry:insensitive { color: rgba(0, 0, 0, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { padding: 0 16px; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:insensitive { color: rgba(255, 255, 255, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default { color: #FFFFFF; background-color: #009688; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { color: #FFFFFF; background-color: #009688; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:active { color: #FFFFFF; background-color: #4db6ac; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:insensitive { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog-logo-bin { padding: 24px 0px; } .login-dialog-banner { color: rgba(255, 255, 255, 0.7); } .login-dialog-button-box { spacing: 5px; } .login-dialog-message-warning { color: #FF6D00; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; } .login-dialog-user-selection-box { padding: 100px 0px; } .login-dialog-user-selection-box .login-dialog-not-listed-label { padding-left: 2px; } .login-dialog-not-listed-button:focus .login-dialog-user-selection-box .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-user-selection-box .login-dialog-not-listed-label { color: #FFFFFF; } .login-dialog-not-listed-label { font-size: 1em; font-weight: bold; color: rgba(255, 255, 255, 0.7); padding-top: 1em; } .login-dialog-not-listed-label:hover { color: #FFFFFF; } .login-dialog-not-listed-label:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; padding: .2em; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:focus { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid #FFFFFF; } .login-dialog-user-list-item { border-radius: 2px; padding: 4px 4px 0; color: rgba(255, 255, 255, 0.7); } .login-dialog-user-list-item:ltr { padding-right: 1em; } .login-dialog-user-list-item:rtl { padding-left: 1em; } .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list-item:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin: 2px 0 0 0; background-color: #FFFFFF; } .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { background-color: #FFFFFF; } .login-dialog-username, .user-widget-label { color: #FFFFFF; font-size: 15pt; font-weight: 500; text-align: left; padding-left: 15px; } .user-widget-label:ltr { padding-left: 18px; } .user-widget-label:rtl { padding-right: 18px; } .login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 8px; width: 23em; } .login-dialog-prompt-label { color: rgba(255, 255, 255, 0.5); font-size: 1em; padding-top: 1em; } .login-dialog-session-list-button StIcon { icon-size: 1.25em; } .login-dialog-session-list-button { color: rgba(255, 255, 255, 0.7); } .login-dialog-session-list-button:hover, .login-dialog-session-list-button:focus { color: #FFFFFF; } .login-dialog-session-list-button:active { color: #FFFFFF; } .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { color: white; width: 80px; height: 48px; -arrow-thickness: 12px; -arrow-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock { color: white; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-weight: normal; text-align: center; padding-bottom: 1.5em; } .screen-shield-clock-time { font-size: 112px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock-date { font-size: 45px; font-weight: 400; } .screen-shield-notifications-container { spacing: 6px; width: 30em; background-color: transparent; max-height: 500px; } .screen-shield-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .screen-shield-notifications-container .notification, .screen-shield-notifications-container .screen-shield-notification-source { padding: 8px; border: none; background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; border-radius: 2px; } .screen-shield-notifications-container .notification { margin-right: 16px; } .screen-shield-notification-label { min-height: 22px; padding: 2px 0px 0px 16px; font-weight: bold; } .screen-shield-notification-count-text { min-height: 22px; padding: 2px 0px 0px 16px; color: rgba(255, 255, 255, 0.7); } #panel.lock-screen { background-color: rgba(0, 0, 0, 0.3); } .screen-shield-background { background: black; box-shadow: 0 19px 19px rgba(0, 0, 0, 0.6), 0 15px 6px rgba(0, 0, 0, 0.44); } #lockDialogGroup { background: #303030; background-size: cover; } #LookingGlassDialog { background-color: #FAFAFA; spacing: 4px; padding: 0; border: none; border-radius: 2px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } #LookingGlassDialog > #Toolbar { padding: 0 8px; border: none; border-radius: 0; background-color: rgba(250, 250, 250, 0.01); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); } #LookingGlassDialog .labels { spacing: 0; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: rgba(0, 0, 0, 0.38); transition-duration: 150ms; padding-left: 16px; padding-right: 16px; min-height: 36px; padding: 0 32px; } #LookingGlassDialog .notebook-tab:hover { box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); text-shadow: none; } #LookingGlassDialog .notebook-tab:selected { border-bottom-width: 0; border-color: transparent; background-color: rgba(250, 250, 250, 0.01); box-shadow: inset 0 -2px 0px #338DD6; color: rgba(0, 0, 0, 0.87); text-shadow: none; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 4px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog StEntry { selection-background-color: #338DD6; selected-color: #FFFFFF; } .lg-dialog .shell-link { color: #338DD6; } .lg-dialog .shell-link:hover { color: #338DD6; } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button { min-height: 36px; padding: 0 16px; border: none; border-radius: 2px; font-size: 10.5pt; font-weight: 500; color: rgba(0, 0, 0, 0.54); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:hover { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:insensitive { color: rgba(0, 0, 0, 0.26); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .lg-obj-inspector-button:hover { border: none; } #lookingGlassExtensions { padding: 4px; } .lg-extensions-list { padding: 4px; spacing: 6px; } .lg-extension { border: none; border-radius: 2px; padding: 4px; } .lg-extension-name { font-size: 18pt; font-weight: 400; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { background: #FAFAFA; border: none; border-radius: 2px; padding: 6px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } /* Dash to Dock */ #dashtodockContainer #dash { background-color: rgba(0, 0, 0, 0.6); } #dashtodockContainer:overview #dash { background-color: rgba(255, 255, 255, 0.1); } #dashtodockContainer.extended:overview #dash { background-color: transparent; } #dashtodockContainer.left #dash, #dashtodockContainer.right #dash { padding: 3px 0; } #dashtodockContainer.top #dash, #dashtodockContainer.bottom #dash { padding: 0 3px; } #dashtodockContainer.extended #dash { padding: 0; border-radius: 0; } #dashtodockContainer.left .dash-item-container > StWidget, #dashtodockContainer.right .dash-item-container > StWidget, #dashtodockContainer.extended.left .dash-item-container > StWidget, #dashtodockContainer.extended.right .dash-item-container > StWidget { padding: 3px 6px; } #dashtodockContainer.extended.left .dash-item-container:first-child > StWidget, #dashtodockContainer.extended.right .dash-item-container:first-child > StWidget { padding: 6px 6px 3px 6px; } #dashtodockContainer.extended.left .dash-item-container:last-child > StWidget, #dashtodockContainer.extended.right .dash-item-container:last-child > StWidget { padding: 3px 6px 6px 6px; } #dashtodockContainer.top .dash-item-container > StWidget, #dashtodockContainer.bottom .dash-item-container > StWidget, #dashtodockContainer.extended.top .dash-item-container > StWidget, #dashtodockContainer.extended.bottom .dash-item-container > StWidget { padding: 6px 3px; } #dashtodockContainer.extended.top .dash-item-container:first-child > StWidget, #dashtodockContainer.extended.bottom .dash-item-container:first-child > StWidget { padding: 6px 3px 6px 6px; } #dashtodockContainer.extended.top .dash-item-container:last-child > StWidget, #dashtodockContainer.extended.bottom .dash-item-container:last-child > StWidget { padding: 6px 6px 6px 3px; } #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } #dashtodockContainer .dash-item-container > StWidget { background-size: cover; } #dashtodockContainer.left .dash-item-container > StWidget.running1 { background-image: url("assets/dash/left-running1.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running2 { background-image: url("assets/dash/left-running2.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running3 { background-image: url("assets/dash/left-running3.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running4 { background-image: url("assets/dash/left-running4.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running1 { background-image: url("assets/dash/right-running1.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running2 { background-image: url("assets/dash/right-running2.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running3 { background-image: url("assets/dash/right-running3.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running4 { background-image: url("assets/dash/right-running4.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running1 { background-image: url("assets/dash/top-running1.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running2 { background-image: url("assets/dash/top-running2.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running3 { background-image: url("assets/dash/top-running3.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running4 { background-image: url("assets/dash/top-running4.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running1 { background-image: url("assets/dash/bottom-running1.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running2 { background-image: url("assets/dash/bottom-running2.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running3 { background-image: url("assets/dash/bottom-running3.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running4 { background-image: url("assets/dash/bottom-running4.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/bottom-running4-focused.svg"); } /* Simple Dock */ #dash:desktop { background-color: rgba(0, 0, 0, 0.6); } /* GPaste */ .popup-menu .search-entry { color: rgba(0, 0, 0, 0.87); selection-background-color: #338DD6; selected-color: #FFFFFF; background-color: rgba(250, 250, 250, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .popup-menu .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #338DD6; color: rgba(0, 0, 0, 0.87); } .popup-menu .search-entry .search-entry-icon { color: rgba(0, 0, 0, 0.38); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { color: rgba(0, 0, 0, 0.87); } materia-theme-20180321/src/gnome-shell/3.18/gnome-shell.scss000066400000000000000000000004151325420104000231660ustar00rootroot00000000000000$variant: 'light'; $titlebar: 'dark'; $compact: 'false'; @import '../../_sass/gnome-shell/variables'; @import '../../_sass/colors'; @import '../../_sass/gnome-shell/drawing'; @import '../../_sass/gnome-shell/common-3.18'; @import '../../_sass/gnome-shell/extensions'; materia-theme-20180321/src/gnome-shell/3.24/000077500000000000000000000000001325420104000200545ustar00rootroot00000000000000materia-theme-20180321/src/gnome-shell/3.24/gnome-shell-compact.css000066400000000000000000001760461325420104000244420ustar00rootroot00000000000000/* This stylesheet is generated, DO NOT EDIT */ /* Copyright 2009, 2015 Red Hat, Inc. * * Portions adapted from Mx's data/style/default.css * Copyright 2009 Intel Corporation * * This program is free software; you can redistribute it and/or modify it * under the terms and conditions of the GNU Lesser General Public License, * version 2.1, as published by the Free Software Foundation. * * This program is distributed in the hope it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for * more details. * * You should have received a copy of the GNU Lesser General Public License * along with this program; if not, write to the Free Software Foundation, * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. */ /* GLOBALS */ * { transition-duration: 150ms; } stage { font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; font-size: 9.75pt; font-weight: 400; color: rgba(0, 0, 0, 0.87); } /* WIDGETS */ /* Buttons */ .button { min-height: 32px; padding: 0 16px; border-width: 0; border-radius: 2px; font-size: 9.75pt; font-weight: 500; color: rgba(0, 0, 0, 0.54); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:hover { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:insensitive { color: rgba(0, 0, 0, 0.26); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .modal-dialog-linked-button { min-height: 40px; padding: 0 16px; border-top: 1px solid rgba(0, 0, 0, 0.12) !important; border-right-width: 0; font-size: 9.75pt; font-weight: 500; color: rgba(0, 0, 0, 0.54); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:hover { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:insensitive { color: rgba(0, 0, 0, 0.26); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .modal-dialog-linked-button:first-child { border-radius: 0px 0px 0px 2px; } .modal-dialog-linked-button:last-child { border-right-width: 0px; border-radius: 0px 0px 2px 0px; } .modal-dialog-linked-button:first-child:last-child { border-right-width: 0px; border-radius: 0px 0px 2px 2px; } /* Entries */ StEntry { min-height: 32px; padding: 0 8px; border-radius: 0; border-width: 0; color: rgba(0, 0, 0, 0.87); selection-background-color: #338DD6; selected-color: #FFFFFF; font-size: 11.25pt; font-weight: 400; background-color: rgba(250, 250, 250, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #338DD6; } StEntry:insensitive { color: rgba(0, 0, 0, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); } StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #FF6D00; padding: 0 0; } /* Scrollbars */ StScrollView.vfade { -st-vfade-offset: 32px; } StScrollView.hfade { -st-hfade-offset: 32px; } StScrollBar { padding: 0; } StScrollView StScrollBar { min-width: 16px; min-height: 16px; } StScrollBar StBin#trough { margin: 4px; border-radius: 100px; background-color: rgba(0, 0, 0, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 100px; background-color: rgba(0, 0, 0, 0.38); margin: 4px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(0, 0, 0, 0.54); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: rgba(0, 0, 0, 0.87); } #overview StScrollBar StBin#trough, #screenShieldNotifications StScrollBar StBin#trough { background-color: rgba(255, 255, 255, 0.12); } #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#hhandle, #screenShieldNotifications StScrollBar StButton#hhandle { background-color: rgba(255, 255, 255, 0.5); } #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#hhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { background-color: rgba(255, 255, 255, 0.7); } #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#hhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { background-color: #FFFFFF; } /* Slider */ .slider { height: 20px; color: #009688; -slider-height: 2px; -slider-background-color: rgba(0, 0, 0, 0.26); -slider-border-color: transparent; -slider-active-background-color: #009688; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 7px; } /* Check Boxes */ .check-box * { min-height: 16px; padding: 8px 0; } .check-box StBoxLayout { spacing: 8px; } .check-box StBin { width: 24px; height: 24px; padding: 4px; border-radius: 100px; background-image: url("assets/checkbox-off.svg"); } .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } .check-box:hover StBin { background-color: rgba(0, 0, 0, 0.12); } .check-box:active StBin { background-color: rgba(0, 0, 0, 0.26); } .check-box:checked StBin { background-image: url("assets/checkbox.svg"); } .check-box:focus:checked StBin { background-image: url("assets/checkbox.svg"); } .check-box:hover:checked StBin { background-color: rgba(0, 150, 136, 0.15); } .check-box:active:checked StBin { background-color: rgba(0, 150, 136, 0.3); } /* Switches */ .toggle-switch { width: 40px; height: 20px; background-size: contain; } .toggle-switch-us { background-image: url("assets/toggle-off.svg"); } .toggle-switch-us:checked { background-image: url("assets/toggle-on.svg"); } .toggle-switch-intl { background-image: url("assets/toggle-off.svg"); } .toggle-switch-intl:checked { background-image: url("assets/toggle-on.svg"); } /* links */ .shell-link { border-radius: 2px; color: #338DD6; } .shell-link:hover { color: #338DD6; background-color: rgba(51, 141, 214, 0.15); } .shell-link:active { color: #338DD6; background-color: rgba(51, 141, 214, 0.3); } /* Modal Dialogs */ .headline { font-size: 15pt; font-weight: 500; } .lightbox { background-color: black; } .flashspot { background-color: white; } .modal-dialog { border-radius: 2px; color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } .modal-dialog .modal-dialog-content-box { padding: 24px; } .modal-dialog .run-dialog-entry { width: 20em; margin-bottom: 6px; } .modal-dialog .run-dialog-error-box { padding-top: 16px; spacing: 6px; } .modal-dialog .run-dialog-button-box { padding-top: 1em; } .modal-dialog .run-dialog-label { font-size: 1em; font-weight: normal; color: rgba(0, 0, 0, 0.38); padding-bottom: .4em; } .show-processes-dialog-subject, .mount-question-dialog-subject, .end-session-dialog-subject { font-size: 15pt; font-weight: 500; } /* End Session Dialog */ .end-session-dialog { spacing: 42px; border: none; } .end-session-dialog-list { padding-top: 20px; } .end-session-dialog-layout { padding-left: 17px; } .end-session-dialog-layout:rtl { padding-right: 17px; } .end-session-dialog-description { width: 28em; padding-bottom: 10px; } .end-session-dialog-description:rtl { text-align: right; } .end-session-dialog-warning { width: 28em; color: #FF6D00; padding-top: 6px; } .end-session-dialog-warning:rtl { text-align: right; } .end-session-dialog-logout-icon { border-radius: 5px; width: 48px; height: 48px; background-size: contain; } .end-session-dialog-shutdown-icon { color: rgba(0, 0, 0, 0.38); width: 48px; height: 48px; } .end-session-dialog-inhibitor-layout { spacing: 16px; max-height: 200px; padding-right: 65px; padding-left: 65px; } .end-session-dialog-session-list, .end-session-dialog-app-list { spacing: 1em; } .end-session-dialog-list-header { font-weight: bold; } .end-session-dialog-list-header:rtl { text-align: right; } .end-session-dialog-app-list-item, .end-session-dialog-session-list-item { spacing: 1em; } .end-session-dialog-app-list-item-name, .end-session-dialog-session-list-item-name { font-weight: bold; } .end-session-dialog-app-list-item-description { color: rgba(0, 0, 0, 0.38); font-size: 1em; } /* ShellMountOperation Dialogs */ .shell-mount-operation-icon { icon-size: 48px; } .show-processes-dialog, .mount-question-dialog { spacing: 24px; } .show-processes-dialog-subject, .mount-question-dialog-subject { padding-top: 10px; padding-left: 17px; padding-bottom: 6px; } .mount-question-dialog-subject { max-width: 34em; } .show-processes-dialog-subject:rtl, .mount-question-dialog-subject:rtl { padding-left: 0px; padding-right: 17px; } .show-processes-dialog-description, .mount-question-dialog-description { padding-left: 17px; width: 28em; } .show-processes-dialog-description:rtl, .mount-question-dialog-description:rtl { padding-right: 17px; } .show-processes-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 49px; padding-right: 32px; } .show-processes-dialog-app-list:rtl { padding-right: 49px; padding-left: 32px; } .show-processes-dialog-app-list-item { color: rgba(0, 0, 0, 0.87); } .show-processes-dialog-app-list-item:hover { color: rgba(0, 0, 0, 0.87); } .show-processes-dialog-app-list-item:ltr { padding-right: 1em; } .show-processes-dialog-app-list-item:rtl { padding-left: 1em; } .show-processes-dialog-app-list-item-icon:ltr { padding-right: 17px; } .show-processes-dialog-app-list-item-icon:rtl { padding-left: 17px; } .show-processes-dialog-app-list-item-name { font-size: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { width: 34em; border: none; } .prompt-dialog-main-layout { spacing: 24px; padding: 10px; } .prompt-dialog-message-layout { spacing: 16px; } .prompt-dialog-headline { font-size: 15pt; font-weight: 500; color: rgba(0, 0, 0, 0.87); } .prompt-dialog-description:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label { font-size: 1em; color: #DD2C00; padding-bottom: 8px; } .prompt-dialog-info-label { font-size: 1em; padding-bottom: 8px; } .hidden { color: transparent; } .prompt-dialog-null-label { font-size: 1em; padding-bottom: 8px; } /* Polkit Dialog */ .polkit-dialog-user-layout { padding-left: 10px; spacing: 10px; } .polkit-dialog-user-layout:rtl { padding-left: 0px; padding-right: 10px; } .polkit-dialog-user-root-label { color: #FF6D00; } .polkit-dialog-user-icon { border-radius: 5px; background-size: contain; width: 48px; height: 48px; } /* Audio selection dialog */ .audio-device-selection-dialog { spacing: 30px; } .audio-selection-content { spacing: 20px; padding: 24px; } .audio-selection-title { font-weight: bold; text-align: center; } .audio-selection-box { spacing: 20px; } .audio-selection-device { border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 2px; } .audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { background-color: #338DD6; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* Access Dialog */ .access-dialog { spacing: 30px; } .access-dialog-main-layout { padding: 12px 20px 0; spacing: 12px; } .access-dialog-content { max-width: 28em; spacing: 20px; } .access-dialog-icon { min-width: 48px; icon-size: 48px; } .access-dialog-title { font-weight: bold; } .access-dialog-subtitle { color: rgba(0, 0, 0, 0.38); font-weight: bold; } /* Geolocation Dialog */ .geolocation-dialog { spacing: 30px; } .geolocation-dialog-main-layout { spacing: 12px; } .geolocation-dialog-content { spacing: 20px; } .geolocation-dialog-icon { icon-size: 48px; } .geolocation-dialog-title { font-weight: bold; } .geolocation-dialog-reason { color: rgba(0, 0, 0, 0.38); font-weight: bold; } /* Network Agent Dialog */ .network-dialog-secret-table { spacing-rows: 15px; spacing-columns: 1em; } .keyring-dialog-control-table { spacing-rows: 15px; spacing-columns: 1em; } /* Popovers/Menus */ .popup-menu { min-width: 200px; } .popup-menu .popup-sub-menu { background-color: #EEEEEE; box-shadow: 0 0 transparent; } .popup-menu .popup-menu-content { padding: 8px 0; } .popup-menu .popup-menu-item { spacing: 8px; transition-duration: 100ms; } .popup-menu .popup-menu-item:ltr { padding: 0.4em 24px 0.4em 0; } .popup-menu .popup-menu-item:rtl { padding: 0.4em 0 0.4em 24px; } .popup-menu .popup-menu-item:checked { background-color: #338DD6; color: #FFFFFF; box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { background-color: #529edc; color: #FFFFFF; } .popup-menu .popup-menu-item:checked:active { background-color: #70afe2; color: #FFFFFF !important; } .popup-menu .popup-menu-item:checked:insensitive { color: rgba(255, 255, 255, 0.5); } .popup-menu .popup-menu-item.selected { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); transition-duration: 0ms; } .popup-menu .popup-menu-item:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); transition-duration: 150ms; } .popup-menu .popup-menu-item.selected:active { color: rgba(0, 0, 0, 0.87); } .popup-menu .popup-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-menu .popup-inactive-menu-item { color: rgba(0, 0, 0, 0.87); } .popup-menu .popup-inactive-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-menu.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-border-radius: 0; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; -arrow-box-shadow: none; margin: 5px 8px 8px; background-color: #FAFAFA; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .popup-separator-menu-item { height: 1px; margin: 8px 40px; background-color: transparent; border-color: rgba(0, 0, 0, 0.12); border-bottom-width: 1px; border-bottom-style: solid; } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } /* fallback menu - odd thing for styling App menu when apparently not running under shell. Light Adwaita styled app menu inside the main app window itself rather than the top bar */ /* OSD */ .osd-window { text-align: center; font-weight: bold; spacing: 1em; margin: 32px; min-width: 64px; min-height: 64px; } .osd-window .osd-monitor-label { font-size: 45px; font-weight: 400; } .osd-window .level { height: 8px; border-radius: 0; background-color: rgba(51, 141, 214, 0.3); color: rgba(0, 0, 0, 0.87); } .osd-window .level-bar { background-color: #338DD6; border-radius: 0; } /* Pad OSD */ .pad-osd-window { padding: 32px; background-color: rgba(0, 0, 0, 0.6); } .pad-osd-window .pad-osd-title-box { spacing: 12px; } .pad-osd-window .pad-osd-title-menu-box { spacing: 6px; } .combo-box-label { width: 15em; } /* App Switcher */ .switcher-popup { padding: 8px; spacing: 16px; } .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { padding: 8px; border-radius: 2px; } .switcher-list .item-box:outlined { padding: 8px; border: none; background-color: rgba(0, 0, 0, 0.12); } .switcher-list .item-box:selected { background-color: #338DD6; color: #FFFFFF; } .switcher-list .thumbnail-box { padding: 2px; spacing: 4px; } .switcher-list .thumbnail { width: 256px; } .switcher-list .separator { width: 1px; background: rgba(0, 0, 0, 0.12); } .switcher-arrow { border-color: transparent; color: rgba(0, 0, 0, 0.38); } .switcher-arrow:highlighted { color: rgba(0, 0, 0, 0.87); } .input-source-switcher-symbol { font-size: 45px; font-weight: 400; width: 96px; height: 96px; } /* Window Cycler */ .cycler-highlight { border: 4px solid #338DD6; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher { background: transparent; border: 0px; border-radius: 0px; padding: 0px; spacing: 8px; } .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; background-color: #338DD6; color: #FFFFFF; background-size: 32px; border-radius: 2px; } .ws-switcher-box { height: 48px; border: none; background: rgba(0, 0, 0, 0.12); border-radius: 2px; } .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); border-radius: 2px; padding: 12px; } /* Tiled window previews */ .tile-preview { background-color: rgba(64, 196, 255, 0.3); border: 1px solid #40C4FF; } .tile-preview-left.on-primary { border-radius: 0 0 0 0; } .tile-preview-right.on-primary { border-radius: 0 0 0 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0 0 0 0; } /* TOP BAR */ #panel { background-color: #212121; font-weight: bold; height: 28px; } #panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { background-color: transparent; } #panel #panelLeft, #panel #panelCenter { spacing: 0; } #panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: rgba(0, 0, 0, 0.6); -panel-corner-border-width: 2px; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: #FFFFFF; } #panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: rgba(255, 255, 255, 0.7); transition-duration: 150ms; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; } #panel .panel-button:hover { color: #FFFFFF; } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { background-color: rgba(0, 0, 0, 0.01); box-shadow: inset 0 -2px 0px #FFFFFF; color: #FFFFFF; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { icon-shadow: none; } #panel .panel-button .system-status-icon { icon-size: 1.23077em; padding: 0 4px; } .unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { color: rgba(255, 255, 255, 0.7); } .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { color: #FFFFFF; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator { color: #FF6D00; } #calendarArea { padding: 8px 16px; } .calendar { margin-bottom: 0; } .calendar, .datemenu-today-button, .datemenu-displays-box, .message-list-sections { margin: 0 8px; } .datemenu-calendar-column { spacing: 8px; } .datemenu-displays-section { padding-bottom: 0; } .datemenu-displays-box { spacing: 8px; } .datemenu-calendar-column { border: 0 solid rgba(0, 0, 0, 0.12); } .datemenu-calendar-column:ltr { border-left-width: 0; } .datemenu-calendar-column:rtl { border-right-width: 0; } .datemenu-today-button, .world-clocks-button, .weather-button, .events-section-title { min-height: 20px; padding: 4px 8px; border-radius: 2px; } .datemenu-today-button { min-height: 48px; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .datemenu-today-button:hover, .datemenu-today-button:focus, .world-clocks-button:hover, .world-clocks-button:focus, .weather-button:hover, .weather-button:focus, .events-section-title:hover, .events-section-title:focus { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); } .datemenu-today-button:active, .world-clocks-button:active, .weather-button:active, .events-section-title:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); } .datemenu-today-button .date-label { font-size: 18pt; font-weight: 400; } .world-clocks-header, .weather-header, .events-section-title { color: rgba(0, 0, 0, 0.54); font-weight: bold; } .world-clocks-grid { spacing-rows: 0.4em; } .weather-box { spacing: 0.4em; } .calendar-month-label { height: 16px; margin: 2px; padding: 6px 16px; border-radius: 2px; color: rgba(0, 0, 0, 0.87); font-weight: bold; text-align: center; } .calendar-month-label:focus { background-color: rgba(0, 0, 0, 0.12); } .pager-button { width: 28px; height: 28px; margin: 2px; border-radius: 100px; background-color: transparent; color: rgba(0, 0, 0, 0.87); } .pager-button:hover, .pager-button:focus { background-color: rgba(0, 0, 0, 0.12); } .pager-button:active { background-color: rgba(0, 0, 0, 0.26); } .calendar-change-month-back { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-change-month-back:rtl { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward:rtl { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-day-base { font-size: 9pt; font-weight: 400; text-align: center; width: 28px; height: 28px; padding: 0; margin: 2px; border-radius: 100px; } .calendar-day-base:hover, .calendar-day-base:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar-day-base:active { color: inherit; background-color: rgba(0, 0, 0, 0.26); border-color: transparent; } .calendar-day-base:selected { color: #FFFFFF; background-color: #338DD6; border-color: transparent; } .calendar-day-base.calendar-day-heading { width: 28px; height: 21px; margin-top: 2px; padding: 7px 0 0; border-radius: 100px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-size: 9pt; font-weight: 400; font-weight: bold; text-align: center; } .calendar-day { border-width: 0; } .calendar-day-top { border-top-width: 0; } .calendar-day-left { border-left-width: 0; } .calendar-nonwork-day { color: rgba(0, 0, 0, 0.87); } .calendar-today { font-weight: bold !important; border: none; } .calendar-day-with-events { color: #338DD6; font-weight: normal; text-decoration: underline; background-image: none; } .calendar-other-month-day { color: rgba(0, 0, 0, 0.26); opacity: 0.5; } .calendar-week-number { width: 28px; height: 21px; margin: 2px; padding: 7px 0 0; border-radius: 100px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-size: inherit; font-weight: bold; text-align: center; } /* Message list */ .message-list { width: 420px; } .message-list-clear-button.button { background-color: transparent; margin: 8px 8px 0; } .message-list-clear-button.button:hover, .message-list-clear-button.button:focus { background-color: rgba(0, 0, 0, 0.12); } .message-list-clear-button.button:active { background-color: rgba(0, 0, 0, 0.26); } .message-list-sections { spacing: 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message { min-height: 56px; background-color: transparent; border-radius: 2px; } .message:hover, .message:focus { background-color: rgba(0, 0, 0, 0.12); } .message:active { background-color: rgba(0, 0, 0, 0.26); } .message-icon-bin { padding: 8px 0px 8px 8px; } .message-icon-bin:rtl { padding: 8px 8px 8px 0px; } .message-icon-bin > StIcon { color: rgba(0, 0, 0, 0.87); icon-size: 1.23077em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } .message-icon-bin > StIcon:rtl { margin: 4px 4px 4px 0px; } .message-secondary-bin { padding: 0 8px; } .message-secondary-bin > .event-time { min-height: 18px; padding-top: 2px; color: rgba(0, 0, 0, 0.54); font-size: 1em; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-bottom: 0; } .message-secondary-bin > StIcon { icon-size: 1.23077em; } .message-title { min-height: 18px; padding-top: 2px; color: rgba(0, 0, 0, 0.87); font-weight: bold; font-size: 1em; } .message-content { min-height: 40px; padding: 8px; color: rgba(0, 0, 0, 0.54); font-size: 1em; } .message-content * > StIcon { icon-size: 16px; border-radius: 16px; padding: 2px; color: rgba(0, 0, 0, 0.54); } /* FIXME: how do you do this in sass? */ .message-content *:hover > StIcon, .message-content *:focus > StIcon { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); } .message-content *:active > StIcon { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); } .message-media-control { margin: 16px 0; padding: 8px; border-radius: 100px; color: rgba(0, 0, 0, 0.54); } .message-media-control:hover, .message-media-control:focus { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); } .message-media-control:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); } .message-media-control:insensitive { color: rgba(0, 0, 0, 0.26); } .message-media-control:last-child:ltr { margin-right: 16px; padding-right: 8px; } .message-media-control:last-child:rtl { margin-left: 16px; padding-left: 8px; } .media-message-cover-icon { icon-size: 32px !important; margin: 8px 0px 8px 4px !important; } .media-message-cover-icon:rtl { margin: 8px 4px 8px 0px !important; } .media-message-cover-icon.fallback { icon-size: 16px !important; padding: 8px; border: none; border-radius: 2px; background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.38); } .system-switch-user-submenu-icon.user-icon { icon-size: 20px; padding: 0 2px; } .system-switch-user-submenu-icon.default-icon { icon-size: 16px; padding: 0 4px; } #appMenu { spinner-image: url("process-working.svg"); spacing: 4px; } #appMenu .label-shadow { color: transparent; } .aggregate-menu { min-width: 280px; } .aggregate-menu .popup-menu-icon { padding: 0 4px; } .aggregate-menu .popup-sub-menu .popup-menu-item :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; margin-left: 1.23077em; } .aggregate-menu .popup-sub-menu .popup-menu-item :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; margin-right: 1.23077em; } .system-menu-action { color: rgba(0, 0, 0, 0.54); border-radius: 100px; /* wish we could do 50% */ padding: 14px; border: none; } .system-menu-action:hover, .system-menu-action:focus { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); border: none; padding: 14px; } .system-menu-action:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } .system-menu-action > StIcon { icon-size: 16px; } .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; background-color: rgba(255, 255, 255, 0.3); background-image: none; background-size: auto; } .ripple-box:rtl { border-radius: 0 0 0 48px; background-image: none; } .popup-menu-arrow { width: 16px; height: 16px; } .popup-menu-icon { icon-size: 1.23077em; } .window-close { transition-duration: 0ms; height: 32px; width: 32px; -st-background-image-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); background-image: url("assets/window-close.svg"); background-size: 32px; } .window-close:hover { -st-background-image-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .window-close:active { background-image: url("assets/window-close-active.svg"); } .window-close { -shell-close-overlap: 16px; } .window-close:rtl { -st-background-image-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .window-close:rtl:hover { -st-background-image-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } /* NETWORK DIALOGS */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: center; } .nm-dialog-airplane-text { color: rgba(0, 0, 0, 0.87); } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-scroll-view { border: none; } .nm-dialog-header { font-size: 15pt; font-weight: 500; } .nm-dialog-item { font-size: 1em; border-bottom: none; border-radius: 2px; padding: 12px; spacing: 20px; } .nm-dialog-item:hover, .nm-dialog-item:focus { background-color: rgba(0, 0, 0, 0.12); } .nm-dialog-item:active { background-color: rgba(0, 0, 0, 0.26); } .nm-dialog-item:selected { background-color: #338DD6; color: #FFFFFF; } .nm-dialog-icons { spacing: .5em; } .nm-dialog-icon { icon-size: 16px; } .no-networks-label { color: rgba(0, 0, 0, 0.38); } .no-networks-box { spacing: 12px; } /* OVERVIEW */ #overview { spacing: 24px; } .overview-controls { padding-bottom: 32px; } .window-picker { -horizontal-spacing: 32px; -vertical-spacing: 32px; padding-left: 32px; padding-right: 32px; padding-bottom: 48px; } .window-picker.external-monitor { padding: 32px; } .window-clone-border { border: 4px solid rgba(255, 255, 255, 0.3); border-radius: 2px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .window-caption { spacing: 25px; color: #FFFFFF; background-color: transparent; border-radius: 2px; padding: 4px 8px; -shell-caption-spacing: 12px; } .window-caption:hover { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .search-entry { width: 304px; padding: 0 8px; border-radius: 0; color: rgba(255, 255, 255, 0.5); selection-background-color: rgba(255, 255, 255, 0.3); selected-color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #FFFFFF; padding: 0 8px; border-width: 0; color: #FFFFFF; } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 0; color: rgba(255, 255, 255, 0.5); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: #FFFFFF; } #searchResultsBin { max-width: 1000px; } #searchResultsContent { padding-left: 20px; padding-right: 20px; spacing: 16px; } .search-section { spacing: 16px; } .search-section-content { spacing: 32px; } .list-search-results { spacing: 3px; } .search-section-separator { -gradient-height: 1px; -gradient-start: rgba(255, 255, 255, 0); -gradient-end: rgba(255, 255, 255, 0.4); -margin-horizontal: 1.5em; height: 1px; } .list-search-result-content { spacing: 12px; padding: 12px; } .list-search-result-title { font-size: 18pt; font-weight: 400; color: #FFFFFF; } .list-search-result-description { color: rgba(255, 255, 255, 0.7); } .search-provider-icon { padding: 15px; } .search-provider-icon-more { width: 16px; height: 16px; background-image: url("assets/more-results.svg"); } /* DASHBOARD */ #dash { font-size: 1em; color: #FFFFFF; background-color: rgba(255, 255, 255, 0.1); padding: 3px 0; border: none; border-left: 0px; border-radius: 0px 2px 2px 0px; } #dash:rtl { border-radius: 2px 0 0 2px; } #dash .placeholder { background-image: url("assets/dash-placeholder.svg"); background-size: contain; height: 24px; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { border-radius: 2px; padding: 7px 8px; color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-align: center; -x-offset: 8px; } /* App Vault/Grid */ .icon-grid { spacing: 30px; -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; } .icon-grid .overview-icon { icon-size: 96px; } .app-view-controls { width: 320px; padding-bottom: 32px; } .app-view-control { padding: 0 16px; font-weight: bold; color: rgba(255, 255, 255, 0.7); } .app-view-control:hover { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12) !important; } .app-view-control:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3) !important; } .app-view-control:checked { color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01) !important; box-shadow: inset 0 2px 0 #FFFFFF; } .app-view-control:first-child { border-right-width: 0; border-radius: 2px; } .app-view-control:first-child:checked { border-radius: 0; } .app-view-control:last-child { border-radius: 2px; } .app-view-control:last-child:checked { border-radius: 0; } .search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, .list-search-result:focus, .list-search-result:selected, .list-search-result:hover { background-color: rgba(255, 255, 255, 0.12); transition-duration: 0ms; } .search-provider-icon:active, .search-provider-icon:checked, .list-search-result:active, .list-search-result:checked { background-color: rgba(255, 255, 255, 0.3); transition-duration: 150ms; } .app-well-app:hover .overview-icon, .app-well-app:focus .overview-icon, .app-well-app:selected .overview-icon, .app-well-app.app-folder:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-well-app.app-folder:selected .overview-icon, .show-apps:hover .overview-icon, .show-apps:focus .overview-icon, .show-apps:selected .overview-icon, .grid-search-result:hover .overview-icon, .grid-search-result:focus .overview-icon, .grid-search-result:selected .overview-icon { background-color: rgba(255, 255, 255, 0.12); transition-duration: 0ms; border-image: none; background-image: none; } .app-well-app:active .overview-icon, .app-well-app:checked .overview-icon, .app-well-app.app-folder:active .overview-icon, .app-well-app.app-folder:checked .overview-icon, .show-apps:active .overview-icon, .show-apps:checked .overview-icon, .grid-search-result:active .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.3); box-shadow: 0 0 transparent; transition-duration: 150ms; } .app-well-app-running-dot { width: 32px; height: 2px; background-color: #FFFFFF; margin-bottom: 0; } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .app-well-app.app-folder .overview-icon, .show-apps .overview-icon, .grid-search-result .overview-icon { color: #FFFFFF; border-radius: 2px; padding: 6px; border: none; transition-duration: 150ms; text-align: center; } .app-well-app.app-folder > .overview-icon { background-color: rgba(255, 255, 255, 0.1); } .show-apps .show-apps-icon { color: rgba(255, 255, 255, 0.7); } .show-apps:hover .show-apps-icon, .show-apps:active .show-apps-icon, .show-apps:checked .show-apps-icon, .show-apps:focus .show-apps-icon { color: #FFFFFF; transition-duration: 150ms; } .app-folder-popup { -arrow-border-radius: 2px; -arrow-background-color: rgba(255, 255, 255, 0.1); -arrow-base: 24px; -arrow-rise: 12px; } .app-folder-popup-bin { padding: 5px; } .app-folder-icon { padding: 5px; spacing-rows: 5px; spacing-columns: 5px; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 12px; height: 12px; border-radius: 12px; background-image: none; background-color: rgba(255, 255, 255, 0.3); } .page-indicator:hover .page-indicator-icon { background-image: none; background-color: rgba(255, 255, 255, 0.5); } .page-indicator:active .page-indicator-icon { background-image: none; background-color: rgba(255, 255, 255, 0.7); } .page-indicator:checked .page-indicator-icon { background-image: none; background-color: #FFFFFF; transition-duration: 0ms; } .page-indicator:checked:active { background-image: none; } .app-well-app > .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label { padding: 10px 8px 5px 8px; spacing: 4px; } .workspace-thumbnails { visible-width: 32px; spacing: 12px; padding: 12px; border-radius: 2px 0 0 2px; } .workspace-thumbnails:rtl { border-radius: 0 2px 2px 0; } .workspace-thumbnails .placeholder { background-image: url("assets/dash-placeholder.svg"); background-size: contain; height: 24px; } .workspace-thumbnail-indicator { border: 0 solid #FFFFFF; border-left-width: 2px; padding: 6px; border-radius: 0; } .search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { padding: 0px 88px 10px 88px; } .workspace-thumbnails { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.1); border: none; } .search-statustext, .no-frequent-applications-label { font-size: 45px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { link-color: #338DD6; } .notification-banner { font-size: 1em; width: 34em; min-height: 56px; margin: 5px; border-radius: 2px; color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .notification-banner:hover { background-color: #FAFAFA; } .notification-banner:focus { background-color: #FAFAFA; } .notification-banner .notification-icon { padding: 5px; } .notification-banner .notification-content { padding: 5px; spacing: 5px; } .notification-banner .secondary-icon { icon-size: 1.23077em; } .notification-banner .notification-actions { background-color: transparent; padding-top: 0; border-top: 1px solid rgba(0, 0, 0, 0.12); spacing: 1px; } .notification-banner .notification-button { min-height: 40px; padding: 0 16px; background-color: transparent; color: rgba(0, 0, 0, 0.54); font-weight: 500; } .notification-banner .notification-button:first-child { border-radius: 0 0 0 2px; } .notification-banner .notification-button:last-child { border-radius: 0 0 2px 0; } .notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } .notification-banner .notification-button:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } .summary-source-counter { font-size: 1em; font-weight: bold; height: 1.6em; width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; background-color: #338DD6; color: #FFFFFF; border: 2px solid #FFFFFF; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } .secondary-icon { icon-size: 1.23077em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: rgba(0, 0, 0, 0.87); } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0px; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: rgba(0, 0, 0, 0.54); } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; font-size: 9pt; font-weight: 400; color: rgba(0, 0, 0, 0.38); } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-transient-box { spacing: 6px; padding: 2px 72px 2px 12px; } .hotplug-notification-item { padding: 2px 10px; } .hotplug-notification-item:focus { padding: 1px 71px 1px 11px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 2px 5px; } .hotplug-resident-box { spacing: 8px; } .hotplug-resident-mount { spacing: 8px; border-radius: 2px; } .hotplug-resident-mount:hover { background-color: rgba(0, 0, 0, 0.12); } .hotplug-resident-mount:active { background-color: rgba(0, 0, 0, 0.26); } .hotplug-resident-mount-label { color: inherit; padding-left: 6px; } .hotplug-resident-mount-icon { icon-size: 24px; padding-left: 6px; } .hotplug-resident-eject-icon { icon-size: 16px; } .hotplug-resident-eject-button { padding: 7px; border-radius: 2px; color: rgba(0, 0, 0, 0.87); } /* Eeeky things */ .legacy-tray { background-color: rgba(0, 0, 0, 0.6); color: #FFFFFF; border: none; border-bottom-width: 0; } .legacy-tray:ltr { border-radius: 0 2px 0 0; border-left-width: 0; } .legacy-tray:rtl { border-radius: 2px 0 0 0; border-right-width: 0; } .legacy-tray-handle, .legacy-tray-icon { padding: 6px; } .legacy-tray-handle StIcon, .legacy-tray-icon StIcon { icon-size: 24px; } .legacy-tray-handle:hover, .legacy-tray-handle:focus, .legacy-tray-icon:hover, .legacy-tray-icon:focus { background-color: rgba(255, 255, 255, 0.12); } .legacy-tray-handle:active, .legacy-tray-icon:active { background-color: rgba(255, 255, 255, 0.3); } .legacy-tray-icon-box { spacing: 12px; } .legacy-tray-icon-box:ltr { padding-left: 12px; } .legacy-tray-icon-box:rtl { padding-right: 12px; } .legacy-tray-icon-box StButton { width: 24px; height: 24px; } .magnifier-zoom-region { border: 2px solid #338DD6; } .magnifier-zoom-region.full-screen { border-width: 0; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.3); } .keyboard-layout { spacing: 10px; padding: 10px; } .keyboard-row { spacing: 15px; } .keyboard-key { min-height: 64px; min-width: 64px; font-size: 2em; font-weight: 500; border-radius: 2px; border: none; color: inherit; color: rgba(0, 0, 0, 0.62); background-color: #FAFAFA; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; icon-shadow: none; } .keyboard-key:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-key:hover, .keyboard-key:checked { color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .keyboard-key:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(188, 188, 188, 0.961); border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .keyboard-key:grayed { background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; border-color: rgba(0, 0, 0, 0.3); } .keyboard-subkeys { color: inherit; padding: 5px; -arrow-border-radius: 0; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; -boxpointer-gap: 5px; background-color: #FAFAFA; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: rgba(0, 0, 0, 0.38); } .candidate-box:selected .candidate-index { color: rgba(255, 255, 255, 0.5); } .candidate-box { transition-duration: 0ms; min-height: 28px; padding: 0 8px; border-radius: 2px; } .candidate-box:hover { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } .candidate-box:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } .candidate-box:selected { background-color: #338DD6; color: #FFFFFF; } .candidate-page-button-box { height: 28px; } .vertical .candidate-page-button-box { padding-top: 0; } .horizontal .candidate-page-button-box { padding-left: 0; } .candidate-page-button { min-width: 28px; min-height: 28px; padding: 0; } .candidate-page-button-previous { border-radius: 2px; border-right-width: 0; } .candidate-page-button-next { border-radius: 2px; } .candidate-page-button-icon { icon-size: 1.23077em; } /* Auth Dialogs & Screen Shield */ .framed-user-icon { background-size: contain; border: none; color: #FFFFFF; border-radius: 2px; } .framed-user-icon:hover { border-color: #FFFFFF; color: #FFFFFF; } .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: none; background-color: transparent; } .login-dialog StEntry { color: #FFFFFF; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .login-dialog StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #FFFFFF; } .login-dialog StEntry:insensitive { color: rgba(0, 0, 0, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { padding: 0 16px; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:insensitive { color: rgba(255, 255, 255, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default { color: #FFFFFF; background-color: #009688; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { color: #FFFFFF; background-color: #009688; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:active { color: #FFFFFF; background-color: #4db6ac; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:insensitive { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog-logo-bin { padding: 24px 0px; } .login-dialog-banner { color: rgba(255, 255, 255, 0.7); } .login-dialog-button-box { spacing: 5px; } .login-dialog-message-warning { color: #FF6D00; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; } .login-dialog-user-selection-box { padding: 100px 0px; } .login-dialog-not-listed-label { padding-left: 2px; } .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { color: #FFFFFF; } .login-dialog-not-listed-label { font-size: 1em; font-weight: bold; color: rgba(255, 255, 255, 0.7); padding-top: 1em; } .login-dialog-not-listed-label:hover { color: #FFFFFF; } .login-dialog-not-listed-label:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; padding: .2em; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:focus { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid #FFFFFF; } .login-dialog-user-list-item { border-radius: 2px; padding: 4px 4px 0; color: rgba(255, 255, 255, 0.7); } .login-dialog-user-list-item:ltr { padding-right: 1em; } .login-dialog-user-list-item:rtl { padding-left: 1em; } .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list-item:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin: 2px 0 0 0; background-color: #FFFFFF; } .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { background-color: #FFFFFF; } .login-dialog-username, .user-widget-label { color: #FFFFFF; font-size: 15pt; font-weight: 500; text-align: left; padding-left: 15px; } .user-widget-label:ltr { padding-left: 18px; } .user-widget-label:rtl { padding-right: 18px; } .login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 8px; width: 23em; } .login-dialog-prompt-label { color: rgba(255, 255, 255, 0.5); font-size: 1em; padding-top: 1em; } .login-dialog-session-list-button StIcon { icon-size: 1.25em; } .login-dialog-session-list-button { color: rgba(255, 255, 255, 0.7); } .login-dialog-session-list-button:hover, .login-dialog-session-list-button:focus { color: #FFFFFF; } .login-dialog-session-list-button:active { color: #FFFFFF; } .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { color: white; width: 80px; height: 48px; -arrow-thickness: 12px; -arrow-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock { color: white; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-weight: normal; text-align: center; padding-bottom: 1.5em; } .screen-shield-clock-time { font-size: 112px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock-date { font-size: 45px; font-weight: 400; } .screen-shield-notifications-container { spacing: 6px; width: 30em; background-color: transparent; max-height: 500px; } .screen-shield-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .screen-shield-notifications-container .notification, .screen-shield-notifications-container .screen-shield-notification-source { padding: 8px; border: none; background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; border-radius: 2px; } .screen-shield-notifications-container .notification { margin-right: 16px; } .screen-shield-notification-label { min-height: 18px; padding: 2px 0px 0px 16px; font-weight: bold; } .screen-shield-notification-count-text { min-height: 18px; padding: 2px 0px 0px 16px; color: rgba(255, 255, 255, 0.7); } #panel.lock-screen { background-color: rgba(0, 0, 0, 0.3); } .screen-shield-background { background: black; box-shadow: 0 19px 19px rgba(0, 0, 0, 0.6), 0 15px 6px rgba(0, 0, 0, 0.44); } #lockDialogGroup { background: #303030; background-size: cover; } #LookingGlassDialog { background-color: #FAFAFA; spacing: 4px; padding: 0; border: none; border-radius: 2px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } #LookingGlassDialog > #Toolbar { padding: 0 8px; border: none; border-radius: 0; background-color: rgba(250, 250, 250, 0.01); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); } #LookingGlassDialog .labels { spacing: 0; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: rgba(0, 0, 0, 0.38); transition-duration: 150ms; padding-left: 16px; padding-right: 16px; min-height: 32px; padding: 0 32px; } #LookingGlassDialog .notebook-tab:hover { box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); text-shadow: none; } #LookingGlassDialog .notebook-tab:selected { border-bottom-width: 0; border-color: transparent; background-color: rgba(250, 250, 250, 0.01); box-shadow: inset 0 -2px 0px #338DD6; color: rgba(0, 0, 0, 0.87); text-shadow: none; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 4px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog StEntry { selection-background-color: #338DD6; selected-color: #FFFFFF; } .lg-dialog .shell-link { color: #338DD6; } .lg-dialog .shell-link:hover { color: #338DD6; } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button { min-height: 32px; padding: 0 16px; border: none; border-radius: 2px; font-size: 9.75pt; font-weight: 500; color: rgba(0, 0, 0, 0.54); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:hover { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:insensitive { color: rgba(0, 0, 0, 0.26); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .lg-obj-inspector-button:hover { border: none; } #lookingGlassExtensions { padding: 4px; } .lg-extensions-list { padding: 4px; spacing: 6px; } .lg-extension { border: none; border-radius: 2px; padding: 4px; } .lg-extension-name { font-size: 18pt; font-weight: 400; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { background: #FAFAFA; border: none; border-radius: 2px; padding: 6px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } /* Dash to Dock */ #dashtodockContainer #dash { background-color: rgba(0, 0, 0, 0.6); } #dashtodockContainer:overview #dash { background-color: rgba(255, 255, 255, 0.1); } #dashtodockContainer.extended:overview #dash { background-color: transparent; } #dashtodockContainer.left #dash, #dashtodockContainer.right #dash { padding: 3px 0; } #dashtodockContainer.top #dash, #dashtodockContainer.bottom #dash { padding: 0 3px; } #dashtodockContainer.extended #dash { padding: 0; border-radius: 0; } #dashtodockContainer.left .dash-item-container > StWidget, #dashtodockContainer.right .dash-item-container > StWidget, #dashtodockContainer.extended.left .dash-item-container > StWidget, #dashtodockContainer.extended.right .dash-item-container > StWidget { padding: 3px 6px; } #dashtodockContainer.extended.left .dash-item-container:first-child > StWidget, #dashtodockContainer.extended.right .dash-item-container:first-child > StWidget { padding: 6px 6px 3px 6px; } #dashtodockContainer.extended.left .dash-item-container:last-child > StWidget, #dashtodockContainer.extended.right .dash-item-container:last-child > StWidget { padding: 3px 6px 6px 6px; } #dashtodockContainer.top .dash-item-container > StWidget, #dashtodockContainer.bottom .dash-item-container > StWidget, #dashtodockContainer.extended.top .dash-item-container > StWidget, #dashtodockContainer.extended.bottom .dash-item-container > StWidget { padding: 6px 3px; } #dashtodockContainer.extended.top .dash-item-container:first-child > StWidget, #dashtodockContainer.extended.bottom .dash-item-container:first-child > StWidget { padding: 6px 3px 6px 6px; } #dashtodockContainer.extended.top .dash-item-container:last-child > StWidget, #dashtodockContainer.extended.bottom .dash-item-container:last-child > StWidget { padding: 6px 6px 6px 3px; } #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } #dashtodockContainer .dash-item-container > StWidget { background-size: cover; } #dashtodockContainer.left .dash-item-container > StWidget.running1 { background-image: url("assets/dash/left-running1.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running2 { background-image: url("assets/dash/left-running2.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running3 { background-image: url("assets/dash/left-running3.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running4 { background-image: url("assets/dash/left-running4.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running1 { background-image: url("assets/dash/right-running1.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running2 { background-image: url("assets/dash/right-running2.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running3 { background-image: url("assets/dash/right-running3.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running4 { background-image: url("assets/dash/right-running4.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running1 { background-image: url("assets/dash/top-running1.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running2 { background-image: url("assets/dash/top-running2.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running3 { background-image: url("assets/dash/top-running3.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running4 { background-image: url("assets/dash/top-running4.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running1 { background-image: url("assets/dash/bottom-running1.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running2 { background-image: url("assets/dash/bottom-running2.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running3 { background-image: url("assets/dash/bottom-running3.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running4 { background-image: url("assets/dash/bottom-running4.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/bottom-running4-focused.svg"); } /* Simple Dock */ #dash:desktop { background-color: rgba(0, 0, 0, 0.6); } /* GPaste */ .popup-menu .search-entry { color: rgba(0, 0, 0, 0.87); selection-background-color: #338DD6; selected-color: #FFFFFF; background-color: rgba(250, 250, 250, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .popup-menu .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #338DD6; color: rgba(0, 0, 0, 0.87); } .popup-menu .search-entry .search-entry-icon { color: rgba(0, 0, 0, 0.38); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { color: rgba(0, 0, 0, 0.87); } materia-theme-20180321/src/gnome-shell/3.24/gnome-shell-compact.scss000066400000000000000000000004141325420104000246060ustar00rootroot00000000000000$variant: 'light'; $titlebar: 'dark'; $compact: 'true'; @import '../../_sass/gnome-shell/variables'; @import '../../_sass/colors'; @import '../../_sass/gnome-shell/drawing'; @import '../../_sass/gnome-shell/common-3.24'; @import '../../_sass/gnome-shell/extensions'; materia-theme-20180321/src/gnome-shell/3.24/gnome-shell-dark-compact.css000066400000000000000000001755101325420104000253540ustar00rootroot00000000000000/* This stylesheet is generated, DO NOT EDIT */ /* Copyright 2009, 2015 Red Hat, Inc. * * Portions adapted from Mx's data/style/default.css * Copyright 2009 Intel Corporation * * This program is free software; you can redistribute it and/or modify it * under the terms and conditions of the GNU Lesser General Public License, * version 2.1, as published by the Free Software Foundation. * * This program is distributed in the hope it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for * more details. * * You should have received a copy of the GNU Lesser General Public License * along with this program; if not, write to the Free Software Foundation, * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. */ /* GLOBALS */ * { transition-duration: 150ms; } stage { font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; font-size: 9.75pt; font-weight: 400; color: #FFFFFF; } /* WIDGETS */ /* Buttons */ .button { min-height: 32px; padding: 0 16px; border-width: 0; border-radius: 2px; font-size: 9.75pt; font-weight: 500; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:hover { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:insensitive { color: rgba(255, 255, 255, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:focus { color: #FFFFFF; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .modal-dialog-linked-button { min-height: 40px; padding: 0 16px; border-top: 1px solid rgba(0, 0, 0, 0.26) !important; border-right-width: 0; font-size: 9.75pt; font-weight: 500; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:hover { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:insensitive { color: rgba(255, 255, 255, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:focus { color: #FFFFFF; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .modal-dialog-linked-button:first-child { border-radius: 0px 0px 0px 2px; } .modal-dialog-linked-button:last-child { border-right-width: 0px; border-radius: 0px 0px 2px 0px; } .modal-dialog-linked-button:first-child:last-child { border-right-width: 0px; border-radius: 0px 0px 2px 2px; } /* Entries */ StEntry { min-height: 32px; padding: 0 8px; border-radius: 0; border-width: 0; color: #FFFFFF; selection-background-color: #338DD6; selected-color: #FFFFFF; font-size: 11.25pt; font-weight: 400; background-color: rgba(66, 66, 66, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #338DD6; } StEntry:insensitive { color: rgba(255, 255, 255, 0.5); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); } StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #FF6D00; padding: 0 0; } /* Scrollbars */ StScrollView.vfade { -st-vfade-offset: 32px; } StScrollView.hfade { -st-hfade-offset: 32px; } StScrollBar { padding: 0; } StScrollView StScrollBar { min-width: 16px; min-height: 16px; } StScrollBar StBin#trough { margin: 4px; border-radius: 100px; background-color: rgba(255, 255, 255, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 100px; background-color: rgba(255, 255, 255, 0.5); margin: 4px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(255, 255, 255, 0.7); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: #FFFFFF; } #overview StScrollBar StBin#trough, #screenShieldNotifications StScrollBar StBin#trough { background-color: rgba(255, 255, 255, 0.12); } #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#hhandle, #screenShieldNotifications StScrollBar StButton#hhandle { background-color: rgba(255, 255, 255, 0.5); } #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#hhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { background-color: rgba(255, 255, 255, 0.7); } #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#hhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { background-color: #FFFFFF; } /* Slider */ .slider { height: 20px; color: #009688; -slider-height: 2px; -slider-background-color: rgba(255, 255, 255, 0.3); -slider-border-color: transparent; -slider-active-background-color: #009688; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 7px; } /* Check Boxes */ .check-box * { min-height: 16px; padding: 8px 0; } .check-box StBoxLayout { spacing: 8px; } .check-box StBin { width: 24px; height: 24px; padding: 4px; border-radius: 100px; background-image: url("assets/checkbox-off.svg"); } .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } .check-box:hover StBin { background-color: rgba(255, 255, 255, 0.12); } .check-box:active StBin { background-color: rgba(255, 255, 255, 0.3); } .check-box:checked StBin { background-image: url("assets/checkbox.svg"); } .check-box:focus:checked StBin { background-image: url("assets/checkbox.svg"); } .check-box:hover:checked StBin { background-color: rgba(0, 150, 136, 0.15); } .check-box:active:checked StBin { background-color: rgba(0, 150, 136, 0.3); } /* Switches */ .toggle-switch { width: 40px; height: 20px; background-size: contain; } .toggle-switch-us { background-image: url("assets/toggle-off.svg"); } .toggle-switch-us:checked { background-image: url("assets/toggle-on.svg"); } .toggle-switch-intl { background-image: url("assets/toggle-off.svg"); } .toggle-switch-intl:checked { background-image: url("assets/toggle-on.svg"); } /* links */ .shell-link { border-radius: 2px; color: #338DD6; } .shell-link:hover { color: #338DD6; background-color: rgba(51, 141, 214, 0.15); } .shell-link:active { color: #338DD6; background-color: rgba(51, 141, 214, 0.3); } /* Modal Dialogs */ .headline { font-size: 15pt; font-weight: 500; } .lightbox { background-color: black; } .flashspot { background-color: white; } .modal-dialog { border-radius: 2px; color: #FFFFFF; background-color: #424242; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } .modal-dialog .modal-dialog-content-box { padding: 24px; } .modal-dialog .run-dialog-entry { width: 20em; margin-bottom: 6px; } .modal-dialog .run-dialog-error-box { padding-top: 16px; spacing: 6px; } .modal-dialog .run-dialog-button-box { padding-top: 1em; } .modal-dialog .run-dialog-label { font-size: 1em; font-weight: normal; color: rgba(255, 255, 255, 0.5); padding-bottom: .4em; } .show-processes-dialog-subject, .mount-question-dialog-subject, .end-session-dialog-subject { font-size: 15pt; font-weight: 500; } /* End Session Dialog */ .end-session-dialog { spacing: 42px; border: none; } .end-session-dialog-list { padding-top: 20px; } .end-session-dialog-layout { padding-left: 17px; } .end-session-dialog-layout:rtl { padding-right: 17px; } .end-session-dialog-description { width: 28em; padding-bottom: 10px; } .end-session-dialog-description:rtl { text-align: right; } .end-session-dialog-warning { width: 28em; color: #FF6D00; padding-top: 6px; } .end-session-dialog-warning:rtl { text-align: right; } .end-session-dialog-logout-icon { border-radius: 5px; width: 48px; height: 48px; background-size: contain; } .end-session-dialog-shutdown-icon { color: rgba(255, 255, 255, 0.5); width: 48px; height: 48px; } .end-session-dialog-inhibitor-layout { spacing: 16px; max-height: 200px; padding-right: 65px; padding-left: 65px; } .end-session-dialog-session-list, .end-session-dialog-app-list { spacing: 1em; } .end-session-dialog-list-header { font-weight: bold; } .end-session-dialog-list-header:rtl { text-align: right; } .end-session-dialog-app-list-item, .end-session-dialog-session-list-item { spacing: 1em; } .end-session-dialog-app-list-item-name, .end-session-dialog-session-list-item-name { font-weight: bold; } .end-session-dialog-app-list-item-description { color: rgba(255, 255, 255, 0.5); font-size: 1em; } /* ShellMountOperation Dialogs */ .shell-mount-operation-icon { icon-size: 48px; } .show-processes-dialog, .mount-question-dialog { spacing: 24px; } .show-processes-dialog-subject, .mount-question-dialog-subject { padding-top: 10px; padding-left: 17px; padding-bottom: 6px; } .mount-question-dialog-subject { max-width: 34em; } .show-processes-dialog-subject:rtl, .mount-question-dialog-subject:rtl { padding-left: 0px; padding-right: 17px; } .show-processes-dialog-description, .mount-question-dialog-description { padding-left: 17px; width: 28em; } .show-processes-dialog-description:rtl, .mount-question-dialog-description:rtl { padding-right: 17px; } .show-processes-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 49px; padding-right: 32px; } .show-processes-dialog-app-list:rtl { padding-right: 49px; padding-left: 32px; } .show-processes-dialog-app-list-item { color: #FFFFFF; } .show-processes-dialog-app-list-item:hover { color: #FFFFFF; } .show-processes-dialog-app-list-item:ltr { padding-right: 1em; } .show-processes-dialog-app-list-item:rtl { padding-left: 1em; } .show-processes-dialog-app-list-item-icon:ltr { padding-right: 17px; } .show-processes-dialog-app-list-item-icon:rtl { padding-left: 17px; } .show-processes-dialog-app-list-item-name { font-size: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { width: 34em; border: none; } .prompt-dialog-main-layout { spacing: 24px; padding: 10px; } .prompt-dialog-message-layout { spacing: 16px; } .prompt-dialog-headline { font-size: 15pt; font-weight: 500; color: #FFFFFF; } .prompt-dialog-description:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label { font-size: 1em; color: #DD2C00; padding-bottom: 8px; } .prompt-dialog-info-label { font-size: 1em; padding-bottom: 8px; } .hidden { color: transparent; } .prompt-dialog-null-label { font-size: 1em; padding-bottom: 8px; } /* Polkit Dialog */ .polkit-dialog-user-layout { padding-left: 10px; spacing: 10px; } .polkit-dialog-user-layout:rtl { padding-left: 0px; padding-right: 10px; } .polkit-dialog-user-root-label { color: #FF6D00; } .polkit-dialog-user-icon { border-radius: 5px; background-size: contain; width: 48px; height: 48px; } /* Audio selection dialog */ .audio-device-selection-dialog { spacing: 30px; } .audio-selection-content { spacing: 20px; padding: 24px; } .audio-selection-title { font-weight: bold; text-align: center; } .audio-selection-box { spacing: 20px; } .audio-selection-device { border: 1px solid rgba(0, 0, 0, 0.26); border-radius: 2px; } .audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { background-color: #338DD6; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* Access Dialog */ .access-dialog { spacing: 30px; } .access-dialog-main-layout { padding: 12px 20px 0; spacing: 12px; } .access-dialog-content { max-width: 28em; spacing: 20px; } .access-dialog-icon { min-width: 48px; icon-size: 48px; } .access-dialog-title { font-weight: bold; } .access-dialog-subtitle { color: rgba(255, 255, 255, 0.5); font-weight: bold; } /* Geolocation Dialog */ .geolocation-dialog { spacing: 30px; } .geolocation-dialog-main-layout { spacing: 12px; } .geolocation-dialog-content { spacing: 20px; } .geolocation-dialog-icon { icon-size: 48px; } .geolocation-dialog-title { font-weight: bold; } .geolocation-dialog-reason { color: rgba(255, 255, 255, 0.5); font-weight: bold; } /* Network Agent Dialog */ .network-dialog-secret-table { spacing-rows: 15px; spacing-columns: 1em; } .keyring-dialog-control-table { spacing-rows: 15px; spacing-columns: 1em; } /* Popovers/Menus */ .popup-menu { min-width: 200px; } .popup-menu .popup-sub-menu { background-color: #303030; box-shadow: 0 0 transparent; } .popup-menu .popup-menu-content { padding: 8px 0; } .popup-menu .popup-menu-item { spacing: 8px; transition-duration: 100ms; } .popup-menu .popup-menu-item:ltr { padding: 0.4em 24px 0.4em 0; } .popup-menu .popup-menu-item:rtl { padding: 0.4em 0 0.4em 24px; } .popup-menu .popup-menu-item:checked { background-color: #338DD6; color: #FFFFFF; box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { background-color: #529edc; color: #FFFFFF; } .popup-menu .popup-menu-item:checked:active { background-color: #70afe2; color: #FFFFFF !important; } .popup-menu .popup-menu-item:checked:insensitive { color: rgba(255, 255, 255, 0.5); } .popup-menu .popup-menu-item.selected { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; transition-duration: 0ms; } .popup-menu .popup-menu-item:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; transition-duration: 150ms; } .popup-menu .popup-menu-item.selected:active { color: #FFFFFF; } .popup-menu .popup-menu-item:insensitive { color: rgba(255, 255, 255, 0.5); } .popup-menu .popup-inactive-menu-item { color: #FFFFFF; } .popup-menu .popup-inactive-menu-item:insensitive { color: rgba(255, 255, 255, 0.5); } .popup-menu.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-border-radius: 0; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; -arrow-box-shadow: none; margin: 5px 8px 8px; background-color: #424242; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .popup-separator-menu-item { height: 1px; margin: 8px 40px; background-color: transparent; border-color: rgba(0, 0, 0, 0.26); border-bottom-width: 1px; border-bottom-style: solid; } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } /* fallback menu - odd thing for styling App menu when apparently not running under shell. Light Adwaita styled app menu inside the main app window itself rather than the top bar */ /* OSD */ .osd-window { text-align: center; font-weight: bold; spacing: 1em; margin: 32px; min-width: 64px; min-height: 64px; } .osd-window .osd-monitor-label { font-size: 45px; font-weight: 400; } .osd-window .level { height: 8px; border-radius: 0; background-color: rgba(51, 141, 214, 0.3); color: #FFFFFF; } .osd-window .level-bar { background-color: #338DD6; border-radius: 0; } /* Pad OSD */ .pad-osd-window { padding: 32px; background-color: rgba(0, 0, 0, 0.6); } .pad-osd-window .pad-osd-title-box { spacing: 12px; } .pad-osd-window .pad-osd-title-menu-box { spacing: 6px; } .combo-box-label { width: 15em; } /* App Switcher */ .switcher-popup { padding: 8px; spacing: 16px; } .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { padding: 8px; border-radius: 2px; } .switcher-list .item-box:outlined { padding: 8px; border: none; background-color: rgba(255, 255, 255, 0.12); } .switcher-list .item-box:selected { background-color: #338DD6; color: #FFFFFF; } .switcher-list .thumbnail-box { padding: 2px; spacing: 4px; } .switcher-list .thumbnail { width: 256px; } .switcher-list .separator { width: 1px; background: rgba(0, 0, 0, 0.26); } .switcher-arrow { border-color: transparent; color: rgba(255, 255, 255, 0.5); } .switcher-arrow:highlighted { color: #FFFFFF; } .input-source-switcher-symbol { font-size: 45px; font-weight: 400; width: 96px; height: 96px; } /* Window Cycler */ .cycler-highlight { border: 4px solid #338DD6; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher { background: transparent; border: 0px; border-radius: 0px; padding: 0px; spacing: 8px; } .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; background-color: #338DD6; color: #FFFFFF; background-size: 32px; border-radius: 2px; } .ws-switcher-box { height: 48px; border: none; background: rgba(255, 255, 255, 0.12); border-radius: 2px; } .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { color: #FFFFFF; background-color: #424242; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); border-radius: 2px; padding: 12px; } /* Tiled window previews */ .tile-preview { background-color: rgba(64, 196, 255, 0.3); border: 1px solid #40C4FF; } .tile-preview-left.on-primary { border-radius: 0 0 0 0; } .tile-preview-right.on-primary { border-radius: 0 0 0 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0 0 0 0; } /* TOP BAR */ #panel { background-color: #212121; font-weight: bold; height: 28px; } #panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { background-color: transparent; } #panel #panelLeft, #panel #panelCenter { spacing: 0; } #panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: rgba(0, 0, 0, 0.6); -panel-corner-border-width: 2px; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: #FFFFFF; } #panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: rgba(255, 255, 255, 0.7); transition-duration: 150ms; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; } #panel .panel-button:hover { color: #FFFFFF; } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { background-color: rgba(0, 0, 0, 0.01); box-shadow: inset 0 -2px 0px #FFFFFF; color: #FFFFFF; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { icon-shadow: none; } #panel .panel-button .system-status-icon { icon-size: 1.23077em; padding: 0 4px; } .unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { color: rgba(255, 255, 255, 0.7); } .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { color: #FFFFFF; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator { color: #FF6D00; } #calendarArea { padding: 8px 16px; } .calendar { margin-bottom: 0; } .calendar, .datemenu-today-button, .datemenu-displays-box, .message-list-sections { margin: 0 8px; } .datemenu-calendar-column { spacing: 8px; } .datemenu-displays-section { padding-bottom: 0; } .datemenu-displays-box { spacing: 8px; } .datemenu-calendar-column { border: 0 solid rgba(0, 0, 0, 0.26); } .datemenu-calendar-column:ltr { border-left-width: 0; } .datemenu-calendar-column:rtl { border-right-width: 0; } .datemenu-today-button, .world-clocks-button, .weather-button, .events-section-title { min-height: 20px; padding: 4px 8px; border-radius: 2px; } .datemenu-today-button { min-height: 48px; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .datemenu-today-button:hover, .datemenu-today-button:focus, .world-clocks-button:hover, .world-clocks-button:focus, .weather-button:hover, .weather-button:focus, .events-section-title:hover, .events-section-title:focus { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); } .datemenu-today-button:active, .world-clocks-button:active, .weather-button:active, .events-section-title:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); } .datemenu-today-button .date-label { font-size: 18pt; font-weight: 400; } .world-clocks-header, .weather-header, .events-section-title { color: rgba(255, 255, 255, 0.7); font-weight: bold; } .world-clocks-grid { spacing-rows: 0.4em; } .weather-box { spacing: 0.4em; } .calendar-month-label { height: 16px; margin: 2px; padding: 6px 16px; border-radius: 2px; color: #FFFFFF; font-weight: bold; text-align: center; } .calendar-month-label:focus { background-color: rgba(255, 255, 255, 0.12); } .pager-button { width: 28px; height: 28px; margin: 2px; border-radius: 100px; background-color: transparent; color: #FFFFFF; } .pager-button:hover, .pager-button:focus { background-color: rgba(255, 255, 255, 0.12); } .pager-button:active { background-color: rgba(255, 255, 255, 0.3); } .calendar-change-month-back { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-change-month-back:rtl { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward:rtl { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-day-base { font-size: 9pt; font-weight: 400; text-align: center; width: 28px; height: 28px; padding: 0; margin: 2px; border-radius: 100px; } .calendar-day-base:hover, .calendar-day-base:focus { background-color: rgba(255, 255, 255, 0.12); } .calendar-day-base:active { color: inherit; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; } .calendar-day-base:selected { color: #FFFFFF; background-color: #338DD6; border-color: transparent; } .calendar-day-base.calendar-day-heading { width: 28px; height: 21px; margin-top: 2px; padding: 7px 0 0; border-radius: 100px; background-color: transparent; color: rgba(255, 255, 255, 0.5); font-size: 9pt; font-weight: 400; font-weight: bold; text-align: center; } .calendar-day { border-width: 0; } .calendar-day-top { border-top-width: 0; } .calendar-day-left { border-left-width: 0; } .calendar-nonwork-day { color: #FFFFFF; } .calendar-today { font-weight: bold !important; border: none; } .calendar-day-with-events { color: #338DD6; font-weight: normal; text-decoration: underline; background-image: none; } .calendar-other-month-day { color: rgba(255, 255, 255, 0.3); opacity: 0.5; } .calendar-week-number { width: 28px; height: 21px; margin: 2px; padding: 7px 0 0; border-radius: 100px; background-color: transparent; color: rgba(255, 255, 255, 0.5); font-size: inherit; font-weight: bold; text-align: center; } /* Message list */ .message-list { width: 420px; } .message-list-clear-button.button { background-color: transparent; margin: 8px 8px 0; } .message-list-clear-button.button:hover, .message-list-clear-button.button:focus { background-color: rgba(255, 255, 255, 0.12); } .message-list-clear-button.button:active { background-color: rgba(255, 255, 255, 0.3); } .message-list-sections { spacing: 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message { min-height: 56px; background-color: transparent; border-radius: 2px; } .message:hover, .message:focus { background-color: rgba(255, 255, 255, 0.12); } .message:active { background-color: rgba(255, 255, 255, 0.3); } .message-icon-bin { padding: 8px 0px 8px 8px; } .message-icon-bin:rtl { padding: 8px 8px 8px 0px; } .message-icon-bin > StIcon { color: #FFFFFF; icon-size: 1.23077em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } .message-icon-bin > StIcon:rtl { margin: 4px 4px 4px 0px; } .message-secondary-bin { padding: 0 8px; } .message-secondary-bin > .event-time { min-height: 18px; padding-top: 2px; color: rgba(255, 255, 255, 0.7); font-size: 1em; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-bottom: 0; } .message-secondary-bin > StIcon { icon-size: 1.23077em; } .message-title { min-height: 18px; padding-top: 2px; color: #FFFFFF; font-weight: bold; font-size: 1em; } .message-content { min-height: 40px; padding: 8px; color: rgba(255, 255, 255, 0.7); font-size: 1em; } .message-content * > StIcon { icon-size: 16px; border-radius: 16px; padding: 2px; color: rgba(255, 255, 255, 0.7); } /* FIXME: how do you do this in sass? */ .message-content *:hover > StIcon, .message-content *:focus > StIcon { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); } .message-content *:active > StIcon { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); } .message-media-control { margin: 16px 0; padding: 8px; border-radius: 100px; color: rgba(255, 255, 255, 0.7); } .message-media-control:hover, .message-media-control:focus { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); } .message-media-control:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); } .message-media-control:insensitive { color: rgba(255, 255, 255, 0.3); } .message-media-control:last-child:ltr { margin-right: 16px; padding-right: 8px; } .message-media-control:last-child:rtl { margin-left: 16px; padding-left: 8px; } .media-message-cover-icon { icon-size: 32px !important; margin: 8px 0px 8px 4px !important; } .media-message-cover-icon:rtl { margin: 8px 4px 8px 0px !important; } .media-message-cover-icon.fallback { icon-size: 16px !important; padding: 8px; border: none; border-radius: 2px; background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } .system-switch-user-submenu-icon.user-icon { icon-size: 20px; padding: 0 2px; } .system-switch-user-submenu-icon.default-icon { icon-size: 16px; padding: 0 4px; } #appMenu { spinner-image: url("process-working.svg"); spacing: 4px; } #appMenu .label-shadow { color: transparent; } .aggregate-menu { min-width: 280px; } .aggregate-menu .popup-menu-icon { padding: 0 4px; } .aggregate-menu .popup-sub-menu .popup-menu-item :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; margin-left: 1.23077em; } .aggregate-menu .popup-sub-menu .popup-menu-item :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; margin-right: 1.23077em; } .system-menu-action { color: rgba(255, 255, 255, 0.7); border-radius: 100px; /* wish we could do 50% */ padding: 14px; border: none; } .system-menu-action:hover, .system-menu-action:focus { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; border: none; padding: 14px; } .system-menu-action:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .system-menu-action > StIcon { icon-size: 16px; } .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; background-color: rgba(255, 255, 255, 0.3); background-image: none; background-size: auto; } .ripple-box:rtl { border-radius: 0 0 0 48px; background-image: none; } .popup-menu-arrow { width: 16px; height: 16px; } .popup-menu-icon { icon-size: 1.23077em; } .window-close { transition-duration: 0ms; height: 32px; width: 32px; -st-background-image-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); background-image: url("assets/window-close.svg"); background-size: 32px; } .window-close:hover { -st-background-image-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .window-close:active { background-image: url("assets/window-close-active.svg"); } .window-close { -shell-close-overlap: 16px; } .window-close:rtl { -st-background-image-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .window-close:rtl:hover { -st-background-image-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } /* NETWORK DIALOGS */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: center; } .nm-dialog-airplane-text { color: #FFFFFF; } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-scroll-view { border: none; } .nm-dialog-header { font-size: 15pt; font-weight: 500; } .nm-dialog-item { font-size: 1em; border-bottom: none; border-radius: 2px; padding: 12px; spacing: 20px; } .nm-dialog-item:hover, .nm-dialog-item:focus { background-color: rgba(255, 255, 255, 0.12); } .nm-dialog-item:active { background-color: rgba(255, 255, 255, 0.3); } .nm-dialog-item:selected { background-color: #338DD6; color: #FFFFFF; } .nm-dialog-icons { spacing: .5em; } .nm-dialog-icon { icon-size: 16px; } .no-networks-label { color: rgba(255, 255, 255, 0.5); } .no-networks-box { spacing: 12px; } /* OVERVIEW */ #overview { spacing: 24px; } .overview-controls { padding-bottom: 32px; } .window-picker { -horizontal-spacing: 32px; -vertical-spacing: 32px; padding-left: 32px; padding-right: 32px; padding-bottom: 48px; } .window-picker.external-monitor { padding: 32px; } .window-clone-border { border: 4px solid rgba(255, 255, 255, 0.3); border-radius: 2px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .window-caption { spacing: 25px; color: #FFFFFF; background-color: transparent; border-radius: 2px; padding: 4px 8px; -shell-caption-spacing: 12px; } .window-caption:hover { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .search-entry { width: 304px; padding: 0 8px; border-radius: 0; color: rgba(255, 255, 255, 0.5); selection-background-color: rgba(255, 255, 255, 0.3); selected-color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #FFFFFF; padding: 0 8px; border-width: 0; color: #FFFFFF; } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 0; color: rgba(255, 255, 255, 0.5); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: #FFFFFF; } #searchResultsBin { max-width: 1000px; } #searchResultsContent { padding-left: 20px; padding-right: 20px; spacing: 16px; } .search-section { spacing: 16px; } .search-section-content { spacing: 32px; } .list-search-results { spacing: 3px; } .search-section-separator { -gradient-height: 1px; -gradient-start: rgba(255, 255, 255, 0); -gradient-end: rgba(255, 255, 255, 0.4); -margin-horizontal: 1.5em; height: 1px; } .list-search-result-content { spacing: 12px; padding: 12px; } .list-search-result-title { font-size: 18pt; font-weight: 400; color: #FFFFFF; } .list-search-result-description { color: rgba(255, 255, 255, 0.7); } .search-provider-icon { padding: 15px; } .search-provider-icon-more { width: 16px; height: 16px; background-image: url("assets/more-results.svg"); } /* DASHBOARD */ #dash { font-size: 1em; color: #FFFFFF; background-color: rgba(255, 255, 255, 0.1); padding: 3px 0; border: none; border-left: 0px; border-radius: 0px 2px 2px 0px; } #dash:rtl { border-radius: 2px 0 0 2px; } #dash .placeholder { background-image: url("assets/dash-placeholder.svg"); background-size: contain; height: 24px; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { border-radius: 2px; padding: 7px 8px; color: #FFFFFF; background-color: #424242; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-align: center; -x-offset: 8px; } /* App Vault/Grid */ .icon-grid { spacing: 30px; -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; } .icon-grid .overview-icon { icon-size: 96px; } .app-view-controls { width: 320px; padding-bottom: 32px; } .app-view-control { padding: 0 16px; font-weight: bold; color: rgba(255, 255, 255, 0.7); } .app-view-control:hover { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12) !important; } .app-view-control:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3) !important; } .app-view-control:checked { color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01) !important; box-shadow: inset 0 2px 0 #FFFFFF; } .app-view-control:first-child { border-right-width: 0; border-radius: 2px; } .app-view-control:first-child:checked { border-radius: 0; } .app-view-control:last-child { border-radius: 2px; } .app-view-control:last-child:checked { border-radius: 0; } .search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, .list-search-result:focus, .list-search-result:selected, .list-search-result:hover { background-color: rgba(255, 255, 255, 0.12); transition-duration: 0ms; } .search-provider-icon:active, .search-provider-icon:checked, .list-search-result:active, .list-search-result:checked { background-color: rgba(255, 255, 255, 0.3); transition-duration: 150ms; } .app-well-app:hover .overview-icon, .app-well-app:focus .overview-icon, .app-well-app:selected .overview-icon, .app-well-app.app-folder:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-well-app.app-folder:selected .overview-icon, .show-apps:hover .overview-icon, .show-apps:focus .overview-icon, .show-apps:selected .overview-icon, .grid-search-result:hover .overview-icon, .grid-search-result:focus .overview-icon, .grid-search-result:selected .overview-icon { background-color: rgba(255, 255, 255, 0.12); transition-duration: 0ms; border-image: none; background-image: none; } .app-well-app:active .overview-icon, .app-well-app:checked .overview-icon, .app-well-app.app-folder:active .overview-icon, .app-well-app.app-folder:checked .overview-icon, .show-apps:active .overview-icon, .show-apps:checked .overview-icon, .grid-search-result:active .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.3); box-shadow: 0 0 transparent; transition-duration: 150ms; } .app-well-app-running-dot { width: 32px; height: 2px; background-color: #FFFFFF; margin-bottom: 0; } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .app-well-app.app-folder .overview-icon, .show-apps .overview-icon, .grid-search-result .overview-icon { color: #FFFFFF; border-radius: 2px; padding: 6px; border: none; transition-duration: 150ms; text-align: center; } .app-well-app.app-folder > .overview-icon { background-color: rgba(255, 255, 255, 0.1); } .show-apps .show-apps-icon { color: rgba(255, 255, 255, 0.7); } .show-apps:hover .show-apps-icon, .show-apps:active .show-apps-icon, .show-apps:checked .show-apps-icon, .show-apps:focus .show-apps-icon { color: #FFFFFF; transition-duration: 150ms; } .app-folder-popup { -arrow-border-radius: 2px; -arrow-background-color: rgba(255, 255, 255, 0.1); -arrow-base: 24px; -arrow-rise: 12px; } .app-folder-popup-bin { padding: 5px; } .app-folder-icon { padding: 5px; spacing-rows: 5px; spacing-columns: 5px; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 12px; height: 12px; border-radius: 12px; background-image: none; background-color: rgba(255, 255, 255, 0.3); } .page-indicator:hover .page-indicator-icon { background-image: none; background-color: rgba(255, 255, 255, 0.5); } .page-indicator:active .page-indicator-icon { background-image: none; background-color: rgba(255, 255, 255, 0.7); } .page-indicator:checked .page-indicator-icon { background-image: none; background-color: #FFFFFF; transition-duration: 0ms; } .page-indicator:checked:active { background-image: none; } .app-well-app > .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label { padding: 10px 8px 5px 8px; spacing: 4px; } .workspace-thumbnails { visible-width: 32px; spacing: 12px; padding: 12px; border-radius: 2px 0 0 2px; } .workspace-thumbnails:rtl { border-radius: 0 2px 2px 0; } .workspace-thumbnails .placeholder { background-image: url("assets/dash-placeholder.svg"); background-size: contain; height: 24px; } .workspace-thumbnail-indicator { border: 0 solid #FFFFFF; border-left-width: 2px; padding: 6px; border-radius: 0; } .search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { padding: 0px 88px 10px 88px; } .workspace-thumbnails { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.1); border: none; } .search-statustext, .no-frequent-applications-label { font-size: 45px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { link-color: #338DD6; } .notification-banner { font-size: 1em; width: 34em; min-height: 56px; margin: 5px; border-radius: 2px; color: #FFFFFF; background-color: #424242; border: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .notification-banner:hover { background-color: #424242; } .notification-banner:focus { background-color: #424242; } .notification-banner .notification-icon { padding: 5px; } .notification-banner .notification-content { padding: 5px; spacing: 5px; } .notification-banner .secondary-icon { icon-size: 1.23077em; } .notification-banner .notification-actions { background-color: transparent; padding-top: 0; border-top: 1px solid rgba(0, 0, 0, 0.26); spacing: 1px; } .notification-banner .notification-button { min-height: 40px; padding: 0 16px; background-color: transparent; color: rgba(255, 255, 255, 0.7); font-weight: 500; } .notification-banner .notification-button:first-child { border-radius: 0 0 0 2px; } .notification-banner .notification-button:last-child { border-radius: 0 0 2px 0; } .notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .notification-banner .notification-button:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .summary-source-counter { font-size: 1em; font-weight: bold; height: 1.6em; width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; background-color: #338DD6; color: #FFFFFF; border: 2px solid #FFFFFF; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } .secondary-icon { icon-size: 1.23077em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: #FFFFFF; } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0px; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: rgba(255, 255, 255, 0.7); } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; font-size: 9pt; font-weight: 400; color: rgba(255, 255, 255, 0.5); } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-transient-box { spacing: 6px; padding: 2px 72px 2px 12px; } .hotplug-notification-item { padding: 2px 10px; } .hotplug-notification-item:focus { padding: 1px 71px 1px 11px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 2px 5px; } .hotplug-resident-box { spacing: 8px; } .hotplug-resident-mount { spacing: 8px; border-radius: 2px; } .hotplug-resident-mount:hover { background-color: rgba(255, 255, 255, 0.12); } .hotplug-resident-mount:active { background-color: rgba(255, 255, 255, 0.3); } .hotplug-resident-mount-label { color: inherit; padding-left: 6px; } .hotplug-resident-mount-icon { icon-size: 24px; padding-left: 6px; } .hotplug-resident-eject-icon { icon-size: 16px; } .hotplug-resident-eject-button { padding: 7px; border-radius: 2px; color: #FFFFFF; } /* Eeeky things */ .legacy-tray { background-color: rgba(0, 0, 0, 0.6); color: #FFFFFF; border: none; border-bottom-width: 0; } .legacy-tray:ltr { border-radius: 0 2px 0 0; border-left-width: 0; } .legacy-tray:rtl { border-radius: 2px 0 0 0; border-right-width: 0; } .legacy-tray-handle, .legacy-tray-icon { padding: 6px; } .legacy-tray-handle StIcon, .legacy-tray-icon StIcon { icon-size: 24px; } .legacy-tray-handle:hover, .legacy-tray-handle:focus, .legacy-tray-icon:hover, .legacy-tray-icon:focus { background-color: rgba(255, 255, 255, 0.12); } .legacy-tray-handle:active, .legacy-tray-icon:active { background-color: rgba(255, 255, 255, 0.3); } .legacy-tray-icon-box { spacing: 12px; } .legacy-tray-icon-box:ltr { padding-left: 12px; } .legacy-tray-icon-box:rtl { padding-right: 12px; } .legacy-tray-icon-box StButton { width: 24px; height: 24px; } .magnifier-zoom-region { border: 2px solid #338DD6; } .magnifier-zoom-region.full-screen { border-width: 0; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.3); } .keyboard-layout { spacing: 10px; padding: 10px; } .keyboard-row { spacing: 15px; } .keyboard-key { min-height: 64px; min-width: 64px; font-size: 2em; font-weight: 500; border-radius: 2px; border: none; color: inherit; color: rgba(255, 255, 255, 0.8); background-color: #424242; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; icon-shadow: none; } .keyboard-key:focus { color: #FFFFFF; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-key:hover, .keyboard-key:checked { color: #FFFFFF; background-color: #424242; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .keyboard-key:active { color: #FFFFFF; background-color: #7b7b7b; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .keyboard-key:grayed { background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; border-color: rgba(0, 0, 0, 0.3); } .keyboard-subkeys { color: inherit; padding: 5px; -arrow-border-radius: 0; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; -boxpointer-gap: 5px; background-color: #424242; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: rgba(255, 255, 255, 0.5); } .candidate-box:selected .candidate-index { color: rgba(255, 255, 255, 0.5); } .candidate-box { transition-duration: 0ms; min-height: 28px; padding: 0 8px; border-radius: 2px; } .candidate-box:hover { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .candidate-box:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .candidate-box:selected { background-color: #338DD6; color: #FFFFFF; } .candidate-page-button-box { height: 28px; } .vertical .candidate-page-button-box { padding-top: 0; } .horizontal .candidate-page-button-box { padding-left: 0; } .candidate-page-button { min-width: 28px; min-height: 28px; padding: 0; } .candidate-page-button-previous { border-radius: 2px; border-right-width: 0; } .candidate-page-button-next { border-radius: 2px; } .candidate-page-button-icon { icon-size: 1.23077em; } /* Auth Dialogs & Screen Shield */ .framed-user-icon { background-size: contain; border: none; color: #FFFFFF; border-radius: 2px; } .framed-user-icon:hover { border-color: #FFFFFF; color: #FFFFFF; } .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: none; background-color: transparent; } .login-dialog StEntry { color: #FFFFFF; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .login-dialog StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #FFFFFF; } .login-dialog StEntry:insensitive { color: rgba(255, 255, 255, 0.5); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { padding: 0 16px; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:insensitive { color: rgba(255, 255, 255, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default { color: rgba(255, 255, 255, 0.8); background-color: #009688; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { color: #FFFFFF; background-color: #009688; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:active { color: #FFFFFF; background-color: #4db6ac; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:insensitive { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog-logo-bin { padding: 24px 0px; } .login-dialog-banner { color: rgba(255, 255, 255, 0.7); } .login-dialog-button-box { spacing: 5px; } .login-dialog-message-warning { color: #FF6D00; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; } .login-dialog-user-selection-box { padding: 100px 0px; } .login-dialog-not-listed-label { padding-left: 2px; } .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { color: #FFFFFF; } .login-dialog-not-listed-label { font-size: 1em; font-weight: bold; color: rgba(255, 255, 255, 0.7); padding-top: 1em; } .login-dialog-not-listed-label:hover { color: #FFFFFF; } .login-dialog-not-listed-label:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; padding: .2em; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:focus { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid #FFFFFF; } .login-dialog-user-list-item { border-radius: 2px; padding: 4px 4px 0; color: rgba(255, 255, 255, 0.7); } .login-dialog-user-list-item:ltr { padding-right: 1em; } .login-dialog-user-list-item:rtl { padding-left: 1em; } .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list-item:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin: 2px 0 0 0; background-color: #FFFFFF; } .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { background-color: #FFFFFF; } .login-dialog-username, .user-widget-label { color: #FFFFFF; font-size: 15pt; font-weight: 500; text-align: left; padding-left: 15px; } .user-widget-label:ltr { padding-left: 18px; } .user-widget-label:rtl { padding-right: 18px; } .login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 8px; width: 23em; } .login-dialog-prompt-label { color: rgba(255, 255, 255, 0.5); font-size: 1em; padding-top: 1em; } .login-dialog-session-list-button StIcon { icon-size: 1.25em; } .login-dialog-session-list-button { color: rgba(255, 255, 255, 0.7); } .login-dialog-session-list-button:hover, .login-dialog-session-list-button:focus { color: #FFFFFF; } .login-dialog-session-list-button:active { color: #FFFFFF; } .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { color: white; width: 80px; height: 48px; -arrow-thickness: 12px; -arrow-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock { color: white; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-weight: normal; text-align: center; padding-bottom: 1.5em; } .screen-shield-clock-time { font-size: 112px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock-date { font-size: 45px; font-weight: 400; } .screen-shield-notifications-container { spacing: 6px; width: 30em; background-color: transparent; max-height: 500px; } .screen-shield-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .screen-shield-notifications-container .notification, .screen-shield-notifications-container .screen-shield-notification-source { padding: 8px; border: none; background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; border-radius: 2px; } .screen-shield-notifications-container .notification { margin-right: 16px; } .screen-shield-notification-label { min-height: 18px; padding: 2px 0px 0px 16px; font-weight: bold; } .screen-shield-notification-count-text { min-height: 18px; padding: 2px 0px 0px 16px; color: rgba(255, 255, 255, 0.7); } #panel.lock-screen { background-color: rgba(0, 0, 0, 0.3); } .screen-shield-background { background: black; box-shadow: 0 19px 19px rgba(0, 0, 0, 0.6), 0 15px 6px rgba(0, 0, 0, 0.44); } #lockDialogGroup { background: #303030; background-size: cover; } #LookingGlassDialog { background-color: #424242; spacing: 4px; padding: 0; border: none; border-radius: 2px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } #LookingGlassDialog > #Toolbar { padding: 0 8px; border: none; border-radius: 0; background-color: rgba(66, 66, 66, 0.01); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.26); } #LookingGlassDialog .labels { spacing: 0; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: rgba(255, 255, 255, 0.5); transition-duration: 150ms; padding-left: 16px; padding-right: 16px; min-height: 32px; padding: 0 32px; } #LookingGlassDialog .notebook-tab:hover { box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.3); color: #FFFFFF; text-shadow: none; } #LookingGlassDialog .notebook-tab:selected { border-bottom-width: 0; border-color: transparent; background-color: rgba(66, 66, 66, 0.01); box-shadow: inset 0 -2px 0px #338DD6; color: #FFFFFF; text-shadow: none; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 4px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog StEntry { selection-background-color: #338DD6; selected-color: #FFFFFF; } .lg-dialog .shell-link { color: #338DD6; } .lg-dialog .shell-link:hover { color: #338DD6; } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button { min-height: 32px; padding: 0 16px; border: none; border-radius: 2px; font-size: 9.75pt; font-weight: 500; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:hover { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:insensitive { color: rgba(255, 255, 255, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:focus { color: #FFFFFF; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .lg-obj-inspector-button:hover { border: none; } #lookingGlassExtensions { padding: 4px; } .lg-extensions-list { padding: 4px; spacing: 6px; } .lg-extension { border: none; border-radius: 2px; padding: 4px; } .lg-extension-name { font-size: 18pt; font-weight: 400; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { background: #424242; border: none; border-radius: 2px; padding: 6px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } /* Dash to Dock */ #dashtodockContainer #dash { background-color: rgba(0, 0, 0, 0.6); } #dashtodockContainer:overview #dash { background-color: rgba(255, 255, 255, 0.1); } #dashtodockContainer.extended:overview #dash { background-color: transparent; } #dashtodockContainer.left #dash, #dashtodockContainer.right #dash { padding: 3px 0; } #dashtodockContainer.top #dash, #dashtodockContainer.bottom #dash { padding: 0 3px; } #dashtodockContainer.extended #dash { padding: 0; border-radius: 0; } #dashtodockContainer.left .dash-item-container > StWidget, #dashtodockContainer.right .dash-item-container > StWidget, #dashtodockContainer.extended.left .dash-item-container > StWidget, #dashtodockContainer.extended.right .dash-item-container > StWidget { padding: 3px 6px; } #dashtodockContainer.extended.left .dash-item-container:first-child > StWidget, #dashtodockContainer.extended.right .dash-item-container:first-child > StWidget { padding: 6px 6px 3px 6px; } #dashtodockContainer.extended.left .dash-item-container:last-child > StWidget, #dashtodockContainer.extended.right .dash-item-container:last-child > StWidget { padding: 3px 6px 6px 6px; } #dashtodockContainer.top .dash-item-container > StWidget, #dashtodockContainer.bottom .dash-item-container > StWidget, #dashtodockContainer.extended.top .dash-item-container > StWidget, #dashtodockContainer.extended.bottom .dash-item-container > StWidget { padding: 6px 3px; } #dashtodockContainer.extended.top .dash-item-container:first-child > StWidget, #dashtodockContainer.extended.bottom .dash-item-container:first-child > StWidget { padding: 6px 3px 6px 6px; } #dashtodockContainer.extended.top .dash-item-container:last-child > StWidget, #dashtodockContainer.extended.bottom .dash-item-container:last-child > StWidget { padding: 6px 6px 6px 3px; } #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } #dashtodockContainer .dash-item-container > StWidget { background-size: cover; } #dashtodockContainer.left .dash-item-container > StWidget.running1 { background-image: url("assets/dash/left-running1.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running2 { background-image: url("assets/dash/left-running2.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running3 { background-image: url("assets/dash/left-running3.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running4 { background-image: url("assets/dash/left-running4.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running1 { background-image: url("assets/dash/right-running1.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running2 { background-image: url("assets/dash/right-running2.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running3 { background-image: url("assets/dash/right-running3.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running4 { background-image: url("assets/dash/right-running4.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running1 { background-image: url("assets/dash/top-running1.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running2 { background-image: url("assets/dash/top-running2.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running3 { background-image: url("assets/dash/top-running3.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running4 { background-image: url("assets/dash/top-running4.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running1 { background-image: url("assets/dash/bottom-running1.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running2 { background-image: url("assets/dash/bottom-running2.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running3 { background-image: url("assets/dash/bottom-running3.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running4 { background-image: url("assets/dash/bottom-running4.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/bottom-running4-focused.svg"); } /* Simple Dock */ #dash:desktop { background-color: rgba(0, 0, 0, 0.6); } /* GPaste */ .popup-menu .search-entry { color: #FFFFFF; selection-background-color: #338DD6; selected-color: #FFFFFF; background-color: rgba(66, 66, 66, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .popup-menu .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #338DD6; color: #FFFFFF; } .popup-menu .search-entry .search-entry-icon { color: rgba(255, 255, 255, 0.5); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { color: #FFFFFF; } materia-theme-20180321/src/gnome-shell/3.24/gnome-shell-dark-compact.scss000066400000000000000000000004131325420104000255240ustar00rootroot00000000000000$variant: 'dark'; $titlebar: 'dark'; $compact: 'true'; @import '../../_sass/gnome-shell/variables'; @import '../../_sass/colors'; @import '../../_sass/gnome-shell/drawing'; @import '../../_sass/gnome-shell/common-3.24'; @import '../../_sass/gnome-shell/extensions'; materia-theme-20180321/src/gnome-shell/3.24/gnome-shell-dark.css000066400000000000000000001755051325420104000237340ustar00rootroot00000000000000/* This stylesheet is generated, DO NOT EDIT */ /* Copyright 2009, 2015 Red Hat, Inc. * * Portions adapted from Mx's data/style/default.css * Copyright 2009 Intel Corporation * * This program is free software; you can redistribute it and/or modify it * under the terms and conditions of the GNU Lesser General Public License, * version 2.1, as published by the Free Software Foundation. * * This program is distributed in the hope it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for * more details. * * You should have received a copy of the GNU Lesser General Public License * along with this program; if not, write to the Free Software Foundation, * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. */ /* GLOBALS */ * { transition-duration: 150ms; } stage { font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; font-size: 10.5pt; font-weight: 400; color: #FFFFFF; } /* WIDGETS */ /* Buttons */ .button { min-height: 36px; padding: 0 16px; border-width: 0; border-radius: 2px; font-size: 10.5pt; font-weight: 500; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:hover { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:insensitive { color: rgba(255, 255, 255, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:focus { color: #FFFFFF; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .modal-dialog-linked-button { min-height: 40px; padding: 0 16px; border-top: 1px solid rgba(0, 0, 0, 0.26) !important; border-right-width: 0; font-size: 10.5pt; font-weight: 500; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:hover { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:insensitive { color: rgba(255, 255, 255, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:focus { color: #FFFFFF; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .modal-dialog-linked-button:first-child { border-radius: 0px 0px 0px 2px; } .modal-dialog-linked-button:last-child { border-right-width: 0px; border-radius: 0px 0px 2px 0px; } .modal-dialog-linked-button:first-child:last-child { border-right-width: 0px; border-radius: 0px 0px 2px 2px; } /* Entries */ StEntry { min-height: 36px; padding: 0 8px; border-radius: 0; border-width: 0; color: #FFFFFF; selection-background-color: #338DD6; selected-color: #FFFFFF; font-size: 12pt; font-weight: 400; background-color: rgba(66, 66, 66, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #338DD6; } StEntry:insensitive { color: rgba(255, 255, 255, 0.5); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); } StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #FF6D00; padding: 0 0; } /* Scrollbars */ StScrollView.vfade { -st-vfade-offset: 32px; } StScrollView.hfade { -st-hfade-offset: 32px; } StScrollBar { padding: 0; } StScrollView StScrollBar { min-width: 16px; min-height: 16px; } StScrollBar StBin#trough { margin: 4px; border-radius: 100px; background-color: rgba(255, 255, 255, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 100px; background-color: rgba(255, 255, 255, 0.5); margin: 4px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(255, 255, 255, 0.7); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: #FFFFFF; } #overview StScrollBar StBin#trough, #screenShieldNotifications StScrollBar StBin#trough { background-color: rgba(255, 255, 255, 0.12); } #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#hhandle, #screenShieldNotifications StScrollBar StButton#hhandle { background-color: rgba(255, 255, 255, 0.5); } #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#hhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { background-color: rgba(255, 255, 255, 0.7); } #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#hhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { background-color: #FFFFFF; } /* Slider */ .slider { height: 20px; color: #009688; -slider-height: 2px; -slider-background-color: rgba(255, 255, 255, 0.3); -slider-border-color: transparent; -slider-active-background-color: #009688; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 7px; } /* Check Boxes */ .check-box * { min-height: 20px; padding: 8px 0; } .check-box StBoxLayout { spacing: 8px; } .check-box StBin { width: 24px; height: 24px; padding: 6px; border-radius: 100px; background-image: url("assets/checkbox-off.svg"); } .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } .check-box:hover StBin { background-color: rgba(255, 255, 255, 0.12); } .check-box:active StBin { background-color: rgba(255, 255, 255, 0.3); } .check-box:checked StBin { background-image: url("assets/checkbox.svg"); } .check-box:focus:checked StBin { background-image: url("assets/checkbox.svg"); } .check-box:hover:checked StBin { background-color: rgba(0, 150, 136, 0.15); } .check-box:active:checked StBin { background-color: rgba(0, 150, 136, 0.3); } /* Switches */ .toggle-switch { width: 40px; height: 20px; background-size: contain; } .toggle-switch-us { background-image: url("assets/toggle-off.svg"); } .toggle-switch-us:checked { background-image: url("assets/toggle-on.svg"); } .toggle-switch-intl { background-image: url("assets/toggle-off.svg"); } .toggle-switch-intl:checked { background-image: url("assets/toggle-on.svg"); } /* links */ .shell-link { border-radius: 2px; color: #338DD6; } .shell-link:hover { color: #338DD6; background-color: rgba(51, 141, 214, 0.15); } .shell-link:active { color: #338DD6; background-color: rgba(51, 141, 214, 0.3); } /* Modal Dialogs */ .headline { font-size: 15pt; font-weight: 500; } .lightbox { background-color: black; } .flashspot { background-color: white; } .modal-dialog { border-radius: 2px; color: #FFFFFF; background-color: #424242; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } .modal-dialog .modal-dialog-content-box { padding: 24px; } .modal-dialog .run-dialog-entry { width: 20em; margin-bottom: 6px; } .modal-dialog .run-dialog-error-box { padding-top: 16px; spacing: 6px; } .modal-dialog .run-dialog-button-box { padding-top: 1em; } .modal-dialog .run-dialog-label { font-size: 1em; font-weight: normal; color: rgba(255, 255, 255, 0.5); padding-bottom: .4em; } .show-processes-dialog-subject, .mount-question-dialog-subject, .end-session-dialog-subject { font-size: 15pt; font-weight: 500; } /* End Session Dialog */ .end-session-dialog { spacing: 42px; border: none; } .end-session-dialog-list { padding-top: 20px; } .end-session-dialog-layout { padding-left: 17px; } .end-session-dialog-layout:rtl { padding-right: 17px; } .end-session-dialog-description { width: 28em; padding-bottom: 10px; } .end-session-dialog-description:rtl { text-align: right; } .end-session-dialog-warning { width: 28em; color: #FF6D00; padding-top: 6px; } .end-session-dialog-warning:rtl { text-align: right; } .end-session-dialog-logout-icon { border-radius: 5px; width: 48px; height: 48px; background-size: contain; } .end-session-dialog-shutdown-icon { color: rgba(255, 255, 255, 0.5); width: 48px; height: 48px; } .end-session-dialog-inhibitor-layout { spacing: 16px; max-height: 200px; padding-right: 65px; padding-left: 65px; } .end-session-dialog-session-list, .end-session-dialog-app-list { spacing: 1em; } .end-session-dialog-list-header { font-weight: bold; } .end-session-dialog-list-header:rtl { text-align: right; } .end-session-dialog-app-list-item, .end-session-dialog-session-list-item { spacing: 1em; } .end-session-dialog-app-list-item-name, .end-session-dialog-session-list-item-name { font-weight: bold; } .end-session-dialog-app-list-item-description { color: rgba(255, 255, 255, 0.5); font-size: 1em; } /* ShellMountOperation Dialogs */ .shell-mount-operation-icon { icon-size: 48px; } .show-processes-dialog, .mount-question-dialog { spacing: 24px; } .show-processes-dialog-subject, .mount-question-dialog-subject { padding-top: 10px; padding-left: 17px; padding-bottom: 6px; } .mount-question-dialog-subject { max-width: 34em; } .show-processes-dialog-subject:rtl, .mount-question-dialog-subject:rtl { padding-left: 0px; padding-right: 17px; } .show-processes-dialog-description, .mount-question-dialog-description { padding-left: 17px; width: 28em; } .show-processes-dialog-description:rtl, .mount-question-dialog-description:rtl { padding-right: 17px; } .show-processes-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 49px; padding-right: 32px; } .show-processes-dialog-app-list:rtl { padding-right: 49px; padding-left: 32px; } .show-processes-dialog-app-list-item { color: #FFFFFF; } .show-processes-dialog-app-list-item:hover { color: #FFFFFF; } .show-processes-dialog-app-list-item:ltr { padding-right: 1em; } .show-processes-dialog-app-list-item:rtl { padding-left: 1em; } .show-processes-dialog-app-list-item-icon:ltr { padding-right: 17px; } .show-processes-dialog-app-list-item-icon:rtl { padding-left: 17px; } .show-processes-dialog-app-list-item-name { font-size: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { width: 34em; border: none; } .prompt-dialog-main-layout { spacing: 24px; padding: 10px; } .prompt-dialog-message-layout { spacing: 16px; } .prompt-dialog-headline { font-size: 15pt; font-weight: 500; color: #FFFFFF; } .prompt-dialog-description:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label { font-size: 1em; color: #DD2C00; padding-bottom: 8px; } .prompt-dialog-info-label { font-size: 1em; padding-bottom: 8px; } .hidden { color: transparent; } .prompt-dialog-null-label { font-size: 1em; padding-bottom: 8px; } /* Polkit Dialog */ .polkit-dialog-user-layout { padding-left: 10px; spacing: 10px; } .polkit-dialog-user-layout:rtl { padding-left: 0px; padding-right: 10px; } .polkit-dialog-user-root-label { color: #FF6D00; } .polkit-dialog-user-icon { border-radius: 5px; background-size: contain; width: 48px; height: 48px; } /* Audio selection dialog */ .audio-device-selection-dialog { spacing: 30px; } .audio-selection-content { spacing: 20px; padding: 24px; } .audio-selection-title { font-weight: bold; text-align: center; } .audio-selection-box { spacing: 20px; } .audio-selection-device { border: 1px solid rgba(0, 0, 0, 0.26); border-radius: 2px; } .audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { background-color: #338DD6; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* Access Dialog */ .access-dialog { spacing: 30px; } .access-dialog-main-layout { padding: 12px 20px 0; spacing: 12px; } .access-dialog-content { max-width: 28em; spacing: 20px; } .access-dialog-icon { min-width: 48px; icon-size: 48px; } .access-dialog-title { font-weight: bold; } .access-dialog-subtitle { color: rgba(255, 255, 255, 0.5); font-weight: bold; } /* Geolocation Dialog */ .geolocation-dialog { spacing: 30px; } .geolocation-dialog-main-layout { spacing: 12px; } .geolocation-dialog-content { spacing: 20px; } .geolocation-dialog-icon { icon-size: 48px; } .geolocation-dialog-title { font-weight: bold; } .geolocation-dialog-reason { color: rgba(255, 255, 255, 0.5); font-weight: bold; } /* Network Agent Dialog */ .network-dialog-secret-table { spacing-rows: 15px; spacing-columns: 1em; } .keyring-dialog-control-table { spacing-rows: 15px; spacing-columns: 1em; } /* Popovers/Menus */ .popup-menu { min-width: 200px; } .popup-menu .popup-sub-menu { background-color: #303030; box-shadow: 0 0 transparent; } .popup-menu .popup-menu-content { padding: 8px 0; } .popup-menu .popup-menu-item { spacing: 8px; transition-duration: 100ms; } .popup-menu .popup-menu-item:ltr { padding: 0.4em 24px 0.4em 0; } .popup-menu .popup-menu-item:rtl { padding: 0.4em 0 0.4em 24px; } .popup-menu .popup-menu-item:checked { background-color: #338DD6; color: #FFFFFF; box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { background-color: #529edc; color: #FFFFFF; } .popup-menu .popup-menu-item:checked:active { background-color: #70afe2; color: #FFFFFF !important; } .popup-menu .popup-menu-item:checked:insensitive { color: rgba(255, 255, 255, 0.5); } .popup-menu .popup-menu-item.selected { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; transition-duration: 0ms; } .popup-menu .popup-menu-item:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; transition-duration: 150ms; } .popup-menu .popup-menu-item.selected:active { color: #FFFFFF; } .popup-menu .popup-menu-item:insensitive { color: rgba(255, 255, 255, 0.5); } .popup-menu .popup-inactive-menu-item { color: #FFFFFF; } .popup-menu .popup-inactive-menu-item:insensitive { color: rgba(255, 255, 255, 0.5); } .popup-menu.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-border-radius: 0; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; -arrow-box-shadow: none; margin: 5px 8px 8px; background-color: #424242; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .popup-separator-menu-item { height: 1px; margin: 8px 40px; background-color: transparent; border-color: rgba(0, 0, 0, 0.26); border-bottom-width: 1px; border-bottom-style: solid; } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } /* fallback menu - odd thing for styling App menu when apparently not running under shell. Light Adwaita styled app menu inside the main app window itself rather than the top bar */ /* OSD */ .osd-window { text-align: center; font-weight: bold; spacing: 1em; margin: 32px; min-width: 64px; min-height: 64px; } .osd-window .osd-monitor-label { font-size: 45px; font-weight: 400; } .osd-window .level { height: 8px; border-radius: 0; background-color: rgba(51, 141, 214, 0.3); color: #FFFFFF; } .osd-window .level-bar { background-color: #338DD6; border-radius: 0; } /* Pad OSD */ .pad-osd-window { padding: 32px; background-color: rgba(0, 0, 0, 0.6); } .pad-osd-window .pad-osd-title-box { spacing: 12px; } .pad-osd-window .pad-osd-title-menu-box { spacing: 6px; } .combo-box-label { width: 15em; } /* App Switcher */ .switcher-popup { padding: 8px; spacing: 16px; } .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { padding: 8px; border-radius: 2px; } .switcher-list .item-box:outlined { padding: 8px; border: none; background-color: rgba(255, 255, 255, 0.12); } .switcher-list .item-box:selected { background-color: #338DD6; color: #FFFFFF; } .switcher-list .thumbnail-box { padding: 2px; spacing: 4px; } .switcher-list .thumbnail { width: 256px; } .switcher-list .separator { width: 1px; background: rgba(0, 0, 0, 0.26); } .switcher-arrow { border-color: transparent; color: rgba(255, 255, 255, 0.5); } .switcher-arrow:highlighted { color: #FFFFFF; } .input-source-switcher-symbol { font-size: 45px; font-weight: 400; width: 96px; height: 96px; } /* Window Cycler */ .cycler-highlight { border: 4px solid #338DD6; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher { background: transparent; border: 0px; border-radius: 0px; padding: 0px; spacing: 8px; } .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; background-color: #338DD6; color: #FFFFFF; background-size: 32px; border-radius: 2px; } .ws-switcher-box { height: 48px; border: none; background: rgba(255, 255, 255, 0.12); border-radius: 2px; } .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { color: #FFFFFF; background-color: #424242; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); border-radius: 2px; padding: 12px; } /* Tiled window previews */ .tile-preview { background-color: rgba(64, 196, 255, 0.3); border: 1px solid #40C4FF; } .tile-preview-left.on-primary { border-radius: 0 0 0 0; } .tile-preview-right.on-primary { border-radius: 0 0 0 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0 0 0 0; } /* TOP BAR */ #panel { background-color: #212121; font-weight: bold; height: 32px; } #panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { background-color: transparent; } #panel #panelLeft, #panel #panelCenter { spacing: 0; } #panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: rgba(0, 0, 0, 0.6); -panel-corner-border-width: 2px; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: #FFFFFF; } #panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: rgba(255, 255, 255, 0.7); transition-duration: 150ms; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; } #panel .panel-button:hover { color: #FFFFFF; } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { background-color: rgba(0, 0, 0, 0.01); box-shadow: inset 0 -2px 0px #FFFFFF; color: #FFFFFF; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { icon-shadow: none; } #panel .panel-button .system-status-icon { icon-size: 1.14286em; padding: 0 4px; } .unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { color: rgba(255, 255, 255, 0.7); } .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { color: #FFFFFF; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator { color: #FF6D00; } #calendarArea { padding: 8px 16px; } .calendar { margin-bottom: 0; } .calendar, .datemenu-today-button, .datemenu-displays-box, .message-list-sections { margin: 0 8px; } .datemenu-calendar-column { spacing: 8px; } .datemenu-displays-section { padding-bottom: 0; } .datemenu-displays-box { spacing: 8px; } .datemenu-calendar-column { border: 0 solid rgba(0, 0, 0, 0.26); } .datemenu-calendar-column:ltr { border-left-width: 0; } .datemenu-calendar-column:rtl { border-right-width: 0; } .datemenu-today-button, .world-clocks-button, .weather-button, .events-section-title { min-height: 24px; padding: 4px 8px; border-radius: 2px; } .datemenu-today-button { min-height: 56px; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .datemenu-today-button:hover, .datemenu-today-button:focus, .world-clocks-button:hover, .world-clocks-button:focus, .weather-button:hover, .weather-button:focus, .events-section-title:hover, .events-section-title:focus { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); } .datemenu-today-button:active, .world-clocks-button:active, .weather-button:active, .events-section-title:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); } .datemenu-today-button .date-label { font-size: 18pt; font-weight: 400; } .world-clocks-header, .weather-header, .events-section-title { color: rgba(255, 255, 255, 0.7); font-weight: bold; } .world-clocks-grid { spacing-rows: 0.4em; } .weather-box { spacing: 0.4em; } .calendar-month-label { height: 20px; margin: 2px; padding: 6px 16px; border-radius: 2px; color: #FFFFFF; font-weight: bold; text-align: center; } .calendar-month-label:focus { background-color: rgba(255, 255, 255, 0.12); } .pager-button { width: 32px; height: 32px; margin: 2px; border-radius: 100px; background-color: transparent; color: #FFFFFF; } .pager-button:hover, .pager-button:focus { background-color: rgba(255, 255, 255, 0.12); } .pager-button:active { background-color: rgba(255, 255, 255, 0.3); } .calendar-change-month-back { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-change-month-back:rtl { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward:rtl { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-day-base { font-size: 9pt; font-weight: 400; text-align: center; width: 32px; height: 32px; padding: 0; margin: 2px; border-radius: 100px; } .calendar-day-base:hover, .calendar-day-base:focus { background-color: rgba(255, 255, 255, 0.12); } .calendar-day-base:active { color: inherit; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; } .calendar-day-base:selected { color: #FFFFFF; background-color: #338DD6; border-color: transparent; } .calendar-day-base.calendar-day-heading { width: 32px; height: 25px; margin-top: 2px; padding: 7px 0 0; border-radius: 100px; background-color: transparent; color: rgba(255, 255, 255, 0.5); font-size: 9pt; font-weight: 400; font-weight: bold; text-align: center; } .calendar-day { border-width: 0; } .calendar-day-top { border-top-width: 0; } .calendar-day-left { border-left-width: 0; } .calendar-nonwork-day { color: #FFFFFF; } .calendar-today { font-weight: bold !important; border: none; } .calendar-day-with-events { color: #338DD6; font-weight: normal; text-decoration: underline; background-image: none; } .calendar-other-month-day { color: rgba(255, 255, 255, 0.3); opacity: 0.5; } .calendar-week-number { width: 32px; height: 25px; margin: 2px; padding: 7px 0 0; border-radius: 100px; background-color: transparent; color: rgba(255, 255, 255, 0.5); font-size: inherit; font-weight: bold; text-align: center; } /* Message list */ .message-list { width: 420px; } .message-list-clear-button.button { background-color: transparent; margin: 8px 8px 0; } .message-list-clear-button.button:hover, .message-list-clear-button.button:focus { background-color: rgba(255, 255, 255, 0.12); } .message-list-clear-button.button:active { background-color: rgba(255, 255, 255, 0.3); } .message-list-sections { spacing: 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message { min-height: 64px; background-color: transparent; border-radius: 2px; } .message:hover, .message:focus { background-color: rgba(255, 255, 255, 0.12); } .message:active { background-color: rgba(255, 255, 255, 0.3); } .message-icon-bin { padding: 8px 0px 8px 8px; } .message-icon-bin:rtl { padding: 8px 8px 8px 0px; } .message-icon-bin > StIcon { color: #FFFFFF; icon-size: 1.14286em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } .message-icon-bin > StIcon:rtl { margin: 4px 4px 4px 0px; } .message-secondary-bin { padding: 0 8px; } .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; color: rgba(255, 255, 255, 0.7); font-size: 1em; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-bottom: 0; } .message-secondary-bin > StIcon { icon-size: 1.14286em; } .message-title { min-height: 22px; padding-top: 2px; color: #FFFFFF; font-weight: bold; font-size: 1em; } .message-content { min-height: 48px; padding: 8px; color: rgba(255, 255, 255, 0.7); font-size: 1em; } .message-content * > StIcon { icon-size: 16px; border-radius: 16px; padding: 4px; color: rgba(255, 255, 255, 0.7); } /* FIXME: how do you do this in sass? */ .message-content *:hover > StIcon, .message-content *:focus > StIcon { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); } .message-content *:active > StIcon { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); } .message-media-control { margin: 16px 0; padding: 8px; border-radius: 100px; color: rgba(255, 255, 255, 0.7); } .message-media-control:hover, .message-media-control:focus { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); } .message-media-control:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); } .message-media-control:insensitive { color: rgba(255, 255, 255, 0.3); } .message-media-control:last-child:ltr { margin-right: 16px; padding-right: 8px; } .message-media-control:last-child:rtl { margin-left: 16px; padding-left: 8px; } .media-message-cover-icon { icon-size: 32px !important; margin: 8px 0px 8px 4px !important; } .media-message-cover-icon:rtl { margin: 8px 4px 8px 0px !important; } .media-message-cover-icon.fallback { icon-size: 16px !important; padding: 8px; border: none; border-radius: 2px; background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } .system-switch-user-submenu-icon.user-icon { icon-size: 20px; padding: 0 2px; } .system-switch-user-submenu-icon.default-icon { icon-size: 16px; padding: 0 4px; } #appMenu { spinner-image: url("process-working.svg"); spacing: 4px; } #appMenu .label-shadow { color: transparent; } .aggregate-menu { min-width: 280px; } .aggregate-menu .popup-menu-icon { padding: 0 4px; } .aggregate-menu .popup-sub-menu .popup-menu-item :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; margin-left: 1.14286em; } .aggregate-menu .popup-sub-menu .popup-menu-item :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; margin-right: 1.14286em; } .system-menu-action { color: rgba(255, 255, 255, 0.7); border-radius: 100px; /* wish we could do 50% */ padding: 16px; border: none; } .system-menu-action:hover, .system-menu-action:focus { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; border: none; padding: 16px; } .system-menu-action:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .system-menu-action > StIcon { icon-size: 16px; } .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; background-color: rgba(255, 255, 255, 0.3); background-image: none; background-size: auto; } .ripple-box:rtl { border-radius: 0 0 0 48px; background-image: none; } .popup-menu-arrow { width: 16px; height: 16px; } .popup-menu-icon { icon-size: 1.14286em; } .window-close { transition-duration: 0ms; height: 36px; width: 36px; -st-background-image-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); background-image: url("assets/window-close.svg"); background-size: 36px; } .window-close:hover { -st-background-image-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .window-close:active { background-image: url("assets/window-close-active.svg"); } .window-close { -shell-close-overlap: 18px; } .window-close:rtl { -st-background-image-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .window-close:rtl:hover { -st-background-image-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } /* NETWORK DIALOGS */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: center; } .nm-dialog-airplane-text { color: #FFFFFF; } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-scroll-view { border: none; } .nm-dialog-header { font-size: 15pt; font-weight: 500; } .nm-dialog-item { font-size: 1em; border-bottom: none; border-radius: 2px; padding: 12px; spacing: 20px; } .nm-dialog-item:hover, .nm-dialog-item:focus { background-color: rgba(255, 255, 255, 0.12); } .nm-dialog-item:active { background-color: rgba(255, 255, 255, 0.3); } .nm-dialog-item:selected { background-color: #338DD6; color: #FFFFFF; } .nm-dialog-icons { spacing: .5em; } .nm-dialog-icon { icon-size: 16px; } .no-networks-label { color: rgba(255, 255, 255, 0.5); } .no-networks-box { spacing: 12px; } /* OVERVIEW */ #overview { spacing: 24px; } .overview-controls { padding-bottom: 32px; } .window-picker { -horizontal-spacing: 32px; -vertical-spacing: 32px; padding-left: 32px; padding-right: 32px; padding-bottom: 48px; } .window-picker.external-monitor { padding: 32px; } .window-clone-border { border: 4px solid rgba(255, 255, 255, 0.3); border-radius: 2px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .window-caption { spacing: 25px; color: #FFFFFF; background-color: transparent; border-radius: 2px; padding: 4px 8px; -shell-caption-spacing: 12px; } .window-caption:hover { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .search-entry { width: 304px; padding: 0 8px; border-radius: 0; color: rgba(255, 255, 255, 0.5); selection-background-color: rgba(255, 255, 255, 0.3); selected-color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #FFFFFF; padding: 0 8px; border-width: 0; color: #FFFFFF; } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 0; color: rgba(255, 255, 255, 0.5); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: #FFFFFF; } #searchResultsBin { max-width: 1000px; } #searchResultsContent { padding-left: 20px; padding-right: 20px; spacing: 16px; } .search-section { spacing: 16px; } .search-section-content { spacing: 32px; } .list-search-results { spacing: 3px; } .search-section-separator { -gradient-height: 1px; -gradient-start: rgba(255, 255, 255, 0); -gradient-end: rgba(255, 255, 255, 0.4); -margin-horizontal: 1.5em; height: 1px; } .list-search-result-content { spacing: 12px; padding: 12px; } .list-search-result-title { font-size: 18pt; font-weight: 400; color: #FFFFFF; } .list-search-result-description { color: rgba(255, 255, 255, 0.7); } .search-provider-icon { padding: 15px; } .search-provider-icon-more { width: 16px; height: 16px; background-image: url("assets/more-results.svg"); } /* DASHBOARD */ #dash { font-size: 1em; color: #FFFFFF; background-color: rgba(255, 255, 255, 0.1); padding: 3px 0; border: none; border-left: 0px; border-radius: 0px 2px 2px 0px; } #dash:rtl { border-radius: 2px 0 0 2px; } #dash .placeholder { background-image: url("assets/dash-placeholder.svg"); background-size: contain; height: 24px; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { border-radius: 2px; padding: 7px 8px; color: #FFFFFF; background-color: #424242; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-align: center; -x-offset: 8px; } /* App Vault/Grid */ .icon-grid { spacing: 30px; -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; } .icon-grid .overview-icon { icon-size: 96px; } .app-view-controls { width: 320px; padding-bottom: 32px; } .app-view-control { padding: 0 16px; font-weight: bold; color: rgba(255, 255, 255, 0.7); } .app-view-control:hover { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12) !important; } .app-view-control:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3) !important; } .app-view-control:checked { color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01) !important; box-shadow: inset 0 2px 0 #FFFFFF; } .app-view-control:first-child { border-right-width: 0; border-radius: 2px; } .app-view-control:first-child:checked { border-radius: 0; } .app-view-control:last-child { border-radius: 2px; } .app-view-control:last-child:checked { border-radius: 0; } .search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, .list-search-result:focus, .list-search-result:selected, .list-search-result:hover { background-color: rgba(255, 255, 255, 0.12); transition-duration: 0ms; } .search-provider-icon:active, .search-provider-icon:checked, .list-search-result:active, .list-search-result:checked { background-color: rgba(255, 255, 255, 0.3); transition-duration: 150ms; } .app-well-app:hover .overview-icon, .app-well-app:focus .overview-icon, .app-well-app:selected .overview-icon, .app-well-app.app-folder:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-well-app.app-folder:selected .overview-icon, .show-apps:hover .overview-icon, .show-apps:focus .overview-icon, .show-apps:selected .overview-icon, .grid-search-result:hover .overview-icon, .grid-search-result:focus .overview-icon, .grid-search-result:selected .overview-icon { background-color: rgba(255, 255, 255, 0.12); transition-duration: 0ms; border-image: none; background-image: none; } .app-well-app:active .overview-icon, .app-well-app:checked .overview-icon, .app-well-app.app-folder:active .overview-icon, .app-well-app.app-folder:checked .overview-icon, .show-apps:active .overview-icon, .show-apps:checked .overview-icon, .grid-search-result:active .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.3); box-shadow: 0 0 transparent; transition-duration: 150ms; } .app-well-app-running-dot { width: 32px; height: 2px; background-color: #FFFFFF; margin-bottom: 0; } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .app-well-app.app-folder .overview-icon, .show-apps .overview-icon, .grid-search-result .overview-icon { color: #FFFFFF; border-radius: 2px; padding: 6px; border: none; transition-duration: 150ms; text-align: center; } .app-well-app.app-folder > .overview-icon { background-color: rgba(255, 255, 255, 0.1); } .show-apps .show-apps-icon { color: rgba(255, 255, 255, 0.7); } .show-apps:hover .show-apps-icon, .show-apps:active .show-apps-icon, .show-apps:checked .show-apps-icon, .show-apps:focus .show-apps-icon { color: #FFFFFF; transition-duration: 150ms; } .app-folder-popup { -arrow-border-radius: 2px; -arrow-background-color: rgba(255, 255, 255, 0.1); -arrow-base: 24px; -arrow-rise: 12px; } .app-folder-popup-bin { padding: 5px; } .app-folder-icon { padding: 5px; spacing-rows: 5px; spacing-columns: 5px; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 12px; height: 12px; border-radius: 12px; background-image: none; background-color: rgba(255, 255, 255, 0.3); } .page-indicator:hover .page-indicator-icon { background-image: none; background-color: rgba(255, 255, 255, 0.5); } .page-indicator:active .page-indicator-icon { background-image: none; background-color: rgba(255, 255, 255, 0.7); } .page-indicator:checked .page-indicator-icon { background-image: none; background-color: #FFFFFF; transition-duration: 0ms; } .page-indicator:checked:active { background-image: none; } .app-well-app > .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label { padding: 10px 8px 5px 8px; spacing: 4px; } .workspace-thumbnails { visible-width: 32px; spacing: 12px; padding: 12px; border-radius: 2px 0 0 2px; } .workspace-thumbnails:rtl { border-radius: 0 2px 2px 0; } .workspace-thumbnails .placeholder { background-image: url("assets/dash-placeholder.svg"); background-size: contain; height: 24px; } .workspace-thumbnail-indicator { border: 0 solid #FFFFFF; border-left-width: 2px; padding: 6px; border-radius: 0; } .search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { padding: 0px 88px 10px 88px; } .workspace-thumbnails { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.1); border: none; } .search-statustext, .no-frequent-applications-label { font-size: 45px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { link-color: #338DD6; } .notification-banner { font-size: 1em; width: 34em; min-height: 64px; margin: 5px; border-radius: 2px; color: #FFFFFF; background-color: #424242; border: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .notification-banner:hover { background-color: #424242; } .notification-banner:focus { background-color: #424242; } .notification-banner .notification-icon { padding: 5px; } .notification-banner .notification-content { padding: 5px; spacing: 5px; } .notification-banner .secondary-icon { icon-size: 1.14286em; } .notification-banner .notification-actions { background-color: transparent; padding-top: 0; border-top: 1px solid rgba(0, 0, 0, 0.26); spacing: 1px; } .notification-banner .notification-button { min-height: 40px; padding: 0 16px; background-color: transparent; color: rgba(255, 255, 255, 0.7); font-weight: 500; } .notification-banner .notification-button:first-child { border-radius: 0 0 0 2px; } .notification-banner .notification-button:last-child { border-radius: 0 0 2px 0; } .notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .notification-banner .notification-button:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .summary-source-counter { font-size: 1em; font-weight: bold; height: 1.6em; width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; background-color: #338DD6; color: #FFFFFF; border: 2px solid #FFFFFF; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } .secondary-icon { icon-size: 1.14286em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: #FFFFFF; } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0px; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: rgba(255, 255, 255, 0.7); } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; font-size: 9pt; font-weight: 400; color: rgba(255, 255, 255, 0.5); } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-transient-box { spacing: 6px; padding: 2px 72px 2px 12px; } .hotplug-notification-item { padding: 2px 10px; } .hotplug-notification-item:focus { padding: 1px 71px 1px 11px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 2px 5px; } .hotplug-resident-box { spacing: 8px; } .hotplug-resident-mount { spacing: 8px; border-radius: 2px; } .hotplug-resident-mount:hover { background-color: rgba(255, 255, 255, 0.12); } .hotplug-resident-mount:active { background-color: rgba(255, 255, 255, 0.3); } .hotplug-resident-mount-label { color: inherit; padding-left: 6px; } .hotplug-resident-mount-icon { icon-size: 24px; padding-left: 6px; } .hotplug-resident-eject-icon { icon-size: 16px; } .hotplug-resident-eject-button { padding: 7px; border-radius: 2px; color: #FFFFFF; } /* Eeeky things */ .legacy-tray { background-color: rgba(0, 0, 0, 0.6); color: #FFFFFF; border: none; border-bottom-width: 0; } .legacy-tray:ltr { border-radius: 0 2px 0 0; border-left-width: 0; } .legacy-tray:rtl { border-radius: 2px 0 0 0; border-right-width: 0; } .legacy-tray-handle, .legacy-tray-icon { padding: 6px; } .legacy-tray-handle StIcon, .legacy-tray-icon StIcon { icon-size: 24px; } .legacy-tray-handle:hover, .legacy-tray-handle:focus, .legacy-tray-icon:hover, .legacy-tray-icon:focus { background-color: rgba(255, 255, 255, 0.12); } .legacy-tray-handle:active, .legacy-tray-icon:active { background-color: rgba(255, 255, 255, 0.3); } .legacy-tray-icon-box { spacing: 12px; } .legacy-tray-icon-box:ltr { padding-left: 12px; } .legacy-tray-icon-box:rtl { padding-right: 12px; } .legacy-tray-icon-box StButton { width: 24px; height: 24px; } .magnifier-zoom-region { border: 2px solid #338DD6; } .magnifier-zoom-region.full-screen { border-width: 0; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.3); } .keyboard-layout { spacing: 10px; padding: 10px; } .keyboard-row { spacing: 15px; } .keyboard-key { min-height: 72px; min-width: 72px; font-size: 2em; font-weight: 500; border-radius: 2px; border: none; color: inherit; color: rgba(255, 255, 255, 0.8); background-color: #424242; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; icon-shadow: none; } .keyboard-key:focus { color: #FFFFFF; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-key:hover, .keyboard-key:checked { color: #FFFFFF; background-color: #424242; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .keyboard-key:active { color: #FFFFFF; background-color: #7b7b7b; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .keyboard-key:grayed { background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; border-color: rgba(0, 0, 0, 0.3); } .keyboard-subkeys { color: inherit; padding: 5px; -arrow-border-radius: 0; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; -boxpointer-gap: 5px; background-color: #424242; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: rgba(255, 255, 255, 0.5); } .candidate-box:selected .candidate-index { color: rgba(255, 255, 255, 0.5); } .candidate-box { transition-duration: 0ms; min-height: 32px; padding: 0 8px; border-radius: 2px; } .candidate-box:hover { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .candidate-box:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .candidate-box:selected { background-color: #338DD6; color: #FFFFFF; } .candidate-page-button-box { height: 32px; } .vertical .candidate-page-button-box { padding-top: 0; } .horizontal .candidate-page-button-box { padding-left: 0; } .candidate-page-button { min-width: 32px; min-height: 32px; padding: 0; } .candidate-page-button-previous { border-radius: 2px; border-right-width: 0; } .candidate-page-button-next { border-radius: 2px; } .candidate-page-button-icon { icon-size: 1.14286em; } /* Auth Dialogs & Screen Shield */ .framed-user-icon { background-size: contain; border: none; color: #FFFFFF; border-radius: 2px; } .framed-user-icon:hover { border-color: #FFFFFF; color: #FFFFFF; } .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: none; background-color: transparent; } .login-dialog StEntry { color: #FFFFFF; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .login-dialog StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #FFFFFF; } .login-dialog StEntry:insensitive { color: rgba(255, 255, 255, 0.5); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { padding: 0 16px; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:insensitive { color: rgba(255, 255, 255, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default { color: rgba(255, 255, 255, 0.8); background-color: #009688; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { color: #FFFFFF; background-color: #009688; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:active { color: #FFFFFF; background-color: #4db6ac; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:insensitive { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog-logo-bin { padding: 24px 0px; } .login-dialog-banner { color: rgba(255, 255, 255, 0.7); } .login-dialog-button-box { spacing: 5px; } .login-dialog-message-warning { color: #FF6D00; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; } .login-dialog-user-selection-box { padding: 100px 0px; } .login-dialog-not-listed-label { padding-left: 2px; } .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { color: #FFFFFF; } .login-dialog-not-listed-label { font-size: 1em; font-weight: bold; color: rgba(255, 255, 255, 0.7); padding-top: 1em; } .login-dialog-not-listed-label:hover { color: #FFFFFF; } .login-dialog-not-listed-label:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; padding: .2em; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:focus { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid #FFFFFF; } .login-dialog-user-list-item { border-radius: 2px; padding: 4px 4px 0; color: rgba(255, 255, 255, 0.7); } .login-dialog-user-list-item:ltr { padding-right: 1em; } .login-dialog-user-list-item:rtl { padding-left: 1em; } .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list-item:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin: 2px 0 0 0; background-color: #FFFFFF; } .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { background-color: #FFFFFF; } .login-dialog-username, .user-widget-label { color: #FFFFFF; font-size: 15pt; font-weight: 500; text-align: left; padding-left: 15px; } .user-widget-label:ltr { padding-left: 18px; } .user-widget-label:rtl { padding-right: 18px; } .login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 8px; width: 23em; } .login-dialog-prompt-label { color: rgba(255, 255, 255, 0.5); font-size: 1em; padding-top: 1em; } .login-dialog-session-list-button StIcon { icon-size: 1.25em; } .login-dialog-session-list-button { color: rgba(255, 255, 255, 0.7); } .login-dialog-session-list-button:hover, .login-dialog-session-list-button:focus { color: #FFFFFF; } .login-dialog-session-list-button:active { color: #FFFFFF; } .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { color: white; width: 80px; height: 48px; -arrow-thickness: 12px; -arrow-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock { color: white; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-weight: normal; text-align: center; padding-bottom: 1.5em; } .screen-shield-clock-time { font-size: 112px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock-date { font-size: 45px; font-weight: 400; } .screen-shield-notifications-container { spacing: 6px; width: 30em; background-color: transparent; max-height: 500px; } .screen-shield-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .screen-shield-notifications-container .notification, .screen-shield-notifications-container .screen-shield-notification-source { padding: 8px; border: none; background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; border-radius: 2px; } .screen-shield-notifications-container .notification { margin-right: 16px; } .screen-shield-notification-label { min-height: 22px; padding: 2px 0px 0px 16px; font-weight: bold; } .screen-shield-notification-count-text { min-height: 22px; padding: 2px 0px 0px 16px; color: rgba(255, 255, 255, 0.7); } #panel.lock-screen { background-color: rgba(0, 0, 0, 0.3); } .screen-shield-background { background: black; box-shadow: 0 19px 19px rgba(0, 0, 0, 0.6), 0 15px 6px rgba(0, 0, 0, 0.44); } #lockDialogGroup { background: #303030; background-size: cover; } #LookingGlassDialog { background-color: #424242; spacing: 4px; padding: 0; border: none; border-radius: 2px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } #LookingGlassDialog > #Toolbar { padding: 0 8px; border: none; border-radius: 0; background-color: rgba(66, 66, 66, 0.01); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.26); } #LookingGlassDialog .labels { spacing: 0; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: rgba(255, 255, 255, 0.5); transition-duration: 150ms; padding-left: 16px; padding-right: 16px; min-height: 36px; padding: 0 32px; } #LookingGlassDialog .notebook-tab:hover { box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.3); color: #FFFFFF; text-shadow: none; } #LookingGlassDialog .notebook-tab:selected { border-bottom-width: 0; border-color: transparent; background-color: rgba(66, 66, 66, 0.01); box-shadow: inset 0 -2px 0px #338DD6; color: #FFFFFF; text-shadow: none; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 4px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog StEntry { selection-background-color: #338DD6; selected-color: #FFFFFF; } .lg-dialog .shell-link { color: #338DD6; } .lg-dialog .shell-link:hover { color: #338DD6; } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button { min-height: 36px; padding: 0 16px; border: none; border-radius: 2px; font-size: 10.5pt; font-weight: 500; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:hover { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:insensitive { color: rgba(255, 255, 255, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:focus { color: #FFFFFF; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .lg-obj-inspector-button:hover { border: none; } #lookingGlassExtensions { padding: 4px; } .lg-extensions-list { padding: 4px; spacing: 6px; } .lg-extension { border: none; border-radius: 2px; padding: 4px; } .lg-extension-name { font-size: 18pt; font-weight: 400; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { background: #424242; border: none; border-radius: 2px; padding: 6px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } /* Dash to Dock */ #dashtodockContainer #dash { background-color: rgba(0, 0, 0, 0.6); } #dashtodockContainer:overview #dash { background-color: rgba(255, 255, 255, 0.1); } #dashtodockContainer.extended:overview #dash { background-color: transparent; } #dashtodockContainer.left #dash, #dashtodockContainer.right #dash { padding: 3px 0; } #dashtodockContainer.top #dash, #dashtodockContainer.bottom #dash { padding: 0 3px; } #dashtodockContainer.extended #dash { padding: 0; border-radius: 0; } #dashtodockContainer.left .dash-item-container > StWidget, #dashtodockContainer.right .dash-item-container > StWidget, #dashtodockContainer.extended.left .dash-item-container > StWidget, #dashtodockContainer.extended.right .dash-item-container > StWidget { padding: 3px 6px; } #dashtodockContainer.extended.left .dash-item-container:first-child > StWidget, #dashtodockContainer.extended.right .dash-item-container:first-child > StWidget { padding: 6px 6px 3px 6px; } #dashtodockContainer.extended.left .dash-item-container:last-child > StWidget, #dashtodockContainer.extended.right .dash-item-container:last-child > StWidget { padding: 3px 6px 6px 6px; } #dashtodockContainer.top .dash-item-container > StWidget, #dashtodockContainer.bottom .dash-item-container > StWidget, #dashtodockContainer.extended.top .dash-item-container > StWidget, #dashtodockContainer.extended.bottom .dash-item-container > StWidget { padding: 6px 3px; } #dashtodockContainer.extended.top .dash-item-container:first-child > StWidget, #dashtodockContainer.extended.bottom .dash-item-container:first-child > StWidget { padding: 6px 3px 6px 6px; } #dashtodockContainer.extended.top .dash-item-container:last-child > StWidget, #dashtodockContainer.extended.bottom .dash-item-container:last-child > StWidget { padding: 6px 6px 6px 3px; } #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } #dashtodockContainer .dash-item-container > StWidget { background-size: cover; } #dashtodockContainer.left .dash-item-container > StWidget.running1 { background-image: url("assets/dash/left-running1.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running2 { background-image: url("assets/dash/left-running2.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running3 { background-image: url("assets/dash/left-running3.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running4 { background-image: url("assets/dash/left-running4.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running1 { background-image: url("assets/dash/right-running1.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running2 { background-image: url("assets/dash/right-running2.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running3 { background-image: url("assets/dash/right-running3.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running4 { background-image: url("assets/dash/right-running4.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running1 { background-image: url("assets/dash/top-running1.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running2 { background-image: url("assets/dash/top-running2.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running3 { background-image: url("assets/dash/top-running3.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running4 { background-image: url("assets/dash/top-running4.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running1 { background-image: url("assets/dash/bottom-running1.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running2 { background-image: url("assets/dash/bottom-running2.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running3 { background-image: url("assets/dash/bottom-running3.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running4 { background-image: url("assets/dash/bottom-running4.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/bottom-running4-focused.svg"); } /* Simple Dock */ #dash:desktop { background-color: rgba(0, 0, 0, 0.6); } /* GPaste */ .popup-menu .search-entry { color: #FFFFFF; selection-background-color: #338DD6; selected-color: #FFFFFF; background-color: rgba(66, 66, 66, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .popup-menu .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #338DD6; color: #FFFFFF; } .popup-menu .search-entry .search-entry-icon { color: rgba(255, 255, 255, 0.5); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { color: #FFFFFF; } materia-theme-20180321/src/gnome-shell/3.24/gnome-shell-dark.scss000066400000000000000000000004141325420104000241010ustar00rootroot00000000000000$variant: 'dark'; $titlebar: 'dark'; $compact: 'false'; @import '../../_sass/gnome-shell/variables'; @import '../../_sass/colors'; @import '../../_sass/gnome-shell/drawing'; @import '../../_sass/gnome-shell/common-3.24'; @import '../../_sass/gnome-shell/extensions'; materia-theme-20180321/src/gnome-shell/3.24/gnome-shell-light-compact.css000066400000000000000000001760611325420104000255440ustar00rootroot00000000000000/* This stylesheet is generated, DO NOT EDIT */ /* Copyright 2009, 2015 Red Hat, Inc. * * Portions adapted from Mx's data/style/default.css * Copyright 2009 Intel Corporation * * This program is free software; you can redistribute it and/or modify it * under the terms and conditions of the GNU Lesser General Public License, * version 2.1, as published by the Free Software Foundation. * * This program is distributed in the hope it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for * more details. * * You should have received a copy of the GNU Lesser General Public License * along with this program; if not, write to the Free Software Foundation, * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. */ /* GLOBALS */ * { transition-duration: 150ms; } stage { font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; font-size: 9.75pt; font-weight: 400; color: rgba(0, 0, 0, 0.87); } /* WIDGETS */ /* Buttons */ .button { min-height: 32px; padding: 0 16px; border-width: 0; border-radius: 2px; font-size: 9.75pt; font-weight: 500; color: rgba(0, 0, 0, 0.54); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:hover { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:insensitive { color: rgba(0, 0, 0, 0.26); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .modal-dialog-linked-button { min-height: 40px; padding: 0 16px; border-top: 1px solid rgba(0, 0, 0, 0.12) !important; border-right-width: 0; font-size: 9.75pt; font-weight: 500; color: rgba(0, 0, 0, 0.54); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:hover { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:insensitive { color: rgba(0, 0, 0, 0.26); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .modal-dialog-linked-button:first-child { border-radius: 0px 0px 0px 2px; } .modal-dialog-linked-button:last-child { border-right-width: 0px; border-radius: 0px 0px 2px 0px; } .modal-dialog-linked-button:first-child:last-child { border-right-width: 0px; border-radius: 0px 0px 2px 2px; } /* Entries */ StEntry { min-height: 32px; padding: 0 8px; border-radius: 0; border-width: 0; color: rgba(0, 0, 0, 0.87); selection-background-color: #338DD6; selected-color: #FFFFFF; font-size: 11.25pt; font-weight: 400; background-color: rgba(250, 250, 250, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #338DD6; } StEntry:insensitive { color: rgba(0, 0, 0, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); } StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #FF6D00; padding: 0 0; } /* Scrollbars */ StScrollView.vfade { -st-vfade-offset: 32px; } StScrollView.hfade { -st-hfade-offset: 32px; } StScrollBar { padding: 0; } StScrollView StScrollBar { min-width: 16px; min-height: 16px; } StScrollBar StBin#trough { margin: 4px; border-radius: 100px; background-color: rgba(0, 0, 0, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 100px; background-color: rgba(0, 0, 0, 0.38); margin: 4px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(0, 0, 0, 0.54); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: rgba(0, 0, 0, 0.87); } #overview StScrollBar StBin#trough, #screenShieldNotifications StScrollBar StBin#trough { background-color: rgba(255, 255, 255, 0.12); } #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#hhandle, #screenShieldNotifications StScrollBar StButton#hhandle { background-color: rgba(255, 255, 255, 0.5); } #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#hhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { background-color: rgba(255, 255, 255, 0.7); } #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#hhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { background-color: #FFFFFF; } /* Slider */ .slider { height: 20px; color: #009688; -slider-height: 2px; -slider-background-color: rgba(0, 0, 0, 0.26); -slider-border-color: transparent; -slider-active-background-color: #009688; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 7px; } /* Check Boxes */ .check-box * { min-height: 16px; padding: 8px 0; } .check-box StBoxLayout { spacing: 8px; } .check-box StBin { width: 24px; height: 24px; padding: 4px; border-radius: 100px; background-image: url("assets/checkbox-off.svg"); } .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } .check-box:hover StBin { background-color: rgba(0, 0, 0, 0.12); } .check-box:active StBin { background-color: rgba(0, 0, 0, 0.26); } .check-box:checked StBin { background-image: url("assets/checkbox.svg"); } .check-box:focus:checked StBin { background-image: url("assets/checkbox.svg"); } .check-box:hover:checked StBin { background-color: rgba(0, 150, 136, 0.15); } .check-box:active:checked StBin { background-color: rgba(0, 150, 136, 0.3); } /* Switches */ .toggle-switch { width: 40px; height: 20px; background-size: contain; } .toggle-switch-us { background-image: url("assets/toggle-off.svg"); } .toggle-switch-us:checked { background-image: url("assets/toggle-on.svg"); } .toggle-switch-intl { background-image: url("assets/toggle-off.svg"); } .toggle-switch-intl:checked { background-image: url("assets/toggle-on.svg"); } /* links */ .shell-link { border-radius: 2px; color: #338DD6; } .shell-link:hover { color: #338DD6; background-color: rgba(51, 141, 214, 0.15); } .shell-link:active { color: #338DD6; background-color: rgba(51, 141, 214, 0.3); } /* Modal Dialogs */ .headline { font-size: 15pt; font-weight: 500; } .lightbox { background-color: black; } .flashspot { background-color: white; } .modal-dialog { border-radius: 2px; color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } .modal-dialog .modal-dialog-content-box { padding: 24px; } .modal-dialog .run-dialog-entry { width: 20em; margin-bottom: 6px; } .modal-dialog .run-dialog-error-box { padding-top: 16px; spacing: 6px; } .modal-dialog .run-dialog-button-box { padding-top: 1em; } .modal-dialog .run-dialog-label { font-size: 1em; font-weight: normal; color: rgba(0, 0, 0, 0.38); padding-bottom: .4em; } .show-processes-dialog-subject, .mount-question-dialog-subject, .end-session-dialog-subject { font-size: 15pt; font-weight: 500; } /* End Session Dialog */ .end-session-dialog { spacing: 42px; border: none; } .end-session-dialog-list { padding-top: 20px; } .end-session-dialog-layout { padding-left: 17px; } .end-session-dialog-layout:rtl { padding-right: 17px; } .end-session-dialog-description { width: 28em; padding-bottom: 10px; } .end-session-dialog-description:rtl { text-align: right; } .end-session-dialog-warning { width: 28em; color: #FF6D00; padding-top: 6px; } .end-session-dialog-warning:rtl { text-align: right; } .end-session-dialog-logout-icon { border-radius: 5px; width: 48px; height: 48px; background-size: contain; } .end-session-dialog-shutdown-icon { color: rgba(0, 0, 0, 0.38); width: 48px; height: 48px; } .end-session-dialog-inhibitor-layout { spacing: 16px; max-height: 200px; padding-right: 65px; padding-left: 65px; } .end-session-dialog-session-list, .end-session-dialog-app-list { spacing: 1em; } .end-session-dialog-list-header { font-weight: bold; } .end-session-dialog-list-header:rtl { text-align: right; } .end-session-dialog-app-list-item, .end-session-dialog-session-list-item { spacing: 1em; } .end-session-dialog-app-list-item-name, .end-session-dialog-session-list-item-name { font-weight: bold; } .end-session-dialog-app-list-item-description { color: rgba(0, 0, 0, 0.38); font-size: 1em; } /* ShellMountOperation Dialogs */ .shell-mount-operation-icon { icon-size: 48px; } .show-processes-dialog, .mount-question-dialog { spacing: 24px; } .show-processes-dialog-subject, .mount-question-dialog-subject { padding-top: 10px; padding-left: 17px; padding-bottom: 6px; } .mount-question-dialog-subject { max-width: 34em; } .show-processes-dialog-subject:rtl, .mount-question-dialog-subject:rtl { padding-left: 0px; padding-right: 17px; } .show-processes-dialog-description, .mount-question-dialog-description { padding-left: 17px; width: 28em; } .show-processes-dialog-description:rtl, .mount-question-dialog-description:rtl { padding-right: 17px; } .show-processes-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 49px; padding-right: 32px; } .show-processes-dialog-app-list:rtl { padding-right: 49px; padding-left: 32px; } .show-processes-dialog-app-list-item { color: rgba(0, 0, 0, 0.87); } .show-processes-dialog-app-list-item:hover { color: rgba(0, 0, 0, 0.87); } .show-processes-dialog-app-list-item:ltr { padding-right: 1em; } .show-processes-dialog-app-list-item:rtl { padding-left: 1em; } .show-processes-dialog-app-list-item-icon:ltr { padding-right: 17px; } .show-processes-dialog-app-list-item-icon:rtl { padding-left: 17px; } .show-processes-dialog-app-list-item-name { font-size: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { width: 34em; border: none; } .prompt-dialog-main-layout { spacing: 24px; padding: 10px; } .prompt-dialog-message-layout { spacing: 16px; } .prompt-dialog-headline { font-size: 15pt; font-weight: 500; color: rgba(0, 0, 0, 0.87); } .prompt-dialog-description:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label { font-size: 1em; color: #DD2C00; padding-bottom: 8px; } .prompt-dialog-info-label { font-size: 1em; padding-bottom: 8px; } .hidden { color: transparent; } .prompt-dialog-null-label { font-size: 1em; padding-bottom: 8px; } /* Polkit Dialog */ .polkit-dialog-user-layout { padding-left: 10px; spacing: 10px; } .polkit-dialog-user-layout:rtl { padding-left: 0px; padding-right: 10px; } .polkit-dialog-user-root-label { color: #FF6D00; } .polkit-dialog-user-icon { border-radius: 5px; background-size: contain; width: 48px; height: 48px; } /* Audio selection dialog */ .audio-device-selection-dialog { spacing: 30px; } .audio-selection-content { spacing: 20px; padding: 24px; } .audio-selection-title { font-weight: bold; text-align: center; } .audio-selection-box { spacing: 20px; } .audio-selection-device { border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 2px; } .audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { background-color: #338DD6; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* Access Dialog */ .access-dialog { spacing: 30px; } .access-dialog-main-layout { padding: 12px 20px 0; spacing: 12px; } .access-dialog-content { max-width: 28em; spacing: 20px; } .access-dialog-icon { min-width: 48px; icon-size: 48px; } .access-dialog-title { font-weight: bold; } .access-dialog-subtitle { color: rgba(0, 0, 0, 0.38); font-weight: bold; } /* Geolocation Dialog */ .geolocation-dialog { spacing: 30px; } .geolocation-dialog-main-layout { spacing: 12px; } .geolocation-dialog-content { spacing: 20px; } .geolocation-dialog-icon { icon-size: 48px; } .geolocation-dialog-title { font-weight: bold; } .geolocation-dialog-reason { color: rgba(0, 0, 0, 0.38); font-weight: bold; } /* Network Agent Dialog */ .network-dialog-secret-table { spacing-rows: 15px; spacing-columns: 1em; } .keyring-dialog-control-table { spacing-rows: 15px; spacing-columns: 1em; } /* Popovers/Menus */ .popup-menu { min-width: 200px; } .popup-menu .popup-sub-menu { background-color: #EEEEEE; box-shadow: 0 0 transparent; } .popup-menu .popup-menu-content { padding: 8px 0; } .popup-menu .popup-menu-item { spacing: 8px; transition-duration: 100ms; } .popup-menu .popup-menu-item:ltr { padding: 0.4em 24px 0.4em 0; } .popup-menu .popup-menu-item:rtl { padding: 0.4em 0 0.4em 24px; } .popup-menu .popup-menu-item:checked { background-color: #338DD6; color: #FFFFFF; box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { background-color: #529edc; color: #FFFFFF; } .popup-menu .popup-menu-item:checked:active { background-color: #70afe2; color: #FFFFFF !important; } .popup-menu .popup-menu-item:checked:insensitive { color: rgba(255, 255, 255, 0.5); } .popup-menu .popup-menu-item.selected { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); transition-duration: 0ms; } .popup-menu .popup-menu-item:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); transition-duration: 150ms; } .popup-menu .popup-menu-item.selected:active { color: rgba(0, 0, 0, 0.87); } .popup-menu .popup-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-menu .popup-inactive-menu-item { color: rgba(0, 0, 0, 0.87); } .popup-menu .popup-inactive-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-menu.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-border-radius: 0; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; -arrow-box-shadow: none; margin: 5px 8px 8px; background-color: #FAFAFA; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .popup-separator-menu-item { height: 1px; margin: 8px 40px; background-color: transparent; border-color: rgba(0, 0, 0, 0.12); border-bottom-width: 1px; border-bottom-style: solid; } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } /* fallback menu - odd thing for styling App menu when apparently not running under shell. Light Adwaita styled app menu inside the main app window itself rather than the top bar */ /* OSD */ .osd-window { text-align: center; font-weight: bold; spacing: 1em; margin: 32px; min-width: 64px; min-height: 64px; } .osd-window .osd-monitor-label { font-size: 45px; font-weight: 400; } .osd-window .level { height: 8px; border-radius: 0; background-color: rgba(51, 141, 214, 0.3); color: rgba(0, 0, 0, 0.87); } .osd-window .level-bar { background-color: #338DD6; border-radius: 0; } /* Pad OSD */ .pad-osd-window { padding: 32px; background-color: rgba(0, 0, 0, 0.6); } .pad-osd-window .pad-osd-title-box { spacing: 12px; } .pad-osd-window .pad-osd-title-menu-box { spacing: 6px; } .combo-box-label { width: 15em; } /* App Switcher */ .switcher-popup { padding: 8px; spacing: 16px; } .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { padding: 8px; border-radius: 2px; } .switcher-list .item-box:outlined { padding: 8px; border: none; background-color: rgba(0, 0, 0, 0.12); } .switcher-list .item-box:selected { background-color: #338DD6; color: #FFFFFF; } .switcher-list .thumbnail-box { padding: 2px; spacing: 4px; } .switcher-list .thumbnail { width: 256px; } .switcher-list .separator { width: 1px; background: rgba(0, 0, 0, 0.12); } .switcher-arrow { border-color: transparent; color: rgba(0, 0, 0, 0.38); } .switcher-arrow:highlighted { color: rgba(0, 0, 0, 0.87); } .input-source-switcher-symbol { font-size: 45px; font-weight: 400; width: 96px; height: 96px; } /* Window Cycler */ .cycler-highlight { border: 4px solid #338DD6; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher { background: transparent; border: 0px; border-radius: 0px; padding: 0px; spacing: 8px; } .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; background-color: #338DD6; color: #FFFFFF; background-size: 32px; border-radius: 2px; } .ws-switcher-box { height: 48px; border: none; background: rgba(0, 0, 0, 0.12); border-radius: 2px; } .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); border-radius: 2px; padding: 12px; } /* Tiled window previews */ .tile-preview { background-color: rgba(64, 196, 255, 0.3); border: 1px solid #40C4FF; } .tile-preview-left.on-primary { border-radius: 0 0 0 0; } .tile-preview-right.on-primary { border-radius: 0 0 0 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0 0 0 0; } /* TOP BAR */ #panel { background-color: rgba(0, 0, 0, 0.6); font-weight: bold; height: 28px; } #panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { background-color: transparent; } #panel #panelLeft, #panel #panelCenter { spacing: 0; } #panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: rgba(0, 0, 0, 0.6); -panel-corner-border-width: 2px; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: #FFFFFF; } #panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: rgba(255, 255, 255, 0.7); transition-duration: 150ms; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; } #panel .panel-button:hover { color: #FFFFFF; } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { background-color: rgba(0, 0, 0, 0.01); box-shadow: inset 0 -2px 0px #FFFFFF; color: #FFFFFF; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { icon-shadow: none; } #panel .panel-button .system-status-icon { icon-size: 1.23077em; padding: 0 4px; } .unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { color: rgba(255, 255, 255, 0.7); } .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { color: #FFFFFF; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator { color: #FF6D00; } #calendarArea { padding: 8px 16px; } .calendar { margin-bottom: 0; } .calendar, .datemenu-today-button, .datemenu-displays-box, .message-list-sections { margin: 0 8px; } .datemenu-calendar-column { spacing: 8px; } .datemenu-displays-section { padding-bottom: 0; } .datemenu-displays-box { spacing: 8px; } .datemenu-calendar-column { border: 0 solid rgba(0, 0, 0, 0.12); } .datemenu-calendar-column:ltr { border-left-width: 0; } .datemenu-calendar-column:rtl { border-right-width: 0; } .datemenu-today-button, .world-clocks-button, .weather-button, .events-section-title { min-height: 20px; padding: 4px 8px; border-radius: 2px; } .datemenu-today-button { min-height: 48px; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .datemenu-today-button:hover, .datemenu-today-button:focus, .world-clocks-button:hover, .world-clocks-button:focus, .weather-button:hover, .weather-button:focus, .events-section-title:hover, .events-section-title:focus { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); } .datemenu-today-button:active, .world-clocks-button:active, .weather-button:active, .events-section-title:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); } .datemenu-today-button .date-label { font-size: 18pt; font-weight: 400; } .world-clocks-header, .weather-header, .events-section-title { color: rgba(0, 0, 0, 0.54); font-weight: bold; } .world-clocks-grid { spacing-rows: 0.4em; } .weather-box { spacing: 0.4em; } .calendar-month-label { height: 16px; margin: 2px; padding: 6px 16px; border-radius: 2px; color: rgba(0, 0, 0, 0.87); font-weight: bold; text-align: center; } .calendar-month-label:focus { background-color: rgba(0, 0, 0, 0.12); } .pager-button { width: 28px; height: 28px; margin: 2px; border-radius: 100px; background-color: transparent; color: rgba(0, 0, 0, 0.87); } .pager-button:hover, .pager-button:focus { background-color: rgba(0, 0, 0, 0.12); } .pager-button:active { background-color: rgba(0, 0, 0, 0.26); } .calendar-change-month-back { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-change-month-back:rtl { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward:rtl { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-day-base { font-size: 9pt; font-weight: 400; text-align: center; width: 28px; height: 28px; padding: 0; margin: 2px; border-radius: 100px; } .calendar-day-base:hover, .calendar-day-base:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar-day-base:active { color: inherit; background-color: rgba(0, 0, 0, 0.26); border-color: transparent; } .calendar-day-base:selected { color: #FFFFFF; background-color: #338DD6; border-color: transparent; } .calendar-day-base.calendar-day-heading { width: 28px; height: 21px; margin-top: 2px; padding: 7px 0 0; border-radius: 100px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-size: 9pt; font-weight: 400; font-weight: bold; text-align: center; } .calendar-day { border-width: 0; } .calendar-day-top { border-top-width: 0; } .calendar-day-left { border-left-width: 0; } .calendar-nonwork-day { color: rgba(0, 0, 0, 0.87); } .calendar-today { font-weight: bold !important; border: none; } .calendar-day-with-events { color: #338DD6; font-weight: normal; text-decoration: underline; background-image: none; } .calendar-other-month-day { color: rgba(0, 0, 0, 0.26); opacity: 0.5; } .calendar-week-number { width: 28px; height: 21px; margin: 2px; padding: 7px 0 0; border-radius: 100px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-size: inherit; font-weight: bold; text-align: center; } /* Message list */ .message-list { width: 420px; } .message-list-clear-button.button { background-color: transparent; margin: 8px 8px 0; } .message-list-clear-button.button:hover, .message-list-clear-button.button:focus { background-color: rgba(0, 0, 0, 0.12); } .message-list-clear-button.button:active { background-color: rgba(0, 0, 0, 0.26); } .message-list-sections { spacing: 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message { min-height: 56px; background-color: transparent; border-radius: 2px; } .message:hover, .message:focus { background-color: rgba(0, 0, 0, 0.12); } .message:active { background-color: rgba(0, 0, 0, 0.26); } .message-icon-bin { padding: 8px 0px 8px 8px; } .message-icon-bin:rtl { padding: 8px 8px 8px 0px; } .message-icon-bin > StIcon { color: rgba(0, 0, 0, 0.87); icon-size: 1.23077em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } .message-icon-bin > StIcon:rtl { margin: 4px 4px 4px 0px; } .message-secondary-bin { padding: 0 8px; } .message-secondary-bin > .event-time { min-height: 18px; padding-top: 2px; color: rgba(0, 0, 0, 0.54); font-size: 1em; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-bottom: 0; } .message-secondary-bin > StIcon { icon-size: 1.23077em; } .message-title { min-height: 18px; padding-top: 2px; color: rgba(0, 0, 0, 0.87); font-weight: bold; font-size: 1em; } .message-content { min-height: 40px; padding: 8px; color: rgba(0, 0, 0, 0.54); font-size: 1em; } .message-content * > StIcon { icon-size: 16px; border-radius: 16px; padding: 2px; color: rgba(0, 0, 0, 0.54); } /* FIXME: how do you do this in sass? */ .message-content *:hover > StIcon, .message-content *:focus > StIcon { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); } .message-content *:active > StIcon { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); } .message-media-control { margin: 16px 0; padding: 8px; border-radius: 100px; color: rgba(0, 0, 0, 0.54); } .message-media-control:hover, .message-media-control:focus { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); } .message-media-control:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); } .message-media-control:insensitive { color: rgba(0, 0, 0, 0.26); } .message-media-control:last-child:ltr { margin-right: 16px; padding-right: 8px; } .message-media-control:last-child:rtl { margin-left: 16px; padding-left: 8px; } .media-message-cover-icon { icon-size: 32px !important; margin: 8px 0px 8px 4px !important; } .media-message-cover-icon:rtl { margin: 8px 4px 8px 0px !important; } .media-message-cover-icon.fallback { icon-size: 16px !important; padding: 8px; border: none; border-radius: 2px; background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.38); } .system-switch-user-submenu-icon.user-icon { icon-size: 20px; padding: 0 2px; } .system-switch-user-submenu-icon.default-icon { icon-size: 16px; padding: 0 4px; } #appMenu { spinner-image: url("process-working.svg"); spacing: 4px; } #appMenu .label-shadow { color: transparent; } .aggregate-menu { min-width: 280px; } .aggregate-menu .popup-menu-icon { padding: 0 4px; } .aggregate-menu .popup-sub-menu .popup-menu-item :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; margin-left: 1.23077em; } .aggregate-menu .popup-sub-menu .popup-menu-item :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; margin-right: 1.23077em; } .system-menu-action { color: rgba(0, 0, 0, 0.54); border-radius: 100px; /* wish we could do 50% */ padding: 14px; border: none; } .system-menu-action:hover, .system-menu-action:focus { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); border: none; padding: 14px; } .system-menu-action:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } .system-menu-action > StIcon { icon-size: 16px; } .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; background-color: rgba(255, 255, 255, 0.3); background-image: none; background-size: auto; } .ripple-box:rtl { border-radius: 0 0 0 48px; background-image: none; } .popup-menu-arrow { width: 16px; height: 16px; } .popup-menu-icon { icon-size: 1.23077em; } .window-close { transition-duration: 0ms; height: 32px; width: 32px; -st-background-image-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); background-image: url("assets/window-close.svg"); background-size: 32px; } .window-close:hover { -st-background-image-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .window-close:active { background-image: url("assets/window-close-active.svg"); } .window-close { -shell-close-overlap: 16px; } .window-close:rtl { -st-background-image-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .window-close:rtl:hover { -st-background-image-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } /* NETWORK DIALOGS */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: center; } .nm-dialog-airplane-text { color: rgba(0, 0, 0, 0.87); } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-scroll-view { border: none; } .nm-dialog-header { font-size: 15pt; font-weight: 500; } .nm-dialog-item { font-size: 1em; border-bottom: none; border-radius: 2px; padding: 12px; spacing: 20px; } .nm-dialog-item:hover, .nm-dialog-item:focus { background-color: rgba(0, 0, 0, 0.12); } .nm-dialog-item:active { background-color: rgba(0, 0, 0, 0.26); } .nm-dialog-item:selected { background-color: #338DD6; color: #FFFFFF; } .nm-dialog-icons { spacing: .5em; } .nm-dialog-icon { icon-size: 16px; } .no-networks-label { color: rgba(0, 0, 0, 0.38); } .no-networks-box { spacing: 12px; } /* OVERVIEW */ #overview { spacing: 24px; } .overview-controls { padding-bottom: 32px; } .window-picker { -horizontal-spacing: 32px; -vertical-spacing: 32px; padding-left: 32px; padding-right: 32px; padding-bottom: 48px; } .window-picker.external-monitor { padding: 32px; } .window-clone-border { border: 4px solid rgba(255, 255, 255, 0.3); border-radius: 2px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .window-caption { spacing: 25px; color: #FFFFFF; background-color: transparent; border-radius: 2px; padding: 4px 8px; -shell-caption-spacing: 12px; } .window-caption:hover { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .search-entry { width: 304px; padding: 0 8px; border-radius: 0; color: rgba(255, 255, 255, 0.5); selection-background-color: rgba(255, 255, 255, 0.3); selected-color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #FFFFFF; padding: 0 8px; border-width: 0; color: #FFFFFF; } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 0; color: rgba(255, 255, 255, 0.5); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: #FFFFFF; } #searchResultsBin { max-width: 1000px; } #searchResultsContent { padding-left: 20px; padding-right: 20px; spacing: 16px; } .search-section { spacing: 16px; } .search-section-content { spacing: 32px; } .list-search-results { spacing: 3px; } .search-section-separator { -gradient-height: 1px; -gradient-start: rgba(255, 255, 255, 0); -gradient-end: rgba(255, 255, 255, 0.4); -margin-horizontal: 1.5em; height: 1px; } .list-search-result-content { spacing: 12px; padding: 12px; } .list-search-result-title { font-size: 18pt; font-weight: 400; color: #FFFFFF; } .list-search-result-description { color: rgba(255, 255, 255, 0.7); } .search-provider-icon { padding: 15px; } .search-provider-icon-more { width: 16px; height: 16px; background-image: url("assets/more-results.svg"); } /* DASHBOARD */ #dash { font-size: 1em; color: #FFFFFF; background-color: rgba(255, 255, 255, 0.1); padding: 3px 0; border: none; border-left: 0px; border-radius: 0px 2px 2px 0px; } #dash:rtl { border-radius: 2px 0 0 2px; } #dash .placeholder { background-image: url("assets/dash-placeholder.svg"); background-size: contain; height: 24px; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { border-radius: 2px; padding: 7px 8px; color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-align: center; -x-offset: 8px; } /* App Vault/Grid */ .icon-grid { spacing: 30px; -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; } .icon-grid .overview-icon { icon-size: 96px; } .app-view-controls { width: 320px; padding-bottom: 32px; } .app-view-control { padding: 0 16px; font-weight: bold; color: rgba(255, 255, 255, 0.7); } .app-view-control:hover { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12) !important; } .app-view-control:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3) !important; } .app-view-control:checked { color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01) !important; box-shadow: inset 0 2px 0 #FFFFFF; } .app-view-control:first-child { border-right-width: 0; border-radius: 2px; } .app-view-control:first-child:checked { border-radius: 0; } .app-view-control:last-child { border-radius: 2px; } .app-view-control:last-child:checked { border-radius: 0; } .search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, .list-search-result:focus, .list-search-result:selected, .list-search-result:hover { background-color: rgba(255, 255, 255, 0.12); transition-duration: 0ms; } .search-provider-icon:active, .search-provider-icon:checked, .list-search-result:active, .list-search-result:checked { background-color: rgba(255, 255, 255, 0.3); transition-duration: 150ms; } .app-well-app:hover .overview-icon, .app-well-app:focus .overview-icon, .app-well-app:selected .overview-icon, .app-well-app.app-folder:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-well-app.app-folder:selected .overview-icon, .show-apps:hover .overview-icon, .show-apps:focus .overview-icon, .show-apps:selected .overview-icon, .grid-search-result:hover .overview-icon, .grid-search-result:focus .overview-icon, .grid-search-result:selected .overview-icon { background-color: rgba(255, 255, 255, 0.12); transition-duration: 0ms; border-image: none; background-image: none; } .app-well-app:active .overview-icon, .app-well-app:checked .overview-icon, .app-well-app.app-folder:active .overview-icon, .app-well-app.app-folder:checked .overview-icon, .show-apps:active .overview-icon, .show-apps:checked .overview-icon, .grid-search-result:active .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.3); box-shadow: 0 0 transparent; transition-duration: 150ms; } .app-well-app-running-dot { width: 32px; height: 2px; background-color: #FFFFFF; margin-bottom: 0; } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .app-well-app.app-folder .overview-icon, .show-apps .overview-icon, .grid-search-result .overview-icon { color: #FFFFFF; border-radius: 2px; padding: 6px; border: none; transition-duration: 150ms; text-align: center; } .app-well-app.app-folder > .overview-icon { background-color: rgba(255, 255, 255, 0.1); } .show-apps .show-apps-icon { color: rgba(255, 255, 255, 0.7); } .show-apps:hover .show-apps-icon, .show-apps:active .show-apps-icon, .show-apps:checked .show-apps-icon, .show-apps:focus .show-apps-icon { color: #FFFFFF; transition-duration: 150ms; } .app-folder-popup { -arrow-border-radius: 2px; -arrow-background-color: rgba(255, 255, 255, 0.1); -arrow-base: 24px; -arrow-rise: 12px; } .app-folder-popup-bin { padding: 5px; } .app-folder-icon { padding: 5px; spacing-rows: 5px; spacing-columns: 5px; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 12px; height: 12px; border-radius: 12px; background-image: none; background-color: rgba(255, 255, 255, 0.3); } .page-indicator:hover .page-indicator-icon { background-image: none; background-color: rgba(255, 255, 255, 0.5); } .page-indicator:active .page-indicator-icon { background-image: none; background-color: rgba(255, 255, 255, 0.7); } .page-indicator:checked .page-indicator-icon { background-image: none; background-color: #FFFFFF; transition-duration: 0ms; } .page-indicator:checked:active { background-image: none; } .app-well-app > .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label { padding: 10px 8px 5px 8px; spacing: 4px; } .workspace-thumbnails { visible-width: 32px; spacing: 12px; padding: 12px; border-radius: 2px 0 0 2px; } .workspace-thumbnails:rtl { border-radius: 0 2px 2px 0; } .workspace-thumbnails .placeholder { background-image: url("assets/dash-placeholder.svg"); background-size: contain; height: 24px; } .workspace-thumbnail-indicator { border: 0 solid #FFFFFF; border-left-width: 2px; padding: 6px; border-radius: 0; } .search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { padding: 0px 88px 10px 88px; } .workspace-thumbnails { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.1); border: none; } .search-statustext, .no-frequent-applications-label { font-size: 45px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { link-color: #338DD6; } .notification-banner { font-size: 1em; width: 34em; min-height: 56px; margin: 5px; border-radius: 2px; color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .notification-banner:hover { background-color: #FAFAFA; } .notification-banner:focus { background-color: #FAFAFA; } .notification-banner .notification-icon { padding: 5px; } .notification-banner .notification-content { padding: 5px; spacing: 5px; } .notification-banner .secondary-icon { icon-size: 1.23077em; } .notification-banner .notification-actions { background-color: transparent; padding-top: 0; border-top: 1px solid rgba(0, 0, 0, 0.12); spacing: 1px; } .notification-banner .notification-button { min-height: 40px; padding: 0 16px; background-color: transparent; color: rgba(0, 0, 0, 0.54); font-weight: 500; } .notification-banner .notification-button:first-child { border-radius: 0 0 0 2px; } .notification-banner .notification-button:last-child { border-radius: 0 0 2px 0; } .notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } .notification-banner .notification-button:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } .summary-source-counter { font-size: 1em; font-weight: bold; height: 1.6em; width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; background-color: #338DD6; color: #FFFFFF; border: 2px solid #FFFFFF; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } .secondary-icon { icon-size: 1.23077em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: rgba(0, 0, 0, 0.87); } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0px; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: rgba(0, 0, 0, 0.54); } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; font-size: 9pt; font-weight: 400; color: rgba(0, 0, 0, 0.38); } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-transient-box { spacing: 6px; padding: 2px 72px 2px 12px; } .hotplug-notification-item { padding: 2px 10px; } .hotplug-notification-item:focus { padding: 1px 71px 1px 11px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 2px 5px; } .hotplug-resident-box { spacing: 8px; } .hotplug-resident-mount { spacing: 8px; border-radius: 2px; } .hotplug-resident-mount:hover { background-color: rgba(0, 0, 0, 0.12); } .hotplug-resident-mount:active { background-color: rgba(0, 0, 0, 0.26); } .hotplug-resident-mount-label { color: inherit; padding-left: 6px; } .hotplug-resident-mount-icon { icon-size: 24px; padding-left: 6px; } .hotplug-resident-eject-icon { icon-size: 16px; } .hotplug-resident-eject-button { padding: 7px; border-radius: 2px; color: rgba(0, 0, 0, 0.87); } /* Eeeky things */ .legacy-tray { background-color: rgba(0, 0, 0, 0.6); color: #FFFFFF; border: none; border-bottom-width: 0; } .legacy-tray:ltr { border-radius: 0 2px 0 0; border-left-width: 0; } .legacy-tray:rtl { border-radius: 2px 0 0 0; border-right-width: 0; } .legacy-tray-handle, .legacy-tray-icon { padding: 6px; } .legacy-tray-handle StIcon, .legacy-tray-icon StIcon { icon-size: 24px; } .legacy-tray-handle:hover, .legacy-tray-handle:focus, .legacy-tray-icon:hover, .legacy-tray-icon:focus { background-color: rgba(255, 255, 255, 0.12); } .legacy-tray-handle:active, .legacy-tray-icon:active { background-color: rgba(255, 255, 255, 0.3); } .legacy-tray-icon-box { spacing: 12px; } .legacy-tray-icon-box:ltr { padding-left: 12px; } .legacy-tray-icon-box:rtl { padding-right: 12px; } .legacy-tray-icon-box StButton { width: 24px; height: 24px; } .magnifier-zoom-region { border: 2px solid #338DD6; } .magnifier-zoom-region.full-screen { border-width: 0; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.3); } .keyboard-layout { spacing: 10px; padding: 10px; } .keyboard-row { spacing: 15px; } .keyboard-key { min-height: 64px; min-width: 64px; font-size: 2em; font-weight: 500; border-radius: 2px; border: none; color: inherit; color: rgba(0, 0, 0, 0.62); background-color: #FAFAFA; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; icon-shadow: none; } .keyboard-key:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-key:hover, .keyboard-key:checked { color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .keyboard-key:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(188, 188, 188, 0.961); border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .keyboard-key:grayed { background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; border-color: rgba(0, 0, 0, 0.3); } .keyboard-subkeys { color: inherit; padding: 5px; -arrow-border-radius: 0; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; -boxpointer-gap: 5px; background-color: #FAFAFA; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: rgba(0, 0, 0, 0.38); } .candidate-box:selected .candidate-index { color: rgba(255, 255, 255, 0.5); } .candidate-box { transition-duration: 0ms; min-height: 28px; padding: 0 8px; border-radius: 2px; } .candidate-box:hover { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } .candidate-box:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } .candidate-box:selected { background-color: #338DD6; color: #FFFFFF; } .candidate-page-button-box { height: 28px; } .vertical .candidate-page-button-box { padding-top: 0; } .horizontal .candidate-page-button-box { padding-left: 0; } .candidate-page-button { min-width: 28px; min-height: 28px; padding: 0; } .candidate-page-button-previous { border-radius: 2px; border-right-width: 0; } .candidate-page-button-next { border-radius: 2px; } .candidate-page-button-icon { icon-size: 1.23077em; } /* Auth Dialogs & Screen Shield */ .framed-user-icon { background-size: contain; border: none; color: #FFFFFF; border-radius: 2px; } .framed-user-icon:hover { border-color: #FFFFFF; color: #FFFFFF; } .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: none; background-color: transparent; } .login-dialog StEntry { color: #FFFFFF; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .login-dialog StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #FFFFFF; } .login-dialog StEntry:insensitive { color: rgba(0, 0, 0, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { padding: 0 16px; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:insensitive { color: rgba(255, 255, 255, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default { color: #FFFFFF; background-color: #009688; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { color: #FFFFFF; background-color: #009688; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:active { color: #FFFFFF; background-color: #4db6ac; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:insensitive { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog-logo-bin { padding: 24px 0px; } .login-dialog-banner { color: rgba(255, 255, 255, 0.7); } .login-dialog-button-box { spacing: 5px; } .login-dialog-message-warning { color: #FF6D00; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; } .login-dialog-user-selection-box { padding: 100px 0px; } .login-dialog-not-listed-label { padding-left: 2px; } .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { color: #FFFFFF; } .login-dialog-not-listed-label { font-size: 1em; font-weight: bold; color: rgba(255, 255, 255, 0.7); padding-top: 1em; } .login-dialog-not-listed-label:hover { color: #FFFFFF; } .login-dialog-not-listed-label:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; padding: .2em; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:focus { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid #FFFFFF; } .login-dialog-user-list-item { border-radius: 2px; padding: 4px 4px 0; color: rgba(255, 255, 255, 0.7); } .login-dialog-user-list-item:ltr { padding-right: 1em; } .login-dialog-user-list-item:rtl { padding-left: 1em; } .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list-item:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin: 2px 0 0 0; background-color: #FFFFFF; } .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { background-color: #FFFFFF; } .login-dialog-username, .user-widget-label { color: #FFFFFF; font-size: 15pt; font-weight: 500; text-align: left; padding-left: 15px; } .user-widget-label:ltr { padding-left: 18px; } .user-widget-label:rtl { padding-right: 18px; } .login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 8px; width: 23em; } .login-dialog-prompt-label { color: rgba(255, 255, 255, 0.5); font-size: 1em; padding-top: 1em; } .login-dialog-session-list-button StIcon { icon-size: 1.25em; } .login-dialog-session-list-button { color: rgba(255, 255, 255, 0.7); } .login-dialog-session-list-button:hover, .login-dialog-session-list-button:focus { color: #FFFFFF; } .login-dialog-session-list-button:active { color: #FFFFFF; } .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { color: white; width: 80px; height: 48px; -arrow-thickness: 12px; -arrow-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock { color: white; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-weight: normal; text-align: center; padding-bottom: 1.5em; } .screen-shield-clock-time { font-size: 112px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock-date { font-size: 45px; font-weight: 400; } .screen-shield-notifications-container { spacing: 6px; width: 30em; background-color: transparent; max-height: 500px; } .screen-shield-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .screen-shield-notifications-container .notification, .screen-shield-notifications-container .screen-shield-notification-source { padding: 8px; border: none; background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; border-radius: 2px; } .screen-shield-notifications-container .notification { margin-right: 16px; } .screen-shield-notification-label { min-height: 18px; padding: 2px 0px 0px 16px; font-weight: bold; } .screen-shield-notification-count-text { min-height: 18px; padding: 2px 0px 0px 16px; color: rgba(255, 255, 255, 0.7); } #panel.lock-screen { background-color: rgba(0, 0, 0, 0.3); } .screen-shield-background { background: black; box-shadow: 0 19px 19px rgba(0, 0, 0, 0.6), 0 15px 6px rgba(0, 0, 0, 0.44); } #lockDialogGroup { background: #303030; background-size: cover; } #LookingGlassDialog { background-color: #FAFAFA; spacing: 4px; padding: 0; border: none; border-radius: 2px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } #LookingGlassDialog > #Toolbar { padding: 0 8px; border: none; border-radius: 0; background-color: rgba(250, 250, 250, 0.01); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); } #LookingGlassDialog .labels { spacing: 0; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: rgba(0, 0, 0, 0.38); transition-duration: 150ms; padding-left: 16px; padding-right: 16px; min-height: 32px; padding: 0 32px; } #LookingGlassDialog .notebook-tab:hover { box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); text-shadow: none; } #LookingGlassDialog .notebook-tab:selected { border-bottom-width: 0; border-color: transparent; background-color: rgba(250, 250, 250, 0.01); box-shadow: inset 0 -2px 0px #338DD6; color: rgba(0, 0, 0, 0.87); text-shadow: none; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 4px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog StEntry { selection-background-color: #338DD6; selected-color: #FFFFFF; } .lg-dialog .shell-link { color: #338DD6; } .lg-dialog .shell-link:hover { color: #338DD6; } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button { min-height: 32px; padding: 0 16px; border: none; border-radius: 2px; font-size: 9.75pt; font-weight: 500; color: rgba(0, 0, 0, 0.54); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:hover { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:insensitive { color: rgba(0, 0, 0, 0.26); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .lg-obj-inspector-button:hover { border: none; } #lookingGlassExtensions { padding: 4px; } .lg-extensions-list { padding: 4px; spacing: 6px; } .lg-extension { border: none; border-radius: 2px; padding: 4px; } .lg-extension-name { font-size: 18pt; font-weight: 400; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { background: #FAFAFA; border: none; border-radius: 2px; padding: 6px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } /* Dash to Dock */ #dashtodockContainer #dash { background-color: rgba(0, 0, 0, 0.6); } #dashtodockContainer:overview #dash { background-color: rgba(255, 255, 255, 0.1); } #dashtodockContainer.extended:overview #dash { background-color: transparent; } #dashtodockContainer.left #dash, #dashtodockContainer.right #dash { padding: 3px 0; } #dashtodockContainer.top #dash, #dashtodockContainer.bottom #dash { padding: 0 3px; } #dashtodockContainer.extended #dash { padding: 0; border-radius: 0; } #dashtodockContainer.left .dash-item-container > StWidget, #dashtodockContainer.right .dash-item-container > StWidget, #dashtodockContainer.extended.left .dash-item-container > StWidget, #dashtodockContainer.extended.right .dash-item-container > StWidget { padding: 3px 6px; } #dashtodockContainer.extended.left .dash-item-container:first-child > StWidget, #dashtodockContainer.extended.right .dash-item-container:first-child > StWidget { padding: 6px 6px 3px 6px; } #dashtodockContainer.extended.left .dash-item-container:last-child > StWidget, #dashtodockContainer.extended.right .dash-item-container:last-child > StWidget { padding: 3px 6px 6px 6px; } #dashtodockContainer.top .dash-item-container > StWidget, #dashtodockContainer.bottom .dash-item-container > StWidget, #dashtodockContainer.extended.top .dash-item-container > StWidget, #dashtodockContainer.extended.bottom .dash-item-container > StWidget { padding: 6px 3px; } #dashtodockContainer.extended.top .dash-item-container:first-child > StWidget, #dashtodockContainer.extended.bottom .dash-item-container:first-child > StWidget { padding: 6px 3px 6px 6px; } #dashtodockContainer.extended.top .dash-item-container:last-child > StWidget, #dashtodockContainer.extended.bottom .dash-item-container:last-child > StWidget { padding: 6px 6px 6px 3px; } #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } #dashtodockContainer .dash-item-container > StWidget { background-size: cover; } #dashtodockContainer.left .dash-item-container > StWidget.running1 { background-image: url("assets/dash/left-running1.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running2 { background-image: url("assets/dash/left-running2.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running3 { background-image: url("assets/dash/left-running3.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running4 { background-image: url("assets/dash/left-running4.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running1 { background-image: url("assets/dash/right-running1.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running2 { background-image: url("assets/dash/right-running2.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running3 { background-image: url("assets/dash/right-running3.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running4 { background-image: url("assets/dash/right-running4.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running1 { background-image: url("assets/dash/top-running1.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running2 { background-image: url("assets/dash/top-running2.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running3 { background-image: url("assets/dash/top-running3.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running4 { background-image: url("assets/dash/top-running4.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running1 { background-image: url("assets/dash/bottom-running1.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running2 { background-image: url("assets/dash/bottom-running2.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running3 { background-image: url("assets/dash/bottom-running3.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running4 { background-image: url("assets/dash/bottom-running4.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/bottom-running4-focused.svg"); } /* Simple Dock */ #dash:desktop { background-color: rgba(0, 0, 0, 0.6); } /* GPaste */ .popup-menu .search-entry { color: rgba(0, 0, 0, 0.87); selection-background-color: #338DD6; selected-color: #FFFFFF; background-color: rgba(250, 250, 250, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .popup-menu .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #338DD6; color: rgba(0, 0, 0, 0.87); } .popup-menu .search-entry .search-entry-icon { color: rgba(0, 0, 0, 0.38); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { color: rgba(0, 0, 0, 0.87); } materia-theme-20180321/src/gnome-shell/3.24/gnome-shell-light-compact.scss000066400000000000000000000004151325420104000257140ustar00rootroot00000000000000$variant: 'light'; $titlebar: 'light'; $compact: 'true'; @import '../../_sass/gnome-shell/variables'; @import '../../_sass/colors'; @import '../../_sass/gnome-shell/drawing'; @import '../../_sass/gnome-shell/common-3.24'; @import '../../_sass/gnome-shell/extensions'; materia-theme-20180321/src/gnome-shell/3.24/gnome-shell-light.css000066400000000000000000001760561325420104000241240ustar00rootroot00000000000000/* This stylesheet is generated, DO NOT EDIT */ /* Copyright 2009, 2015 Red Hat, Inc. * * Portions adapted from Mx's data/style/default.css * Copyright 2009 Intel Corporation * * This program is free software; you can redistribute it and/or modify it * under the terms and conditions of the GNU Lesser General Public License, * version 2.1, as published by the Free Software Foundation. * * This program is distributed in the hope it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for * more details. * * You should have received a copy of the GNU Lesser General Public License * along with this program; if not, write to the Free Software Foundation, * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. */ /* GLOBALS */ * { transition-duration: 150ms; } stage { font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; font-size: 10.5pt; font-weight: 400; color: rgba(0, 0, 0, 0.87); } /* WIDGETS */ /* Buttons */ .button { min-height: 36px; padding: 0 16px; border-width: 0; border-radius: 2px; font-size: 10.5pt; font-weight: 500; color: rgba(0, 0, 0, 0.54); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:hover { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:insensitive { color: rgba(0, 0, 0, 0.26); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .modal-dialog-linked-button { min-height: 40px; padding: 0 16px; border-top: 1px solid rgba(0, 0, 0, 0.12) !important; border-right-width: 0; font-size: 10.5pt; font-weight: 500; color: rgba(0, 0, 0, 0.54); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:hover { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:insensitive { color: rgba(0, 0, 0, 0.26); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .modal-dialog-linked-button:first-child { border-radius: 0px 0px 0px 2px; } .modal-dialog-linked-button:last-child { border-right-width: 0px; border-radius: 0px 0px 2px 0px; } .modal-dialog-linked-button:first-child:last-child { border-right-width: 0px; border-radius: 0px 0px 2px 2px; } /* Entries */ StEntry { min-height: 36px; padding: 0 8px; border-radius: 0; border-width: 0; color: rgba(0, 0, 0, 0.87); selection-background-color: #338DD6; selected-color: #FFFFFF; font-size: 12pt; font-weight: 400; background-color: rgba(250, 250, 250, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #338DD6; } StEntry:insensitive { color: rgba(0, 0, 0, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); } StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #FF6D00; padding: 0 0; } /* Scrollbars */ StScrollView.vfade { -st-vfade-offset: 32px; } StScrollView.hfade { -st-hfade-offset: 32px; } StScrollBar { padding: 0; } StScrollView StScrollBar { min-width: 16px; min-height: 16px; } StScrollBar StBin#trough { margin: 4px; border-radius: 100px; background-color: rgba(0, 0, 0, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 100px; background-color: rgba(0, 0, 0, 0.38); margin: 4px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(0, 0, 0, 0.54); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: rgba(0, 0, 0, 0.87); } #overview StScrollBar StBin#trough, #screenShieldNotifications StScrollBar StBin#trough { background-color: rgba(255, 255, 255, 0.12); } #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#hhandle, #screenShieldNotifications StScrollBar StButton#hhandle { background-color: rgba(255, 255, 255, 0.5); } #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#hhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { background-color: rgba(255, 255, 255, 0.7); } #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#hhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { background-color: #FFFFFF; } /* Slider */ .slider { height: 20px; color: #009688; -slider-height: 2px; -slider-background-color: rgba(0, 0, 0, 0.26); -slider-border-color: transparent; -slider-active-background-color: #009688; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 7px; } /* Check Boxes */ .check-box * { min-height: 20px; padding: 8px 0; } .check-box StBoxLayout { spacing: 8px; } .check-box StBin { width: 24px; height: 24px; padding: 6px; border-radius: 100px; background-image: url("assets/checkbox-off.svg"); } .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } .check-box:hover StBin { background-color: rgba(0, 0, 0, 0.12); } .check-box:active StBin { background-color: rgba(0, 0, 0, 0.26); } .check-box:checked StBin { background-image: url("assets/checkbox.svg"); } .check-box:focus:checked StBin { background-image: url("assets/checkbox.svg"); } .check-box:hover:checked StBin { background-color: rgba(0, 150, 136, 0.15); } .check-box:active:checked StBin { background-color: rgba(0, 150, 136, 0.3); } /* Switches */ .toggle-switch { width: 40px; height: 20px; background-size: contain; } .toggle-switch-us { background-image: url("assets/toggle-off.svg"); } .toggle-switch-us:checked { background-image: url("assets/toggle-on.svg"); } .toggle-switch-intl { background-image: url("assets/toggle-off.svg"); } .toggle-switch-intl:checked { background-image: url("assets/toggle-on.svg"); } /* links */ .shell-link { border-radius: 2px; color: #338DD6; } .shell-link:hover { color: #338DD6; background-color: rgba(51, 141, 214, 0.15); } .shell-link:active { color: #338DD6; background-color: rgba(51, 141, 214, 0.3); } /* Modal Dialogs */ .headline { font-size: 15pt; font-weight: 500; } .lightbox { background-color: black; } .flashspot { background-color: white; } .modal-dialog { border-radius: 2px; color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } .modal-dialog .modal-dialog-content-box { padding: 24px; } .modal-dialog .run-dialog-entry { width: 20em; margin-bottom: 6px; } .modal-dialog .run-dialog-error-box { padding-top: 16px; spacing: 6px; } .modal-dialog .run-dialog-button-box { padding-top: 1em; } .modal-dialog .run-dialog-label { font-size: 1em; font-weight: normal; color: rgba(0, 0, 0, 0.38); padding-bottom: .4em; } .show-processes-dialog-subject, .mount-question-dialog-subject, .end-session-dialog-subject { font-size: 15pt; font-weight: 500; } /* End Session Dialog */ .end-session-dialog { spacing: 42px; border: none; } .end-session-dialog-list { padding-top: 20px; } .end-session-dialog-layout { padding-left: 17px; } .end-session-dialog-layout:rtl { padding-right: 17px; } .end-session-dialog-description { width: 28em; padding-bottom: 10px; } .end-session-dialog-description:rtl { text-align: right; } .end-session-dialog-warning { width: 28em; color: #FF6D00; padding-top: 6px; } .end-session-dialog-warning:rtl { text-align: right; } .end-session-dialog-logout-icon { border-radius: 5px; width: 48px; height: 48px; background-size: contain; } .end-session-dialog-shutdown-icon { color: rgba(0, 0, 0, 0.38); width: 48px; height: 48px; } .end-session-dialog-inhibitor-layout { spacing: 16px; max-height: 200px; padding-right: 65px; padding-left: 65px; } .end-session-dialog-session-list, .end-session-dialog-app-list { spacing: 1em; } .end-session-dialog-list-header { font-weight: bold; } .end-session-dialog-list-header:rtl { text-align: right; } .end-session-dialog-app-list-item, .end-session-dialog-session-list-item { spacing: 1em; } .end-session-dialog-app-list-item-name, .end-session-dialog-session-list-item-name { font-weight: bold; } .end-session-dialog-app-list-item-description { color: rgba(0, 0, 0, 0.38); font-size: 1em; } /* ShellMountOperation Dialogs */ .shell-mount-operation-icon { icon-size: 48px; } .show-processes-dialog, .mount-question-dialog { spacing: 24px; } .show-processes-dialog-subject, .mount-question-dialog-subject { padding-top: 10px; padding-left: 17px; padding-bottom: 6px; } .mount-question-dialog-subject { max-width: 34em; } .show-processes-dialog-subject:rtl, .mount-question-dialog-subject:rtl { padding-left: 0px; padding-right: 17px; } .show-processes-dialog-description, .mount-question-dialog-description { padding-left: 17px; width: 28em; } .show-processes-dialog-description:rtl, .mount-question-dialog-description:rtl { padding-right: 17px; } .show-processes-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 49px; padding-right: 32px; } .show-processes-dialog-app-list:rtl { padding-right: 49px; padding-left: 32px; } .show-processes-dialog-app-list-item { color: rgba(0, 0, 0, 0.87); } .show-processes-dialog-app-list-item:hover { color: rgba(0, 0, 0, 0.87); } .show-processes-dialog-app-list-item:ltr { padding-right: 1em; } .show-processes-dialog-app-list-item:rtl { padding-left: 1em; } .show-processes-dialog-app-list-item-icon:ltr { padding-right: 17px; } .show-processes-dialog-app-list-item-icon:rtl { padding-left: 17px; } .show-processes-dialog-app-list-item-name { font-size: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { width: 34em; border: none; } .prompt-dialog-main-layout { spacing: 24px; padding: 10px; } .prompt-dialog-message-layout { spacing: 16px; } .prompt-dialog-headline { font-size: 15pt; font-weight: 500; color: rgba(0, 0, 0, 0.87); } .prompt-dialog-description:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label { font-size: 1em; color: #DD2C00; padding-bottom: 8px; } .prompt-dialog-info-label { font-size: 1em; padding-bottom: 8px; } .hidden { color: transparent; } .prompt-dialog-null-label { font-size: 1em; padding-bottom: 8px; } /* Polkit Dialog */ .polkit-dialog-user-layout { padding-left: 10px; spacing: 10px; } .polkit-dialog-user-layout:rtl { padding-left: 0px; padding-right: 10px; } .polkit-dialog-user-root-label { color: #FF6D00; } .polkit-dialog-user-icon { border-radius: 5px; background-size: contain; width: 48px; height: 48px; } /* Audio selection dialog */ .audio-device-selection-dialog { spacing: 30px; } .audio-selection-content { spacing: 20px; padding: 24px; } .audio-selection-title { font-weight: bold; text-align: center; } .audio-selection-box { spacing: 20px; } .audio-selection-device { border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 2px; } .audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { background-color: #338DD6; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* Access Dialog */ .access-dialog { spacing: 30px; } .access-dialog-main-layout { padding: 12px 20px 0; spacing: 12px; } .access-dialog-content { max-width: 28em; spacing: 20px; } .access-dialog-icon { min-width: 48px; icon-size: 48px; } .access-dialog-title { font-weight: bold; } .access-dialog-subtitle { color: rgba(0, 0, 0, 0.38); font-weight: bold; } /* Geolocation Dialog */ .geolocation-dialog { spacing: 30px; } .geolocation-dialog-main-layout { spacing: 12px; } .geolocation-dialog-content { spacing: 20px; } .geolocation-dialog-icon { icon-size: 48px; } .geolocation-dialog-title { font-weight: bold; } .geolocation-dialog-reason { color: rgba(0, 0, 0, 0.38); font-weight: bold; } /* Network Agent Dialog */ .network-dialog-secret-table { spacing-rows: 15px; spacing-columns: 1em; } .keyring-dialog-control-table { spacing-rows: 15px; spacing-columns: 1em; } /* Popovers/Menus */ .popup-menu { min-width: 200px; } .popup-menu .popup-sub-menu { background-color: #EEEEEE; box-shadow: 0 0 transparent; } .popup-menu .popup-menu-content { padding: 8px 0; } .popup-menu .popup-menu-item { spacing: 8px; transition-duration: 100ms; } .popup-menu .popup-menu-item:ltr { padding: 0.4em 24px 0.4em 0; } .popup-menu .popup-menu-item:rtl { padding: 0.4em 0 0.4em 24px; } .popup-menu .popup-menu-item:checked { background-color: #338DD6; color: #FFFFFF; box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { background-color: #529edc; color: #FFFFFF; } .popup-menu .popup-menu-item:checked:active { background-color: #70afe2; color: #FFFFFF !important; } .popup-menu .popup-menu-item:checked:insensitive { color: rgba(255, 255, 255, 0.5); } .popup-menu .popup-menu-item.selected { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); transition-duration: 0ms; } .popup-menu .popup-menu-item:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); transition-duration: 150ms; } .popup-menu .popup-menu-item.selected:active { color: rgba(0, 0, 0, 0.87); } .popup-menu .popup-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-menu .popup-inactive-menu-item { color: rgba(0, 0, 0, 0.87); } .popup-menu .popup-inactive-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-menu.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-border-radius: 0; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; -arrow-box-shadow: none; margin: 5px 8px 8px; background-color: #FAFAFA; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .popup-separator-menu-item { height: 1px; margin: 8px 40px; background-color: transparent; border-color: rgba(0, 0, 0, 0.12); border-bottom-width: 1px; border-bottom-style: solid; } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } /* fallback menu - odd thing for styling App menu when apparently not running under shell. Light Adwaita styled app menu inside the main app window itself rather than the top bar */ /* OSD */ .osd-window { text-align: center; font-weight: bold; spacing: 1em; margin: 32px; min-width: 64px; min-height: 64px; } .osd-window .osd-monitor-label { font-size: 45px; font-weight: 400; } .osd-window .level { height: 8px; border-radius: 0; background-color: rgba(51, 141, 214, 0.3); color: rgba(0, 0, 0, 0.87); } .osd-window .level-bar { background-color: #338DD6; border-radius: 0; } /* Pad OSD */ .pad-osd-window { padding: 32px; background-color: rgba(0, 0, 0, 0.6); } .pad-osd-window .pad-osd-title-box { spacing: 12px; } .pad-osd-window .pad-osd-title-menu-box { spacing: 6px; } .combo-box-label { width: 15em; } /* App Switcher */ .switcher-popup { padding: 8px; spacing: 16px; } .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { padding: 8px; border-radius: 2px; } .switcher-list .item-box:outlined { padding: 8px; border: none; background-color: rgba(0, 0, 0, 0.12); } .switcher-list .item-box:selected { background-color: #338DD6; color: #FFFFFF; } .switcher-list .thumbnail-box { padding: 2px; spacing: 4px; } .switcher-list .thumbnail { width: 256px; } .switcher-list .separator { width: 1px; background: rgba(0, 0, 0, 0.12); } .switcher-arrow { border-color: transparent; color: rgba(0, 0, 0, 0.38); } .switcher-arrow:highlighted { color: rgba(0, 0, 0, 0.87); } .input-source-switcher-symbol { font-size: 45px; font-weight: 400; width: 96px; height: 96px; } /* Window Cycler */ .cycler-highlight { border: 4px solid #338DD6; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher { background: transparent; border: 0px; border-radius: 0px; padding: 0px; spacing: 8px; } .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; background-color: #338DD6; color: #FFFFFF; background-size: 32px; border-radius: 2px; } .ws-switcher-box { height: 48px; border: none; background: rgba(0, 0, 0, 0.12); border-radius: 2px; } .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); border-radius: 2px; padding: 12px; } /* Tiled window previews */ .tile-preview { background-color: rgba(64, 196, 255, 0.3); border: 1px solid #40C4FF; } .tile-preview-left.on-primary { border-radius: 0 0 0 0; } .tile-preview-right.on-primary { border-radius: 0 0 0 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0 0 0 0; } /* TOP BAR */ #panel { background-color: rgba(0, 0, 0, 0.6); font-weight: bold; height: 32px; } #panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { background-color: transparent; } #panel #panelLeft, #panel #panelCenter { spacing: 0; } #panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: rgba(0, 0, 0, 0.6); -panel-corner-border-width: 2px; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: #FFFFFF; } #panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: rgba(255, 255, 255, 0.7); transition-duration: 150ms; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; } #panel .panel-button:hover { color: #FFFFFF; } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { background-color: rgba(0, 0, 0, 0.01); box-shadow: inset 0 -2px 0px #FFFFFF; color: #FFFFFF; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { icon-shadow: none; } #panel .panel-button .system-status-icon { icon-size: 1.14286em; padding: 0 4px; } .unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { color: rgba(255, 255, 255, 0.7); } .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { color: #FFFFFF; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator { color: #FF6D00; } #calendarArea { padding: 8px 16px; } .calendar { margin-bottom: 0; } .calendar, .datemenu-today-button, .datemenu-displays-box, .message-list-sections { margin: 0 8px; } .datemenu-calendar-column { spacing: 8px; } .datemenu-displays-section { padding-bottom: 0; } .datemenu-displays-box { spacing: 8px; } .datemenu-calendar-column { border: 0 solid rgba(0, 0, 0, 0.12); } .datemenu-calendar-column:ltr { border-left-width: 0; } .datemenu-calendar-column:rtl { border-right-width: 0; } .datemenu-today-button, .world-clocks-button, .weather-button, .events-section-title { min-height: 24px; padding: 4px 8px; border-radius: 2px; } .datemenu-today-button { min-height: 56px; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .datemenu-today-button:hover, .datemenu-today-button:focus, .world-clocks-button:hover, .world-clocks-button:focus, .weather-button:hover, .weather-button:focus, .events-section-title:hover, .events-section-title:focus { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); } .datemenu-today-button:active, .world-clocks-button:active, .weather-button:active, .events-section-title:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); } .datemenu-today-button .date-label { font-size: 18pt; font-weight: 400; } .world-clocks-header, .weather-header, .events-section-title { color: rgba(0, 0, 0, 0.54); font-weight: bold; } .world-clocks-grid { spacing-rows: 0.4em; } .weather-box { spacing: 0.4em; } .calendar-month-label { height: 20px; margin: 2px; padding: 6px 16px; border-radius: 2px; color: rgba(0, 0, 0, 0.87); font-weight: bold; text-align: center; } .calendar-month-label:focus { background-color: rgba(0, 0, 0, 0.12); } .pager-button { width: 32px; height: 32px; margin: 2px; border-radius: 100px; background-color: transparent; color: rgba(0, 0, 0, 0.87); } .pager-button:hover, .pager-button:focus { background-color: rgba(0, 0, 0, 0.12); } .pager-button:active { background-color: rgba(0, 0, 0, 0.26); } .calendar-change-month-back { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-change-month-back:rtl { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward:rtl { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-day-base { font-size: 9pt; font-weight: 400; text-align: center; width: 32px; height: 32px; padding: 0; margin: 2px; border-radius: 100px; } .calendar-day-base:hover, .calendar-day-base:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar-day-base:active { color: inherit; background-color: rgba(0, 0, 0, 0.26); border-color: transparent; } .calendar-day-base:selected { color: #FFFFFF; background-color: #338DD6; border-color: transparent; } .calendar-day-base.calendar-day-heading { width: 32px; height: 25px; margin-top: 2px; padding: 7px 0 0; border-radius: 100px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-size: 9pt; font-weight: 400; font-weight: bold; text-align: center; } .calendar-day { border-width: 0; } .calendar-day-top { border-top-width: 0; } .calendar-day-left { border-left-width: 0; } .calendar-nonwork-day { color: rgba(0, 0, 0, 0.87); } .calendar-today { font-weight: bold !important; border: none; } .calendar-day-with-events { color: #338DD6; font-weight: normal; text-decoration: underline; background-image: none; } .calendar-other-month-day { color: rgba(0, 0, 0, 0.26); opacity: 0.5; } .calendar-week-number { width: 32px; height: 25px; margin: 2px; padding: 7px 0 0; border-radius: 100px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-size: inherit; font-weight: bold; text-align: center; } /* Message list */ .message-list { width: 420px; } .message-list-clear-button.button { background-color: transparent; margin: 8px 8px 0; } .message-list-clear-button.button:hover, .message-list-clear-button.button:focus { background-color: rgba(0, 0, 0, 0.12); } .message-list-clear-button.button:active { background-color: rgba(0, 0, 0, 0.26); } .message-list-sections { spacing: 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message { min-height: 64px; background-color: transparent; border-radius: 2px; } .message:hover, .message:focus { background-color: rgba(0, 0, 0, 0.12); } .message:active { background-color: rgba(0, 0, 0, 0.26); } .message-icon-bin { padding: 8px 0px 8px 8px; } .message-icon-bin:rtl { padding: 8px 8px 8px 0px; } .message-icon-bin > StIcon { color: rgba(0, 0, 0, 0.87); icon-size: 1.14286em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } .message-icon-bin > StIcon:rtl { margin: 4px 4px 4px 0px; } .message-secondary-bin { padding: 0 8px; } .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; color: rgba(0, 0, 0, 0.54); font-size: 1em; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-bottom: 0; } .message-secondary-bin > StIcon { icon-size: 1.14286em; } .message-title { min-height: 22px; padding-top: 2px; color: rgba(0, 0, 0, 0.87); font-weight: bold; font-size: 1em; } .message-content { min-height: 48px; padding: 8px; color: rgba(0, 0, 0, 0.54); font-size: 1em; } .message-content * > StIcon { icon-size: 16px; border-radius: 16px; padding: 4px; color: rgba(0, 0, 0, 0.54); } /* FIXME: how do you do this in sass? */ .message-content *:hover > StIcon, .message-content *:focus > StIcon { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); } .message-content *:active > StIcon { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); } .message-media-control { margin: 16px 0; padding: 8px; border-radius: 100px; color: rgba(0, 0, 0, 0.54); } .message-media-control:hover, .message-media-control:focus { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); } .message-media-control:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); } .message-media-control:insensitive { color: rgba(0, 0, 0, 0.26); } .message-media-control:last-child:ltr { margin-right: 16px; padding-right: 8px; } .message-media-control:last-child:rtl { margin-left: 16px; padding-left: 8px; } .media-message-cover-icon { icon-size: 32px !important; margin: 8px 0px 8px 4px !important; } .media-message-cover-icon:rtl { margin: 8px 4px 8px 0px !important; } .media-message-cover-icon.fallback { icon-size: 16px !important; padding: 8px; border: none; border-radius: 2px; background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.38); } .system-switch-user-submenu-icon.user-icon { icon-size: 20px; padding: 0 2px; } .system-switch-user-submenu-icon.default-icon { icon-size: 16px; padding: 0 4px; } #appMenu { spinner-image: url("process-working.svg"); spacing: 4px; } #appMenu .label-shadow { color: transparent; } .aggregate-menu { min-width: 280px; } .aggregate-menu .popup-menu-icon { padding: 0 4px; } .aggregate-menu .popup-sub-menu .popup-menu-item :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; margin-left: 1.14286em; } .aggregate-menu .popup-sub-menu .popup-menu-item :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; margin-right: 1.14286em; } .system-menu-action { color: rgba(0, 0, 0, 0.54); border-radius: 100px; /* wish we could do 50% */ padding: 16px; border: none; } .system-menu-action:hover, .system-menu-action:focus { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); border: none; padding: 16px; } .system-menu-action:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } .system-menu-action > StIcon { icon-size: 16px; } .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; background-color: rgba(255, 255, 255, 0.3); background-image: none; background-size: auto; } .ripple-box:rtl { border-radius: 0 0 0 48px; background-image: none; } .popup-menu-arrow { width: 16px; height: 16px; } .popup-menu-icon { icon-size: 1.14286em; } .window-close { transition-duration: 0ms; height: 36px; width: 36px; -st-background-image-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); background-image: url("assets/window-close.svg"); background-size: 36px; } .window-close:hover { -st-background-image-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .window-close:active { background-image: url("assets/window-close-active.svg"); } .window-close { -shell-close-overlap: 18px; } .window-close:rtl { -st-background-image-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .window-close:rtl:hover { -st-background-image-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } /* NETWORK DIALOGS */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: center; } .nm-dialog-airplane-text { color: rgba(0, 0, 0, 0.87); } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-scroll-view { border: none; } .nm-dialog-header { font-size: 15pt; font-weight: 500; } .nm-dialog-item { font-size: 1em; border-bottom: none; border-radius: 2px; padding: 12px; spacing: 20px; } .nm-dialog-item:hover, .nm-dialog-item:focus { background-color: rgba(0, 0, 0, 0.12); } .nm-dialog-item:active { background-color: rgba(0, 0, 0, 0.26); } .nm-dialog-item:selected { background-color: #338DD6; color: #FFFFFF; } .nm-dialog-icons { spacing: .5em; } .nm-dialog-icon { icon-size: 16px; } .no-networks-label { color: rgba(0, 0, 0, 0.38); } .no-networks-box { spacing: 12px; } /* OVERVIEW */ #overview { spacing: 24px; } .overview-controls { padding-bottom: 32px; } .window-picker { -horizontal-spacing: 32px; -vertical-spacing: 32px; padding-left: 32px; padding-right: 32px; padding-bottom: 48px; } .window-picker.external-monitor { padding: 32px; } .window-clone-border { border: 4px solid rgba(255, 255, 255, 0.3); border-radius: 2px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .window-caption { spacing: 25px; color: #FFFFFF; background-color: transparent; border-radius: 2px; padding: 4px 8px; -shell-caption-spacing: 12px; } .window-caption:hover { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .search-entry { width: 304px; padding: 0 8px; border-radius: 0; color: rgba(255, 255, 255, 0.5); selection-background-color: rgba(255, 255, 255, 0.3); selected-color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #FFFFFF; padding: 0 8px; border-width: 0; color: #FFFFFF; } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 0; color: rgba(255, 255, 255, 0.5); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: #FFFFFF; } #searchResultsBin { max-width: 1000px; } #searchResultsContent { padding-left: 20px; padding-right: 20px; spacing: 16px; } .search-section { spacing: 16px; } .search-section-content { spacing: 32px; } .list-search-results { spacing: 3px; } .search-section-separator { -gradient-height: 1px; -gradient-start: rgba(255, 255, 255, 0); -gradient-end: rgba(255, 255, 255, 0.4); -margin-horizontal: 1.5em; height: 1px; } .list-search-result-content { spacing: 12px; padding: 12px; } .list-search-result-title { font-size: 18pt; font-weight: 400; color: #FFFFFF; } .list-search-result-description { color: rgba(255, 255, 255, 0.7); } .search-provider-icon { padding: 15px; } .search-provider-icon-more { width: 16px; height: 16px; background-image: url("assets/more-results.svg"); } /* DASHBOARD */ #dash { font-size: 1em; color: #FFFFFF; background-color: rgba(255, 255, 255, 0.1); padding: 3px 0; border: none; border-left: 0px; border-radius: 0px 2px 2px 0px; } #dash:rtl { border-radius: 2px 0 0 2px; } #dash .placeholder { background-image: url("assets/dash-placeholder.svg"); background-size: contain; height: 24px; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { border-radius: 2px; padding: 7px 8px; color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-align: center; -x-offset: 8px; } /* App Vault/Grid */ .icon-grid { spacing: 30px; -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; } .icon-grid .overview-icon { icon-size: 96px; } .app-view-controls { width: 320px; padding-bottom: 32px; } .app-view-control { padding: 0 16px; font-weight: bold; color: rgba(255, 255, 255, 0.7); } .app-view-control:hover { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12) !important; } .app-view-control:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3) !important; } .app-view-control:checked { color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01) !important; box-shadow: inset 0 2px 0 #FFFFFF; } .app-view-control:first-child { border-right-width: 0; border-radius: 2px; } .app-view-control:first-child:checked { border-radius: 0; } .app-view-control:last-child { border-radius: 2px; } .app-view-control:last-child:checked { border-radius: 0; } .search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, .list-search-result:focus, .list-search-result:selected, .list-search-result:hover { background-color: rgba(255, 255, 255, 0.12); transition-duration: 0ms; } .search-provider-icon:active, .search-provider-icon:checked, .list-search-result:active, .list-search-result:checked { background-color: rgba(255, 255, 255, 0.3); transition-duration: 150ms; } .app-well-app:hover .overview-icon, .app-well-app:focus .overview-icon, .app-well-app:selected .overview-icon, .app-well-app.app-folder:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-well-app.app-folder:selected .overview-icon, .show-apps:hover .overview-icon, .show-apps:focus .overview-icon, .show-apps:selected .overview-icon, .grid-search-result:hover .overview-icon, .grid-search-result:focus .overview-icon, .grid-search-result:selected .overview-icon { background-color: rgba(255, 255, 255, 0.12); transition-duration: 0ms; border-image: none; background-image: none; } .app-well-app:active .overview-icon, .app-well-app:checked .overview-icon, .app-well-app.app-folder:active .overview-icon, .app-well-app.app-folder:checked .overview-icon, .show-apps:active .overview-icon, .show-apps:checked .overview-icon, .grid-search-result:active .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.3); box-shadow: 0 0 transparent; transition-duration: 150ms; } .app-well-app-running-dot { width: 32px; height: 2px; background-color: #FFFFFF; margin-bottom: 0; } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .app-well-app.app-folder .overview-icon, .show-apps .overview-icon, .grid-search-result .overview-icon { color: #FFFFFF; border-radius: 2px; padding: 6px; border: none; transition-duration: 150ms; text-align: center; } .app-well-app.app-folder > .overview-icon { background-color: rgba(255, 255, 255, 0.1); } .show-apps .show-apps-icon { color: rgba(255, 255, 255, 0.7); } .show-apps:hover .show-apps-icon, .show-apps:active .show-apps-icon, .show-apps:checked .show-apps-icon, .show-apps:focus .show-apps-icon { color: #FFFFFF; transition-duration: 150ms; } .app-folder-popup { -arrow-border-radius: 2px; -arrow-background-color: rgba(255, 255, 255, 0.1); -arrow-base: 24px; -arrow-rise: 12px; } .app-folder-popup-bin { padding: 5px; } .app-folder-icon { padding: 5px; spacing-rows: 5px; spacing-columns: 5px; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 12px; height: 12px; border-radius: 12px; background-image: none; background-color: rgba(255, 255, 255, 0.3); } .page-indicator:hover .page-indicator-icon { background-image: none; background-color: rgba(255, 255, 255, 0.5); } .page-indicator:active .page-indicator-icon { background-image: none; background-color: rgba(255, 255, 255, 0.7); } .page-indicator:checked .page-indicator-icon { background-image: none; background-color: #FFFFFF; transition-duration: 0ms; } .page-indicator:checked:active { background-image: none; } .app-well-app > .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label { padding: 10px 8px 5px 8px; spacing: 4px; } .workspace-thumbnails { visible-width: 32px; spacing: 12px; padding: 12px; border-radius: 2px 0 0 2px; } .workspace-thumbnails:rtl { border-radius: 0 2px 2px 0; } .workspace-thumbnails .placeholder { background-image: url("assets/dash-placeholder.svg"); background-size: contain; height: 24px; } .workspace-thumbnail-indicator { border: 0 solid #FFFFFF; border-left-width: 2px; padding: 6px; border-radius: 0; } .search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { padding: 0px 88px 10px 88px; } .workspace-thumbnails { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.1); border: none; } .search-statustext, .no-frequent-applications-label { font-size: 45px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { link-color: #338DD6; } .notification-banner { font-size: 1em; width: 34em; min-height: 64px; margin: 5px; border-radius: 2px; color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .notification-banner:hover { background-color: #FAFAFA; } .notification-banner:focus { background-color: #FAFAFA; } .notification-banner .notification-icon { padding: 5px; } .notification-banner .notification-content { padding: 5px; spacing: 5px; } .notification-banner .secondary-icon { icon-size: 1.14286em; } .notification-banner .notification-actions { background-color: transparent; padding-top: 0; border-top: 1px solid rgba(0, 0, 0, 0.12); spacing: 1px; } .notification-banner .notification-button { min-height: 40px; padding: 0 16px; background-color: transparent; color: rgba(0, 0, 0, 0.54); font-weight: 500; } .notification-banner .notification-button:first-child { border-radius: 0 0 0 2px; } .notification-banner .notification-button:last-child { border-radius: 0 0 2px 0; } .notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } .notification-banner .notification-button:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } .summary-source-counter { font-size: 1em; font-weight: bold; height: 1.6em; width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; background-color: #338DD6; color: #FFFFFF; border: 2px solid #FFFFFF; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } .secondary-icon { icon-size: 1.14286em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: rgba(0, 0, 0, 0.87); } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0px; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: rgba(0, 0, 0, 0.54); } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; font-size: 9pt; font-weight: 400; color: rgba(0, 0, 0, 0.38); } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-transient-box { spacing: 6px; padding: 2px 72px 2px 12px; } .hotplug-notification-item { padding: 2px 10px; } .hotplug-notification-item:focus { padding: 1px 71px 1px 11px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 2px 5px; } .hotplug-resident-box { spacing: 8px; } .hotplug-resident-mount { spacing: 8px; border-radius: 2px; } .hotplug-resident-mount:hover { background-color: rgba(0, 0, 0, 0.12); } .hotplug-resident-mount:active { background-color: rgba(0, 0, 0, 0.26); } .hotplug-resident-mount-label { color: inherit; padding-left: 6px; } .hotplug-resident-mount-icon { icon-size: 24px; padding-left: 6px; } .hotplug-resident-eject-icon { icon-size: 16px; } .hotplug-resident-eject-button { padding: 7px; border-radius: 2px; color: rgba(0, 0, 0, 0.87); } /* Eeeky things */ .legacy-tray { background-color: rgba(0, 0, 0, 0.6); color: #FFFFFF; border: none; border-bottom-width: 0; } .legacy-tray:ltr { border-radius: 0 2px 0 0; border-left-width: 0; } .legacy-tray:rtl { border-radius: 2px 0 0 0; border-right-width: 0; } .legacy-tray-handle, .legacy-tray-icon { padding: 6px; } .legacy-tray-handle StIcon, .legacy-tray-icon StIcon { icon-size: 24px; } .legacy-tray-handle:hover, .legacy-tray-handle:focus, .legacy-tray-icon:hover, .legacy-tray-icon:focus { background-color: rgba(255, 255, 255, 0.12); } .legacy-tray-handle:active, .legacy-tray-icon:active { background-color: rgba(255, 255, 255, 0.3); } .legacy-tray-icon-box { spacing: 12px; } .legacy-tray-icon-box:ltr { padding-left: 12px; } .legacy-tray-icon-box:rtl { padding-right: 12px; } .legacy-tray-icon-box StButton { width: 24px; height: 24px; } .magnifier-zoom-region { border: 2px solid #338DD6; } .magnifier-zoom-region.full-screen { border-width: 0; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.3); } .keyboard-layout { spacing: 10px; padding: 10px; } .keyboard-row { spacing: 15px; } .keyboard-key { min-height: 72px; min-width: 72px; font-size: 2em; font-weight: 500; border-radius: 2px; border: none; color: inherit; color: rgba(0, 0, 0, 0.62); background-color: #FAFAFA; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; icon-shadow: none; } .keyboard-key:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-key:hover, .keyboard-key:checked { color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .keyboard-key:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(188, 188, 188, 0.961); border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .keyboard-key:grayed { background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; border-color: rgba(0, 0, 0, 0.3); } .keyboard-subkeys { color: inherit; padding: 5px; -arrow-border-radius: 0; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; -boxpointer-gap: 5px; background-color: #FAFAFA; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: rgba(0, 0, 0, 0.38); } .candidate-box:selected .candidate-index { color: rgba(255, 255, 255, 0.5); } .candidate-box { transition-duration: 0ms; min-height: 32px; padding: 0 8px; border-radius: 2px; } .candidate-box:hover { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } .candidate-box:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } .candidate-box:selected { background-color: #338DD6; color: #FFFFFF; } .candidate-page-button-box { height: 32px; } .vertical .candidate-page-button-box { padding-top: 0; } .horizontal .candidate-page-button-box { padding-left: 0; } .candidate-page-button { min-width: 32px; min-height: 32px; padding: 0; } .candidate-page-button-previous { border-radius: 2px; border-right-width: 0; } .candidate-page-button-next { border-radius: 2px; } .candidate-page-button-icon { icon-size: 1.14286em; } /* Auth Dialogs & Screen Shield */ .framed-user-icon { background-size: contain; border: none; color: #FFFFFF; border-radius: 2px; } .framed-user-icon:hover { border-color: #FFFFFF; color: #FFFFFF; } .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: none; background-color: transparent; } .login-dialog StEntry { color: #FFFFFF; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .login-dialog StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #FFFFFF; } .login-dialog StEntry:insensitive { color: rgba(0, 0, 0, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { padding: 0 16px; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:insensitive { color: rgba(255, 255, 255, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default { color: #FFFFFF; background-color: #009688; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { color: #FFFFFF; background-color: #009688; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:active { color: #FFFFFF; background-color: #4db6ac; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:insensitive { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog-logo-bin { padding: 24px 0px; } .login-dialog-banner { color: rgba(255, 255, 255, 0.7); } .login-dialog-button-box { spacing: 5px; } .login-dialog-message-warning { color: #FF6D00; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; } .login-dialog-user-selection-box { padding: 100px 0px; } .login-dialog-not-listed-label { padding-left: 2px; } .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { color: #FFFFFF; } .login-dialog-not-listed-label { font-size: 1em; font-weight: bold; color: rgba(255, 255, 255, 0.7); padding-top: 1em; } .login-dialog-not-listed-label:hover { color: #FFFFFF; } .login-dialog-not-listed-label:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; padding: .2em; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:focus { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid #FFFFFF; } .login-dialog-user-list-item { border-radius: 2px; padding: 4px 4px 0; color: rgba(255, 255, 255, 0.7); } .login-dialog-user-list-item:ltr { padding-right: 1em; } .login-dialog-user-list-item:rtl { padding-left: 1em; } .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list-item:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin: 2px 0 0 0; background-color: #FFFFFF; } .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { background-color: #FFFFFF; } .login-dialog-username, .user-widget-label { color: #FFFFFF; font-size: 15pt; font-weight: 500; text-align: left; padding-left: 15px; } .user-widget-label:ltr { padding-left: 18px; } .user-widget-label:rtl { padding-right: 18px; } .login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 8px; width: 23em; } .login-dialog-prompt-label { color: rgba(255, 255, 255, 0.5); font-size: 1em; padding-top: 1em; } .login-dialog-session-list-button StIcon { icon-size: 1.25em; } .login-dialog-session-list-button { color: rgba(255, 255, 255, 0.7); } .login-dialog-session-list-button:hover, .login-dialog-session-list-button:focus { color: #FFFFFF; } .login-dialog-session-list-button:active { color: #FFFFFF; } .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { color: white; width: 80px; height: 48px; -arrow-thickness: 12px; -arrow-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock { color: white; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-weight: normal; text-align: center; padding-bottom: 1.5em; } .screen-shield-clock-time { font-size: 112px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock-date { font-size: 45px; font-weight: 400; } .screen-shield-notifications-container { spacing: 6px; width: 30em; background-color: transparent; max-height: 500px; } .screen-shield-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .screen-shield-notifications-container .notification, .screen-shield-notifications-container .screen-shield-notification-source { padding: 8px; border: none; background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; border-radius: 2px; } .screen-shield-notifications-container .notification { margin-right: 16px; } .screen-shield-notification-label { min-height: 22px; padding: 2px 0px 0px 16px; font-weight: bold; } .screen-shield-notification-count-text { min-height: 22px; padding: 2px 0px 0px 16px; color: rgba(255, 255, 255, 0.7); } #panel.lock-screen { background-color: rgba(0, 0, 0, 0.3); } .screen-shield-background { background: black; box-shadow: 0 19px 19px rgba(0, 0, 0, 0.6), 0 15px 6px rgba(0, 0, 0, 0.44); } #lockDialogGroup { background: #303030; background-size: cover; } #LookingGlassDialog { background-color: #FAFAFA; spacing: 4px; padding: 0; border: none; border-radius: 2px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } #LookingGlassDialog > #Toolbar { padding: 0 8px; border: none; border-radius: 0; background-color: rgba(250, 250, 250, 0.01); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); } #LookingGlassDialog .labels { spacing: 0; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: rgba(0, 0, 0, 0.38); transition-duration: 150ms; padding-left: 16px; padding-right: 16px; min-height: 36px; padding: 0 32px; } #LookingGlassDialog .notebook-tab:hover { box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); text-shadow: none; } #LookingGlassDialog .notebook-tab:selected { border-bottom-width: 0; border-color: transparent; background-color: rgba(250, 250, 250, 0.01); box-shadow: inset 0 -2px 0px #338DD6; color: rgba(0, 0, 0, 0.87); text-shadow: none; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 4px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog StEntry { selection-background-color: #338DD6; selected-color: #FFFFFF; } .lg-dialog .shell-link { color: #338DD6; } .lg-dialog .shell-link:hover { color: #338DD6; } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button { min-height: 36px; padding: 0 16px; border: none; border-radius: 2px; font-size: 10.5pt; font-weight: 500; color: rgba(0, 0, 0, 0.54); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:hover { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:insensitive { color: rgba(0, 0, 0, 0.26); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .lg-obj-inspector-button:hover { border: none; } #lookingGlassExtensions { padding: 4px; } .lg-extensions-list { padding: 4px; spacing: 6px; } .lg-extension { border: none; border-radius: 2px; padding: 4px; } .lg-extension-name { font-size: 18pt; font-weight: 400; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { background: #FAFAFA; border: none; border-radius: 2px; padding: 6px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } /* Dash to Dock */ #dashtodockContainer #dash { background-color: rgba(0, 0, 0, 0.6); } #dashtodockContainer:overview #dash { background-color: rgba(255, 255, 255, 0.1); } #dashtodockContainer.extended:overview #dash { background-color: transparent; } #dashtodockContainer.left #dash, #dashtodockContainer.right #dash { padding: 3px 0; } #dashtodockContainer.top #dash, #dashtodockContainer.bottom #dash { padding: 0 3px; } #dashtodockContainer.extended #dash { padding: 0; border-radius: 0; } #dashtodockContainer.left .dash-item-container > StWidget, #dashtodockContainer.right .dash-item-container > StWidget, #dashtodockContainer.extended.left .dash-item-container > StWidget, #dashtodockContainer.extended.right .dash-item-container > StWidget { padding: 3px 6px; } #dashtodockContainer.extended.left .dash-item-container:first-child > StWidget, #dashtodockContainer.extended.right .dash-item-container:first-child > StWidget { padding: 6px 6px 3px 6px; } #dashtodockContainer.extended.left .dash-item-container:last-child > StWidget, #dashtodockContainer.extended.right .dash-item-container:last-child > StWidget { padding: 3px 6px 6px 6px; } #dashtodockContainer.top .dash-item-container > StWidget, #dashtodockContainer.bottom .dash-item-container > StWidget, #dashtodockContainer.extended.top .dash-item-container > StWidget, #dashtodockContainer.extended.bottom .dash-item-container > StWidget { padding: 6px 3px; } #dashtodockContainer.extended.top .dash-item-container:first-child > StWidget, #dashtodockContainer.extended.bottom .dash-item-container:first-child > StWidget { padding: 6px 3px 6px 6px; } #dashtodockContainer.extended.top .dash-item-container:last-child > StWidget, #dashtodockContainer.extended.bottom .dash-item-container:last-child > StWidget { padding: 6px 6px 6px 3px; } #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } #dashtodockContainer .dash-item-container > StWidget { background-size: cover; } #dashtodockContainer.left .dash-item-container > StWidget.running1 { background-image: url("assets/dash/left-running1.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running2 { background-image: url("assets/dash/left-running2.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running3 { background-image: url("assets/dash/left-running3.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running4 { background-image: url("assets/dash/left-running4.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running1 { background-image: url("assets/dash/right-running1.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running2 { background-image: url("assets/dash/right-running2.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running3 { background-image: url("assets/dash/right-running3.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running4 { background-image: url("assets/dash/right-running4.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running1 { background-image: url("assets/dash/top-running1.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running2 { background-image: url("assets/dash/top-running2.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running3 { background-image: url("assets/dash/top-running3.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running4 { background-image: url("assets/dash/top-running4.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running1 { background-image: url("assets/dash/bottom-running1.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running2 { background-image: url("assets/dash/bottom-running2.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running3 { background-image: url("assets/dash/bottom-running3.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running4 { background-image: url("assets/dash/bottom-running4.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/bottom-running4-focused.svg"); } /* Simple Dock */ #dash:desktop { background-color: rgba(0, 0, 0, 0.6); } /* GPaste */ .popup-menu .search-entry { color: rgba(0, 0, 0, 0.87); selection-background-color: #338DD6; selected-color: #FFFFFF; background-color: rgba(250, 250, 250, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .popup-menu .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #338DD6; color: rgba(0, 0, 0, 0.87); } .popup-menu .search-entry .search-entry-icon { color: rgba(0, 0, 0, 0.38); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { color: rgba(0, 0, 0, 0.87); } materia-theme-20180321/src/gnome-shell/3.24/gnome-shell-light.scss000066400000000000000000000004161325420104000242710ustar00rootroot00000000000000$variant: 'light'; $titlebar: 'light'; $compact: 'false'; @import '../../_sass/gnome-shell/variables'; @import '../../_sass/colors'; @import '../../_sass/gnome-shell/drawing'; @import '../../_sass/gnome-shell/common-3.24'; @import '../../_sass/gnome-shell/extensions'; materia-theme-20180321/src/gnome-shell/3.24/gnome-shell.css000066400000000000000000001760431325420104000230130ustar00rootroot00000000000000/* This stylesheet is generated, DO NOT EDIT */ /* Copyright 2009, 2015 Red Hat, Inc. * * Portions adapted from Mx's data/style/default.css * Copyright 2009 Intel Corporation * * This program is free software; you can redistribute it and/or modify it * under the terms and conditions of the GNU Lesser General Public License, * version 2.1, as published by the Free Software Foundation. * * This program is distributed in the hope it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for * more details. * * You should have received a copy of the GNU Lesser General Public License * along with this program; if not, write to the Free Software Foundation, * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. */ /* GLOBALS */ * { transition-duration: 150ms; } stage { font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; font-size: 10.5pt; font-weight: 400; color: rgba(0, 0, 0, 0.87); } /* WIDGETS */ /* Buttons */ .button { min-height: 36px; padding: 0 16px; border-width: 0; border-radius: 2px; font-size: 10.5pt; font-weight: 500; color: rgba(0, 0, 0, 0.54); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:hover { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:insensitive { color: rgba(0, 0, 0, 0.26); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .modal-dialog-linked-button { min-height: 40px; padding: 0 16px; border-top: 1px solid rgba(0, 0, 0, 0.12) !important; border-right-width: 0; font-size: 10.5pt; font-weight: 500; color: rgba(0, 0, 0, 0.54); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:hover { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:insensitive { color: rgba(0, 0, 0, 0.26); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .modal-dialog-linked-button:first-child { border-radius: 0px 0px 0px 2px; } .modal-dialog-linked-button:last-child { border-right-width: 0px; border-radius: 0px 0px 2px 0px; } .modal-dialog-linked-button:first-child:last-child { border-right-width: 0px; border-radius: 0px 0px 2px 2px; } /* Entries */ StEntry { min-height: 36px; padding: 0 8px; border-radius: 0; border-width: 0; color: rgba(0, 0, 0, 0.87); selection-background-color: #338DD6; selected-color: #FFFFFF; font-size: 12pt; font-weight: 400; background-color: rgba(250, 250, 250, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #338DD6; } StEntry:insensitive { color: rgba(0, 0, 0, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); } StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #FF6D00; padding: 0 0; } /* Scrollbars */ StScrollView.vfade { -st-vfade-offset: 32px; } StScrollView.hfade { -st-hfade-offset: 32px; } StScrollBar { padding: 0; } StScrollView StScrollBar { min-width: 16px; min-height: 16px; } StScrollBar StBin#trough { margin: 4px; border-radius: 100px; background-color: rgba(0, 0, 0, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 100px; background-color: rgba(0, 0, 0, 0.38); margin: 4px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(0, 0, 0, 0.54); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: rgba(0, 0, 0, 0.87); } #overview StScrollBar StBin#trough, #screenShieldNotifications StScrollBar StBin#trough { background-color: rgba(255, 255, 255, 0.12); } #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#hhandle, #screenShieldNotifications StScrollBar StButton#hhandle { background-color: rgba(255, 255, 255, 0.5); } #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#hhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { background-color: rgba(255, 255, 255, 0.7); } #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#hhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { background-color: #FFFFFF; } /* Slider */ .slider { height: 20px; color: #009688; -slider-height: 2px; -slider-background-color: rgba(0, 0, 0, 0.26); -slider-border-color: transparent; -slider-active-background-color: #009688; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 7px; } /* Check Boxes */ .check-box * { min-height: 20px; padding: 8px 0; } .check-box StBoxLayout { spacing: 8px; } .check-box StBin { width: 24px; height: 24px; padding: 6px; border-radius: 100px; background-image: url("assets/checkbox-off.svg"); } .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } .check-box:hover StBin { background-color: rgba(0, 0, 0, 0.12); } .check-box:active StBin { background-color: rgba(0, 0, 0, 0.26); } .check-box:checked StBin { background-image: url("assets/checkbox.svg"); } .check-box:focus:checked StBin { background-image: url("assets/checkbox.svg"); } .check-box:hover:checked StBin { background-color: rgba(0, 150, 136, 0.15); } .check-box:active:checked StBin { background-color: rgba(0, 150, 136, 0.3); } /* Switches */ .toggle-switch { width: 40px; height: 20px; background-size: contain; } .toggle-switch-us { background-image: url("assets/toggle-off.svg"); } .toggle-switch-us:checked { background-image: url("assets/toggle-on.svg"); } .toggle-switch-intl { background-image: url("assets/toggle-off.svg"); } .toggle-switch-intl:checked { background-image: url("assets/toggle-on.svg"); } /* links */ .shell-link { border-radius: 2px; color: #338DD6; } .shell-link:hover { color: #338DD6; background-color: rgba(51, 141, 214, 0.15); } .shell-link:active { color: #338DD6; background-color: rgba(51, 141, 214, 0.3); } /* Modal Dialogs */ .headline { font-size: 15pt; font-weight: 500; } .lightbox { background-color: black; } .flashspot { background-color: white; } .modal-dialog { border-radius: 2px; color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } .modal-dialog .modal-dialog-content-box { padding: 24px; } .modal-dialog .run-dialog-entry { width: 20em; margin-bottom: 6px; } .modal-dialog .run-dialog-error-box { padding-top: 16px; spacing: 6px; } .modal-dialog .run-dialog-button-box { padding-top: 1em; } .modal-dialog .run-dialog-label { font-size: 1em; font-weight: normal; color: rgba(0, 0, 0, 0.38); padding-bottom: .4em; } .show-processes-dialog-subject, .mount-question-dialog-subject, .end-session-dialog-subject { font-size: 15pt; font-weight: 500; } /* End Session Dialog */ .end-session-dialog { spacing: 42px; border: none; } .end-session-dialog-list { padding-top: 20px; } .end-session-dialog-layout { padding-left: 17px; } .end-session-dialog-layout:rtl { padding-right: 17px; } .end-session-dialog-description { width: 28em; padding-bottom: 10px; } .end-session-dialog-description:rtl { text-align: right; } .end-session-dialog-warning { width: 28em; color: #FF6D00; padding-top: 6px; } .end-session-dialog-warning:rtl { text-align: right; } .end-session-dialog-logout-icon { border-radius: 5px; width: 48px; height: 48px; background-size: contain; } .end-session-dialog-shutdown-icon { color: rgba(0, 0, 0, 0.38); width: 48px; height: 48px; } .end-session-dialog-inhibitor-layout { spacing: 16px; max-height: 200px; padding-right: 65px; padding-left: 65px; } .end-session-dialog-session-list, .end-session-dialog-app-list { spacing: 1em; } .end-session-dialog-list-header { font-weight: bold; } .end-session-dialog-list-header:rtl { text-align: right; } .end-session-dialog-app-list-item, .end-session-dialog-session-list-item { spacing: 1em; } .end-session-dialog-app-list-item-name, .end-session-dialog-session-list-item-name { font-weight: bold; } .end-session-dialog-app-list-item-description { color: rgba(0, 0, 0, 0.38); font-size: 1em; } /* ShellMountOperation Dialogs */ .shell-mount-operation-icon { icon-size: 48px; } .show-processes-dialog, .mount-question-dialog { spacing: 24px; } .show-processes-dialog-subject, .mount-question-dialog-subject { padding-top: 10px; padding-left: 17px; padding-bottom: 6px; } .mount-question-dialog-subject { max-width: 34em; } .show-processes-dialog-subject:rtl, .mount-question-dialog-subject:rtl { padding-left: 0px; padding-right: 17px; } .show-processes-dialog-description, .mount-question-dialog-description { padding-left: 17px; width: 28em; } .show-processes-dialog-description:rtl, .mount-question-dialog-description:rtl { padding-right: 17px; } .show-processes-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 49px; padding-right: 32px; } .show-processes-dialog-app-list:rtl { padding-right: 49px; padding-left: 32px; } .show-processes-dialog-app-list-item { color: rgba(0, 0, 0, 0.87); } .show-processes-dialog-app-list-item:hover { color: rgba(0, 0, 0, 0.87); } .show-processes-dialog-app-list-item:ltr { padding-right: 1em; } .show-processes-dialog-app-list-item:rtl { padding-left: 1em; } .show-processes-dialog-app-list-item-icon:ltr { padding-right: 17px; } .show-processes-dialog-app-list-item-icon:rtl { padding-left: 17px; } .show-processes-dialog-app-list-item-name { font-size: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { width: 34em; border: none; } .prompt-dialog-main-layout { spacing: 24px; padding: 10px; } .prompt-dialog-message-layout { spacing: 16px; } .prompt-dialog-headline { font-size: 15pt; font-weight: 500; color: rgba(0, 0, 0, 0.87); } .prompt-dialog-description:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label { font-size: 1em; color: #DD2C00; padding-bottom: 8px; } .prompt-dialog-info-label { font-size: 1em; padding-bottom: 8px; } .hidden { color: transparent; } .prompt-dialog-null-label { font-size: 1em; padding-bottom: 8px; } /* Polkit Dialog */ .polkit-dialog-user-layout { padding-left: 10px; spacing: 10px; } .polkit-dialog-user-layout:rtl { padding-left: 0px; padding-right: 10px; } .polkit-dialog-user-root-label { color: #FF6D00; } .polkit-dialog-user-icon { border-radius: 5px; background-size: contain; width: 48px; height: 48px; } /* Audio selection dialog */ .audio-device-selection-dialog { spacing: 30px; } .audio-selection-content { spacing: 20px; padding: 24px; } .audio-selection-title { font-weight: bold; text-align: center; } .audio-selection-box { spacing: 20px; } .audio-selection-device { border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 2px; } .audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { background-color: #338DD6; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* Access Dialog */ .access-dialog { spacing: 30px; } .access-dialog-main-layout { padding: 12px 20px 0; spacing: 12px; } .access-dialog-content { max-width: 28em; spacing: 20px; } .access-dialog-icon { min-width: 48px; icon-size: 48px; } .access-dialog-title { font-weight: bold; } .access-dialog-subtitle { color: rgba(0, 0, 0, 0.38); font-weight: bold; } /* Geolocation Dialog */ .geolocation-dialog { spacing: 30px; } .geolocation-dialog-main-layout { spacing: 12px; } .geolocation-dialog-content { spacing: 20px; } .geolocation-dialog-icon { icon-size: 48px; } .geolocation-dialog-title { font-weight: bold; } .geolocation-dialog-reason { color: rgba(0, 0, 0, 0.38); font-weight: bold; } /* Network Agent Dialog */ .network-dialog-secret-table { spacing-rows: 15px; spacing-columns: 1em; } .keyring-dialog-control-table { spacing-rows: 15px; spacing-columns: 1em; } /* Popovers/Menus */ .popup-menu { min-width: 200px; } .popup-menu .popup-sub-menu { background-color: #EEEEEE; box-shadow: 0 0 transparent; } .popup-menu .popup-menu-content { padding: 8px 0; } .popup-menu .popup-menu-item { spacing: 8px; transition-duration: 100ms; } .popup-menu .popup-menu-item:ltr { padding: 0.4em 24px 0.4em 0; } .popup-menu .popup-menu-item:rtl { padding: 0.4em 0 0.4em 24px; } .popup-menu .popup-menu-item:checked { background-color: #338DD6; color: #FFFFFF; box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { background-color: #529edc; color: #FFFFFF; } .popup-menu .popup-menu-item:checked:active { background-color: #70afe2; color: #FFFFFF !important; } .popup-menu .popup-menu-item:checked:insensitive { color: rgba(255, 255, 255, 0.5); } .popup-menu .popup-menu-item.selected { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); transition-duration: 0ms; } .popup-menu .popup-menu-item:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); transition-duration: 150ms; } .popup-menu .popup-menu-item.selected:active { color: rgba(0, 0, 0, 0.87); } .popup-menu .popup-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-menu .popup-inactive-menu-item { color: rgba(0, 0, 0, 0.87); } .popup-menu .popup-inactive-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-menu.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-border-radius: 0; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; -arrow-box-shadow: none; margin: 5px 8px 8px; background-color: #FAFAFA; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .popup-separator-menu-item { height: 1px; margin: 8px 40px; background-color: transparent; border-color: rgba(0, 0, 0, 0.12); border-bottom-width: 1px; border-bottom-style: solid; } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } /* fallback menu - odd thing for styling App menu when apparently not running under shell. Light Adwaita styled app menu inside the main app window itself rather than the top bar */ /* OSD */ .osd-window { text-align: center; font-weight: bold; spacing: 1em; margin: 32px; min-width: 64px; min-height: 64px; } .osd-window .osd-monitor-label { font-size: 45px; font-weight: 400; } .osd-window .level { height: 8px; border-radius: 0; background-color: rgba(51, 141, 214, 0.3); color: rgba(0, 0, 0, 0.87); } .osd-window .level-bar { background-color: #338DD6; border-radius: 0; } /* Pad OSD */ .pad-osd-window { padding: 32px; background-color: rgba(0, 0, 0, 0.6); } .pad-osd-window .pad-osd-title-box { spacing: 12px; } .pad-osd-window .pad-osd-title-menu-box { spacing: 6px; } .combo-box-label { width: 15em; } /* App Switcher */ .switcher-popup { padding: 8px; spacing: 16px; } .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { padding: 8px; border-radius: 2px; } .switcher-list .item-box:outlined { padding: 8px; border: none; background-color: rgba(0, 0, 0, 0.12); } .switcher-list .item-box:selected { background-color: #338DD6; color: #FFFFFF; } .switcher-list .thumbnail-box { padding: 2px; spacing: 4px; } .switcher-list .thumbnail { width: 256px; } .switcher-list .separator { width: 1px; background: rgba(0, 0, 0, 0.12); } .switcher-arrow { border-color: transparent; color: rgba(0, 0, 0, 0.38); } .switcher-arrow:highlighted { color: rgba(0, 0, 0, 0.87); } .input-source-switcher-symbol { font-size: 45px; font-weight: 400; width: 96px; height: 96px; } /* Window Cycler */ .cycler-highlight { border: 4px solid #338DD6; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher { background: transparent; border: 0px; border-radius: 0px; padding: 0px; spacing: 8px; } .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; background-color: #338DD6; color: #FFFFFF; background-size: 32px; border-radius: 2px; } .ws-switcher-box { height: 48px; border: none; background: rgba(0, 0, 0, 0.12); border-radius: 2px; } .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); border-radius: 2px; padding: 12px; } /* Tiled window previews */ .tile-preview { background-color: rgba(64, 196, 255, 0.3); border: 1px solid #40C4FF; } .tile-preview-left.on-primary { border-radius: 0 0 0 0; } .tile-preview-right.on-primary { border-radius: 0 0 0 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0 0 0 0; } /* TOP BAR */ #panel { background-color: #212121; font-weight: bold; height: 32px; } #panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { background-color: transparent; } #panel #panelLeft, #panel #panelCenter { spacing: 0; } #panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: rgba(0, 0, 0, 0.6); -panel-corner-border-width: 2px; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: #FFFFFF; } #panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: rgba(255, 255, 255, 0.7); transition-duration: 150ms; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; } #panel .panel-button:hover { color: #FFFFFF; } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { background-color: rgba(0, 0, 0, 0.01); box-shadow: inset 0 -2px 0px #FFFFFF; color: #FFFFFF; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { icon-shadow: none; } #panel .panel-button .system-status-icon { icon-size: 1.14286em; padding: 0 4px; } .unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { color: rgba(255, 255, 255, 0.7); } .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { color: #FFFFFF; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator { color: #FF6D00; } #calendarArea { padding: 8px 16px; } .calendar { margin-bottom: 0; } .calendar, .datemenu-today-button, .datemenu-displays-box, .message-list-sections { margin: 0 8px; } .datemenu-calendar-column { spacing: 8px; } .datemenu-displays-section { padding-bottom: 0; } .datemenu-displays-box { spacing: 8px; } .datemenu-calendar-column { border: 0 solid rgba(0, 0, 0, 0.12); } .datemenu-calendar-column:ltr { border-left-width: 0; } .datemenu-calendar-column:rtl { border-right-width: 0; } .datemenu-today-button, .world-clocks-button, .weather-button, .events-section-title { min-height: 24px; padding: 4px 8px; border-radius: 2px; } .datemenu-today-button { min-height: 56px; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .datemenu-today-button:hover, .datemenu-today-button:focus, .world-clocks-button:hover, .world-clocks-button:focus, .weather-button:hover, .weather-button:focus, .events-section-title:hover, .events-section-title:focus { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); } .datemenu-today-button:active, .world-clocks-button:active, .weather-button:active, .events-section-title:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); } .datemenu-today-button .date-label { font-size: 18pt; font-weight: 400; } .world-clocks-header, .weather-header, .events-section-title { color: rgba(0, 0, 0, 0.54); font-weight: bold; } .world-clocks-grid { spacing-rows: 0.4em; } .weather-box { spacing: 0.4em; } .calendar-month-label { height: 20px; margin: 2px; padding: 6px 16px; border-radius: 2px; color: rgba(0, 0, 0, 0.87); font-weight: bold; text-align: center; } .calendar-month-label:focus { background-color: rgba(0, 0, 0, 0.12); } .pager-button { width: 32px; height: 32px; margin: 2px; border-radius: 100px; background-color: transparent; color: rgba(0, 0, 0, 0.87); } .pager-button:hover, .pager-button:focus { background-color: rgba(0, 0, 0, 0.12); } .pager-button:active { background-color: rgba(0, 0, 0, 0.26); } .calendar-change-month-back { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-change-month-back:rtl { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward:rtl { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-day-base { font-size: 9pt; font-weight: 400; text-align: center; width: 32px; height: 32px; padding: 0; margin: 2px; border-radius: 100px; } .calendar-day-base:hover, .calendar-day-base:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar-day-base:active { color: inherit; background-color: rgba(0, 0, 0, 0.26); border-color: transparent; } .calendar-day-base:selected { color: #FFFFFF; background-color: #338DD6; border-color: transparent; } .calendar-day-base.calendar-day-heading { width: 32px; height: 25px; margin-top: 2px; padding: 7px 0 0; border-radius: 100px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-size: 9pt; font-weight: 400; font-weight: bold; text-align: center; } .calendar-day { border-width: 0; } .calendar-day-top { border-top-width: 0; } .calendar-day-left { border-left-width: 0; } .calendar-nonwork-day { color: rgba(0, 0, 0, 0.87); } .calendar-today { font-weight: bold !important; border: none; } .calendar-day-with-events { color: #338DD6; font-weight: normal; text-decoration: underline; background-image: none; } .calendar-other-month-day { color: rgba(0, 0, 0, 0.26); opacity: 0.5; } .calendar-week-number { width: 32px; height: 25px; margin: 2px; padding: 7px 0 0; border-radius: 100px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-size: inherit; font-weight: bold; text-align: center; } /* Message list */ .message-list { width: 420px; } .message-list-clear-button.button { background-color: transparent; margin: 8px 8px 0; } .message-list-clear-button.button:hover, .message-list-clear-button.button:focus { background-color: rgba(0, 0, 0, 0.12); } .message-list-clear-button.button:active { background-color: rgba(0, 0, 0, 0.26); } .message-list-sections { spacing: 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message { min-height: 64px; background-color: transparent; border-radius: 2px; } .message:hover, .message:focus { background-color: rgba(0, 0, 0, 0.12); } .message:active { background-color: rgba(0, 0, 0, 0.26); } .message-icon-bin { padding: 8px 0px 8px 8px; } .message-icon-bin:rtl { padding: 8px 8px 8px 0px; } .message-icon-bin > StIcon { color: rgba(0, 0, 0, 0.87); icon-size: 1.14286em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } .message-icon-bin > StIcon:rtl { margin: 4px 4px 4px 0px; } .message-secondary-bin { padding: 0 8px; } .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; color: rgba(0, 0, 0, 0.54); font-size: 1em; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-bottom: 0; } .message-secondary-bin > StIcon { icon-size: 1.14286em; } .message-title { min-height: 22px; padding-top: 2px; color: rgba(0, 0, 0, 0.87); font-weight: bold; font-size: 1em; } .message-content { min-height: 48px; padding: 8px; color: rgba(0, 0, 0, 0.54); font-size: 1em; } .message-content * > StIcon { icon-size: 16px; border-radius: 16px; padding: 4px; color: rgba(0, 0, 0, 0.54); } /* FIXME: how do you do this in sass? */ .message-content *:hover > StIcon, .message-content *:focus > StIcon { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); } .message-content *:active > StIcon { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); } .message-media-control { margin: 16px 0; padding: 8px; border-radius: 100px; color: rgba(0, 0, 0, 0.54); } .message-media-control:hover, .message-media-control:focus { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); } .message-media-control:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); } .message-media-control:insensitive { color: rgba(0, 0, 0, 0.26); } .message-media-control:last-child:ltr { margin-right: 16px; padding-right: 8px; } .message-media-control:last-child:rtl { margin-left: 16px; padding-left: 8px; } .media-message-cover-icon { icon-size: 32px !important; margin: 8px 0px 8px 4px !important; } .media-message-cover-icon:rtl { margin: 8px 4px 8px 0px !important; } .media-message-cover-icon.fallback { icon-size: 16px !important; padding: 8px; border: none; border-radius: 2px; background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.38); } .system-switch-user-submenu-icon.user-icon { icon-size: 20px; padding: 0 2px; } .system-switch-user-submenu-icon.default-icon { icon-size: 16px; padding: 0 4px; } #appMenu { spinner-image: url("process-working.svg"); spacing: 4px; } #appMenu .label-shadow { color: transparent; } .aggregate-menu { min-width: 280px; } .aggregate-menu .popup-menu-icon { padding: 0 4px; } .aggregate-menu .popup-sub-menu .popup-menu-item :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; margin-left: 1.14286em; } .aggregate-menu .popup-sub-menu .popup-menu-item :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; margin-right: 1.14286em; } .system-menu-action { color: rgba(0, 0, 0, 0.54); border-radius: 100px; /* wish we could do 50% */ padding: 16px; border: none; } .system-menu-action:hover, .system-menu-action:focus { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); border: none; padding: 16px; } .system-menu-action:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } .system-menu-action > StIcon { icon-size: 16px; } .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; background-color: rgba(255, 255, 255, 0.3); background-image: none; background-size: auto; } .ripple-box:rtl { border-radius: 0 0 0 48px; background-image: none; } .popup-menu-arrow { width: 16px; height: 16px; } .popup-menu-icon { icon-size: 1.14286em; } .window-close { transition-duration: 0ms; height: 36px; width: 36px; -st-background-image-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); background-image: url("assets/window-close.svg"); background-size: 36px; } .window-close:hover { -st-background-image-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .window-close:active { background-image: url("assets/window-close-active.svg"); } .window-close { -shell-close-overlap: 18px; } .window-close:rtl { -st-background-image-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .window-close:rtl:hover { -st-background-image-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } /* NETWORK DIALOGS */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: center; } .nm-dialog-airplane-text { color: rgba(0, 0, 0, 0.87); } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-scroll-view { border: none; } .nm-dialog-header { font-size: 15pt; font-weight: 500; } .nm-dialog-item { font-size: 1em; border-bottom: none; border-radius: 2px; padding: 12px; spacing: 20px; } .nm-dialog-item:hover, .nm-dialog-item:focus { background-color: rgba(0, 0, 0, 0.12); } .nm-dialog-item:active { background-color: rgba(0, 0, 0, 0.26); } .nm-dialog-item:selected { background-color: #338DD6; color: #FFFFFF; } .nm-dialog-icons { spacing: .5em; } .nm-dialog-icon { icon-size: 16px; } .no-networks-label { color: rgba(0, 0, 0, 0.38); } .no-networks-box { spacing: 12px; } /* OVERVIEW */ #overview { spacing: 24px; } .overview-controls { padding-bottom: 32px; } .window-picker { -horizontal-spacing: 32px; -vertical-spacing: 32px; padding-left: 32px; padding-right: 32px; padding-bottom: 48px; } .window-picker.external-monitor { padding: 32px; } .window-clone-border { border: 4px solid rgba(255, 255, 255, 0.3); border-radius: 2px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .window-caption { spacing: 25px; color: #FFFFFF; background-color: transparent; border-radius: 2px; padding: 4px 8px; -shell-caption-spacing: 12px; } .window-caption:hover { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .search-entry { width: 304px; padding: 0 8px; border-radius: 0; color: rgba(255, 255, 255, 0.5); selection-background-color: rgba(255, 255, 255, 0.3); selected-color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #FFFFFF; padding: 0 8px; border-width: 0; color: #FFFFFF; } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 0; color: rgba(255, 255, 255, 0.5); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: #FFFFFF; } #searchResultsBin { max-width: 1000px; } #searchResultsContent { padding-left: 20px; padding-right: 20px; spacing: 16px; } .search-section { spacing: 16px; } .search-section-content { spacing: 32px; } .list-search-results { spacing: 3px; } .search-section-separator { -gradient-height: 1px; -gradient-start: rgba(255, 255, 255, 0); -gradient-end: rgba(255, 255, 255, 0.4); -margin-horizontal: 1.5em; height: 1px; } .list-search-result-content { spacing: 12px; padding: 12px; } .list-search-result-title { font-size: 18pt; font-weight: 400; color: #FFFFFF; } .list-search-result-description { color: rgba(255, 255, 255, 0.7); } .search-provider-icon { padding: 15px; } .search-provider-icon-more { width: 16px; height: 16px; background-image: url("assets/more-results.svg"); } /* DASHBOARD */ #dash { font-size: 1em; color: #FFFFFF; background-color: rgba(255, 255, 255, 0.1); padding: 3px 0; border: none; border-left: 0px; border-radius: 0px 2px 2px 0px; } #dash:rtl { border-radius: 2px 0 0 2px; } #dash .placeholder { background-image: url("assets/dash-placeholder.svg"); background-size: contain; height: 24px; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { border-radius: 2px; padding: 7px 8px; color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-align: center; -x-offset: 8px; } /* App Vault/Grid */ .icon-grid { spacing: 30px; -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; } .icon-grid .overview-icon { icon-size: 96px; } .app-view-controls { width: 320px; padding-bottom: 32px; } .app-view-control { padding: 0 16px; font-weight: bold; color: rgba(255, 255, 255, 0.7); } .app-view-control:hover { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12) !important; } .app-view-control:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3) !important; } .app-view-control:checked { color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01) !important; box-shadow: inset 0 2px 0 #FFFFFF; } .app-view-control:first-child { border-right-width: 0; border-radius: 2px; } .app-view-control:first-child:checked { border-radius: 0; } .app-view-control:last-child { border-radius: 2px; } .app-view-control:last-child:checked { border-radius: 0; } .search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, .list-search-result:focus, .list-search-result:selected, .list-search-result:hover { background-color: rgba(255, 255, 255, 0.12); transition-duration: 0ms; } .search-provider-icon:active, .search-provider-icon:checked, .list-search-result:active, .list-search-result:checked { background-color: rgba(255, 255, 255, 0.3); transition-duration: 150ms; } .app-well-app:hover .overview-icon, .app-well-app:focus .overview-icon, .app-well-app:selected .overview-icon, .app-well-app.app-folder:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-well-app.app-folder:selected .overview-icon, .show-apps:hover .overview-icon, .show-apps:focus .overview-icon, .show-apps:selected .overview-icon, .grid-search-result:hover .overview-icon, .grid-search-result:focus .overview-icon, .grid-search-result:selected .overview-icon { background-color: rgba(255, 255, 255, 0.12); transition-duration: 0ms; border-image: none; background-image: none; } .app-well-app:active .overview-icon, .app-well-app:checked .overview-icon, .app-well-app.app-folder:active .overview-icon, .app-well-app.app-folder:checked .overview-icon, .show-apps:active .overview-icon, .show-apps:checked .overview-icon, .grid-search-result:active .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.3); box-shadow: 0 0 transparent; transition-duration: 150ms; } .app-well-app-running-dot { width: 32px; height: 2px; background-color: #FFFFFF; margin-bottom: 0; } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .app-well-app.app-folder .overview-icon, .show-apps .overview-icon, .grid-search-result .overview-icon { color: #FFFFFF; border-radius: 2px; padding: 6px; border: none; transition-duration: 150ms; text-align: center; } .app-well-app.app-folder > .overview-icon { background-color: rgba(255, 255, 255, 0.1); } .show-apps .show-apps-icon { color: rgba(255, 255, 255, 0.7); } .show-apps:hover .show-apps-icon, .show-apps:active .show-apps-icon, .show-apps:checked .show-apps-icon, .show-apps:focus .show-apps-icon { color: #FFFFFF; transition-duration: 150ms; } .app-folder-popup { -arrow-border-radius: 2px; -arrow-background-color: rgba(255, 255, 255, 0.1); -arrow-base: 24px; -arrow-rise: 12px; } .app-folder-popup-bin { padding: 5px; } .app-folder-icon { padding: 5px; spacing-rows: 5px; spacing-columns: 5px; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 12px; height: 12px; border-radius: 12px; background-image: none; background-color: rgba(255, 255, 255, 0.3); } .page-indicator:hover .page-indicator-icon { background-image: none; background-color: rgba(255, 255, 255, 0.5); } .page-indicator:active .page-indicator-icon { background-image: none; background-color: rgba(255, 255, 255, 0.7); } .page-indicator:checked .page-indicator-icon { background-image: none; background-color: #FFFFFF; transition-duration: 0ms; } .page-indicator:checked:active { background-image: none; } .app-well-app > .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label { padding: 10px 8px 5px 8px; spacing: 4px; } .workspace-thumbnails { visible-width: 32px; spacing: 12px; padding: 12px; border-radius: 2px 0 0 2px; } .workspace-thumbnails:rtl { border-radius: 0 2px 2px 0; } .workspace-thumbnails .placeholder { background-image: url("assets/dash-placeholder.svg"); background-size: contain; height: 24px; } .workspace-thumbnail-indicator { border: 0 solid #FFFFFF; border-left-width: 2px; padding: 6px; border-radius: 0; } .search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { padding: 0px 88px 10px 88px; } .workspace-thumbnails { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.1); border: none; } .search-statustext, .no-frequent-applications-label { font-size: 45px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { link-color: #338DD6; } .notification-banner { font-size: 1em; width: 34em; min-height: 64px; margin: 5px; border-radius: 2px; color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .notification-banner:hover { background-color: #FAFAFA; } .notification-banner:focus { background-color: #FAFAFA; } .notification-banner .notification-icon { padding: 5px; } .notification-banner .notification-content { padding: 5px; spacing: 5px; } .notification-banner .secondary-icon { icon-size: 1.14286em; } .notification-banner .notification-actions { background-color: transparent; padding-top: 0; border-top: 1px solid rgba(0, 0, 0, 0.12); spacing: 1px; } .notification-banner .notification-button { min-height: 40px; padding: 0 16px; background-color: transparent; color: rgba(0, 0, 0, 0.54); font-weight: 500; } .notification-banner .notification-button:first-child { border-radius: 0 0 0 2px; } .notification-banner .notification-button:last-child { border-radius: 0 0 2px 0; } .notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } .notification-banner .notification-button:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } .summary-source-counter { font-size: 1em; font-weight: bold; height: 1.6em; width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; background-color: #338DD6; color: #FFFFFF; border: 2px solid #FFFFFF; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } .secondary-icon { icon-size: 1.14286em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: rgba(0, 0, 0, 0.87); } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0px; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: rgba(0, 0, 0, 0.54); } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; font-size: 9pt; font-weight: 400; color: rgba(0, 0, 0, 0.38); } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-transient-box { spacing: 6px; padding: 2px 72px 2px 12px; } .hotplug-notification-item { padding: 2px 10px; } .hotplug-notification-item:focus { padding: 1px 71px 1px 11px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 2px 5px; } .hotplug-resident-box { spacing: 8px; } .hotplug-resident-mount { spacing: 8px; border-radius: 2px; } .hotplug-resident-mount:hover { background-color: rgba(0, 0, 0, 0.12); } .hotplug-resident-mount:active { background-color: rgba(0, 0, 0, 0.26); } .hotplug-resident-mount-label { color: inherit; padding-left: 6px; } .hotplug-resident-mount-icon { icon-size: 24px; padding-left: 6px; } .hotplug-resident-eject-icon { icon-size: 16px; } .hotplug-resident-eject-button { padding: 7px; border-radius: 2px; color: rgba(0, 0, 0, 0.87); } /* Eeeky things */ .legacy-tray { background-color: rgba(0, 0, 0, 0.6); color: #FFFFFF; border: none; border-bottom-width: 0; } .legacy-tray:ltr { border-radius: 0 2px 0 0; border-left-width: 0; } .legacy-tray:rtl { border-radius: 2px 0 0 0; border-right-width: 0; } .legacy-tray-handle, .legacy-tray-icon { padding: 6px; } .legacy-tray-handle StIcon, .legacy-tray-icon StIcon { icon-size: 24px; } .legacy-tray-handle:hover, .legacy-tray-handle:focus, .legacy-tray-icon:hover, .legacy-tray-icon:focus { background-color: rgba(255, 255, 255, 0.12); } .legacy-tray-handle:active, .legacy-tray-icon:active { background-color: rgba(255, 255, 255, 0.3); } .legacy-tray-icon-box { spacing: 12px; } .legacy-tray-icon-box:ltr { padding-left: 12px; } .legacy-tray-icon-box:rtl { padding-right: 12px; } .legacy-tray-icon-box StButton { width: 24px; height: 24px; } .magnifier-zoom-region { border: 2px solid #338DD6; } .magnifier-zoom-region.full-screen { border-width: 0; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.3); } .keyboard-layout { spacing: 10px; padding: 10px; } .keyboard-row { spacing: 15px; } .keyboard-key { min-height: 72px; min-width: 72px; font-size: 2em; font-weight: 500; border-radius: 2px; border: none; color: inherit; color: rgba(0, 0, 0, 0.62); background-color: #FAFAFA; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; icon-shadow: none; } .keyboard-key:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-key:hover, .keyboard-key:checked { color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .keyboard-key:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(188, 188, 188, 0.961); border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .keyboard-key:grayed { background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; border-color: rgba(0, 0, 0, 0.3); } .keyboard-subkeys { color: inherit; padding: 5px; -arrow-border-radius: 0; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; -boxpointer-gap: 5px; background-color: #FAFAFA; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: rgba(0, 0, 0, 0.38); } .candidate-box:selected .candidate-index { color: rgba(255, 255, 255, 0.5); } .candidate-box { transition-duration: 0ms; min-height: 32px; padding: 0 8px; border-radius: 2px; } .candidate-box:hover { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } .candidate-box:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } .candidate-box:selected { background-color: #338DD6; color: #FFFFFF; } .candidate-page-button-box { height: 32px; } .vertical .candidate-page-button-box { padding-top: 0; } .horizontal .candidate-page-button-box { padding-left: 0; } .candidate-page-button { min-width: 32px; min-height: 32px; padding: 0; } .candidate-page-button-previous { border-radius: 2px; border-right-width: 0; } .candidate-page-button-next { border-radius: 2px; } .candidate-page-button-icon { icon-size: 1.14286em; } /* Auth Dialogs & Screen Shield */ .framed-user-icon { background-size: contain; border: none; color: #FFFFFF; border-radius: 2px; } .framed-user-icon:hover { border-color: #FFFFFF; color: #FFFFFF; } .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: none; background-color: transparent; } .login-dialog StEntry { color: #FFFFFF; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .login-dialog StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #FFFFFF; } .login-dialog StEntry:insensitive { color: rgba(0, 0, 0, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { padding: 0 16px; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:insensitive { color: rgba(255, 255, 255, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default { color: #FFFFFF; background-color: #009688; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { color: #FFFFFF; background-color: #009688; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:active { color: #FFFFFF; background-color: #4db6ac; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:insensitive { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog-logo-bin { padding: 24px 0px; } .login-dialog-banner { color: rgba(255, 255, 255, 0.7); } .login-dialog-button-box { spacing: 5px; } .login-dialog-message-warning { color: #FF6D00; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; } .login-dialog-user-selection-box { padding: 100px 0px; } .login-dialog-not-listed-label { padding-left: 2px; } .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { color: #FFFFFF; } .login-dialog-not-listed-label { font-size: 1em; font-weight: bold; color: rgba(255, 255, 255, 0.7); padding-top: 1em; } .login-dialog-not-listed-label:hover { color: #FFFFFF; } .login-dialog-not-listed-label:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; padding: .2em; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:focus { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid #FFFFFF; } .login-dialog-user-list-item { border-radius: 2px; padding: 4px 4px 0; color: rgba(255, 255, 255, 0.7); } .login-dialog-user-list-item:ltr { padding-right: 1em; } .login-dialog-user-list-item:rtl { padding-left: 1em; } .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list-item:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin: 2px 0 0 0; background-color: #FFFFFF; } .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { background-color: #FFFFFF; } .login-dialog-username, .user-widget-label { color: #FFFFFF; font-size: 15pt; font-weight: 500; text-align: left; padding-left: 15px; } .user-widget-label:ltr { padding-left: 18px; } .user-widget-label:rtl { padding-right: 18px; } .login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 8px; width: 23em; } .login-dialog-prompt-label { color: rgba(255, 255, 255, 0.5); font-size: 1em; padding-top: 1em; } .login-dialog-session-list-button StIcon { icon-size: 1.25em; } .login-dialog-session-list-button { color: rgba(255, 255, 255, 0.7); } .login-dialog-session-list-button:hover, .login-dialog-session-list-button:focus { color: #FFFFFF; } .login-dialog-session-list-button:active { color: #FFFFFF; } .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { color: white; width: 80px; height: 48px; -arrow-thickness: 12px; -arrow-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock { color: white; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-weight: normal; text-align: center; padding-bottom: 1.5em; } .screen-shield-clock-time { font-size: 112px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock-date { font-size: 45px; font-weight: 400; } .screen-shield-notifications-container { spacing: 6px; width: 30em; background-color: transparent; max-height: 500px; } .screen-shield-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .screen-shield-notifications-container .notification, .screen-shield-notifications-container .screen-shield-notification-source { padding: 8px; border: none; background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; border-radius: 2px; } .screen-shield-notifications-container .notification { margin-right: 16px; } .screen-shield-notification-label { min-height: 22px; padding: 2px 0px 0px 16px; font-weight: bold; } .screen-shield-notification-count-text { min-height: 22px; padding: 2px 0px 0px 16px; color: rgba(255, 255, 255, 0.7); } #panel.lock-screen { background-color: rgba(0, 0, 0, 0.3); } .screen-shield-background { background: black; box-shadow: 0 19px 19px rgba(0, 0, 0, 0.6), 0 15px 6px rgba(0, 0, 0, 0.44); } #lockDialogGroup { background: #303030; background-size: cover; } #LookingGlassDialog { background-color: #FAFAFA; spacing: 4px; padding: 0; border: none; border-radius: 2px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } #LookingGlassDialog > #Toolbar { padding: 0 8px; border: none; border-radius: 0; background-color: rgba(250, 250, 250, 0.01); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); } #LookingGlassDialog .labels { spacing: 0; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: rgba(0, 0, 0, 0.38); transition-duration: 150ms; padding-left: 16px; padding-right: 16px; min-height: 36px; padding: 0 32px; } #LookingGlassDialog .notebook-tab:hover { box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); text-shadow: none; } #LookingGlassDialog .notebook-tab:selected { border-bottom-width: 0; border-color: transparent; background-color: rgba(250, 250, 250, 0.01); box-shadow: inset 0 -2px 0px #338DD6; color: rgba(0, 0, 0, 0.87); text-shadow: none; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 4px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog StEntry { selection-background-color: #338DD6; selected-color: #FFFFFF; } .lg-dialog .shell-link { color: #338DD6; } .lg-dialog .shell-link:hover { color: #338DD6; } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button { min-height: 36px; padding: 0 16px; border: none; border-radius: 2px; font-size: 10.5pt; font-weight: 500; color: rgba(0, 0, 0, 0.54); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:hover { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:insensitive { color: rgba(0, 0, 0, 0.26); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .lg-obj-inspector-button:hover { border: none; } #lookingGlassExtensions { padding: 4px; } .lg-extensions-list { padding: 4px; spacing: 6px; } .lg-extension { border: none; border-radius: 2px; padding: 4px; } .lg-extension-name { font-size: 18pt; font-weight: 400; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { background: #FAFAFA; border: none; border-radius: 2px; padding: 6px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } /* Dash to Dock */ #dashtodockContainer #dash { background-color: rgba(0, 0, 0, 0.6); } #dashtodockContainer:overview #dash { background-color: rgba(255, 255, 255, 0.1); } #dashtodockContainer.extended:overview #dash { background-color: transparent; } #dashtodockContainer.left #dash, #dashtodockContainer.right #dash { padding: 3px 0; } #dashtodockContainer.top #dash, #dashtodockContainer.bottom #dash { padding: 0 3px; } #dashtodockContainer.extended #dash { padding: 0; border-radius: 0; } #dashtodockContainer.left .dash-item-container > StWidget, #dashtodockContainer.right .dash-item-container > StWidget, #dashtodockContainer.extended.left .dash-item-container > StWidget, #dashtodockContainer.extended.right .dash-item-container > StWidget { padding: 3px 6px; } #dashtodockContainer.extended.left .dash-item-container:first-child > StWidget, #dashtodockContainer.extended.right .dash-item-container:first-child > StWidget { padding: 6px 6px 3px 6px; } #dashtodockContainer.extended.left .dash-item-container:last-child > StWidget, #dashtodockContainer.extended.right .dash-item-container:last-child > StWidget { padding: 3px 6px 6px 6px; } #dashtodockContainer.top .dash-item-container > StWidget, #dashtodockContainer.bottom .dash-item-container > StWidget, #dashtodockContainer.extended.top .dash-item-container > StWidget, #dashtodockContainer.extended.bottom .dash-item-container > StWidget { padding: 6px 3px; } #dashtodockContainer.extended.top .dash-item-container:first-child > StWidget, #dashtodockContainer.extended.bottom .dash-item-container:first-child > StWidget { padding: 6px 3px 6px 6px; } #dashtodockContainer.extended.top .dash-item-container:last-child > StWidget, #dashtodockContainer.extended.bottom .dash-item-container:last-child > StWidget { padding: 6px 6px 6px 3px; } #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } #dashtodockContainer .dash-item-container > StWidget { background-size: cover; } #dashtodockContainer.left .dash-item-container > StWidget.running1 { background-image: url("assets/dash/left-running1.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running2 { background-image: url("assets/dash/left-running2.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running3 { background-image: url("assets/dash/left-running3.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running4 { background-image: url("assets/dash/left-running4.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running1 { background-image: url("assets/dash/right-running1.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running2 { background-image: url("assets/dash/right-running2.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running3 { background-image: url("assets/dash/right-running3.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running4 { background-image: url("assets/dash/right-running4.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running1 { background-image: url("assets/dash/top-running1.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running2 { background-image: url("assets/dash/top-running2.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running3 { background-image: url("assets/dash/top-running3.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running4 { background-image: url("assets/dash/top-running4.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running1 { background-image: url("assets/dash/bottom-running1.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running2 { background-image: url("assets/dash/bottom-running2.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running3 { background-image: url("assets/dash/bottom-running3.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running4 { background-image: url("assets/dash/bottom-running4.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/bottom-running4-focused.svg"); } /* Simple Dock */ #dash:desktop { background-color: rgba(0, 0, 0, 0.6); } /* GPaste */ .popup-menu .search-entry { color: rgba(0, 0, 0, 0.87); selection-background-color: #338DD6; selected-color: #FFFFFF; background-color: rgba(250, 250, 250, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .popup-menu .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #338DD6; color: rgba(0, 0, 0, 0.87); } .popup-menu .search-entry .search-entry-icon { color: rgba(0, 0, 0, 0.38); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { color: rgba(0, 0, 0, 0.87); } materia-theme-20180321/src/gnome-shell/3.24/gnome-shell.scss000066400000000000000000000004151325420104000231630ustar00rootroot00000000000000$variant: 'light'; $titlebar: 'dark'; $compact: 'false'; @import '../../_sass/gnome-shell/variables'; @import '../../_sass/colors'; @import '../../_sass/gnome-shell/drawing'; @import '../../_sass/gnome-shell/common-3.24'; @import '../../_sass/gnome-shell/extensions'; materia-theme-20180321/src/gnome-shell/3.26/000077500000000000000000000000001325420104000200565ustar00rootroot00000000000000materia-theme-20180321/src/gnome-shell/3.26/gnome-shell-compact.css000066400000000000000000001761351325420104000244430ustar00rootroot00000000000000/* This stylesheet is generated, DO NOT EDIT */ /* Copyright 2009, 2015 Red Hat, Inc. * * Portions adapted from Mx's data/style/default.css * Copyright 2009 Intel Corporation * * This program is free software; you can redistribute it and/or modify it * under the terms and conditions of the GNU Lesser General Public License, * version 2.1, as published by the Free Software Foundation. * * This program is distributed in the hope it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for * more details. * * You should have received a copy of the GNU Lesser General Public License * along with this program; if not, write to the Free Software Foundation, * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. */ /* GLOBALS */ * { transition-duration: 150ms; } stage { font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; font-size: 9.75pt; font-weight: 400; color: rgba(0, 0, 0, 0.87); } /* WIDGETS */ /* Buttons */ .button { min-height: 32px; padding: 0 16px; border-width: 0; border-radius: 2px; font-size: 9.75pt; font-weight: 500; color: rgba(0, 0, 0, 0.54); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:hover { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:insensitive { color: rgba(0, 0, 0, 0.26); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .modal-dialog-linked-button { min-height: 40px; padding: 0 16px; border-top: 1px solid rgba(0, 0, 0, 0.12) !important; border-right-width: 0; font-size: 9.75pt; font-weight: 500; color: rgba(0, 0, 0, 0.54); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:hover { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:insensitive { color: rgba(0, 0, 0, 0.26); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .modal-dialog-linked-button:first-child { border-radius: 0px 0px 0px 2px; } .modal-dialog-linked-button:last-child { border-right-width: 0px; border-radius: 0px 0px 2px 0px; } .modal-dialog-linked-button:first-child:last-child { border-right-width: 0px; border-radius: 0px 0px 2px 2px; } /* Entries */ StEntry { min-height: 32px; padding: 0 8px; border-radius: 0; border-width: 0; color: rgba(0, 0, 0, 0.87); selection-background-color: #338DD6; selected-color: #FFFFFF; font-size: 11.25pt; font-weight: 400; background-color: rgba(250, 250, 250, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #338DD6; } StEntry:insensitive { color: rgba(0, 0, 0, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); } StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #FF6D00; padding: 0 0; } /* Scrollbars */ StScrollView.vfade { -st-vfade-offset: 32px; } StScrollView.hfade { -st-hfade-offset: 32px; } StScrollBar { padding: 0; } StScrollView StScrollBar { min-width: 16px; min-height: 16px; } StScrollBar StBin#trough { margin: 4px; border-radius: 100px; background-color: rgba(0, 0, 0, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 100px; background-color: rgba(0, 0, 0, 0.38); margin: 4px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(0, 0, 0, 0.54); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: rgba(0, 0, 0, 0.87); } #overview StScrollBar StBin#trough, #screenShieldNotifications StScrollBar StBin#trough { background-color: rgba(255, 255, 255, 0.12); } #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#hhandle, #screenShieldNotifications StScrollBar StButton#hhandle { background-color: rgba(255, 255, 255, 0.5); } #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#hhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { background-color: rgba(255, 255, 255, 0.7); } #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#hhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { background-color: #FFFFFF; } /* Slider */ .slider { height: 20px; color: #009688; -slider-height: 2px; -slider-background-color: rgba(0, 0, 0, 0.26); -slider-border-color: transparent; -slider-active-background-color: #009688; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 7px; } /* Check Boxes */ .check-box * { min-height: 16px; padding: 8px 0; } .check-box StBoxLayout { spacing: 8px; } .check-box StBin { width: 24px; height: 24px; padding: 4px; border-radius: 100px; background-image: url("assets/checkbox-off.svg"); } .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } .check-box:hover StBin { background-color: rgba(0, 0, 0, 0.12); } .check-box:active StBin { background-color: rgba(0, 0, 0, 0.26); } .check-box:checked StBin { background-image: url("assets/checkbox.svg"); } .check-box:focus:checked StBin { background-image: url("assets/checkbox.svg"); } .check-box:hover:checked StBin { background-color: rgba(0, 150, 136, 0.15); } .check-box:active:checked StBin { background-color: rgba(0, 150, 136, 0.3); } /* Switches */ .toggle-switch { width: 40px; height: 20px; background-size: contain; } .toggle-switch-us { background-image: url("assets/toggle-off.svg"); } .toggle-switch-us:checked { background-image: url("assets/toggle-on.svg"); } .toggle-switch-intl { background-image: url("assets/toggle-off.svg"); } .toggle-switch-intl:checked { background-image: url("assets/toggle-on.svg"); } /* links */ .shell-link { border-radius: 2px; color: #338DD6; } .shell-link:hover { color: #338DD6; background-color: rgba(51, 141, 214, 0.15); } .shell-link:active { color: #338DD6; background-color: rgba(51, 141, 214, 0.3); } /* Modal Dialogs */ .headline { font-size: 15pt; font-weight: 500; } .lightbox { background-color: black; } .flashspot { background-color: white; } .modal-dialog { border-radius: 2px; color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } .modal-dialog .modal-dialog-content-box { padding: 24px; } .modal-dialog .run-dialog-entry { width: 20em; margin-bottom: 6px; } .modal-dialog .run-dialog-error-box { padding-top: 16px; spacing: 6px; } .modal-dialog .run-dialog-button-box { padding-top: 1em; } .modal-dialog .run-dialog-label { font-size: 1em; font-weight: normal; color: rgba(0, 0, 0, 0.38); padding-bottom: .4em; } .mount-dialog-subject, .end-session-dialog-subject { font-size: 15pt; font-weight: 500; } /* Message Dialog */ .message-dialog-main-layout { padding: 12px 20px 0; spacing: 12px; } .message-dialog-content { max-width: 28em; spacing: 20px; } .message-dialog-icon { min-width: 48px; icon-size: 48px; } .message-dialog-title { font-weight: bold; } .message-dialog-subtitle { color: rgba(0, 0, 0, 0.54); font-weight: bold; } /* End Session Dialog */ .end-session-dialog { spacing: 42px; border: none; } .end-session-dialog-list { padding-top: 20px; } .end-session-dialog-layout { padding-left: 17px; } .end-session-dialog-layout:rtl { padding-right: 17px; } .end-session-dialog-description { width: 28em; padding-bottom: 10px; } .end-session-dialog-description:rtl { text-align: right; } .end-session-dialog-warning { width: 28em; color: #FF6D00; padding-top: 6px; } .end-session-dialog-warning:rtl { text-align: right; } .end-session-dialog-logout-icon { border-radius: 5px; width: 48px; height: 48px; background-size: contain; } .end-session-dialog-shutdown-icon { color: rgba(0, 0, 0, 0.38); width: 48px; height: 48px; } .end-session-dialog-inhibitor-layout { spacing: 16px; max-height: 200px; padding-right: 65px; padding-left: 65px; } .end-session-dialog-session-list, .end-session-dialog-app-list { spacing: 1em; } .end-session-dialog-list-header { font-weight: bold; } .end-session-dialog-list-header:rtl { text-align: right; } .end-session-dialog-app-list-item, .end-session-dialog-session-list-item { spacing: 1em; } .end-session-dialog-app-list-item-name, .end-session-dialog-session-list-item-name { font-weight: bold; } .end-session-dialog-app-list-item-description { color: rgba(0, 0, 0, 0.38); font-size: 1em; } /* ShellMountOperation Dialogs */ .shell-mount-operation-icon { icon-size: 48px; } .mount-dialog { spacing: 24px; } .mount-dialog .message-dialog-title { padding-top: 10px; padding-left: 17px; padding-bottom: 6px; max-width: 34em; } .mount-dialog .message-dialog-title:rtl { padding-left: 0px; padding-right: 17px; } .mount-dialog .message-dialog-body { padding-left: 17px; width: 28em; } .mount-dialog .message-dialog-body:rtl { padding-left: 0px; padding-right: 17px; } .mount-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 49px; padding-right: 32px; } .mount-dialog-app-list:rtl { padding-right: 49px; padding-left: 32px; } .mount-dialog-app-list-item { color: rgba(0, 0, 0, 0.87); } .mount-dialog-app-list-item:hover { color: rgba(0, 0, 0, 0.87); } .mount-dialog-app-list-item:ltr { padding-right: 1em; } .mount-dialog-app-list-item:rtl { padding-left: 1em; } .mount-dialog-app-list-item-icon:ltr { padding-right: 17px; } .mount-dialog-app-list-item-icon:rtl { padding-left: 17px; } .mount-dialog-app-list-item-name { font-size: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { width: 34em; border: none; } .prompt-dialog .message-dialog-main-layout { spacing: 24px; padding: 10px; } .prompt-dialog .message-dialog-content { spacing: 16px; } .prompt-dialog .message-dialog-title { font-size: 15pt; font-weight: 500; color: rgba(0, 0, 0, 0.87); } .prompt-dialog-description:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label { font-size: 1em; color: #DD2C00; padding-bottom: 8px; } .prompt-dialog-info-label { font-size: 1em; padding-bottom: 8px; } .hidden { color: transparent; } .prompt-dialog-null-label { font-size: 1em; padding-bottom: 8px; } /* Polkit Dialog */ .polkit-dialog-user-layout { padding-left: 10px; spacing: 10px; } .polkit-dialog-user-layout:rtl { padding-left: 0px; padding-right: 10px; } .polkit-dialog-user-root-label { color: #FF6D00; } .polkit-dialog-user-icon { border-radius: 5px; background-size: contain; width: 48px; height: 48px; } /* Audio selection dialog */ .audio-device-selection-dialog { spacing: 30px; } .audio-selection-content { spacing: 20px; padding: 24px; } .audio-selection-title { font-weight: bold; text-align: center; } .audio-selection-box { spacing: 20px; } .audio-selection-device { border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 2px; } .audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { background-color: #338DD6; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* Access Dialog */ .access-dialog { spacing: 30px; } /* Geolocation Dialog */ .geolocation-dialog { spacing: 30px; } /* Extension Dialog */ .extension-dialog .message-dialog-main-layout { spacing: 24px; padding: 10px; } .extension-dialog .message-dialog-title { color: rgba(0, 0, 0, 0.54); } /* Inhibit-Shortcuts Dialog */ .inhibit-shortcuts-dialog { spacing: 30px; } /* Network Agent Dialog */ .network-dialog-secret-table { spacing-rows: 15px; spacing-columns: 1em; } .keyring-dialog-control-table { spacing-rows: 15px; spacing-columns: 1em; } /* Popovers/Menus */ .popup-menu { min-width: 200px; } .popup-menu .popup-sub-menu { background-color: #EEEEEE; box-shadow: 0 0 transparent; } .popup-menu .popup-menu-content { padding: 8px 0; } .popup-menu .popup-menu-item { spacing: 8px; transition-duration: 100ms; } .popup-menu .popup-menu-item:ltr { padding: 0.4em 24px 0.4em 0; } .popup-menu .popup-menu-item:rtl { padding: 0.4em 0 0.4em 24px; } .popup-menu .popup-menu-item:checked { background-color: #338DD6; color: #FFFFFF; box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { background-color: #529edc; color: #FFFFFF; } .popup-menu .popup-menu-item:checked:active { background-color: #70afe2; color: #FFFFFF !important; } .popup-menu .popup-menu-item:checked:insensitive { color: rgba(255, 255, 255, 0.5); } .popup-menu .popup-menu-item.selected { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); transition-duration: 0ms; } .popup-menu .popup-menu-item:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); transition-duration: 150ms; } .popup-menu .popup-menu-item.selected:active { color: rgba(0, 0, 0, 0.87); } .popup-menu .popup-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-menu .popup-inactive-menu-item { color: rgba(0, 0, 0, 0.87); } .popup-menu .popup-inactive-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-menu.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-border-radius: 0; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; -arrow-box-shadow: none; margin: 5px 8px 8px; background-color: #FAFAFA; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .popup-separator-menu-item { height: 1px; margin: 8px 40px; background-color: transparent; border-color: rgba(0, 0, 0, 0.12); border-bottom-width: 1px; border-bottom-style: solid; } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } /* fallback menu - odd thing for styling App menu when apparently not running under shell. Light Adwaita styled app menu inside the main app window itself rather than the top bar */ /* OSD */ .osd-window { text-align: center; font-weight: bold; spacing: 1em; margin: 32px; min-width: 64px; min-height: 64px; } .osd-window .osd-monitor-label { font-size: 45px; font-weight: 400; } .osd-window .level { height: 8px; border-radius: 0; background-color: rgba(51, 141, 214, 0.3); color: rgba(0, 0, 0, 0.87); } .osd-window .level-bar { background-color: #338DD6; border-radius: 0; } /* Pad OSD */ .pad-osd-window { padding: 32px; background-color: rgba(0, 0, 0, 0.6); } .pad-osd-window .pad-osd-title-box { spacing: 12px; } .pad-osd-window .pad-osd-title-menu-box { spacing: 6px; } .combo-box-label { width: 15em; } /* App Switcher */ .switcher-popup { padding: 8px; spacing: 16px; } .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { padding: 8px; border-radius: 2px; } .switcher-list .item-box:outlined { padding: 8px; border: none; background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } .switcher-list .item-box:selected { background-color: #338DD6; color: #FFFFFF; } .switcher-list .thumbnail-box { padding: 2px; spacing: 4px; } .switcher-list .thumbnail { width: 256px; } .switcher-list .separator { width: 1px; background: rgba(0, 0, 0, 0.12); } .switcher-arrow { border-color: transparent; color: rgba(0, 0, 0, 0.38); } .switcher-arrow:highlighted { color: rgba(0, 0, 0, 0.87); } .input-source-switcher-symbol { font-size: 45px; font-weight: 400; width: 96px; height: 96px; } /* Window Cycler */ .cycler-highlight { border: 4px solid #338DD6; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher { background: transparent; border: 0px; border-radius: 0px; padding: 0px; spacing: 8px; } .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; background-color: #338DD6; color: #FFFFFF; background-size: 32px; border-radius: 2px; } .ws-switcher-box { height: 48px; border: none; background: rgba(0, 0, 0, 0.12); border-radius: 2px; } .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); border-radius: 2px; padding: 12px; } /* Tiled window previews */ .tile-preview { background-color: rgba(64, 196, 255, 0.3); border: 1px solid #40C4FF; } .tile-preview-left.on-primary { border-radius: 0 0 0 0; } .tile-preview-right.on-primary { border-radius: 0 0 0 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0 0 0 0; } /* TOP BAR */ #panel { background-color: rgba(0, 0, 0, 0.6); /* transition from solid to transparent */ transition-duration: 250ms; font-weight: bold; height: 28px; } #panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { background-color: transparent; } #panel #panelLeft, #panel #panelCenter { spacing: 0; } #panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: rgba(0, 0, 0, 0.6); -panel-corner-border-width: 2px; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: #FFFFFF; } #panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: rgba(255, 255, 255, 0.7); text-shadow: none; transition-duration: 150ms; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; } #panel .panel-button .system-status-icon, #panel .panel-button .app-menu-icon > StIcon, #panel .panel-button .popup-menu-arrow { icon-shadow: none; } #panel .panel-button:hover { color: #FFFFFF; text-shadow: none; } #panel .panel-button:hover .system-status-icon, #panel .panel-button:hover .app-menu-icon > StIcon, #panel .panel-button:hover .popup-menu-arrow { icon-shadow: none; } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { background-color: rgba(0, 0, 0, 0.01); box-shadow: inset 0 -2px 0px #FFFFFF; color: #FFFFFF; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { icon-shadow: none; } #panel .panel-button .system-status-icon { icon-size: 1.23077em; padding: 0 4px; } .unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { color: rgba(255, 255, 255, 0.7); } .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { color: #FFFFFF; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator { color: #FF6D00; } #panel.solid { background-color: #212121; /* transition from transparent to solid */ transition-duration: 250ms; background-gradient-direction: none; text-shadow: none; } #panel.solid:overview { background-color: transparent; } #panel.solid .panel-corner { -panel-corner-background-color: #212121; } #panel.solid .panel-button { color: rgba(255, 255, 255, 0.7); text-shadow: none; } #panel.solid .panel-button:hover, #panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { color: #FFFFFF; } #panel.solid .system-status-icon, #panel.solid .app-menu-icon > StIcon, #panel.solid .popup-menu-arrow { icon-shadow: none; } #calendarArea { padding: 8px 16px; } .calendar { margin-bottom: 0; } .calendar, .datemenu-today-button, .datemenu-displays-box, .message-list-sections { margin: 0 8px; } .datemenu-calendar-column { spacing: 8px; } .datemenu-displays-section { padding-bottom: 0; } .datemenu-displays-box { spacing: 8px; } .datemenu-calendar-column { border: 0 solid rgba(0, 0, 0, 0.12); } .datemenu-calendar-column:ltr { border-left-width: 0; } .datemenu-calendar-column:rtl { border-right-width: 0; } .datemenu-today-button, .world-clocks-button, .weather-button, .events-section-title { min-height: 20px; padding: 4px 8px; border-radius: 2px; } .datemenu-today-button { min-height: 48px; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .datemenu-today-button:hover, .datemenu-today-button:focus, .world-clocks-button:hover, .world-clocks-button:focus, .weather-button:hover, .weather-button:focus, .events-section-title:hover, .events-section-title:focus { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); } .datemenu-today-button:active, .world-clocks-button:active, .weather-button:active, .events-section-title:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); } .datemenu-today-button .date-label { font-size: 18pt; font-weight: 400; } .world-clocks-header, .weather-header, .events-section-title { color: rgba(0, 0, 0, 0.54); font-weight: bold; } .world-clocks-grid { spacing-rows: 0.4em; } .weather-box { spacing: 0.4em; } .calendar-month-label { height: 16px; margin: 2px; padding: 6px 16px; border-radius: 2px; color: rgba(0, 0, 0, 0.87); font-weight: bold; text-align: center; } .calendar-month-label:focus { background-color: rgba(0, 0, 0, 0.12); } .pager-button { width: 28px; height: 28px; margin: 2px; border-radius: 100px; background-color: transparent; color: rgba(0, 0, 0, 0.87); } .pager-button:hover, .pager-button:focus { background-color: rgba(0, 0, 0, 0.12); } .pager-button:active { background-color: rgba(0, 0, 0, 0.26); } .calendar-change-month-back { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-change-month-back:rtl { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward:rtl { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-day-base { font-size: 9pt; font-weight: 400; text-align: center; width: 28px; height: 28px; padding: 0; margin: 2px; border-radius: 100px; } .calendar-day-base:hover, .calendar-day-base:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar-day-base:active { color: inherit; background-color: rgba(0, 0, 0, 0.26); border-color: transparent; } .calendar-day-base:selected { color: #FFFFFF; background-color: #338DD6; border-color: transparent; } .calendar-day-base.calendar-day-heading { width: 28px; height: 21px; margin-top: 2px; padding: 7px 0 0; border-radius: 100px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-size: 9pt; font-weight: 400; font-weight: bold; text-align: center; } .calendar-day { border-width: 0; } .calendar-day-top { border-top-width: 0; } .calendar-day-left { border-left-width: 0; } .calendar-nonwork-day { color: rgba(0, 0, 0, 0.87); } .calendar-today { font-weight: bold !important; border: none; } .calendar-day-with-events { color: #338DD6; font-weight: normal; text-decoration: underline; background-image: none; } .calendar-other-month-day { color: rgba(0, 0, 0, 0.26); opacity: 0.5; } .calendar-week-number { width: 28px; height: 21px; margin: 2px; padding: 7px 0 0; border-radius: 100px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-size: inherit; font-weight: bold; text-align: center; } /* Message list */ .message-list { width: 420px; } .message-list-clear-button.button { background-color: transparent; margin: 8px 8px 0; } .message-list-clear-button.button:hover, .message-list-clear-button.button:focus { background-color: rgba(0, 0, 0, 0.12); } .message-list-clear-button.button:active { background-color: rgba(0, 0, 0, 0.26); } .message-list-sections { spacing: 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message { min-height: 56px; background-color: transparent; border-radius: 2px; } .message:hover, .message:focus { background-color: rgba(0, 0, 0, 0.12); } .message:active { background-color: rgba(0, 0, 0, 0.26); } .message-icon-bin { padding: 8px 0px 8px 8px; } .message-icon-bin:rtl { padding: 8px 8px 8px 0px; } .message-icon-bin > StIcon { color: rgba(0, 0, 0, 0.87); icon-size: 1.23077em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } .message-icon-bin > StIcon:rtl { margin: 4px 4px 4px 0px; } .message-secondary-bin { padding: 0 8px; } .message-secondary-bin > .event-time { min-height: 18px; padding-top: 2px; color: rgba(0, 0, 0, 0.54); font-size: 1em; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-bottom: 0; } .message-secondary-bin > StIcon { icon-size: 1.23077em; } .message-title { min-height: 18px; padding-top: 2px; color: rgba(0, 0, 0, 0.87); font-weight: bold; font-size: 1em; } .message-content { min-height: 40px; padding: 8px; color: rgba(0, 0, 0, 0.54); font-size: 1em; } .message-content * > StIcon { icon-size: 16px; border-radius: 16px; padding: 2px; color: rgba(0, 0, 0, 0.54); } /* FIXME: how do you do this in sass? */ .message-content *:hover > StIcon, .message-content *:focus > StIcon { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); } .message-content *:active > StIcon { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); } .message-media-control { margin: 16px 0; padding: 8px; border-radius: 100px; color: rgba(0, 0, 0, 0.54); } .message-media-control:hover, .message-media-control:focus { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); } .message-media-control:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); } .message-media-control:insensitive { color: rgba(0, 0, 0, 0.26); } .message-media-control:last-child:ltr { margin-right: 16px; padding-right: 8px; } .message-media-control:last-child:rtl { margin-left: 16px; padding-left: 8px; } .media-message-cover-icon { icon-size: 32px !important; margin: 8px 0px 8px 4px !important; } .media-message-cover-icon:rtl { margin: 8px 4px 8px 0px !important; } .media-message-cover-icon.fallback { icon-size: 16px !important; padding: 8px; border: none; border-radius: 2px; background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.38); } .system-switch-user-submenu-icon.user-icon { icon-size: 20px; padding: 0 2px; } .system-switch-user-submenu-icon.default-icon { icon-size: 16px; padding: 0 4px; } #appMenu { spinner-image: url("process-working.svg"); spacing: 4px; } #appMenu .label-shadow { color: transparent; } .aggregate-menu { min-width: 280px; } .aggregate-menu .popup-menu-icon { padding: 0 4px; } .aggregate-menu .popup-sub-menu .popup-menu-item :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; margin-left: 1.23077em; } .aggregate-menu .popup-sub-menu .popup-menu-item :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; margin-right: 1.23077em; } .system-menu-action { color: rgba(0, 0, 0, 0.54); border-radius: 100px; /* wish we could do 50% */ padding: 14px; border: none; } .system-menu-action:hover, .system-menu-action:focus { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); border: none; padding: 14px; } .system-menu-action:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } .system-menu-action > StIcon { icon-size: 16px; } .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; background-color: rgba(255, 255, 255, 0.3); background-image: none; background-size: auto; } .ripple-box:rtl { border-radius: 0 0 0 48px; background-image: none; } .popup-menu-arrow { width: 16px; height: 16px; } .popup-menu-icon { icon-size: 1.23077em; } .window-close { transition-duration: 0ms; height: 32px; width: 32px; -shell-close-overlap: 16px; -st-background-image-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); background-image: url("assets/window-close.svg"); background-size: 32px; } .window-close:hover { -st-background-image-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-image: url("assets/window-close.svg"); } .window-close:active { background-image: url("assets/window-close-active.svg"); } .window-close:rtl { -st-background-image-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .window-close:rtl:hover { -st-background-image-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } /* NETWORK DIALOGS */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: center; } .nm-dialog-airplane-text { color: rgba(0, 0, 0, 0.87); } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-scroll-view { border: none; } .nm-dialog-header { font-size: 15pt; font-weight: 500; } .nm-dialog-item { font-size: 1em; border-bottom: none; border-radius: 2px; padding: 12px; spacing: 20px; } .nm-dialog-item:hover, .nm-dialog-item:focus { background-color: rgba(0, 0, 0, 0.12); } .nm-dialog-item:active { background-color: rgba(0, 0, 0, 0.26); } .nm-dialog-item:selected { background-color: #338DD6; color: #FFFFFF; } .nm-dialog-icons { spacing: .5em; } .nm-dialog-icon { icon-size: 16px; } .no-networks-label { color: rgba(0, 0, 0, 0.38); } .no-networks-box { spacing: 12px; } /* OVERVIEW */ #overview { spacing: 24px; } .overview-controls { padding-bottom: 32px; } .window-picker { -horizontal-spacing: 16px; -vertical-spacing: 16px; padding: 0 16px 32px; } .window-picker.external-monitor { padding: 16px; } .window-clone-border { border: 4px solid rgba(255, 255, 255, 0.3); border-radius: 2px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .window-caption { spacing: 25px; color: #FFFFFF; background-color: rgba(0, 0, 0, 0.6); border-radius: 2px; padding: 4px 8px; } .search-entry { width: 304px; padding: 0 8px; border-radius: 0; color: rgba(255, 255, 255, 0.5); selection-background-color: rgba(255, 255, 255, 0.3); selected-color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #FFFFFF; padding: 0 8px; border-width: 0; color: #FFFFFF; } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 0; color: rgba(255, 255, 255, 0.5); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: #FFFFFF; } #searchResultsBin { max-width: 1000px; } #searchResultsContent { padding-left: 20px; padding-right: 20px; spacing: 16px; } .search-section { spacing: 16px; } .search-section-content { spacing: 32px; } .list-search-results { spacing: 3px; } .search-section-separator { height: 1px; background-color: rgba(255, 255, 255, 0.12); } .list-search-result-content { spacing: 30px; } .list-search-result-title { font-size: 11.25pt; font-weight: 400; color: #FFFFFF; spacing: 12px; } .list-search-result-description { color: rgba(255, 255, 255, 0.7); } .list-search-provider-details { width: 150px; color: rgba(255, 255, 255, 0.7); margin-top: 0.24em; } .list-search-provider-content { spacing: 20px; } .search-provider-icon { padding: 15px; } /* DASHBOARD */ #dash { font-size: 1em; color: #FFFFFF; background-color: rgba(255, 255, 255, 0.1); padding: 3px 0; border: none; border-left: 0px; border-radius: 0px 2px 2px 0px; } #dash:rtl { border-radius: 2px 0 0 2px; } #dash .placeholder { background-image: url("assets/dash-placeholder.svg"); background-size: contain; height: 24px; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { border-radius: 2px; padding: 7px 8px; color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-align: center; -x-offset: 8px; } /* App Vault/Grid */ .icon-grid { spacing: 30px; -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; } .icon-grid .overview-icon { icon-size: 96px; } .system-action-icon { box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); background-color: #212121; color: #FFFFFF; border-radius: 99px; icon-size: 48px; } .app-view-controls { width: 320px; padding-bottom: 32px; } .app-view-control { padding: 0 16px; font-weight: bold; color: rgba(255, 255, 255, 0.7); } .app-view-control:hover { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12) !important; } .app-view-control:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3) !important; } .app-view-control:checked { color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01) !important; box-shadow: inset 0 2px 0 #FFFFFF; } .app-view-control:first-child { border-right-width: 0; border-radius: 2px; } .app-view-control:first-child:checked { border-radius: 0; } .app-view-control:last-child { border-radius: 2px; } .app-view-control:last-child:checked { border-radius: 0; } .search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, .list-search-result:focus, .list-search-result:selected, .list-search-result:hover { background-color: rgba(255, 255, 255, 0.12); transition-duration: 0ms; } .search-provider-icon:active, .search-provider-icon:checked, .list-search-result:active, .list-search-result:checked { background-color: rgba(255, 255, 255, 0.3); transition-duration: 150ms; } .app-well-app:hover .overview-icon, .app-well-app:focus .overview-icon, .app-well-app:selected .overview-icon, .app-well-app.app-folder:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-well-app.app-folder:selected .overview-icon, .show-apps:hover .overview-icon, .show-apps:focus .overview-icon, .show-apps:selected .overview-icon, .grid-search-result:hover .overview-icon, .grid-search-result:focus .overview-icon, .grid-search-result:selected .overview-icon { background-color: rgba(255, 255, 255, 0.12); transition-duration: 0ms; border-image: none; background-image: none; } .app-well-app:active .overview-icon, .app-well-app:checked .overview-icon, .app-well-app.app-folder:active .overview-icon, .app-well-app.app-folder:checked .overview-icon, .show-apps:active .overview-icon, .show-apps:checked .overview-icon, .grid-search-result:active .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.3); box-shadow: 0 0 transparent; transition-duration: 150ms; } .app-well-app-running-dot { width: 32px; height: 2px; background-color: #FFFFFF; margin-bottom: 0; } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .app-well-app.app-folder .overview-icon, .show-apps .overview-icon, .grid-search-result .overview-icon { color: #FFFFFF; border-radius: 2px; padding: 6px; border: none; transition-duration: 150ms; text-align: center; } .app-well-app.app-folder > .overview-icon { background-color: rgba(255, 255, 255, 0.1); } .show-apps .show-apps-icon { color: rgba(255, 255, 255, 0.7); } .show-apps:hover .show-apps-icon, .show-apps:active .show-apps-icon, .show-apps:checked .show-apps-icon, .show-apps:focus .show-apps-icon { color: #FFFFFF; transition-duration: 150ms; } .app-folder-popup { -arrow-border-radius: 2px; -arrow-background-color: rgba(255, 255, 255, 0.1); -arrow-base: 24px; -arrow-rise: 12px; } .app-folder-popup-bin { padding: 5px; } .app-folder-icon { padding: 5px; spacing-rows: 5px; spacing-columns: 5px; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 12px; height: 12px; border-radius: 12px; background-image: none; background-color: rgba(255, 255, 255, 0.3); } .page-indicator:hover .page-indicator-icon { background-image: none; background-color: rgba(255, 255, 255, 0.5); } .page-indicator:active .page-indicator-icon { background-image: none; background-color: rgba(255, 255, 255, 0.7); } .page-indicator:checked .page-indicator-icon { background-image: none; background-color: #FFFFFF; transition-duration: 0ms; } .page-indicator:checked:active { background-image: none; } .app-well-app > .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label { padding: 10px 8px 5px 8px; spacing: 4px; } .workspace-thumbnails { visible-width: 32px; spacing: 12px; padding: 12px; border-radius: 2px 0 0 2px; } .workspace-thumbnails:rtl { border-radius: 0 2px 2px 0; } .workspace-thumbnails .placeholder { background-image: url("assets/dash-placeholder.svg"); background-size: contain; height: 24px; } .workspace-thumbnail-indicator { border: 0 solid #FFFFFF; border-left-width: 2px; padding: 6px; border-radius: 0; } .search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { padding: 0px 88px 10px 88px; } .workspace-thumbnails { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.1); border: none; } .search-statustext, .no-frequent-applications-label { font-size: 45px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { link-color: #338DD6; } .notification-banner { font-size: 1em; width: 34em; min-height: 56px; margin: 5px; border-radius: 2px; color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .notification-banner:hover { background-color: #FAFAFA; } .notification-banner:focus { background-color: #FAFAFA; } .notification-banner .notification-icon { padding: 5px; } .notification-banner .notification-content { padding: 5px; spacing: 5px; } .notification-banner .secondary-icon { icon-size: 1.23077em; } .notification-banner .notification-actions { background-color: transparent; padding-top: 0; border-top: 1px solid rgba(0, 0, 0, 0.12); spacing: 1px; } .notification-banner .notification-button { min-height: 40px; padding: 0 16px; background-color: transparent; color: rgba(0, 0, 0, 0.54); font-weight: 500; } .notification-banner .notification-button:first-child { border-radius: 0 0 0 2px; } .notification-banner .notification-button:last-child { border-radius: 0 0 2px 0; } .notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } .notification-banner .notification-button:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } .summary-source-counter { font-size: 1em; font-weight: bold; height: 1.6em; width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; background-color: #338DD6; color: #FFFFFF; border: 2px solid #FFFFFF; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } .secondary-icon { icon-size: 1.23077em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: rgba(0, 0, 0, 0.87); } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0px; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: rgba(0, 0, 0, 0.54); } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; font-size: 9pt; font-weight: 400; color: rgba(0, 0, 0, 0.38); } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-transient-box { spacing: 6px; padding: 2px 72px 2px 12px; } .hotplug-notification-item { padding: 2px 10px; } .hotplug-notification-item:focus { padding: 1px 71px 1px 11px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 2px 5px; } .hotplug-resident-box { spacing: 8px; } .hotplug-resident-mount { spacing: 8px; border-radius: 2px; } .hotplug-resident-mount:hover { background-color: rgba(0, 0, 0, 0.12); } .hotplug-resident-mount:active { background-color: rgba(0, 0, 0, 0.26); } .hotplug-resident-mount-label { color: inherit; padding-left: 6px; } .hotplug-resident-mount-icon { icon-size: 24px; padding-left: 6px; } .hotplug-resident-eject-icon { icon-size: 16px; } .hotplug-resident-eject-button { padding: 7px; border-radius: 2px; color: rgba(0, 0, 0, 0.87); } /* Eeeky things */ .magnifier-zoom-region { border: 2px solid #338DD6; } .magnifier-zoom-region.full-screen { border-width: 0; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.3); } .keyboard-layout { spacing: 10px; padding: 10px; } .keyboard-row { spacing: 15px; } .keyboard-key { min-height: 64px; min-width: 64px; font-size: 2em; font-weight: 500; border-radius: 2px; border: none; color: inherit; color: rgba(0, 0, 0, 0.62); background-color: #FAFAFA; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; icon-shadow: none; } .keyboard-key:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-key:hover, .keyboard-key:checked { color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .keyboard-key:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(188, 188, 188, 0.961); border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .keyboard-key:grayed { background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; border-color: rgba(0, 0, 0, 0.3); } .keyboard-subkeys { color: inherit; padding: 5px; -arrow-border-radius: 0; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; -boxpointer-gap: 5px; background-color: #FAFAFA; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: rgba(0, 0, 0, 0.38); } .candidate-box:selected .candidate-index { color: rgba(255, 255, 255, 0.5); } .candidate-box { transition-duration: 0ms; min-height: 28px; padding: 0 8px; border-radius: 2px; } .candidate-box:hover { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } .candidate-box:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } .candidate-box:selected { background-color: #338DD6; color: #FFFFFF; } .candidate-page-button-box { height: 28px; } .vertical .candidate-page-button-box { padding-top: 0; } .horizontal .candidate-page-button-box { padding-left: 0; } .candidate-page-button { min-width: 28px; min-height: 28px; padding: 0; } .candidate-page-button-previous { border-radius: 2px; border-right-width: 0; } .candidate-page-button-next { border-radius: 2px; } .candidate-page-button-icon { icon-size: 1.23077em; } /* Auth Dialogs & Screen Shield */ .framed-user-icon { background-size: contain; border: none; color: #FFFFFF; border-radius: 2px; } .framed-user-icon:hover { border-color: #FFFFFF; color: #FFFFFF; } .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: none; background-color: transparent; } .login-dialog StEntry { color: #FFFFFF; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .login-dialog StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #FFFFFF; } .login-dialog StEntry:insensitive { color: rgba(0, 0, 0, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { padding: 0 16px; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:insensitive { color: rgba(255, 255, 255, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default { color: #FFFFFF; background-color: #009688; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { color: #FFFFFF; background-color: #009688; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:active { color: #FFFFFF; background-color: #4db6ac; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:insensitive { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog-logo-bin { padding: 24px 0px; } .login-dialog-banner { color: rgba(255, 255, 255, 0.7); } .login-dialog-button-box { spacing: 5px; } .login-dialog-message-warning { color: #FF6D00; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; } .login-dialog-user-selection-box { padding: 100px 0px; } .login-dialog-not-listed-label { padding-left: 2px; } .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { color: #FFFFFF; } .login-dialog-not-listed-label { font-size: 1em; font-weight: bold; color: rgba(255, 255, 255, 0.7); padding-top: 1em; } .login-dialog-not-listed-label:hover { color: #FFFFFF; } .login-dialog-not-listed-label:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; padding: .2em; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid #FFFFFF; } .login-dialog-user-list-item { border-radius: 2px; padding: 4px 4px 0; color: rgba(255, 255, 255, 0.7); } .login-dialog-user-list-item:ltr { padding-right: 1em; } .login-dialog-user-list-item:rtl { padding-left: 1em; } .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list-item:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin: 2px 0 0 0; background-color: #FFFFFF; } .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { background-color: #FFFFFF; } .login-dialog-username, .user-widget-label { color: #FFFFFF; font-size: 15pt; font-weight: 500; text-align: left; padding-left: 15px; } .user-widget-label:ltr { padding-left: 18px; } .user-widget-label:rtl { padding-right: 18px; } .login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 8px; width: 23em; } .login-dialog-prompt-label { color: rgba(255, 255, 255, 0.5); font-size: 1em; padding-top: 1em; } .login-dialog-session-list-button StIcon { icon-size: 1.25em; } .login-dialog-session-list-button { color: rgba(255, 255, 255, 0.7); } .login-dialog-session-list-button:hover, .login-dialog-session-list-button:focus { color: #FFFFFF; } .login-dialog-session-list-button:active { color: #FFFFFF; } .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { color: white; width: 80px; height: 48px; -arrow-thickness: 12px; -arrow-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock { color: white; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-weight: normal; text-align: center; padding-bottom: 1.5em; } .screen-shield-clock-time { font-size: 112px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock-date { font-size: 45px; font-weight: 400; } .screen-shield-notifications-container { spacing: 6px; width: 30em; background-color: transparent; max-height: 500px; } .screen-shield-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .screen-shield-notifications-container .notification, .screen-shield-notifications-container .screen-shield-notification-source { padding: 8px; border: none; background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; border-radius: 2px; } .screen-shield-notifications-container .notification { margin-right: 16px; } .screen-shield-notification-label { min-height: 18px; padding: 2px 0px 0px 16px; font-weight: bold; } .screen-shield-notification-count-text { min-height: 18px; padding: 2px 0px 0px 16px; color: rgba(255, 255, 255, 0.7); } #panel.lock-screen { background-color: rgba(0, 0, 0, 0.3); } .screen-shield-background { background: black; box-shadow: 0 19px 19px rgba(0, 0, 0, 0.6), 0 15px 6px rgba(0, 0, 0, 0.44); } #lockDialogGroup { background: #303030; background-size: cover; } #LookingGlassDialog { background-color: #FAFAFA; spacing: 4px; padding: 0; border: none; border-radius: 2px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } #LookingGlassDialog > #Toolbar { padding: 0 8px; border: none; border-radius: 0; background-color: rgba(250, 250, 250, 0.01); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); } #LookingGlassDialog .labels { spacing: 0; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: rgba(0, 0, 0, 0.38); transition-duration: 150ms; padding-left: 16px; padding-right: 16px; min-height: 32px; padding: 0 32px; } #LookingGlassDialog .notebook-tab:hover { box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); text-shadow: none; } #LookingGlassDialog .notebook-tab:selected { border-bottom-width: 0; border-color: transparent; background-color: rgba(250, 250, 250, 0.01); box-shadow: inset 0 -2px 0px #338DD6; color: rgba(0, 0, 0, 0.87); text-shadow: none; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 4px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog StEntry { selection-background-color: #338DD6; selected-color: #FFFFFF; } .lg-dialog .shell-link { color: #338DD6; } .lg-dialog .shell-link:hover { color: #338DD6; } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button { min-height: 32px; padding: 0 16px; border: none; border-radius: 2px; font-size: 9.75pt; font-weight: 500; color: rgba(0, 0, 0, 0.54); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:hover { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:insensitive { color: rgba(0, 0, 0, 0.26); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .lg-obj-inspector-button:hover { border: none; } #lookingGlassExtensions { padding: 4px; } .lg-extensions-list { padding: 4px; spacing: 6px; } .lg-extension { border: none; border-radius: 2px; padding: 4px; } .lg-extension-name { font-size: 18pt; font-weight: 400; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { background: #FAFAFA; border: none; border-radius: 2px; padding: 6px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } /* Dash to Dock */ #dashtodockContainer #dash { background-color: rgba(0, 0, 0, 0.6); } #dashtodockContainer:overview #dash { background-color: rgba(255, 255, 255, 0.1); } #dashtodockContainer.extended:overview #dash { background-color: transparent; } #dashtodockContainer.left #dash, #dashtodockContainer.right #dash { padding: 3px 0; } #dashtodockContainer.top #dash, #dashtodockContainer.bottom #dash { padding: 0 3px; } #dashtodockContainer.extended #dash { padding: 0; border-radius: 0; } #dashtodockContainer.left .dash-item-container > StWidget, #dashtodockContainer.right .dash-item-container > StWidget, #dashtodockContainer.extended.left .dash-item-container > StWidget, #dashtodockContainer.extended.right .dash-item-container > StWidget { padding: 3px 6px; } #dashtodockContainer.extended.left .dash-item-container:first-child > StWidget, #dashtodockContainer.extended.right .dash-item-container:first-child > StWidget { padding: 6px 6px 3px 6px; } #dashtodockContainer.extended.left .dash-item-container:last-child > StWidget, #dashtodockContainer.extended.right .dash-item-container:last-child > StWidget { padding: 3px 6px 6px 6px; } #dashtodockContainer.top .dash-item-container > StWidget, #dashtodockContainer.bottom .dash-item-container > StWidget, #dashtodockContainer.extended.top .dash-item-container > StWidget, #dashtodockContainer.extended.bottom .dash-item-container > StWidget { padding: 6px 3px; } #dashtodockContainer.extended.top .dash-item-container:first-child > StWidget, #dashtodockContainer.extended.bottom .dash-item-container:first-child > StWidget { padding: 6px 3px 6px 6px; } #dashtodockContainer.extended.top .dash-item-container:last-child > StWidget, #dashtodockContainer.extended.bottom .dash-item-container:last-child > StWidget { padding: 6px 6px 6px 3px; } #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } #dashtodockContainer .dash-item-container > StWidget { background-size: cover; } #dashtodockContainer.left .dash-item-container > StWidget.running1 { background-image: url("assets/dash/left-running1.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running2 { background-image: url("assets/dash/left-running2.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running3 { background-image: url("assets/dash/left-running3.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running4 { background-image: url("assets/dash/left-running4.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running1 { background-image: url("assets/dash/right-running1.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running2 { background-image: url("assets/dash/right-running2.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running3 { background-image: url("assets/dash/right-running3.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running4 { background-image: url("assets/dash/right-running4.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running1 { background-image: url("assets/dash/top-running1.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running2 { background-image: url("assets/dash/top-running2.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running3 { background-image: url("assets/dash/top-running3.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running4 { background-image: url("assets/dash/top-running4.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running1 { background-image: url("assets/dash/bottom-running1.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running2 { background-image: url("assets/dash/bottom-running2.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running3 { background-image: url("assets/dash/bottom-running3.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running4 { background-image: url("assets/dash/bottom-running4.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/bottom-running4-focused.svg"); } /* Simple Dock */ #dash:desktop { background-color: rgba(0, 0, 0, 0.6); } /* GPaste */ .popup-menu .search-entry { color: rgba(0, 0, 0, 0.87); selection-background-color: #338DD6; selected-color: #FFFFFF; background-color: rgba(250, 250, 250, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .popup-menu .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #338DD6; color: rgba(0, 0, 0, 0.87); } .popup-menu .search-entry .search-entry-icon { color: rgba(0, 0, 0, 0.38); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { color: rgba(0, 0, 0, 0.87); } materia-theme-20180321/src/gnome-shell/3.26/gnome-shell-compact.scss000066400000000000000000000004141325420104000246100ustar00rootroot00000000000000$variant: 'light'; $titlebar: 'dark'; $compact: 'true'; @import '../../_sass/gnome-shell/variables'; @import '../../_sass/colors'; @import '../../_sass/gnome-shell/drawing'; @import '../../_sass/gnome-shell/common-3.26'; @import '../../_sass/gnome-shell/extensions'; materia-theme-20180321/src/gnome-shell/3.26/gnome-shell-dark-compact.css000066400000000000000000001755631325420104000253660ustar00rootroot00000000000000/* This stylesheet is generated, DO NOT EDIT */ /* Copyright 2009, 2015 Red Hat, Inc. * * Portions adapted from Mx's data/style/default.css * Copyright 2009 Intel Corporation * * This program is free software; you can redistribute it and/or modify it * under the terms and conditions of the GNU Lesser General Public License, * version 2.1, as published by the Free Software Foundation. * * This program is distributed in the hope it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for * more details. * * You should have received a copy of the GNU Lesser General Public License * along with this program; if not, write to the Free Software Foundation, * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. */ /* GLOBALS */ * { transition-duration: 150ms; } stage { font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; font-size: 9.75pt; font-weight: 400; color: #FFFFFF; } /* WIDGETS */ /* Buttons */ .button { min-height: 32px; padding: 0 16px; border-width: 0; border-radius: 2px; font-size: 9.75pt; font-weight: 500; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:hover { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:insensitive { color: rgba(255, 255, 255, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:focus { color: #FFFFFF; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .modal-dialog-linked-button { min-height: 40px; padding: 0 16px; border-top: 1px solid rgba(0, 0, 0, 0.26) !important; border-right-width: 0; font-size: 9.75pt; font-weight: 500; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:hover { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:insensitive { color: rgba(255, 255, 255, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:focus { color: #FFFFFF; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .modal-dialog-linked-button:first-child { border-radius: 0px 0px 0px 2px; } .modal-dialog-linked-button:last-child { border-right-width: 0px; border-radius: 0px 0px 2px 0px; } .modal-dialog-linked-button:first-child:last-child { border-right-width: 0px; border-radius: 0px 0px 2px 2px; } /* Entries */ StEntry { min-height: 32px; padding: 0 8px; border-radius: 0; border-width: 0; color: #FFFFFF; selection-background-color: #338DD6; selected-color: #FFFFFF; font-size: 11.25pt; font-weight: 400; background-color: rgba(66, 66, 66, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #338DD6; } StEntry:insensitive { color: rgba(255, 255, 255, 0.5); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); } StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #FF6D00; padding: 0 0; } /* Scrollbars */ StScrollView.vfade { -st-vfade-offset: 32px; } StScrollView.hfade { -st-hfade-offset: 32px; } StScrollBar { padding: 0; } StScrollView StScrollBar { min-width: 16px; min-height: 16px; } StScrollBar StBin#trough { margin: 4px; border-radius: 100px; background-color: rgba(255, 255, 255, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 100px; background-color: rgba(255, 255, 255, 0.5); margin: 4px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(255, 255, 255, 0.7); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: #FFFFFF; } #overview StScrollBar StBin#trough, #screenShieldNotifications StScrollBar StBin#trough { background-color: rgba(255, 255, 255, 0.12); } #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#hhandle, #screenShieldNotifications StScrollBar StButton#hhandle { background-color: rgba(255, 255, 255, 0.5); } #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#hhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { background-color: rgba(255, 255, 255, 0.7); } #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#hhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { background-color: #FFFFFF; } /* Slider */ .slider { height: 20px; color: #009688; -slider-height: 2px; -slider-background-color: rgba(255, 255, 255, 0.3); -slider-border-color: transparent; -slider-active-background-color: #009688; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 7px; } /* Check Boxes */ .check-box * { min-height: 16px; padding: 8px 0; } .check-box StBoxLayout { spacing: 8px; } .check-box StBin { width: 24px; height: 24px; padding: 4px; border-radius: 100px; background-image: url("assets/checkbox-off.svg"); } .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } .check-box:hover StBin { background-color: rgba(255, 255, 255, 0.12); } .check-box:active StBin { background-color: rgba(255, 255, 255, 0.3); } .check-box:checked StBin { background-image: url("assets/checkbox.svg"); } .check-box:focus:checked StBin { background-image: url("assets/checkbox.svg"); } .check-box:hover:checked StBin { background-color: rgba(0, 150, 136, 0.15); } .check-box:active:checked StBin { background-color: rgba(0, 150, 136, 0.3); } /* Switches */ .toggle-switch { width: 40px; height: 20px; background-size: contain; } .toggle-switch-us { background-image: url("assets/toggle-off.svg"); } .toggle-switch-us:checked { background-image: url("assets/toggle-on.svg"); } .toggle-switch-intl { background-image: url("assets/toggle-off.svg"); } .toggle-switch-intl:checked { background-image: url("assets/toggle-on.svg"); } /* links */ .shell-link { border-radius: 2px; color: #338DD6; } .shell-link:hover { color: #338DD6; background-color: rgba(51, 141, 214, 0.15); } .shell-link:active { color: #338DD6; background-color: rgba(51, 141, 214, 0.3); } /* Modal Dialogs */ .headline { font-size: 15pt; font-weight: 500; } .lightbox { background-color: black; } .flashspot { background-color: white; } .modal-dialog { border-radius: 2px; color: #FFFFFF; background-color: #424242; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } .modal-dialog .modal-dialog-content-box { padding: 24px; } .modal-dialog .run-dialog-entry { width: 20em; margin-bottom: 6px; } .modal-dialog .run-dialog-error-box { padding-top: 16px; spacing: 6px; } .modal-dialog .run-dialog-button-box { padding-top: 1em; } .modal-dialog .run-dialog-label { font-size: 1em; font-weight: normal; color: rgba(255, 255, 255, 0.5); padding-bottom: .4em; } .mount-dialog-subject, .end-session-dialog-subject { font-size: 15pt; font-weight: 500; } /* Message Dialog */ .message-dialog-main-layout { padding: 12px 20px 0; spacing: 12px; } .message-dialog-content { max-width: 28em; spacing: 20px; } .message-dialog-icon { min-width: 48px; icon-size: 48px; } .message-dialog-title { font-weight: bold; } .message-dialog-subtitle { color: rgba(255, 255, 255, 0.7); font-weight: bold; } /* End Session Dialog */ .end-session-dialog { spacing: 42px; border: none; } .end-session-dialog-list { padding-top: 20px; } .end-session-dialog-layout { padding-left: 17px; } .end-session-dialog-layout:rtl { padding-right: 17px; } .end-session-dialog-description { width: 28em; padding-bottom: 10px; } .end-session-dialog-description:rtl { text-align: right; } .end-session-dialog-warning { width: 28em; color: #FF6D00; padding-top: 6px; } .end-session-dialog-warning:rtl { text-align: right; } .end-session-dialog-logout-icon { border-radius: 5px; width: 48px; height: 48px; background-size: contain; } .end-session-dialog-shutdown-icon { color: rgba(255, 255, 255, 0.5); width: 48px; height: 48px; } .end-session-dialog-inhibitor-layout { spacing: 16px; max-height: 200px; padding-right: 65px; padding-left: 65px; } .end-session-dialog-session-list, .end-session-dialog-app-list { spacing: 1em; } .end-session-dialog-list-header { font-weight: bold; } .end-session-dialog-list-header:rtl { text-align: right; } .end-session-dialog-app-list-item, .end-session-dialog-session-list-item { spacing: 1em; } .end-session-dialog-app-list-item-name, .end-session-dialog-session-list-item-name { font-weight: bold; } .end-session-dialog-app-list-item-description { color: rgba(255, 255, 255, 0.5); font-size: 1em; } /* ShellMountOperation Dialogs */ .shell-mount-operation-icon { icon-size: 48px; } .mount-dialog { spacing: 24px; } .mount-dialog .message-dialog-title { padding-top: 10px; padding-left: 17px; padding-bottom: 6px; max-width: 34em; } .mount-dialog .message-dialog-title:rtl { padding-left: 0px; padding-right: 17px; } .mount-dialog .message-dialog-body { padding-left: 17px; width: 28em; } .mount-dialog .message-dialog-body:rtl { padding-left: 0px; padding-right: 17px; } .mount-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 49px; padding-right: 32px; } .mount-dialog-app-list:rtl { padding-right: 49px; padding-left: 32px; } .mount-dialog-app-list-item { color: #FFFFFF; } .mount-dialog-app-list-item:hover { color: #FFFFFF; } .mount-dialog-app-list-item:ltr { padding-right: 1em; } .mount-dialog-app-list-item:rtl { padding-left: 1em; } .mount-dialog-app-list-item-icon:ltr { padding-right: 17px; } .mount-dialog-app-list-item-icon:rtl { padding-left: 17px; } .mount-dialog-app-list-item-name { font-size: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { width: 34em; border: none; } .prompt-dialog .message-dialog-main-layout { spacing: 24px; padding: 10px; } .prompt-dialog .message-dialog-content { spacing: 16px; } .prompt-dialog .message-dialog-title { font-size: 15pt; font-weight: 500; color: #FFFFFF; } .prompt-dialog-description:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label { font-size: 1em; color: #DD2C00; padding-bottom: 8px; } .prompt-dialog-info-label { font-size: 1em; padding-bottom: 8px; } .hidden { color: transparent; } .prompt-dialog-null-label { font-size: 1em; padding-bottom: 8px; } /* Polkit Dialog */ .polkit-dialog-user-layout { padding-left: 10px; spacing: 10px; } .polkit-dialog-user-layout:rtl { padding-left: 0px; padding-right: 10px; } .polkit-dialog-user-root-label { color: #FF6D00; } .polkit-dialog-user-icon { border-radius: 5px; background-size: contain; width: 48px; height: 48px; } /* Audio selection dialog */ .audio-device-selection-dialog { spacing: 30px; } .audio-selection-content { spacing: 20px; padding: 24px; } .audio-selection-title { font-weight: bold; text-align: center; } .audio-selection-box { spacing: 20px; } .audio-selection-device { border: 1px solid rgba(0, 0, 0, 0.26); border-radius: 2px; } .audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { background-color: #338DD6; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* Access Dialog */ .access-dialog { spacing: 30px; } /* Geolocation Dialog */ .geolocation-dialog { spacing: 30px; } /* Extension Dialog */ .extension-dialog .message-dialog-main-layout { spacing: 24px; padding: 10px; } .extension-dialog .message-dialog-title { color: rgba(255, 255, 255, 0.7); } /* Inhibit-Shortcuts Dialog */ .inhibit-shortcuts-dialog { spacing: 30px; } /* Network Agent Dialog */ .network-dialog-secret-table { spacing-rows: 15px; spacing-columns: 1em; } .keyring-dialog-control-table { spacing-rows: 15px; spacing-columns: 1em; } /* Popovers/Menus */ .popup-menu { min-width: 200px; } .popup-menu .popup-sub-menu { background-color: #303030; box-shadow: 0 0 transparent; } .popup-menu .popup-menu-content { padding: 8px 0; } .popup-menu .popup-menu-item { spacing: 8px; transition-duration: 100ms; } .popup-menu .popup-menu-item:ltr { padding: 0.4em 24px 0.4em 0; } .popup-menu .popup-menu-item:rtl { padding: 0.4em 0 0.4em 24px; } .popup-menu .popup-menu-item:checked { background-color: #338DD6; color: #FFFFFF; box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { background-color: #529edc; color: #FFFFFF; } .popup-menu .popup-menu-item:checked:active { background-color: #70afe2; color: #FFFFFF !important; } .popup-menu .popup-menu-item:checked:insensitive { color: rgba(255, 255, 255, 0.5); } .popup-menu .popup-menu-item.selected { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; transition-duration: 0ms; } .popup-menu .popup-menu-item:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; transition-duration: 150ms; } .popup-menu .popup-menu-item.selected:active { color: #FFFFFF; } .popup-menu .popup-menu-item:insensitive { color: rgba(255, 255, 255, 0.5); } .popup-menu .popup-inactive-menu-item { color: #FFFFFF; } .popup-menu .popup-inactive-menu-item:insensitive { color: rgba(255, 255, 255, 0.5); } .popup-menu.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-border-radius: 0; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; -arrow-box-shadow: none; margin: 5px 8px 8px; background-color: #424242; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .popup-separator-menu-item { height: 1px; margin: 8px 40px; background-color: transparent; border-color: rgba(0, 0, 0, 0.26); border-bottom-width: 1px; border-bottom-style: solid; } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } /* fallback menu - odd thing for styling App menu when apparently not running under shell. Light Adwaita styled app menu inside the main app window itself rather than the top bar */ /* OSD */ .osd-window { text-align: center; font-weight: bold; spacing: 1em; margin: 32px; min-width: 64px; min-height: 64px; } .osd-window .osd-monitor-label { font-size: 45px; font-weight: 400; } .osd-window .level { height: 8px; border-radius: 0; background-color: rgba(51, 141, 214, 0.3); color: #FFFFFF; } .osd-window .level-bar { background-color: #338DD6; border-radius: 0; } /* Pad OSD */ .pad-osd-window { padding: 32px; background-color: rgba(0, 0, 0, 0.6); } .pad-osd-window .pad-osd-title-box { spacing: 12px; } .pad-osd-window .pad-osd-title-menu-box { spacing: 6px; } .combo-box-label { width: 15em; } /* App Switcher */ .switcher-popup { padding: 8px; spacing: 16px; } .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { padding: 8px; border-radius: 2px; } .switcher-list .item-box:outlined { padding: 8px; border: none; background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .switcher-list .item-box:selected { background-color: #338DD6; color: #FFFFFF; } .switcher-list .thumbnail-box { padding: 2px; spacing: 4px; } .switcher-list .thumbnail { width: 256px; } .switcher-list .separator { width: 1px; background: rgba(0, 0, 0, 0.26); } .switcher-arrow { border-color: transparent; color: rgba(255, 255, 255, 0.5); } .switcher-arrow:highlighted { color: #FFFFFF; } .input-source-switcher-symbol { font-size: 45px; font-weight: 400; width: 96px; height: 96px; } /* Window Cycler */ .cycler-highlight { border: 4px solid #338DD6; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher { background: transparent; border: 0px; border-radius: 0px; padding: 0px; spacing: 8px; } .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; background-color: #338DD6; color: #FFFFFF; background-size: 32px; border-radius: 2px; } .ws-switcher-box { height: 48px; border: none; background: rgba(255, 255, 255, 0.12); border-radius: 2px; } .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { color: #FFFFFF; background-color: #424242; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); border-radius: 2px; padding: 12px; } /* Tiled window previews */ .tile-preview { background-color: rgba(64, 196, 255, 0.3); border: 1px solid #40C4FF; } .tile-preview-left.on-primary { border-radius: 0 0 0 0; } .tile-preview-right.on-primary { border-radius: 0 0 0 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0 0 0 0; } /* TOP BAR */ #panel { background-color: rgba(0, 0, 0, 0.6); /* transition from solid to transparent */ transition-duration: 250ms; font-weight: bold; height: 28px; } #panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { background-color: transparent; } #panel #panelLeft, #panel #panelCenter { spacing: 0; } #panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: rgba(0, 0, 0, 0.6); -panel-corner-border-width: 2px; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: #FFFFFF; } #panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: rgba(255, 255, 255, 0.7); text-shadow: none; transition-duration: 150ms; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; } #panel .panel-button .system-status-icon, #panel .panel-button .app-menu-icon > StIcon, #panel .panel-button .popup-menu-arrow { icon-shadow: none; } #panel .panel-button:hover { color: #FFFFFF; text-shadow: none; } #panel .panel-button:hover .system-status-icon, #panel .panel-button:hover .app-menu-icon > StIcon, #panel .panel-button:hover .popup-menu-arrow { icon-shadow: none; } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { background-color: rgba(0, 0, 0, 0.01); box-shadow: inset 0 -2px 0px #FFFFFF; color: #FFFFFF; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { icon-shadow: none; } #panel .panel-button .system-status-icon { icon-size: 1.23077em; padding: 0 4px; } .unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { color: rgba(255, 255, 255, 0.7); } .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { color: #FFFFFF; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator { color: #FF6D00; } #panel.solid { background-color: #212121; /* transition from transparent to solid */ transition-duration: 250ms; background-gradient-direction: none; text-shadow: none; } #panel.solid:overview { background-color: transparent; } #panel.solid .panel-corner { -panel-corner-background-color: #212121; } #panel.solid .panel-button { color: rgba(255, 255, 255, 0.7); text-shadow: none; } #panel.solid .panel-button:hover, #panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { color: #FFFFFF; } #panel.solid .system-status-icon, #panel.solid .app-menu-icon > StIcon, #panel.solid .popup-menu-arrow { icon-shadow: none; } #calendarArea { padding: 8px 16px; } .calendar { margin-bottom: 0; } .calendar, .datemenu-today-button, .datemenu-displays-box, .message-list-sections { margin: 0 8px; } .datemenu-calendar-column { spacing: 8px; } .datemenu-displays-section { padding-bottom: 0; } .datemenu-displays-box { spacing: 8px; } .datemenu-calendar-column { border: 0 solid rgba(0, 0, 0, 0.26); } .datemenu-calendar-column:ltr { border-left-width: 0; } .datemenu-calendar-column:rtl { border-right-width: 0; } .datemenu-today-button, .world-clocks-button, .weather-button, .events-section-title { min-height: 20px; padding: 4px 8px; border-radius: 2px; } .datemenu-today-button { min-height: 48px; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .datemenu-today-button:hover, .datemenu-today-button:focus, .world-clocks-button:hover, .world-clocks-button:focus, .weather-button:hover, .weather-button:focus, .events-section-title:hover, .events-section-title:focus { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); } .datemenu-today-button:active, .world-clocks-button:active, .weather-button:active, .events-section-title:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); } .datemenu-today-button .date-label { font-size: 18pt; font-weight: 400; } .world-clocks-header, .weather-header, .events-section-title { color: rgba(255, 255, 255, 0.7); font-weight: bold; } .world-clocks-grid { spacing-rows: 0.4em; } .weather-box { spacing: 0.4em; } .calendar-month-label { height: 16px; margin: 2px; padding: 6px 16px; border-radius: 2px; color: #FFFFFF; font-weight: bold; text-align: center; } .calendar-month-label:focus { background-color: rgba(255, 255, 255, 0.12); } .pager-button { width: 28px; height: 28px; margin: 2px; border-radius: 100px; background-color: transparent; color: #FFFFFF; } .pager-button:hover, .pager-button:focus { background-color: rgba(255, 255, 255, 0.12); } .pager-button:active { background-color: rgba(255, 255, 255, 0.3); } .calendar-change-month-back { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-change-month-back:rtl { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward:rtl { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-day-base { font-size: 9pt; font-weight: 400; text-align: center; width: 28px; height: 28px; padding: 0; margin: 2px; border-radius: 100px; } .calendar-day-base:hover, .calendar-day-base:focus { background-color: rgba(255, 255, 255, 0.12); } .calendar-day-base:active { color: inherit; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; } .calendar-day-base:selected { color: #FFFFFF; background-color: #338DD6; border-color: transparent; } .calendar-day-base.calendar-day-heading { width: 28px; height: 21px; margin-top: 2px; padding: 7px 0 0; border-radius: 100px; background-color: transparent; color: rgba(255, 255, 255, 0.5); font-size: 9pt; font-weight: 400; font-weight: bold; text-align: center; } .calendar-day { border-width: 0; } .calendar-day-top { border-top-width: 0; } .calendar-day-left { border-left-width: 0; } .calendar-nonwork-day { color: #FFFFFF; } .calendar-today { font-weight: bold !important; border: none; } .calendar-day-with-events { color: #338DD6; font-weight: normal; text-decoration: underline; background-image: none; } .calendar-other-month-day { color: rgba(255, 255, 255, 0.3); opacity: 0.5; } .calendar-week-number { width: 28px; height: 21px; margin: 2px; padding: 7px 0 0; border-radius: 100px; background-color: transparent; color: rgba(255, 255, 255, 0.5); font-size: inherit; font-weight: bold; text-align: center; } /* Message list */ .message-list { width: 420px; } .message-list-clear-button.button { background-color: transparent; margin: 8px 8px 0; } .message-list-clear-button.button:hover, .message-list-clear-button.button:focus { background-color: rgba(255, 255, 255, 0.12); } .message-list-clear-button.button:active { background-color: rgba(255, 255, 255, 0.3); } .message-list-sections { spacing: 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message { min-height: 56px; background-color: transparent; border-radius: 2px; } .message:hover, .message:focus { background-color: rgba(255, 255, 255, 0.12); } .message:active { background-color: rgba(255, 255, 255, 0.3); } .message-icon-bin { padding: 8px 0px 8px 8px; } .message-icon-bin:rtl { padding: 8px 8px 8px 0px; } .message-icon-bin > StIcon { color: #FFFFFF; icon-size: 1.23077em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } .message-icon-bin > StIcon:rtl { margin: 4px 4px 4px 0px; } .message-secondary-bin { padding: 0 8px; } .message-secondary-bin > .event-time { min-height: 18px; padding-top: 2px; color: rgba(255, 255, 255, 0.7); font-size: 1em; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-bottom: 0; } .message-secondary-bin > StIcon { icon-size: 1.23077em; } .message-title { min-height: 18px; padding-top: 2px; color: #FFFFFF; font-weight: bold; font-size: 1em; } .message-content { min-height: 40px; padding: 8px; color: rgba(255, 255, 255, 0.7); font-size: 1em; } .message-content * > StIcon { icon-size: 16px; border-radius: 16px; padding: 2px; color: rgba(255, 255, 255, 0.7); } /* FIXME: how do you do this in sass? */ .message-content *:hover > StIcon, .message-content *:focus > StIcon { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); } .message-content *:active > StIcon { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); } .message-media-control { margin: 16px 0; padding: 8px; border-radius: 100px; color: rgba(255, 255, 255, 0.7); } .message-media-control:hover, .message-media-control:focus { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); } .message-media-control:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); } .message-media-control:insensitive { color: rgba(255, 255, 255, 0.3); } .message-media-control:last-child:ltr { margin-right: 16px; padding-right: 8px; } .message-media-control:last-child:rtl { margin-left: 16px; padding-left: 8px; } .media-message-cover-icon { icon-size: 32px !important; margin: 8px 0px 8px 4px !important; } .media-message-cover-icon:rtl { margin: 8px 4px 8px 0px !important; } .media-message-cover-icon.fallback { icon-size: 16px !important; padding: 8px; border: none; border-radius: 2px; background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } .system-switch-user-submenu-icon.user-icon { icon-size: 20px; padding: 0 2px; } .system-switch-user-submenu-icon.default-icon { icon-size: 16px; padding: 0 4px; } #appMenu { spinner-image: url("process-working.svg"); spacing: 4px; } #appMenu .label-shadow { color: transparent; } .aggregate-menu { min-width: 280px; } .aggregate-menu .popup-menu-icon { padding: 0 4px; } .aggregate-menu .popup-sub-menu .popup-menu-item :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; margin-left: 1.23077em; } .aggregate-menu .popup-sub-menu .popup-menu-item :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; margin-right: 1.23077em; } .system-menu-action { color: rgba(255, 255, 255, 0.7); border-radius: 100px; /* wish we could do 50% */ padding: 14px; border: none; } .system-menu-action:hover, .system-menu-action:focus { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; border: none; padding: 14px; } .system-menu-action:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .system-menu-action > StIcon { icon-size: 16px; } .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; background-color: rgba(255, 255, 255, 0.3); background-image: none; background-size: auto; } .ripple-box:rtl { border-radius: 0 0 0 48px; background-image: none; } .popup-menu-arrow { width: 16px; height: 16px; } .popup-menu-icon { icon-size: 1.23077em; } .window-close { transition-duration: 0ms; height: 32px; width: 32px; -shell-close-overlap: 16px; -st-background-image-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); background-image: url("assets/window-close.svg"); background-size: 32px; } .window-close:hover { -st-background-image-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-image: url("assets/window-close.svg"); } .window-close:active { background-image: url("assets/window-close-active.svg"); } .window-close:rtl { -st-background-image-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .window-close:rtl:hover { -st-background-image-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } /* NETWORK DIALOGS */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: center; } .nm-dialog-airplane-text { color: #FFFFFF; } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-scroll-view { border: none; } .nm-dialog-header { font-size: 15pt; font-weight: 500; } .nm-dialog-item { font-size: 1em; border-bottom: none; border-radius: 2px; padding: 12px; spacing: 20px; } .nm-dialog-item:hover, .nm-dialog-item:focus { background-color: rgba(255, 255, 255, 0.12); } .nm-dialog-item:active { background-color: rgba(255, 255, 255, 0.3); } .nm-dialog-item:selected { background-color: #338DD6; color: #FFFFFF; } .nm-dialog-icons { spacing: .5em; } .nm-dialog-icon { icon-size: 16px; } .no-networks-label { color: rgba(255, 255, 255, 0.5); } .no-networks-box { spacing: 12px; } /* OVERVIEW */ #overview { spacing: 24px; } .overview-controls { padding-bottom: 32px; } .window-picker { -horizontal-spacing: 16px; -vertical-spacing: 16px; padding: 0 16px 32px; } .window-picker.external-monitor { padding: 16px; } .window-clone-border { border: 4px solid rgba(255, 255, 255, 0.3); border-radius: 2px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .window-caption { spacing: 25px; color: #FFFFFF; background-color: rgba(0, 0, 0, 0.6); border-radius: 2px; padding: 4px 8px; } .search-entry { width: 304px; padding: 0 8px; border-radius: 0; color: rgba(255, 255, 255, 0.5); selection-background-color: rgba(255, 255, 255, 0.3); selected-color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #FFFFFF; padding: 0 8px; border-width: 0; color: #FFFFFF; } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 0; color: rgba(255, 255, 255, 0.5); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: #FFFFFF; } #searchResultsBin { max-width: 1000px; } #searchResultsContent { padding-left: 20px; padding-right: 20px; spacing: 16px; } .search-section { spacing: 16px; } .search-section-content { spacing: 32px; } .list-search-results { spacing: 3px; } .search-section-separator { height: 1px; background-color: rgba(255, 255, 255, 0.12); } .list-search-result-content { spacing: 30px; } .list-search-result-title { font-size: 11.25pt; font-weight: 400; color: #FFFFFF; spacing: 12px; } .list-search-result-description { color: rgba(255, 255, 255, 0.7); } .list-search-provider-details { width: 150px; color: rgba(255, 255, 255, 0.7); margin-top: 0.24em; } .list-search-provider-content { spacing: 20px; } .search-provider-icon { padding: 15px; } /* DASHBOARD */ #dash { font-size: 1em; color: #FFFFFF; background-color: rgba(255, 255, 255, 0.1); padding: 3px 0; border: none; border-left: 0px; border-radius: 0px 2px 2px 0px; } #dash:rtl { border-radius: 2px 0 0 2px; } #dash .placeholder { background-image: url("assets/dash-placeholder.svg"); background-size: contain; height: 24px; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { border-radius: 2px; padding: 7px 8px; color: #FFFFFF; background-color: #424242; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-align: center; -x-offset: 8px; } /* App Vault/Grid */ .icon-grid { spacing: 30px; -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; } .icon-grid .overview-icon { icon-size: 96px; } .system-action-icon { box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); background-color: #212121; color: #FFFFFF; border-radius: 99px; icon-size: 48px; } .app-view-controls { width: 320px; padding-bottom: 32px; } .app-view-control { padding: 0 16px; font-weight: bold; color: rgba(255, 255, 255, 0.7); } .app-view-control:hover { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12) !important; } .app-view-control:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3) !important; } .app-view-control:checked { color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01) !important; box-shadow: inset 0 2px 0 #FFFFFF; } .app-view-control:first-child { border-right-width: 0; border-radius: 2px; } .app-view-control:first-child:checked { border-radius: 0; } .app-view-control:last-child { border-radius: 2px; } .app-view-control:last-child:checked { border-radius: 0; } .search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, .list-search-result:focus, .list-search-result:selected, .list-search-result:hover { background-color: rgba(255, 255, 255, 0.12); transition-duration: 0ms; } .search-provider-icon:active, .search-provider-icon:checked, .list-search-result:active, .list-search-result:checked { background-color: rgba(255, 255, 255, 0.3); transition-duration: 150ms; } .app-well-app:hover .overview-icon, .app-well-app:focus .overview-icon, .app-well-app:selected .overview-icon, .app-well-app.app-folder:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-well-app.app-folder:selected .overview-icon, .show-apps:hover .overview-icon, .show-apps:focus .overview-icon, .show-apps:selected .overview-icon, .grid-search-result:hover .overview-icon, .grid-search-result:focus .overview-icon, .grid-search-result:selected .overview-icon { background-color: rgba(255, 255, 255, 0.12); transition-duration: 0ms; border-image: none; background-image: none; } .app-well-app:active .overview-icon, .app-well-app:checked .overview-icon, .app-well-app.app-folder:active .overview-icon, .app-well-app.app-folder:checked .overview-icon, .show-apps:active .overview-icon, .show-apps:checked .overview-icon, .grid-search-result:active .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.3); box-shadow: 0 0 transparent; transition-duration: 150ms; } .app-well-app-running-dot { width: 32px; height: 2px; background-color: #FFFFFF; margin-bottom: 0; } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .app-well-app.app-folder .overview-icon, .show-apps .overview-icon, .grid-search-result .overview-icon { color: #FFFFFF; border-radius: 2px; padding: 6px; border: none; transition-duration: 150ms; text-align: center; } .app-well-app.app-folder > .overview-icon { background-color: rgba(255, 255, 255, 0.1); } .show-apps .show-apps-icon { color: rgba(255, 255, 255, 0.7); } .show-apps:hover .show-apps-icon, .show-apps:active .show-apps-icon, .show-apps:checked .show-apps-icon, .show-apps:focus .show-apps-icon { color: #FFFFFF; transition-duration: 150ms; } .app-folder-popup { -arrow-border-radius: 2px; -arrow-background-color: rgba(255, 255, 255, 0.1); -arrow-base: 24px; -arrow-rise: 12px; } .app-folder-popup-bin { padding: 5px; } .app-folder-icon { padding: 5px; spacing-rows: 5px; spacing-columns: 5px; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 12px; height: 12px; border-radius: 12px; background-image: none; background-color: rgba(255, 255, 255, 0.3); } .page-indicator:hover .page-indicator-icon { background-image: none; background-color: rgba(255, 255, 255, 0.5); } .page-indicator:active .page-indicator-icon { background-image: none; background-color: rgba(255, 255, 255, 0.7); } .page-indicator:checked .page-indicator-icon { background-image: none; background-color: #FFFFFF; transition-duration: 0ms; } .page-indicator:checked:active { background-image: none; } .app-well-app > .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label { padding: 10px 8px 5px 8px; spacing: 4px; } .workspace-thumbnails { visible-width: 32px; spacing: 12px; padding: 12px; border-radius: 2px 0 0 2px; } .workspace-thumbnails:rtl { border-radius: 0 2px 2px 0; } .workspace-thumbnails .placeholder { background-image: url("assets/dash-placeholder.svg"); background-size: contain; height: 24px; } .workspace-thumbnail-indicator { border: 0 solid #FFFFFF; border-left-width: 2px; padding: 6px; border-radius: 0; } .search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { padding: 0px 88px 10px 88px; } .workspace-thumbnails { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.1); border: none; } .search-statustext, .no-frequent-applications-label { font-size: 45px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { link-color: #338DD6; } .notification-banner { font-size: 1em; width: 34em; min-height: 56px; margin: 5px; border-radius: 2px; color: #FFFFFF; background-color: #424242; border: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .notification-banner:hover { background-color: #424242; } .notification-banner:focus { background-color: #424242; } .notification-banner .notification-icon { padding: 5px; } .notification-banner .notification-content { padding: 5px; spacing: 5px; } .notification-banner .secondary-icon { icon-size: 1.23077em; } .notification-banner .notification-actions { background-color: transparent; padding-top: 0; border-top: 1px solid rgba(0, 0, 0, 0.26); spacing: 1px; } .notification-banner .notification-button { min-height: 40px; padding: 0 16px; background-color: transparent; color: rgba(255, 255, 255, 0.7); font-weight: 500; } .notification-banner .notification-button:first-child { border-radius: 0 0 0 2px; } .notification-banner .notification-button:last-child { border-radius: 0 0 2px 0; } .notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .notification-banner .notification-button:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .summary-source-counter { font-size: 1em; font-weight: bold; height: 1.6em; width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; background-color: #338DD6; color: #FFFFFF; border: 2px solid #FFFFFF; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } .secondary-icon { icon-size: 1.23077em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: #FFFFFF; } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0px; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: rgba(255, 255, 255, 0.7); } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; font-size: 9pt; font-weight: 400; color: rgba(255, 255, 255, 0.5); } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-transient-box { spacing: 6px; padding: 2px 72px 2px 12px; } .hotplug-notification-item { padding: 2px 10px; } .hotplug-notification-item:focus { padding: 1px 71px 1px 11px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 2px 5px; } .hotplug-resident-box { spacing: 8px; } .hotplug-resident-mount { spacing: 8px; border-radius: 2px; } .hotplug-resident-mount:hover { background-color: rgba(255, 255, 255, 0.12); } .hotplug-resident-mount:active { background-color: rgba(255, 255, 255, 0.3); } .hotplug-resident-mount-label { color: inherit; padding-left: 6px; } .hotplug-resident-mount-icon { icon-size: 24px; padding-left: 6px; } .hotplug-resident-eject-icon { icon-size: 16px; } .hotplug-resident-eject-button { padding: 7px; border-radius: 2px; color: #FFFFFF; } /* Eeeky things */ .magnifier-zoom-region { border: 2px solid #338DD6; } .magnifier-zoom-region.full-screen { border-width: 0; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.3); } .keyboard-layout { spacing: 10px; padding: 10px; } .keyboard-row { spacing: 15px; } .keyboard-key { min-height: 64px; min-width: 64px; font-size: 2em; font-weight: 500; border-radius: 2px; border: none; color: inherit; color: rgba(255, 255, 255, 0.8); background-color: #424242; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; icon-shadow: none; } .keyboard-key:focus { color: #FFFFFF; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-key:hover, .keyboard-key:checked { color: #FFFFFF; background-color: #424242; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .keyboard-key:active { color: #FFFFFF; background-color: #7b7b7b; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .keyboard-key:grayed { background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; border-color: rgba(0, 0, 0, 0.3); } .keyboard-subkeys { color: inherit; padding: 5px; -arrow-border-radius: 0; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; -boxpointer-gap: 5px; background-color: #424242; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: rgba(255, 255, 255, 0.5); } .candidate-box:selected .candidate-index { color: rgba(255, 255, 255, 0.5); } .candidate-box { transition-duration: 0ms; min-height: 28px; padding: 0 8px; border-radius: 2px; } .candidate-box:hover { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .candidate-box:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .candidate-box:selected { background-color: #338DD6; color: #FFFFFF; } .candidate-page-button-box { height: 28px; } .vertical .candidate-page-button-box { padding-top: 0; } .horizontal .candidate-page-button-box { padding-left: 0; } .candidate-page-button { min-width: 28px; min-height: 28px; padding: 0; } .candidate-page-button-previous { border-radius: 2px; border-right-width: 0; } .candidate-page-button-next { border-radius: 2px; } .candidate-page-button-icon { icon-size: 1.23077em; } /* Auth Dialogs & Screen Shield */ .framed-user-icon { background-size: contain; border: none; color: #FFFFFF; border-radius: 2px; } .framed-user-icon:hover { border-color: #FFFFFF; color: #FFFFFF; } .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: none; background-color: transparent; } .login-dialog StEntry { color: #FFFFFF; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .login-dialog StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #FFFFFF; } .login-dialog StEntry:insensitive { color: rgba(255, 255, 255, 0.5); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { padding: 0 16px; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:insensitive { color: rgba(255, 255, 255, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default { color: rgba(255, 255, 255, 0.8); background-color: #009688; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { color: #FFFFFF; background-color: #009688; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:active { color: #FFFFFF; background-color: #4db6ac; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:insensitive { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog-logo-bin { padding: 24px 0px; } .login-dialog-banner { color: rgba(255, 255, 255, 0.7); } .login-dialog-button-box { spacing: 5px; } .login-dialog-message-warning { color: #FF6D00; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; } .login-dialog-user-selection-box { padding: 100px 0px; } .login-dialog-not-listed-label { padding-left: 2px; } .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { color: #FFFFFF; } .login-dialog-not-listed-label { font-size: 1em; font-weight: bold; color: rgba(255, 255, 255, 0.7); padding-top: 1em; } .login-dialog-not-listed-label:hover { color: #FFFFFF; } .login-dialog-not-listed-label:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; padding: .2em; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid #FFFFFF; } .login-dialog-user-list-item { border-radius: 2px; padding: 4px 4px 0; color: rgba(255, 255, 255, 0.7); } .login-dialog-user-list-item:ltr { padding-right: 1em; } .login-dialog-user-list-item:rtl { padding-left: 1em; } .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list-item:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin: 2px 0 0 0; background-color: #FFFFFF; } .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { background-color: #FFFFFF; } .login-dialog-username, .user-widget-label { color: #FFFFFF; font-size: 15pt; font-weight: 500; text-align: left; padding-left: 15px; } .user-widget-label:ltr { padding-left: 18px; } .user-widget-label:rtl { padding-right: 18px; } .login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 8px; width: 23em; } .login-dialog-prompt-label { color: rgba(255, 255, 255, 0.5); font-size: 1em; padding-top: 1em; } .login-dialog-session-list-button StIcon { icon-size: 1.25em; } .login-dialog-session-list-button { color: rgba(255, 255, 255, 0.7); } .login-dialog-session-list-button:hover, .login-dialog-session-list-button:focus { color: #FFFFFF; } .login-dialog-session-list-button:active { color: #FFFFFF; } .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { color: white; width: 80px; height: 48px; -arrow-thickness: 12px; -arrow-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock { color: white; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-weight: normal; text-align: center; padding-bottom: 1.5em; } .screen-shield-clock-time { font-size: 112px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock-date { font-size: 45px; font-weight: 400; } .screen-shield-notifications-container { spacing: 6px; width: 30em; background-color: transparent; max-height: 500px; } .screen-shield-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .screen-shield-notifications-container .notification, .screen-shield-notifications-container .screen-shield-notification-source { padding: 8px; border: none; background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; border-radius: 2px; } .screen-shield-notifications-container .notification { margin-right: 16px; } .screen-shield-notification-label { min-height: 18px; padding: 2px 0px 0px 16px; font-weight: bold; } .screen-shield-notification-count-text { min-height: 18px; padding: 2px 0px 0px 16px; color: rgba(255, 255, 255, 0.7); } #panel.lock-screen { background-color: rgba(0, 0, 0, 0.3); } .screen-shield-background { background: black; box-shadow: 0 19px 19px rgba(0, 0, 0, 0.6), 0 15px 6px rgba(0, 0, 0, 0.44); } #lockDialogGroup { background: #303030; background-size: cover; } #LookingGlassDialog { background-color: #424242; spacing: 4px; padding: 0; border: none; border-radius: 2px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } #LookingGlassDialog > #Toolbar { padding: 0 8px; border: none; border-radius: 0; background-color: rgba(66, 66, 66, 0.01); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.26); } #LookingGlassDialog .labels { spacing: 0; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: rgba(255, 255, 255, 0.5); transition-duration: 150ms; padding-left: 16px; padding-right: 16px; min-height: 32px; padding: 0 32px; } #LookingGlassDialog .notebook-tab:hover { box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.3); color: #FFFFFF; text-shadow: none; } #LookingGlassDialog .notebook-tab:selected { border-bottom-width: 0; border-color: transparent; background-color: rgba(66, 66, 66, 0.01); box-shadow: inset 0 -2px 0px #338DD6; color: #FFFFFF; text-shadow: none; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 4px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog StEntry { selection-background-color: #338DD6; selected-color: #FFFFFF; } .lg-dialog .shell-link { color: #338DD6; } .lg-dialog .shell-link:hover { color: #338DD6; } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button { min-height: 32px; padding: 0 16px; border: none; border-radius: 2px; font-size: 9.75pt; font-weight: 500; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:hover { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:insensitive { color: rgba(255, 255, 255, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:focus { color: #FFFFFF; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .lg-obj-inspector-button:hover { border: none; } #lookingGlassExtensions { padding: 4px; } .lg-extensions-list { padding: 4px; spacing: 6px; } .lg-extension { border: none; border-radius: 2px; padding: 4px; } .lg-extension-name { font-size: 18pt; font-weight: 400; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { background: #424242; border: none; border-radius: 2px; padding: 6px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } /* Dash to Dock */ #dashtodockContainer #dash { background-color: rgba(0, 0, 0, 0.6); } #dashtodockContainer:overview #dash { background-color: rgba(255, 255, 255, 0.1); } #dashtodockContainer.extended:overview #dash { background-color: transparent; } #dashtodockContainer.left #dash, #dashtodockContainer.right #dash { padding: 3px 0; } #dashtodockContainer.top #dash, #dashtodockContainer.bottom #dash { padding: 0 3px; } #dashtodockContainer.extended #dash { padding: 0; border-radius: 0; } #dashtodockContainer.left .dash-item-container > StWidget, #dashtodockContainer.right .dash-item-container > StWidget, #dashtodockContainer.extended.left .dash-item-container > StWidget, #dashtodockContainer.extended.right .dash-item-container > StWidget { padding: 3px 6px; } #dashtodockContainer.extended.left .dash-item-container:first-child > StWidget, #dashtodockContainer.extended.right .dash-item-container:first-child > StWidget { padding: 6px 6px 3px 6px; } #dashtodockContainer.extended.left .dash-item-container:last-child > StWidget, #dashtodockContainer.extended.right .dash-item-container:last-child > StWidget { padding: 3px 6px 6px 6px; } #dashtodockContainer.top .dash-item-container > StWidget, #dashtodockContainer.bottom .dash-item-container > StWidget, #dashtodockContainer.extended.top .dash-item-container > StWidget, #dashtodockContainer.extended.bottom .dash-item-container > StWidget { padding: 6px 3px; } #dashtodockContainer.extended.top .dash-item-container:first-child > StWidget, #dashtodockContainer.extended.bottom .dash-item-container:first-child > StWidget { padding: 6px 3px 6px 6px; } #dashtodockContainer.extended.top .dash-item-container:last-child > StWidget, #dashtodockContainer.extended.bottom .dash-item-container:last-child > StWidget { padding: 6px 6px 6px 3px; } #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } #dashtodockContainer .dash-item-container > StWidget { background-size: cover; } #dashtodockContainer.left .dash-item-container > StWidget.running1 { background-image: url("assets/dash/left-running1.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running2 { background-image: url("assets/dash/left-running2.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running3 { background-image: url("assets/dash/left-running3.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running4 { background-image: url("assets/dash/left-running4.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running1 { background-image: url("assets/dash/right-running1.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running2 { background-image: url("assets/dash/right-running2.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running3 { background-image: url("assets/dash/right-running3.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running4 { background-image: url("assets/dash/right-running4.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running1 { background-image: url("assets/dash/top-running1.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running2 { background-image: url("assets/dash/top-running2.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running3 { background-image: url("assets/dash/top-running3.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running4 { background-image: url("assets/dash/top-running4.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running1 { background-image: url("assets/dash/bottom-running1.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running2 { background-image: url("assets/dash/bottom-running2.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running3 { background-image: url("assets/dash/bottom-running3.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running4 { background-image: url("assets/dash/bottom-running4.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/bottom-running4-focused.svg"); } /* Simple Dock */ #dash:desktop { background-color: rgba(0, 0, 0, 0.6); } /* GPaste */ .popup-menu .search-entry { color: #FFFFFF; selection-background-color: #338DD6; selected-color: #FFFFFF; background-color: rgba(66, 66, 66, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .popup-menu .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #338DD6; color: #FFFFFF; } .popup-menu .search-entry .search-entry-icon { color: rgba(255, 255, 255, 0.5); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { color: #FFFFFF; } materia-theme-20180321/src/gnome-shell/3.26/gnome-shell-dark-compact.scss000066400000000000000000000004131325420104000255260ustar00rootroot00000000000000$variant: 'dark'; $titlebar: 'dark'; $compact: 'true'; @import '../../_sass/gnome-shell/variables'; @import '../../_sass/colors'; @import '../../_sass/gnome-shell/drawing'; @import '../../_sass/gnome-shell/common-3.26'; @import '../../_sass/gnome-shell/extensions'; materia-theme-20180321/src/gnome-shell/3.26/gnome-shell-dark.css000066400000000000000000001755551325420104000237430ustar00rootroot00000000000000/* This stylesheet is generated, DO NOT EDIT */ /* Copyright 2009, 2015 Red Hat, Inc. * * Portions adapted from Mx's data/style/default.css * Copyright 2009 Intel Corporation * * This program is free software; you can redistribute it and/or modify it * under the terms and conditions of the GNU Lesser General Public License, * version 2.1, as published by the Free Software Foundation. * * This program is distributed in the hope it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for * more details. * * You should have received a copy of the GNU Lesser General Public License * along with this program; if not, write to the Free Software Foundation, * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. */ /* GLOBALS */ * { transition-duration: 150ms; } stage { font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; font-size: 10.5pt; font-weight: 400; color: #FFFFFF; } /* WIDGETS */ /* Buttons */ .button { min-height: 36px; padding: 0 16px; border-width: 0; border-radius: 2px; font-size: 10.5pt; font-weight: 500; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:hover { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:insensitive { color: rgba(255, 255, 255, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:focus { color: #FFFFFF; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .modal-dialog-linked-button { min-height: 40px; padding: 0 16px; border-top: 1px solid rgba(0, 0, 0, 0.26) !important; border-right-width: 0; font-size: 10.5pt; font-weight: 500; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:hover { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:insensitive { color: rgba(255, 255, 255, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:focus { color: #FFFFFF; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .modal-dialog-linked-button:first-child { border-radius: 0px 0px 0px 2px; } .modal-dialog-linked-button:last-child { border-right-width: 0px; border-radius: 0px 0px 2px 0px; } .modal-dialog-linked-button:first-child:last-child { border-right-width: 0px; border-radius: 0px 0px 2px 2px; } /* Entries */ StEntry { min-height: 36px; padding: 0 8px; border-radius: 0; border-width: 0; color: #FFFFFF; selection-background-color: #338DD6; selected-color: #FFFFFF; font-size: 12pt; font-weight: 400; background-color: rgba(66, 66, 66, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #338DD6; } StEntry:insensitive { color: rgba(255, 255, 255, 0.5); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); } StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #FF6D00; padding: 0 0; } /* Scrollbars */ StScrollView.vfade { -st-vfade-offset: 32px; } StScrollView.hfade { -st-hfade-offset: 32px; } StScrollBar { padding: 0; } StScrollView StScrollBar { min-width: 16px; min-height: 16px; } StScrollBar StBin#trough { margin: 4px; border-radius: 100px; background-color: rgba(255, 255, 255, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 100px; background-color: rgba(255, 255, 255, 0.5); margin: 4px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(255, 255, 255, 0.7); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: #FFFFFF; } #overview StScrollBar StBin#trough, #screenShieldNotifications StScrollBar StBin#trough { background-color: rgba(255, 255, 255, 0.12); } #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#hhandle, #screenShieldNotifications StScrollBar StButton#hhandle { background-color: rgba(255, 255, 255, 0.5); } #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#hhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { background-color: rgba(255, 255, 255, 0.7); } #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#hhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { background-color: #FFFFFF; } /* Slider */ .slider { height: 20px; color: #009688; -slider-height: 2px; -slider-background-color: rgba(255, 255, 255, 0.3); -slider-border-color: transparent; -slider-active-background-color: #009688; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 7px; } /* Check Boxes */ .check-box * { min-height: 20px; padding: 8px 0; } .check-box StBoxLayout { spacing: 8px; } .check-box StBin { width: 24px; height: 24px; padding: 6px; border-radius: 100px; background-image: url("assets/checkbox-off.svg"); } .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } .check-box:hover StBin { background-color: rgba(255, 255, 255, 0.12); } .check-box:active StBin { background-color: rgba(255, 255, 255, 0.3); } .check-box:checked StBin { background-image: url("assets/checkbox.svg"); } .check-box:focus:checked StBin { background-image: url("assets/checkbox.svg"); } .check-box:hover:checked StBin { background-color: rgba(0, 150, 136, 0.15); } .check-box:active:checked StBin { background-color: rgba(0, 150, 136, 0.3); } /* Switches */ .toggle-switch { width: 40px; height: 20px; background-size: contain; } .toggle-switch-us { background-image: url("assets/toggle-off.svg"); } .toggle-switch-us:checked { background-image: url("assets/toggle-on.svg"); } .toggle-switch-intl { background-image: url("assets/toggle-off.svg"); } .toggle-switch-intl:checked { background-image: url("assets/toggle-on.svg"); } /* links */ .shell-link { border-radius: 2px; color: #338DD6; } .shell-link:hover { color: #338DD6; background-color: rgba(51, 141, 214, 0.15); } .shell-link:active { color: #338DD6; background-color: rgba(51, 141, 214, 0.3); } /* Modal Dialogs */ .headline { font-size: 15pt; font-weight: 500; } .lightbox { background-color: black; } .flashspot { background-color: white; } .modal-dialog { border-radius: 2px; color: #FFFFFF; background-color: #424242; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } .modal-dialog .modal-dialog-content-box { padding: 24px; } .modal-dialog .run-dialog-entry { width: 20em; margin-bottom: 6px; } .modal-dialog .run-dialog-error-box { padding-top: 16px; spacing: 6px; } .modal-dialog .run-dialog-button-box { padding-top: 1em; } .modal-dialog .run-dialog-label { font-size: 1em; font-weight: normal; color: rgba(255, 255, 255, 0.5); padding-bottom: .4em; } .mount-dialog-subject, .end-session-dialog-subject { font-size: 15pt; font-weight: 500; } /* Message Dialog */ .message-dialog-main-layout { padding: 12px 20px 0; spacing: 12px; } .message-dialog-content { max-width: 28em; spacing: 20px; } .message-dialog-icon { min-width: 48px; icon-size: 48px; } .message-dialog-title { font-weight: bold; } .message-dialog-subtitle { color: rgba(255, 255, 255, 0.7); font-weight: bold; } /* End Session Dialog */ .end-session-dialog { spacing: 42px; border: none; } .end-session-dialog-list { padding-top: 20px; } .end-session-dialog-layout { padding-left: 17px; } .end-session-dialog-layout:rtl { padding-right: 17px; } .end-session-dialog-description { width: 28em; padding-bottom: 10px; } .end-session-dialog-description:rtl { text-align: right; } .end-session-dialog-warning { width: 28em; color: #FF6D00; padding-top: 6px; } .end-session-dialog-warning:rtl { text-align: right; } .end-session-dialog-logout-icon { border-radius: 5px; width: 48px; height: 48px; background-size: contain; } .end-session-dialog-shutdown-icon { color: rgba(255, 255, 255, 0.5); width: 48px; height: 48px; } .end-session-dialog-inhibitor-layout { spacing: 16px; max-height: 200px; padding-right: 65px; padding-left: 65px; } .end-session-dialog-session-list, .end-session-dialog-app-list { spacing: 1em; } .end-session-dialog-list-header { font-weight: bold; } .end-session-dialog-list-header:rtl { text-align: right; } .end-session-dialog-app-list-item, .end-session-dialog-session-list-item { spacing: 1em; } .end-session-dialog-app-list-item-name, .end-session-dialog-session-list-item-name { font-weight: bold; } .end-session-dialog-app-list-item-description { color: rgba(255, 255, 255, 0.5); font-size: 1em; } /* ShellMountOperation Dialogs */ .shell-mount-operation-icon { icon-size: 48px; } .mount-dialog { spacing: 24px; } .mount-dialog .message-dialog-title { padding-top: 10px; padding-left: 17px; padding-bottom: 6px; max-width: 34em; } .mount-dialog .message-dialog-title:rtl { padding-left: 0px; padding-right: 17px; } .mount-dialog .message-dialog-body { padding-left: 17px; width: 28em; } .mount-dialog .message-dialog-body:rtl { padding-left: 0px; padding-right: 17px; } .mount-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 49px; padding-right: 32px; } .mount-dialog-app-list:rtl { padding-right: 49px; padding-left: 32px; } .mount-dialog-app-list-item { color: #FFFFFF; } .mount-dialog-app-list-item:hover { color: #FFFFFF; } .mount-dialog-app-list-item:ltr { padding-right: 1em; } .mount-dialog-app-list-item:rtl { padding-left: 1em; } .mount-dialog-app-list-item-icon:ltr { padding-right: 17px; } .mount-dialog-app-list-item-icon:rtl { padding-left: 17px; } .mount-dialog-app-list-item-name { font-size: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { width: 34em; border: none; } .prompt-dialog .message-dialog-main-layout { spacing: 24px; padding: 10px; } .prompt-dialog .message-dialog-content { spacing: 16px; } .prompt-dialog .message-dialog-title { font-size: 15pt; font-weight: 500; color: #FFFFFF; } .prompt-dialog-description:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label { font-size: 1em; color: #DD2C00; padding-bottom: 8px; } .prompt-dialog-info-label { font-size: 1em; padding-bottom: 8px; } .hidden { color: transparent; } .prompt-dialog-null-label { font-size: 1em; padding-bottom: 8px; } /* Polkit Dialog */ .polkit-dialog-user-layout { padding-left: 10px; spacing: 10px; } .polkit-dialog-user-layout:rtl { padding-left: 0px; padding-right: 10px; } .polkit-dialog-user-root-label { color: #FF6D00; } .polkit-dialog-user-icon { border-radius: 5px; background-size: contain; width: 48px; height: 48px; } /* Audio selection dialog */ .audio-device-selection-dialog { spacing: 30px; } .audio-selection-content { spacing: 20px; padding: 24px; } .audio-selection-title { font-weight: bold; text-align: center; } .audio-selection-box { spacing: 20px; } .audio-selection-device { border: 1px solid rgba(0, 0, 0, 0.26); border-radius: 2px; } .audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { background-color: #338DD6; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* Access Dialog */ .access-dialog { spacing: 30px; } /* Geolocation Dialog */ .geolocation-dialog { spacing: 30px; } /* Extension Dialog */ .extension-dialog .message-dialog-main-layout { spacing: 24px; padding: 10px; } .extension-dialog .message-dialog-title { color: rgba(255, 255, 255, 0.7); } /* Inhibit-Shortcuts Dialog */ .inhibit-shortcuts-dialog { spacing: 30px; } /* Network Agent Dialog */ .network-dialog-secret-table { spacing-rows: 15px; spacing-columns: 1em; } .keyring-dialog-control-table { spacing-rows: 15px; spacing-columns: 1em; } /* Popovers/Menus */ .popup-menu { min-width: 200px; } .popup-menu .popup-sub-menu { background-color: #303030; box-shadow: 0 0 transparent; } .popup-menu .popup-menu-content { padding: 8px 0; } .popup-menu .popup-menu-item { spacing: 8px; transition-duration: 100ms; } .popup-menu .popup-menu-item:ltr { padding: 0.4em 24px 0.4em 0; } .popup-menu .popup-menu-item:rtl { padding: 0.4em 0 0.4em 24px; } .popup-menu .popup-menu-item:checked { background-color: #338DD6; color: #FFFFFF; box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { background-color: #529edc; color: #FFFFFF; } .popup-menu .popup-menu-item:checked:active { background-color: #70afe2; color: #FFFFFF !important; } .popup-menu .popup-menu-item:checked:insensitive { color: rgba(255, 255, 255, 0.5); } .popup-menu .popup-menu-item.selected { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; transition-duration: 0ms; } .popup-menu .popup-menu-item:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; transition-duration: 150ms; } .popup-menu .popup-menu-item.selected:active { color: #FFFFFF; } .popup-menu .popup-menu-item:insensitive { color: rgba(255, 255, 255, 0.5); } .popup-menu .popup-inactive-menu-item { color: #FFFFFF; } .popup-menu .popup-inactive-menu-item:insensitive { color: rgba(255, 255, 255, 0.5); } .popup-menu.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-border-radius: 0; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; -arrow-box-shadow: none; margin: 5px 8px 8px; background-color: #424242; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .popup-separator-menu-item { height: 1px; margin: 8px 40px; background-color: transparent; border-color: rgba(0, 0, 0, 0.26); border-bottom-width: 1px; border-bottom-style: solid; } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } /* fallback menu - odd thing for styling App menu when apparently not running under shell. Light Adwaita styled app menu inside the main app window itself rather than the top bar */ /* OSD */ .osd-window { text-align: center; font-weight: bold; spacing: 1em; margin: 32px; min-width: 64px; min-height: 64px; } .osd-window .osd-monitor-label { font-size: 45px; font-weight: 400; } .osd-window .level { height: 8px; border-radius: 0; background-color: rgba(51, 141, 214, 0.3); color: #FFFFFF; } .osd-window .level-bar { background-color: #338DD6; border-radius: 0; } /* Pad OSD */ .pad-osd-window { padding: 32px; background-color: rgba(0, 0, 0, 0.6); } .pad-osd-window .pad-osd-title-box { spacing: 12px; } .pad-osd-window .pad-osd-title-menu-box { spacing: 6px; } .combo-box-label { width: 15em; } /* App Switcher */ .switcher-popup { padding: 8px; spacing: 16px; } .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { padding: 8px; border-radius: 2px; } .switcher-list .item-box:outlined { padding: 8px; border: none; background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .switcher-list .item-box:selected { background-color: #338DD6; color: #FFFFFF; } .switcher-list .thumbnail-box { padding: 2px; spacing: 4px; } .switcher-list .thumbnail { width: 256px; } .switcher-list .separator { width: 1px; background: rgba(0, 0, 0, 0.26); } .switcher-arrow { border-color: transparent; color: rgba(255, 255, 255, 0.5); } .switcher-arrow:highlighted { color: #FFFFFF; } .input-source-switcher-symbol { font-size: 45px; font-weight: 400; width: 96px; height: 96px; } /* Window Cycler */ .cycler-highlight { border: 4px solid #338DD6; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher { background: transparent; border: 0px; border-radius: 0px; padding: 0px; spacing: 8px; } .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; background-color: #338DD6; color: #FFFFFF; background-size: 32px; border-radius: 2px; } .ws-switcher-box { height: 48px; border: none; background: rgba(255, 255, 255, 0.12); border-radius: 2px; } .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { color: #FFFFFF; background-color: #424242; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); border-radius: 2px; padding: 12px; } /* Tiled window previews */ .tile-preview { background-color: rgba(64, 196, 255, 0.3); border: 1px solid #40C4FF; } .tile-preview-left.on-primary { border-radius: 0 0 0 0; } .tile-preview-right.on-primary { border-radius: 0 0 0 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0 0 0 0; } /* TOP BAR */ #panel { background-color: rgba(0, 0, 0, 0.6); /* transition from solid to transparent */ transition-duration: 250ms; font-weight: bold; height: 32px; } #panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { background-color: transparent; } #panel #panelLeft, #panel #panelCenter { spacing: 0; } #panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: rgba(0, 0, 0, 0.6); -panel-corner-border-width: 2px; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: #FFFFFF; } #panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: rgba(255, 255, 255, 0.7); text-shadow: none; transition-duration: 150ms; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; } #panel .panel-button .system-status-icon, #panel .panel-button .app-menu-icon > StIcon, #panel .panel-button .popup-menu-arrow { icon-shadow: none; } #panel .panel-button:hover { color: #FFFFFF; text-shadow: none; } #panel .panel-button:hover .system-status-icon, #panel .panel-button:hover .app-menu-icon > StIcon, #panel .panel-button:hover .popup-menu-arrow { icon-shadow: none; } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { background-color: rgba(0, 0, 0, 0.01); box-shadow: inset 0 -2px 0px #FFFFFF; color: #FFFFFF; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { icon-shadow: none; } #panel .panel-button .system-status-icon { icon-size: 1.14286em; padding: 0 4px; } .unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { color: rgba(255, 255, 255, 0.7); } .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { color: #FFFFFF; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator { color: #FF6D00; } #panel.solid { background-color: #212121; /* transition from transparent to solid */ transition-duration: 250ms; background-gradient-direction: none; text-shadow: none; } #panel.solid:overview { background-color: transparent; } #panel.solid .panel-corner { -panel-corner-background-color: #212121; } #panel.solid .panel-button { color: rgba(255, 255, 255, 0.7); text-shadow: none; } #panel.solid .panel-button:hover, #panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { color: #FFFFFF; } #panel.solid .system-status-icon, #panel.solid .app-menu-icon > StIcon, #panel.solid .popup-menu-arrow { icon-shadow: none; } #calendarArea { padding: 8px 16px; } .calendar { margin-bottom: 0; } .calendar, .datemenu-today-button, .datemenu-displays-box, .message-list-sections { margin: 0 8px; } .datemenu-calendar-column { spacing: 8px; } .datemenu-displays-section { padding-bottom: 0; } .datemenu-displays-box { spacing: 8px; } .datemenu-calendar-column { border: 0 solid rgba(0, 0, 0, 0.26); } .datemenu-calendar-column:ltr { border-left-width: 0; } .datemenu-calendar-column:rtl { border-right-width: 0; } .datemenu-today-button, .world-clocks-button, .weather-button, .events-section-title { min-height: 24px; padding: 4px 8px; border-radius: 2px; } .datemenu-today-button { min-height: 56px; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .datemenu-today-button:hover, .datemenu-today-button:focus, .world-clocks-button:hover, .world-clocks-button:focus, .weather-button:hover, .weather-button:focus, .events-section-title:hover, .events-section-title:focus { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); } .datemenu-today-button:active, .world-clocks-button:active, .weather-button:active, .events-section-title:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); } .datemenu-today-button .date-label { font-size: 18pt; font-weight: 400; } .world-clocks-header, .weather-header, .events-section-title { color: rgba(255, 255, 255, 0.7); font-weight: bold; } .world-clocks-grid { spacing-rows: 0.4em; } .weather-box { spacing: 0.4em; } .calendar-month-label { height: 20px; margin: 2px; padding: 6px 16px; border-radius: 2px; color: #FFFFFF; font-weight: bold; text-align: center; } .calendar-month-label:focus { background-color: rgba(255, 255, 255, 0.12); } .pager-button { width: 32px; height: 32px; margin: 2px; border-radius: 100px; background-color: transparent; color: #FFFFFF; } .pager-button:hover, .pager-button:focus { background-color: rgba(255, 255, 255, 0.12); } .pager-button:active { background-color: rgba(255, 255, 255, 0.3); } .calendar-change-month-back { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-change-month-back:rtl { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward:rtl { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-day-base { font-size: 9pt; font-weight: 400; text-align: center; width: 32px; height: 32px; padding: 0; margin: 2px; border-radius: 100px; } .calendar-day-base:hover, .calendar-day-base:focus { background-color: rgba(255, 255, 255, 0.12); } .calendar-day-base:active { color: inherit; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; } .calendar-day-base:selected { color: #FFFFFF; background-color: #338DD6; border-color: transparent; } .calendar-day-base.calendar-day-heading { width: 32px; height: 25px; margin-top: 2px; padding: 7px 0 0; border-radius: 100px; background-color: transparent; color: rgba(255, 255, 255, 0.5); font-size: 9pt; font-weight: 400; font-weight: bold; text-align: center; } .calendar-day { border-width: 0; } .calendar-day-top { border-top-width: 0; } .calendar-day-left { border-left-width: 0; } .calendar-nonwork-day { color: #FFFFFF; } .calendar-today { font-weight: bold !important; border: none; } .calendar-day-with-events { color: #338DD6; font-weight: normal; text-decoration: underline; background-image: none; } .calendar-other-month-day { color: rgba(255, 255, 255, 0.3); opacity: 0.5; } .calendar-week-number { width: 32px; height: 25px; margin: 2px; padding: 7px 0 0; border-radius: 100px; background-color: transparent; color: rgba(255, 255, 255, 0.5); font-size: inherit; font-weight: bold; text-align: center; } /* Message list */ .message-list { width: 420px; } .message-list-clear-button.button { background-color: transparent; margin: 8px 8px 0; } .message-list-clear-button.button:hover, .message-list-clear-button.button:focus { background-color: rgba(255, 255, 255, 0.12); } .message-list-clear-button.button:active { background-color: rgba(255, 255, 255, 0.3); } .message-list-sections { spacing: 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message { min-height: 64px; background-color: transparent; border-radius: 2px; } .message:hover, .message:focus { background-color: rgba(255, 255, 255, 0.12); } .message:active { background-color: rgba(255, 255, 255, 0.3); } .message-icon-bin { padding: 8px 0px 8px 8px; } .message-icon-bin:rtl { padding: 8px 8px 8px 0px; } .message-icon-bin > StIcon { color: #FFFFFF; icon-size: 1.14286em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } .message-icon-bin > StIcon:rtl { margin: 4px 4px 4px 0px; } .message-secondary-bin { padding: 0 8px; } .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; color: rgba(255, 255, 255, 0.7); font-size: 1em; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-bottom: 0; } .message-secondary-bin > StIcon { icon-size: 1.14286em; } .message-title { min-height: 22px; padding-top: 2px; color: #FFFFFF; font-weight: bold; font-size: 1em; } .message-content { min-height: 48px; padding: 8px; color: rgba(255, 255, 255, 0.7); font-size: 1em; } .message-content * > StIcon { icon-size: 16px; border-radius: 16px; padding: 4px; color: rgba(255, 255, 255, 0.7); } /* FIXME: how do you do this in sass? */ .message-content *:hover > StIcon, .message-content *:focus > StIcon { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); } .message-content *:active > StIcon { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); } .message-media-control { margin: 16px 0; padding: 8px; border-radius: 100px; color: rgba(255, 255, 255, 0.7); } .message-media-control:hover, .message-media-control:focus { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); } .message-media-control:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); } .message-media-control:insensitive { color: rgba(255, 255, 255, 0.3); } .message-media-control:last-child:ltr { margin-right: 16px; padding-right: 8px; } .message-media-control:last-child:rtl { margin-left: 16px; padding-left: 8px; } .media-message-cover-icon { icon-size: 32px !important; margin: 8px 0px 8px 4px !important; } .media-message-cover-icon:rtl { margin: 8px 4px 8px 0px !important; } .media-message-cover-icon.fallback { icon-size: 16px !important; padding: 8px; border: none; border-radius: 2px; background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } .system-switch-user-submenu-icon.user-icon { icon-size: 20px; padding: 0 2px; } .system-switch-user-submenu-icon.default-icon { icon-size: 16px; padding: 0 4px; } #appMenu { spinner-image: url("process-working.svg"); spacing: 4px; } #appMenu .label-shadow { color: transparent; } .aggregate-menu { min-width: 280px; } .aggregate-menu .popup-menu-icon { padding: 0 4px; } .aggregate-menu .popup-sub-menu .popup-menu-item :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; margin-left: 1.14286em; } .aggregate-menu .popup-sub-menu .popup-menu-item :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; margin-right: 1.14286em; } .system-menu-action { color: rgba(255, 255, 255, 0.7); border-radius: 100px; /* wish we could do 50% */ padding: 16px; border: none; } .system-menu-action:hover, .system-menu-action:focus { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; border: none; padding: 16px; } .system-menu-action:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .system-menu-action > StIcon { icon-size: 16px; } .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; background-color: rgba(255, 255, 255, 0.3); background-image: none; background-size: auto; } .ripple-box:rtl { border-radius: 0 0 0 48px; background-image: none; } .popup-menu-arrow { width: 16px; height: 16px; } .popup-menu-icon { icon-size: 1.14286em; } .window-close { transition-duration: 0ms; height: 36px; width: 36px; -shell-close-overlap: 18px; -st-background-image-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); background-image: url("assets/window-close.svg"); background-size: 36px; } .window-close:hover { -st-background-image-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-image: url("assets/window-close.svg"); } .window-close:active { background-image: url("assets/window-close-active.svg"); } .window-close:rtl { -st-background-image-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .window-close:rtl:hover { -st-background-image-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } /* NETWORK DIALOGS */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: center; } .nm-dialog-airplane-text { color: #FFFFFF; } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-scroll-view { border: none; } .nm-dialog-header { font-size: 15pt; font-weight: 500; } .nm-dialog-item { font-size: 1em; border-bottom: none; border-radius: 2px; padding: 12px; spacing: 20px; } .nm-dialog-item:hover, .nm-dialog-item:focus { background-color: rgba(255, 255, 255, 0.12); } .nm-dialog-item:active { background-color: rgba(255, 255, 255, 0.3); } .nm-dialog-item:selected { background-color: #338DD6; color: #FFFFFF; } .nm-dialog-icons { spacing: .5em; } .nm-dialog-icon { icon-size: 16px; } .no-networks-label { color: rgba(255, 255, 255, 0.5); } .no-networks-box { spacing: 12px; } /* OVERVIEW */ #overview { spacing: 24px; } .overview-controls { padding-bottom: 32px; } .window-picker { -horizontal-spacing: 16px; -vertical-spacing: 16px; padding: 0 16px 32px; } .window-picker.external-monitor { padding: 16px; } .window-clone-border { border: 4px solid rgba(255, 255, 255, 0.3); border-radius: 2px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .window-caption { spacing: 25px; color: #FFFFFF; background-color: rgba(0, 0, 0, 0.6); border-radius: 2px; padding: 4px 8px; } .search-entry { width: 304px; padding: 0 8px; border-radius: 0; color: rgba(255, 255, 255, 0.5); selection-background-color: rgba(255, 255, 255, 0.3); selected-color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #FFFFFF; padding: 0 8px; border-width: 0; color: #FFFFFF; } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 0; color: rgba(255, 255, 255, 0.5); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: #FFFFFF; } #searchResultsBin { max-width: 1000px; } #searchResultsContent { padding-left: 20px; padding-right: 20px; spacing: 16px; } .search-section { spacing: 16px; } .search-section-content { spacing: 32px; } .list-search-results { spacing: 3px; } .search-section-separator { height: 1px; background-color: rgba(255, 255, 255, 0.12); } .list-search-result-content { spacing: 30px; } .list-search-result-title { font-size: 12pt; font-weight: 400; color: #FFFFFF; spacing: 12px; } .list-search-result-description { color: rgba(255, 255, 255, 0.7); } .list-search-provider-details { width: 150px; color: rgba(255, 255, 255, 0.7); margin-top: 0.24em; } .list-search-provider-content { spacing: 20px; } .search-provider-icon { padding: 15px; } /* DASHBOARD */ #dash { font-size: 1em; color: #FFFFFF; background-color: rgba(255, 255, 255, 0.1); padding: 3px 0; border: none; border-left: 0px; border-radius: 0px 2px 2px 0px; } #dash:rtl { border-radius: 2px 0 0 2px; } #dash .placeholder { background-image: url("assets/dash-placeholder.svg"); background-size: contain; height: 24px; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { border-radius: 2px; padding: 7px 8px; color: #FFFFFF; background-color: #424242; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-align: center; -x-offset: 8px; } /* App Vault/Grid */ .icon-grid { spacing: 30px; -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; } .icon-grid .overview-icon { icon-size: 96px; } .system-action-icon { box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); background-color: #212121; color: #FFFFFF; border-radius: 99px; icon-size: 48px; } .app-view-controls { width: 320px; padding-bottom: 32px; } .app-view-control { padding: 0 16px; font-weight: bold; color: rgba(255, 255, 255, 0.7); } .app-view-control:hover { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12) !important; } .app-view-control:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3) !important; } .app-view-control:checked { color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01) !important; box-shadow: inset 0 2px 0 #FFFFFF; } .app-view-control:first-child { border-right-width: 0; border-radius: 2px; } .app-view-control:first-child:checked { border-radius: 0; } .app-view-control:last-child { border-radius: 2px; } .app-view-control:last-child:checked { border-radius: 0; } .search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, .list-search-result:focus, .list-search-result:selected, .list-search-result:hover { background-color: rgba(255, 255, 255, 0.12); transition-duration: 0ms; } .search-provider-icon:active, .search-provider-icon:checked, .list-search-result:active, .list-search-result:checked { background-color: rgba(255, 255, 255, 0.3); transition-duration: 150ms; } .app-well-app:hover .overview-icon, .app-well-app:focus .overview-icon, .app-well-app:selected .overview-icon, .app-well-app.app-folder:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-well-app.app-folder:selected .overview-icon, .show-apps:hover .overview-icon, .show-apps:focus .overview-icon, .show-apps:selected .overview-icon, .grid-search-result:hover .overview-icon, .grid-search-result:focus .overview-icon, .grid-search-result:selected .overview-icon { background-color: rgba(255, 255, 255, 0.12); transition-duration: 0ms; border-image: none; background-image: none; } .app-well-app:active .overview-icon, .app-well-app:checked .overview-icon, .app-well-app.app-folder:active .overview-icon, .app-well-app.app-folder:checked .overview-icon, .show-apps:active .overview-icon, .show-apps:checked .overview-icon, .grid-search-result:active .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.3); box-shadow: 0 0 transparent; transition-duration: 150ms; } .app-well-app-running-dot { width: 32px; height: 2px; background-color: #FFFFFF; margin-bottom: 0; } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .app-well-app.app-folder .overview-icon, .show-apps .overview-icon, .grid-search-result .overview-icon { color: #FFFFFF; border-radius: 2px; padding: 6px; border: none; transition-duration: 150ms; text-align: center; } .app-well-app.app-folder > .overview-icon { background-color: rgba(255, 255, 255, 0.1); } .show-apps .show-apps-icon { color: rgba(255, 255, 255, 0.7); } .show-apps:hover .show-apps-icon, .show-apps:active .show-apps-icon, .show-apps:checked .show-apps-icon, .show-apps:focus .show-apps-icon { color: #FFFFFF; transition-duration: 150ms; } .app-folder-popup { -arrow-border-radius: 2px; -arrow-background-color: rgba(255, 255, 255, 0.1); -arrow-base: 24px; -arrow-rise: 12px; } .app-folder-popup-bin { padding: 5px; } .app-folder-icon { padding: 5px; spacing-rows: 5px; spacing-columns: 5px; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 12px; height: 12px; border-radius: 12px; background-image: none; background-color: rgba(255, 255, 255, 0.3); } .page-indicator:hover .page-indicator-icon { background-image: none; background-color: rgba(255, 255, 255, 0.5); } .page-indicator:active .page-indicator-icon { background-image: none; background-color: rgba(255, 255, 255, 0.7); } .page-indicator:checked .page-indicator-icon { background-image: none; background-color: #FFFFFF; transition-duration: 0ms; } .page-indicator:checked:active { background-image: none; } .app-well-app > .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label { padding: 10px 8px 5px 8px; spacing: 4px; } .workspace-thumbnails { visible-width: 32px; spacing: 12px; padding: 12px; border-radius: 2px 0 0 2px; } .workspace-thumbnails:rtl { border-radius: 0 2px 2px 0; } .workspace-thumbnails .placeholder { background-image: url("assets/dash-placeholder.svg"); background-size: contain; height: 24px; } .workspace-thumbnail-indicator { border: 0 solid #FFFFFF; border-left-width: 2px; padding: 6px; border-radius: 0; } .search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { padding: 0px 88px 10px 88px; } .workspace-thumbnails { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.1); border: none; } .search-statustext, .no-frequent-applications-label { font-size: 45px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { link-color: #338DD6; } .notification-banner { font-size: 1em; width: 34em; min-height: 64px; margin: 5px; border-radius: 2px; color: #FFFFFF; background-color: #424242; border: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .notification-banner:hover { background-color: #424242; } .notification-banner:focus { background-color: #424242; } .notification-banner .notification-icon { padding: 5px; } .notification-banner .notification-content { padding: 5px; spacing: 5px; } .notification-banner .secondary-icon { icon-size: 1.14286em; } .notification-banner .notification-actions { background-color: transparent; padding-top: 0; border-top: 1px solid rgba(0, 0, 0, 0.26); spacing: 1px; } .notification-banner .notification-button { min-height: 40px; padding: 0 16px; background-color: transparent; color: rgba(255, 255, 255, 0.7); font-weight: 500; } .notification-banner .notification-button:first-child { border-radius: 0 0 0 2px; } .notification-banner .notification-button:last-child { border-radius: 0 0 2px 0; } .notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .notification-banner .notification-button:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .summary-source-counter { font-size: 1em; font-weight: bold; height: 1.6em; width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; background-color: #338DD6; color: #FFFFFF; border: 2px solid #FFFFFF; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } .secondary-icon { icon-size: 1.14286em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: #FFFFFF; } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0px; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: rgba(255, 255, 255, 0.7); } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; font-size: 9pt; font-weight: 400; color: rgba(255, 255, 255, 0.5); } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-transient-box { spacing: 6px; padding: 2px 72px 2px 12px; } .hotplug-notification-item { padding: 2px 10px; } .hotplug-notification-item:focus { padding: 1px 71px 1px 11px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 2px 5px; } .hotplug-resident-box { spacing: 8px; } .hotplug-resident-mount { spacing: 8px; border-radius: 2px; } .hotplug-resident-mount:hover { background-color: rgba(255, 255, 255, 0.12); } .hotplug-resident-mount:active { background-color: rgba(255, 255, 255, 0.3); } .hotplug-resident-mount-label { color: inherit; padding-left: 6px; } .hotplug-resident-mount-icon { icon-size: 24px; padding-left: 6px; } .hotplug-resident-eject-icon { icon-size: 16px; } .hotplug-resident-eject-button { padding: 7px; border-radius: 2px; color: #FFFFFF; } /* Eeeky things */ .magnifier-zoom-region { border: 2px solid #338DD6; } .magnifier-zoom-region.full-screen { border-width: 0; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.3); } .keyboard-layout { spacing: 10px; padding: 10px; } .keyboard-row { spacing: 15px; } .keyboard-key { min-height: 72px; min-width: 72px; font-size: 2em; font-weight: 500; border-radius: 2px; border: none; color: inherit; color: rgba(255, 255, 255, 0.8); background-color: #424242; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; icon-shadow: none; } .keyboard-key:focus { color: #FFFFFF; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-key:hover, .keyboard-key:checked { color: #FFFFFF; background-color: #424242; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .keyboard-key:active { color: #FFFFFF; background-color: #7b7b7b; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .keyboard-key:grayed { background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; border-color: rgba(0, 0, 0, 0.3); } .keyboard-subkeys { color: inherit; padding: 5px; -arrow-border-radius: 0; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; -boxpointer-gap: 5px; background-color: #424242; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: rgba(255, 255, 255, 0.5); } .candidate-box:selected .candidate-index { color: rgba(255, 255, 255, 0.5); } .candidate-box { transition-duration: 0ms; min-height: 32px; padding: 0 8px; border-radius: 2px; } .candidate-box:hover { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .candidate-box:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .candidate-box:selected { background-color: #338DD6; color: #FFFFFF; } .candidate-page-button-box { height: 32px; } .vertical .candidate-page-button-box { padding-top: 0; } .horizontal .candidate-page-button-box { padding-left: 0; } .candidate-page-button { min-width: 32px; min-height: 32px; padding: 0; } .candidate-page-button-previous { border-radius: 2px; border-right-width: 0; } .candidate-page-button-next { border-radius: 2px; } .candidate-page-button-icon { icon-size: 1.14286em; } /* Auth Dialogs & Screen Shield */ .framed-user-icon { background-size: contain; border: none; color: #FFFFFF; border-radius: 2px; } .framed-user-icon:hover { border-color: #FFFFFF; color: #FFFFFF; } .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: none; background-color: transparent; } .login-dialog StEntry { color: #FFFFFF; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .login-dialog StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #FFFFFF; } .login-dialog StEntry:insensitive { color: rgba(255, 255, 255, 0.5); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { padding: 0 16px; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:insensitive { color: rgba(255, 255, 255, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default { color: rgba(255, 255, 255, 0.8); background-color: #009688; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { color: #FFFFFF; background-color: #009688; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:active { color: #FFFFFF; background-color: #4db6ac; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:insensitive { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog-logo-bin { padding: 24px 0px; } .login-dialog-banner { color: rgba(255, 255, 255, 0.7); } .login-dialog-button-box { spacing: 5px; } .login-dialog-message-warning { color: #FF6D00; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; } .login-dialog-user-selection-box { padding: 100px 0px; } .login-dialog-not-listed-label { padding-left: 2px; } .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { color: #FFFFFF; } .login-dialog-not-listed-label { font-size: 1em; font-weight: bold; color: rgba(255, 255, 255, 0.7); padding-top: 1em; } .login-dialog-not-listed-label:hover { color: #FFFFFF; } .login-dialog-not-listed-label:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; padding: .2em; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid #FFFFFF; } .login-dialog-user-list-item { border-radius: 2px; padding: 4px 4px 0; color: rgba(255, 255, 255, 0.7); } .login-dialog-user-list-item:ltr { padding-right: 1em; } .login-dialog-user-list-item:rtl { padding-left: 1em; } .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list-item:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin: 2px 0 0 0; background-color: #FFFFFF; } .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { background-color: #FFFFFF; } .login-dialog-username, .user-widget-label { color: #FFFFFF; font-size: 15pt; font-weight: 500; text-align: left; padding-left: 15px; } .user-widget-label:ltr { padding-left: 18px; } .user-widget-label:rtl { padding-right: 18px; } .login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 8px; width: 23em; } .login-dialog-prompt-label { color: rgba(255, 255, 255, 0.5); font-size: 1em; padding-top: 1em; } .login-dialog-session-list-button StIcon { icon-size: 1.25em; } .login-dialog-session-list-button { color: rgba(255, 255, 255, 0.7); } .login-dialog-session-list-button:hover, .login-dialog-session-list-button:focus { color: #FFFFFF; } .login-dialog-session-list-button:active { color: #FFFFFF; } .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { color: white; width: 80px; height: 48px; -arrow-thickness: 12px; -arrow-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock { color: white; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-weight: normal; text-align: center; padding-bottom: 1.5em; } .screen-shield-clock-time { font-size: 112px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock-date { font-size: 45px; font-weight: 400; } .screen-shield-notifications-container { spacing: 6px; width: 30em; background-color: transparent; max-height: 500px; } .screen-shield-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .screen-shield-notifications-container .notification, .screen-shield-notifications-container .screen-shield-notification-source { padding: 8px; border: none; background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; border-radius: 2px; } .screen-shield-notifications-container .notification { margin-right: 16px; } .screen-shield-notification-label { min-height: 22px; padding: 2px 0px 0px 16px; font-weight: bold; } .screen-shield-notification-count-text { min-height: 22px; padding: 2px 0px 0px 16px; color: rgba(255, 255, 255, 0.7); } #panel.lock-screen { background-color: rgba(0, 0, 0, 0.3); } .screen-shield-background { background: black; box-shadow: 0 19px 19px rgba(0, 0, 0, 0.6), 0 15px 6px rgba(0, 0, 0, 0.44); } #lockDialogGroup { background: #303030; background-size: cover; } #LookingGlassDialog { background-color: #424242; spacing: 4px; padding: 0; border: none; border-radius: 2px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } #LookingGlassDialog > #Toolbar { padding: 0 8px; border: none; border-radius: 0; background-color: rgba(66, 66, 66, 0.01); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.26); } #LookingGlassDialog .labels { spacing: 0; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: rgba(255, 255, 255, 0.5); transition-duration: 150ms; padding-left: 16px; padding-right: 16px; min-height: 36px; padding: 0 32px; } #LookingGlassDialog .notebook-tab:hover { box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.3); color: #FFFFFF; text-shadow: none; } #LookingGlassDialog .notebook-tab:selected { border-bottom-width: 0; border-color: transparent; background-color: rgba(66, 66, 66, 0.01); box-shadow: inset 0 -2px 0px #338DD6; color: #FFFFFF; text-shadow: none; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 4px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog StEntry { selection-background-color: #338DD6; selected-color: #FFFFFF; } .lg-dialog .shell-link { color: #338DD6; } .lg-dialog .shell-link:hover { color: #338DD6; } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button { min-height: 36px; padding: 0 16px; border: none; border-radius: 2px; font-size: 10.5pt; font-weight: 500; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:hover { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:insensitive { color: rgba(255, 255, 255, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:focus { color: #FFFFFF; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .lg-obj-inspector-button:hover { border: none; } #lookingGlassExtensions { padding: 4px; } .lg-extensions-list { padding: 4px; spacing: 6px; } .lg-extension { border: none; border-radius: 2px; padding: 4px; } .lg-extension-name { font-size: 18pt; font-weight: 400; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { background: #424242; border: none; border-radius: 2px; padding: 6px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } /* Dash to Dock */ #dashtodockContainer #dash { background-color: rgba(0, 0, 0, 0.6); } #dashtodockContainer:overview #dash { background-color: rgba(255, 255, 255, 0.1); } #dashtodockContainer.extended:overview #dash { background-color: transparent; } #dashtodockContainer.left #dash, #dashtodockContainer.right #dash { padding: 3px 0; } #dashtodockContainer.top #dash, #dashtodockContainer.bottom #dash { padding: 0 3px; } #dashtodockContainer.extended #dash { padding: 0; border-radius: 0; } #dashtodockContainer.left .dash-item-container > StWidget, #dashtodockContainer.right .dash-item-container > StWidget, #dashtodockContainer.extended.left .dash-item-container > StWidget, #dashtodockContainer.extended.right .dash-item-container > StWidget { padding: 3px 6px; } #dashtodockContainer.extended.left .dash-item-container:first-child > StWidget, #dashtodockContainer.extended.right .dash-item-container:first-child > StWidget { padding: 6px 6px 3px 6px; } #dashtodockContainer.extended.left .dash-item-container:last-child > StWidget, #dashtodockContainer.extended.right .dash-item-container:last-child > StWidget { padding: 3px 6px 6px 6px; } #dashtodockContainer.top .dash-item-container > StWidget, #dashtodockContainer.bottom .dash-item-container > StWidget, #dashtodockContainer.extended.top .dash-item-container > StWidget, #dashtodockContainer.extended.bottom .dash-item-container > StWidget { padding: 6px 3px; } #dashtodockContainer.extended.top .dash-item-container:first-child > StWidget, #dashtodockContainer.extended.bottom .dash-item-container:first-child > StWidget { padding: 6px 3px 6px 6px; } #dashtodockContainer.extended.top .dash-item-container:last-child > StWidget, #dashtodockContainer.extended.bottom .dash-item-container:last-child > StWidget { padding: 6px 6px 6px 3px; } #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } #dashtodockContainer .dash-item-container > StWidget { background-size: cover; } #dashtodockContainer.left .dash-item-container > StWidget.running1 { background-image: url("assets/dash/left-running1.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running2 { background-image: url("assets/dash/left-running2.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running3 { background-image: url("assets/dash/left-running3.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running4 { background-image: url("assets/dash/left-running4.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running1 { background-image: url("assets/dash/right-running1.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running2 { background-image: url("assets/dash/right-running2.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running3 { background-image: url("assets/dash/right-running3.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running4 { background-image: url("assets/dash/right-running4.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running1 { background-image: url("assets/dash/top-running1.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running2 { background-image: url("assets/dash/top-running2.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running3 { background-image: url("assets/dash/top-running3.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running4 { background-image: url("assets/dash/top-running4.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running1 { background-image: url("assets/dash/bottom-running1.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running2 { background-image: url("assets/dash/bottom-running2.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running3 { background-image: url("assets/dash/bottom-running3.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running4 { background-image: url("assets/dash/bottom-running4.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/bottom-running4-focused.svg"); } /* Simple Dock */ #dash:desktop { background-color: rgba(0, 0, 0, 0.6); } /* GPaste */ .popup-menu .search-entry { color: #FFFFFF; selection-background-color: #338DD6; selected-color: #FFFFFF; background-color: rgba(66, 66, 66, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .popup-menu .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #338DD6; color: #FFFFFF; } .popup-menu .search-entry .search-entry-icon { color: rgba(255, 255, 255, 0.5); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { color: #FFFFFF; } materia-theme-20180321/src/gnome-shell/3.26/gnome-shell-dark.scss000066400000000000000000000004141325420104000241030ustar00rootroot00000000000000$variant: 'dark'; $titlebar: 'dark'; $compact: 'false'; @import '../../_sass/gnome-shell/variables'; @import '../../_sass/colors'; @import '../../_sass/gnome-shell/drawing'; @import '../../_sass/gnome-shell/common-3.26'; @import '../../_sass/gnome-shell/extensions'; materia-theme-20180321/src/gnome-shell/3.26/gnome-shell-light-compact.css000066400000000000000000001761631325420104000255510ustar00rootroot00000000000000/* This stylesheet is generated, DO NOT EDIT */ /* Copyright 2009, 2015 Red Hat, Inc. * * Portions adapted from Mx's data/style/default.css * Copyright 2009 Intel Corporation * * This program is free software; you can redistribute it and/or modify it * under the terms and conditions of the GNU Lesser General Public License, * version 2.1, as published by the Free Software Foundation. * * This program is distributed in the hope it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for * more details. * * You should have received a copy of the GNU Lesser General Public License * along with this program; if not, write to the Free Software Foundation, * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. */ /* GLOBALS */ * { transition-duration: 150ms; } stage { font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; font-size: 9.75pt; font-weight: 400; color: rgba(0, 0, 0, 0.87); } /* WIDGETS */ /* Buttons */ .button { min-height: 32px; padding: 0 16px; border-width: 0; border-radius: 2px; font-size: 9.75pt; font-weight: 500; color: rgba(0, 0, 0, 0.54); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:hover { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:insensitive { color: rgba(0, 0, 0, 0.26); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .modal-dialog-linked-button { min-height: 40px; padding: 0 16px; border-top: 1px solid rgba(0, 0, 0, 0.12) !important; border-right-width: 0; font-size: 9.75pt; font-weight: 500; color: rgba(0, 0, 0, 0.54); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:hover { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:insensitive { color: rgba(0, 0, 0, 0.26); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .modal-dialog-linked-button:first-child { border-radius: 0px 0px 0px 2px; } .modal-dialog-linked-button:last-child { border-right-width: 0px; border-radius: 0px 0px 2px 0px; } .modal-dialog-linked-button:first-child:last-child { border-right-width: 0px; border-radius: 0px 0px 2px 2px; } /* Entries */ StEntry { min-height: 32px; padding: 0 8px; border-radius: 0; border-width: 0; color: rgba(0, 0, 0, 0.87); selection-background-color: #338DD6; selected-color: #FFFFFF; font-size: 11.25pt; font-weight: 400; background-color: rgba(250, 250, 250, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #338DD6; } StEntry:insensitive { color: rgba(0, 0, 0, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); } StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #FF6D00; padding: 0 0; } /* Scrollbars */ StScrollView.vfade { -st-vfade-offset: 32px; } StScrollView.hfade { -st-hfade-offset: 32px; } StScrollBar { padding: 0; } StScrollView StScrollBar { min-width: 16px; min-height: 16px; } StScrollBar StBin#trough { margin: 4px; border-radius: 100px; background-color: rgba(0, 0, 0, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 100px; background-color: rgba(0, 0, 0, 0.38); margin: 4px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(0, 0, 0, 0.54); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: rgba(0, 0, 0, 0.87); } #overview StScrollBar StBin#trough, #screenShieldNotifications StScrollBar StBin#trough { background-color: rgba(255, 255, 255, 0.12); } #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#hhandle, #screenShieldNotifications StScrollBar StButton#hhandle { background-color: rgba(255, 255, 255, 0.5); } #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#hhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { background-color: rgba(255, 255, 255, 0.7); } #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#hhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { background-color: #FFFFFF; } /* Slider */ .slider { height: 20px; color: #009688; -slider-height: 2px; -slider-background-color: rgba(0, 0, 0, 0.26); -slider-border-color: transparent; -slider-active-background-color: #009688; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 7px; } /* Check Boxes */ .check-box * { min-height: 16px; padding: 8px 0; } .check-box StBoxLayout { spacing: 8px; } .check-box StBin { width: 24px; height: 24px; padding: 4px; border-radius: 100px; background-image: url("assets/checkbox-off.svg"); } .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } .check-box:hover StBin { background-color: rgba(0, 0, 0, 0.12); } .check-box:active StBin { background-color: rgba(0, 0, 0, 0.26); } .check-box:checked StBin { background-image: url("assets/checkbox.svg"); } .check-box:focus:checked StBin { background-image: url("assets/checkbox.svg"); } .check-box:hover:checked StBin { background-color: rgba(0, 150, 136, 0.15); } .check-box:active:checked StBin { background-color: rgba(0, 150, 136, 0.3); } /* Switches */ .toggle-switch { width: 40px; height: 20px; background-size: contain; } .toggle-switch-us { background-image: url("assets/toggle-off.svg"); } .toggle-switch-us:checked { background-image: url("assets/toggle-on.svg"); } .toggle-switch-intl { background-image: url("assets/toggle-off.svg"); } .toggle-switch-intl:checked { background-image: url("assets/toggle-on.svg"); } /* links */ .shell-link { border-radius: 2px; color: #338DD6; } .shell-link:hover { color: #338DD6; background-color: rgba(51, 141, 214, 0.15); } .shell-link:active { color: #338DD6; background-color: rgba(51, 141, 214, 0.3); } /* Modal Dialogs */ .headline { font-size: 15pt; font-weight: 500; } .lightbox { background-color: black; } .flashspot { background-color: white; } .modal-dialog { border-radius: 2px; color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } .modal-dialog .modal-dialog-content-box { padding: 24px; } .modal-dialog .run-dialog-entry { width: 20em; margin-bottom: 6px; } .modal-dialog .run-dialog-error-box { padding-top: 16px; spacing: 6px; } .modal-dialog .run-dialog-button-box { padding-top: 1em; } .modal-dialog .run-dialog-label { font-size: 1em; font-weight: normal; color: rgba(0, 0, 0, 0.38); padding-bottom: .4em; } .mount-dialog-subject, .end-session-dialog-subject { font-size: 15pt; font-weight: 500; } /* Message Dialog */ .message-dialog-main-layout { padding: 12px 20px 0; spacing: 12px; } .message-dialog-content { max-width: 28em; spacing: 20px; } .message-dialog-icon { min-width: 48px; icon-size: 48px; } .message-dialog-title { font-weight: bold; } .message-dialog-subtitle { color: rgba(0, 0, 0, 0.54); font-weight: bold; } /* End Session Dialog */ .end-session-dialog { spacing: 42px; border: none; } .end-session-dialog-list { padding-top: 20px; } .end-session-dialog-layout { padding-left: 17px; } .end-session-dialog-layout:rtl { padding-right: 17px; } .end-session-dialog-description { width: 28em; padding-bottom: 10px; } .end-session-dialog-description:rtl { text-align: right; } .end-session-dialog-warning { width: 28em; color: #FF6D00; padding-top: 6px; } .end-session-dialog-warning:rtl { text-align: right; } .end-session-dialog-logout-icon { border-radius: 5px; width: 48px; height: 48px; background-size: contain; } .end-session-dialog-shutdown-icon { color: rgba(0, 0, 0, 0.38); width: 48px; height: 48px; } .end-session-dialog-inhibitor-layout { spacing: 16px; max-height: 200px; padding-right: 65px; padding-left: 65px; } .end-session-dialog-session-list, .end-session-dialog-app-list { spacing: 1em; } .end-session-dialog-list-header { font-weight: bold; } .end-session-dialog-list-header:rtl { text-align: right; } .end-session-dialog-app-list-item, .end-session-dialog-session-list-item { spacing: 1em; } .end-session-dialog-app-list-item-name, .end-session-dialog-session-list-item-name { font-weight: bold; } .end-session-dialog-app-list-item-description { color: rgba(0, 0, 0, 0.38); font-size: 1em; } /* ShellMountOperation Dialogs */ .shell-mount-operation-icon { icon-size: 48px; } .mount-dialog { spacing: 24px; } .mount-dialog .message-dialog-title { padding-top: 10px; padding-left: 17px; padding-bottom: 6px; max-width: 34em; } .mount-dialog .message-dialog-title:rtl { padding-left: 0px; padding-right: 17px; } .mount-dialog .message-dialog-body { padding-left: 17px; width: 28em; } .mount-dialog .message-dialog-body:rtl { padding-left: 0px; padding-right: 17px; } .mount-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 49px; padding-right: 32px; } .mount-dialog-app-list:rtl { padding-right: 49px; padding-left: 32px; } .mount-dialog-app-list-item { color: rgba(0, 0, 0, 0.87); } .mount-dialog-app-list-item:hover { color: rgba(0, 0, 0, 0.87); } .mount-dialog-app-list-item:ltr { padding-right: 1em; } .mount-dialog-app-list-item:rtl { padding-left: 1em; } .mount-dialog-app-list-item-icon:ltr { padding-right: 17px; } .mount-dialog-app-list-item-icon:rtl { padding-left: 17px; } .mount-dialog-app-list-item-name { font-size: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { width: 34em; border: none; } .prompt-dialog .message-dialog-main-layout { spacing: 24px; padding: 10px; } .prompt-dialog .message-dialog-content { spacing: 16px; } .prompt-dialog .message-dialog-title { font-size: 15pt; font-weight: 500; color: rgba(0, 0, 0, 0.87); } .prompt-dialog-description:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label { font-size: 1em; color: #DD2C00; padding-bottom: 8px; } .prompt-dialog-info-label { font-size: 1em; padding-bottom: 8px; } .hidden { color: transparent; } .prompt-dialog-null-label { font-size: 1em; padding-bottom: 8px; } /* Polkit Dialog */ .polkit-dialog-user-layout { padding-left: 10px; spacing: 10px; } .polkit-dialog-user-layout:rtl { padding-left: 0px; padding-right: 10px; } .polkit-dialog-user-root-label { color: #FF6D00; } .polkit-dialog-user-icon { border-radius: 5px; background-size: contain; width: 48px; height: 48px; } /* Audio selection dialog */ .audio-device-selection-dialog { spacing: 30px; } .audio-selection-content { spacing: 20px; padding: 24px; } .audio-selection-title { font-weight: bold; text-align: center; } .audio-selection-box { spacing: 20px; } .audio-selection-device { border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 2px; } .audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { background-color: #338DD6; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* Access Dialog */ .access-dialog { spacing: 30px; } /* Geolocation Dialog */ .geolocation-dialog { spacing: 30px; } /* Extension Dialog */ .extension-dialog .message-dialog-main-layout { spacing: 24px; padding: 10px; } .extension-dialog .message-dialog-title { color: rgba(0, 0, 0, 0.54); } /* Inhibit-Shortcuts Dialog */ .inhibit-shortcuts-dialog { spacing: 30px; } /* Network Agent Dialog */ .network-dialog-secret-table { spacing-rows: 15px; spacing-columns: 1em; } .keyring-dialog-control-table { spacing-rows: 15px; spacing-columns: 1em; } /* Popovers/Menus */ .popup-menu { min-width: 200px; } .popup-menu .popup-sub-menu { background-color: #EEEEEE; box-shadow: 0 0 transparent; } .popup-menu .popup-menu-content { padding: 8px 0; } .popup-menu .popup-menu-item { spacing: 8px; transition-duration: 100ms; } .popup-menu .popup-menu-item:ltr { padding: 0.4em 24px 0.4em 0; } .popup-menu .popup-menu-item:rtl { padding: 0.4em 0 0.4em 24px; } .popup-menu .popup-menu-item:checked { background-color: #338DD6; color: #FFFFFF; box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { background-color: #529edc; color: #FFFFFF; } .popup-menu .popup-menu-item:checked:active { background-color: #70afe2; color: #FFFFFF !important; } .popup-menu .popup-menu-item:checked:insensitive { color: rgba(255, 255, 255, 0.5); } .popup-menu .popup-menu-item.selected { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); transition-duration: 0ms; } .popup-menu .popup-menu-item:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); transition-duration: 150ms; } .popup-menu .popup-menu-item.selected:active { color: rgba(0, 0, 0, 0.87); } .popup-menu .popup-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-menu .popup-inactive-menu-item { color: rgba(0, 0, 0, 0.87); } .popup-menu .popup-inactive-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-menu.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-border-radius: 0; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; -arrow-box-shadow: none; margin: 5px 8px 8px; background-color: #FAFAFA; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .popup-separator-menu-item { height: 1px; margin: 8px 40px; background-color: transparent; border-color: rgba(0, 0, 0, 0.12); border-bottom-width: 1px; border-bottom-style: solid; } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } /* fallback menu - odd thing for styling App menu when apparently not running under shell. Light Adwaita styled app menu inside the main app window itself rather than the top bar */ /* OSD */ .osd-window { text-align: center; font-weight: bold; spacing: 1em; margin: 32px; min-width: 64px; min-height: 64px; } .osd-window .osd-monitor-label { font-size: 45px; font-weight: 400; } .osd-window .level { height: 8px; border-radius: 0; background-color: rgba(51, 141, 214, 0.3); color: rgba(0, 0, 0, 0.87); } .osd-window .level-bar { background-color: #338DD6; border-radius: 0; } /* Pad OSD */ .pad-osd-window { padding: 32px; background-color: rgba(0, 0, 0, 0.6); } .pad-osd-window .pad-osd-title-box { spacing: 12px; } .pad-osd-window .pad-osd-title-menu-box { spacing: 6px; } .combo-box-label { width: 15em; } /* App Switcher */ .switcher-popup { padding: 8px; spacing: 16px; } .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { padding: 8px; border-radius: 2px; } .switcher-list .item-box:outlined { padding: 8px; border: none; background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } .switcher-list .item-box:selected { background-color: #338DD6; color: #FFFFFF; } .switcher-list .thumbnail-box { padding: 2px; spacing: 4px; } .switcher-list .thumbnail { width: 256px; } .switcher-list .separator { width: 1px; background: rgba(0, 0, 0, 0.12); } .switcher-arrow { border-color: transparent; color: rgba(0, 0, 0, 0.38); } .switcher-arrow:highlighted { color: rgba(0, 0, 0, 0.87); } .input-source-switcher-symbol { font-size: 45px; font-weight: 400; width: 96px; height: 96px; } /* Window Cycler */ .cycler-highlight { border: 4px solid #338DD6; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher { background: transparent; border: 0px; border-radius: 0px; padding: 0px; spacing: 8px; } .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; background-color: #338DD6; color: #FFFFFF; background-size: 32px; border-radius: 2px; } .ws-switcher-box { height: 48px; border: none; background: rgba(0, 0, 0, 0.12); border-radius: 2px; } .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); border-radius: 2px; padding: 12px; } /* Tiled window previews */ .tile-preview { background-color: rgba(64, 196, 255, 0.3); border: 1px solid #40C4FF; } .tile-preview-left.on-primary { border-radius: 0 0 0 0; } .tile-preview-right.on-primary { border-radius: 0 0 0 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0 0 0 0; } /* TOP BAR */ #panel { background-color: rgba(0, 0, 0, 0.6); /* transition from solid to transparent */ transition-duration: 250ms; font-weight: bold; height: 28px; } #panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { background-color: transparent; } #panel #panelLeft, #panel #panelCenter { spacing: 0; } #panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: rgba(0, 0, 0, 0.6); -panel-corner-border-width: 2px; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: #FFFFFF; } #panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: rgba(255, 255, 255, 0.7); text-shadow: none; transition-duration: 150ms; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; } #panel .panel-button .system-status-icon, #panel .panel-button .app-menu-icon > StIcon, #panel .panel-button .popup-menu-arrow { icon-shadow: none; } #panel .panel-button:hover { color: #FFFFFF; text-shadow: none; } #panel .panel-button:hover .system-status-icon, #panel .panel-button:hover .app-menu-icon > StIcon, #panel .panel-button:hover .popup-menu-arrow { icon-shadow: none; } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { background-color: rgba(0, 0, 0, 0.01); box-shadow: inset 0 -2px 0px #FFFFFF; color: #FFFFFF; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { icon-shadow: none; } #panel .panel-button .system-status-icon { icon-size: 1.23077em; padding: 0 4px; } .unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { color: rgba(255, 255, 255, 0.7); } .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { color: #FFFFFF; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator { color: #FF6D00; } #panel.solid { background-color: rgba(0, 0, 0, 0.6); /* transition from transparent to solid */ transition-duration: 250ms; background-gradient-direction: none; text-shadow: none; } #panel.solid:overview { background-color: transparent; } #panel.solid .panel-corner { -panel-corner-background-color: rgba(0, 0, 0, 0.6); } #panel.solid .panel-button { color: rgba(255, 255, 255, 0.7); text-shadow: none; } #panel.solid .panel-button:hover, #panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { color: #FFFFFF; } #panel.solid .system-status-icon, #panel.solid .app-menu-icon > StIcon, #panel.solid .popup-menu-arrow { icon-shadow: none; } #calendarArea { padding: 8px 16px; } .calendar { margin-bottom: 0; } .calendar, .datemenu-today-button, .datemenu-displays-box, .message-list-sections { margin: 0 8px; } .datemenu-calendar-column { spacing: 8px; } .datemenu-displays-section { padding-bottom: 0; } .datemenu-displays-box { spacing: 8px; } .datemenu-calendar-column { border: 0 solid rgba(0, 0, 0, 0.12); } .datemenu-calendar-column:ltr { border-left-width: 0; } .datemenu-calendar-column:rtl { border-right-width: 0; } .datemenu-today-button, .world-clocks-button, .weather-button, .events-section-title { min-height: 20px; padding: 4px 8px; border-radius: 2px; } .datemenu-today-button { min-height: 48px; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .datemenu-today-button:hover, .datemenu-today-button:focus, .world-clocks-button:hover, .world-clocks-button:focus, .weather-button:hover, .weather-button:focus, .events-section-title:hover, .events-section-title:focus { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); } .datemenu-today-button:active, .world-clocks-button:active, .weather-button:active, .events-section-title:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); } .datemenu-today-button .date-label { font-size: 18pt; font-weight: 400; } .world-clocks-header, .weather-header, .events-section-title { color: rgba(0, 0, 0, 0.54); font-weight: bold; } .world-clocks-grid { spacing-rows: 0.4em; } .weather-box { spacing: 0.4em; } .calendar-month-label { height: 16px; margin: 2px; padding: 6px 16px; border-radius: 2px; color: rgba(0, 0, 0, 0.87); font-weight: bold; text-align: center; } .calendar-month-label:focus { background-color: rgba(0, 0, 0, 0.12); } .pager-button { width: 28px; height: 28px; margin: 2px; border-radius: 100px; background-color: transparent; color: rgba(0, 0, 0, 0.87); } .pager-button:hover, .pager-button:focus { background-color: rgba(0, 0, 0, 0.12); } .pager-button:active { background-color: rgba(0, 0, 0, 0.26); } .calendar-change-month-back { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-change-month-back:rtl { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward:rtl { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-day-base { font-size: 9pt; font-weight: 400; text-align: center; width: 28px; height: 28px; padding: 0; margin: 2px; border-radius: 100px; } .calendar-day-base:hover, .calendar-day-base:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar-day-base:active { color: inherit; background-color: rgba(0, 0, 0, 0.26); border-color: transparent; } .calendar-day-base:selected { color: #FFFFFF; background-color: #338DD6; border-color: transparent; } .calendar-day-base.calendar-day-heading { width: 28px; height: 21px; margin-top: 2px; padding: 7px 0 0; border-radius: 100px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-size: 9pt; font-weight: 400; font-weight: bold; text-align: center; } .calendar-day { border-width: 0; } .calendar-day-top { border-top-width: 0; } .calendar-day-left { border-left-width: 0; } .calendar-nonwork-day { color: rgba(0, 0, 0, 0.87); } .calendar-today { font-weight: bold !important; border: none; } .calendar-day-with-events { color: #338DD6; font-weight: normal; text-decoration: underline; background-image: none; } .calendar-other-month-day { color: rgba(0, 0, 0, 0.26); opacity: 0.5; } .calendar-week-number { width: 28px; height: 21px; margin: 2px; padding: 7px 0 0; border-radius: 100px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-size: inherit; font-weight: bold; text-align: center; } /* Message list */ .message-list { width: 420px; } .message-list-clear-button.button { background-color: transparent; margin: 8px 8px 0; } .message-list-clear-button.button:hover, .message-list-clear-button.button:focus { background-color: rgba(0, 0, 0, 0.12); } .message-list-clear-button.button:active { background-color: rgba(0, 0, 0, 0.26); } .message-list-sections { spacing: 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message { min-height: 56px; background-color: transparent; border-radius: 2px; } .message:hover, .message:focus { background-color: rgba(0, 0, 0, 0.12); } .message:active { background-color: rgba(0, 0, 0, 0.26); } .message-icon-bin { padding: 8px 0px 8px 8px; } .message-icon-bin:rtl { padding: 8px 8px 8px 0px; } .message-icon-bin > StIcon { color: rgba(0, 0, 0, 0.87); icon-size: 1.23077em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } .message-icon-bin > StIcon:rtl { margin: 4px 4px 4px 0px; } .message-secondary-bin { padding: 0 8px; } .message-secondary-bin > .event-time { min-height: 18px; padding-top: 2px; color: rgba(0, 0, 0, 0.54); font-size: 1em; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-bottom: 0; } .message-secondary-bin > StIcon { icon-size: 1.23077em; } .message-title { min-height: 18px; padding-top: 2px; color: rgba(0, 0, 0, 0.87); font-weight: bold; font-size: 1em; } .message-content { min-height: 40px; padding: 8px; color: rgba(0, 0, 0, 0.54); font-size: 1em; } .message-content * > StIcon { icon-size: 16px; border-radius: 16px; padding: 2px; color: rgba(0, 0, 0, 0.54); } /* FIXME: how do you do this in sass? */ .message-content *:hover > StIcon, .message-content *:focus > StIcon { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); } .message-content *:active > StIcon { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); } .message-media-control { margin: 16px 0; padding: 8px; border-radius: 100px; color: rgba(0, 0, 0, 0.54); } .message-media-control:hover, .message-media-control:focus { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); } .message-media-control:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); } .message-media-control:insensitive { color: rgba(0, 0, 0, 0.26); } .message-media-control:last-child:ltr { margin-right: 16px; padding-right: 8px; } .message-media-control:last-child:rtl { margin-left: 16px; padding-left: 8px; } .media-message-cover-icon { icon-size: 32px !important; margin: 8px 0px 8px 4px !important; } .media-message-cover-icon:rtl { margin: 8px 4px 8px 0px !important; } .media-message-cover-icon.fallback { icon-size: 16px !important; padding: 8px; border: none; border-radius: 2px; background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.38); } .system-switch-user-submenu-icon.user-icon { icon-size: 20px; padding: 0 2px; } .system-switch-user-submenu-icon.default-icon { icon-size: 16px; padding: 0 4px; } #appMenu { spinner-image: url("process-working.svg"); spacing: 4px; } #appMenu .label-shadow { color: transparent; } .aggregate-menu { min-width: 280px; } .aggregate-menu .popup-menu-icon { padding: 0 4px; } .aggregate-menu .popup-sub-menu .popup-menu-item :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; margin-left: 1.23077em; } .aggregate-menu .popup-sub-menu .popup-menu-item :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; margin-right: 1.23077em; } .system-menu-action { color: rgba(0, 0, 0, 0.54); border-radius: 100px; /* wish we could do 50% */ padding: 14px; border: none; } .system-menu-action:hover, .system-menu-action:focus { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); border: none; padding: 14px; } .system-menu-action:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } .system-menu-action > StIcon { icon-size: 16px; } .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; background-color: rgba(255, 255, 255, 0.3); background-image: none; background-size: auto; } .ripple-box:rtl { border-radius: 0 0 0 48px; background-image: none; } .popup-menu-arrow { width: 16px; height: 16px; } .popup-menu-icon { icon-size: 1.23077em; } .window-close { transition-duration: 0ms; height: 32px; width: 32px; -shell-close-overlap: 16px; -st-background-image-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); background-image: url("assets/window-close.svg"); background-size: 32px; } .window-close:hover { -st-background-image-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-image: url("assets/window-close.svg"); } .window-close:active { background-image: url("assets/window-close-active.svg"); } .window-close:rtl { -st-background-image-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .window-close:rtl:hover { -st-background-image-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } /* NETWORK DIALOGS */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: center; } .nm-dialog-airplane-text { color: rgba(0, 0, 0, 0.87); } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-scroll-view { border: none; } .nm-dialog-header { font-size: 15pt; font-weight: 500; } .nm-dialog-item { font-size: 1em; border-bottom: none; border-radius: 2px; padding: 12px; spacing: 20px; } .nm-dialog-item:hover, .nm-dialog-item:focus { background-color: rgba(0, 0, 0, 0.12); } .nm-dialog-item:active { background-color: rgba(0, 0, 0, 0.26); } .nm-dialog-item:selected { background-color: #338DD6; color: #FFFFFF; } .nm-dialog-icons { spacing: .5em; } .nm-dialog-icon { icon-size: 16px; } .no-networks-label { color: rgba(0, 0, 0, 0.38); } .no-networks-box { spacing: 12px; } /* OVERVIEW */ #overview { spacing: 24px; } .overview-controls { padding-bottom: 32px; } .window-picker { -horizontal-spacing: 16px; -vertical-spacing: 16px; padding: 0 16px 32px; } .window-picker.external-monitor { padding: 16px; } .window-clone-border { border: 4px solid rgba(255, 255, 255, 0.3); border-radius: 2px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .window-caption { spacing: 25px; color: #FFFFFF; background-color: rgba(0, 0, 0, 0.6); border-radius: 2px; padding: 4px 8px; } .search-entry { width: 304px; padding: 0 8px; border-radius: 0; color: rgba(255, 255, 255, 0.5); selection-background-color: rgba(255, 255, 255, 0.3); selected-color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #FFFFFF; padding: 0 8px; border-width: 0; color: #FFFFFF; } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 0; color: rgba(255, 255, 255, 0.5); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: #FFFFFF; } #searchResultsBin { max-width: 1000px; } #searchResultsContent { padding-left: 20px; padding-right: 20px; spacing: 16px; } .search-section { spacing: 16px; } .search-section-content { spacing: 32px; } .list-search-results { spacing: 3px; } .search-section-separator { height: 1px; background-color: rgba(255, 255, 255, 0.12); } .list-search-result-content { spacing: 30px; } .list-search-result-title { font-size: 11.25pt; font-weight: 400; color: #FFFFFF; spacing: 12px; } .list-search-result-description { color: rgba(255, 255, 255, 0.7); } .list-search-provider-details { width: 150px; color: rgba(255, 255, 255, 0.7); margin-top: 0.24em; } .list-search-provider-content { spacing: 20px; } .search-provider-icon { padding: 15px; } /* DASHBOARD */ #dash { font-size: 1em; color: #FFFFFF; background-color: rgba(255, 255, 255, 0.1); padding: 3px 0; border: none; border-left: 0px; border-radius: 0px 2px 2px 0px; } #dash:rtl { border-radius: 2px 0 0 2px; } #dash .placeholder { background-image: url("assets/dash-placeholder.svg"); background-size: contain; height: 24px; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { border-radius: 2px; padding: 7px 8px; color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-align: center; -x-offset: 8px; } /* App Vault/Grid */ .icon-grid { spacing: 30px; -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; } .icon-grid .overview-icon { icon-size: 96px; } .system-action-icon { box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); background-color: #212121; color: #FFFFFF; border-radius: 99px; icon-size: 48px; } .app-view-controls { width: 320px; padding-bottom: 32px; } .app-view-control { padding: 0 16px; font-weight: bold; color: rgba(255, 255, 255, 0.7); } .app-view-control:hover { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12) !important; } .app-view-control:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3) !important; } .app-view-control:checked { color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01) !important; box-shadow: inset 0 2px 0 #FFFFFF; } .app-view-control:first-child { border-right-width: 0; border-radius: 2px; } .app-view-control:first-child:checked { border-radius: 0; } .app-view-control:last-child { border-radius: 2px; } .app-view-control:last-child:checked { border-radius: 0; } .search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, .list-search-result:focus, .list-search-result:selected, .list-search-result:hover { background-color: rgba(255, 255, 255, 0.12); transition-duration: 0ms; } .search-provider-icon:active, .search-provider-icon:checked, .list-search-result:active, .list-search-result:checked { background-color: rgba(255, 255, 255, 0.3); transition-duration: 150ms; } .app-well-app:hover .overview-icon, .app-well-app:focus .overview-icon, .app-well-app:selected .overview-icon, .app-well-app.app-folder:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-well-app.app-folder:selected .overview-icon, .show-apps:hover .overview-icon, .show-apps:focus .overview-icon, .show-apps:selected .overview-icon, .grid-search-result:hover .overview-icon, .grid-search-result:focus .overview-icon, .grid-search-result:selected .overview-icon { background-color: rgba(255, 255, 255, 0.12); transition-duration: 0ms; border-image: none; background-image: none; } .app-well-app:active .overview-icon, .app-well-app:checked .overview-icon, .app-well-app.app-folder:active .overview-icon, .app-well-app.app-folder:checked .overview-icon, .show-apps:active .overview-icon, .show-apps:checked .overview-icon, .grid-search-result:active .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.3); box-shadow: 0 0 transparent; transition-duration: 150ms; } .app-well-app-running-dot { width: 32px; height: 2px; background-color: #FFFFFF; margin-bottom: 0; } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .app-well-app.app-folder .overview-icon, .show-apps .overview-icon, .grid-search-result .overview-icon { color: #FFFFFF; border-radius: 2px; padding: 6px; border: none; transition-duration: 150ms; text-align: center; } .app-well-app.app-folder > .overview-icon { background-color: rgba(255, 255, 255, 0.1); } .show-apps .show-apps-icon { color: rgba(255, 255, 255, 0.7); } .show-apps:hover .show-apps-icon, .show-apps:active .show-apps-icon, .show-apps:checked .show-apps-icon, .show-apps:focus .show-apps-icon { color: #FFFFFF; transition-duration: 150ms; } .app-folder-popup { -arrow-border-radius: 2px; -arrow-background-color: rgba(255, 255, 255, 0.1); -arrow-base: 24px; -arrow-rise: 12px; } .app-folder-popup-bin { padding: 5px; } .app-folder-icon { padding: 5px; spacing-rows: 5px; spacing-columns: 5px; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 12px; height: 12px; border-radius: 12px; background-image: none; background-color: rgba(255, 255, 255, 0.3); } .page-indicator:hover .page-indicator-icon { background-image: none; background-color: rgba(255, 255, 255, 0.5); } .page-indicator:active .page-indicator-icon { background-image: none; background-color: rgba(255, 255, 255, 0.7); } .page-indicator:checked .page-indicator-icon { background-image: none; background-color: #FFFFFF; transition-duration: 0ms; } .page-indicator:checked:active { background-image: none; } .app-well-app > .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label { padding: 10px 8px 5px 8px; spacing: 4px; } .workspace-thumbnails { visible-width: 32px; spacing: 12px; padding: 12px; border-radius: 2px 0 0 2px; } .workspace-thumbnails:rtl { border-radius: 0 2px 2px 0; } .workspace-thumbnails .placeholder { background-image: url("assets/dash-placeholder.svg"); background-size: contain; height: 24px; } .workspace-thumbnail-indicator { border: 0 solid #FFFFFF; border-left-width: 2px; padding: 6px; border-radius: 0; } .search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { padding: 0px 88px 10px 88px; } .workspace-thumbnails { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.1); border: none; } .search-statustext, .no-frequent-applications-label { font-size: 45px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { link-color: #338DD6; } .notification-banner { font-size: 1em; width: 34em; min-height: 56px; margin: 5px; border-radius: 2px; color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .notification-banner:hover { background-color: #FAFAFA; } .notification-banner:focus { background-color: #FAFAFA; } .notification-banner .notification-icon { padding: 5px; } .notification-banner .notification-content { padding: 5px; spacing: 5px; } .notification-banner .secondary-icon { icon-size: 1.23077em; } .notification-banner .notification-actions { background-color: transparent; padding-top: 0; border-top: 1px solid rgba(0, 0, 0, 0.12); spacing: 1px; } .notification-banner .notification-button { min-height: 40px; padding: 0 16px; background-color: transparent; color: rgba(0, 0, 0, 0.54); font-weight: 500; } .notification-banner .notification-button:first-child { border-radius: 0 0 0 2px; } .notification-banner .notification-button:last-child { border-radius: 0 0 2px 0; } .notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } .notification-banner .notification-button:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } .summary-source-counter { font-size: 1em; font-weight: bold; height: 1.6em; width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; background-color: #338DD6; color: #FFFFFF; border: 2px solid #FFFFFF; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } .secondary-icon { icon-size: 1.23077em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: rgba(0, 0, 0, 0.87); } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0px; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: rgba(0, 0, 0, 0.54); } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; font-size: 9pt; font-weight: 400; color: rgba(0, 0, 0, 0.38); } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-transient-box { spacing: 6px; padding: 2px 72px 2px 12px; } .hotplug-notification-item { padding: 2px 10px; } .hotplug-notification-item:focus { padding: 1px 71px 1px 11px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 2px 5px; } .hotplug-resident-box { spacing: 8px; } .hotplug-resident-mount { spacing: 8px; border-radius: 2px; } .hotplug-resident-mount:hover { background-color: rgba(0, 0, 0, 0.12); } .hotplug-resident-mount:active { background-color: rgba(0, 0, 0, 0.26); } .hotplug-resident-mount-label { color: inherit; padding-left: 6px; } .hotplug-resident-mount-icon { icon-size: 24px; padding-left: 6px; } .hotplug-resident-eject-icon { icon-size: 16px; } .hotplug-resident-eject-button { padding: 7px; border-radius: 2px; color: rgba(0, 0, 0, 0.87); } /* Eeeky things */ .magnifier-zoom-region { border: 2px solid #338DD6; } .magnifier-zoom-region.full-screen { border-width: 0; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.3); } .keyboard-layout { spacing: 10px; padding: 10px; } .keyboard-row { spacing: 15px; } .keyboard-key { min-height: 64px; min-width: 64px; font-size: 2em; font-weight: 500; border-radius: 2px; border: none; color: inherit; color: rgba(0, 0, 0, 0.62); background-color: #FAFAFA; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; icon-shadow: none; } .keyboard-key:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-key:hover, .keyboard-key:checked { color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .keyboard-key:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(188, 188, 188, 0.961); border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .keyboard-key:grayed { background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; border-color: rgba(0, 0, 0, 0.3); } .keyboard-subkeys { color: inherit; padding: 5px; -arrow-border-radius: 0; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; -boxpointer-gap: 5px; background-color: #FAFAFA; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: rgba(0, 0, 0, 0.38); } .candidate-box:selected .candidate-index { color: rgba(255, 255, 255, 0.5); } .candidate-box { transition-duration: 0ms; min-height: 28px; padding: 0 8px; border-radius: 2px; } .candidate-box:hover { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } .candidate-box:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } .candidate-box:selected { background-color: #338DD6; color: #FFFFFF; } .candidate-page-button-box { height: 28px; } .vertical .candidate-page-button-box { padding-top: 0; } .horizontal .candidate-page-button-box { padding-left: 0; } .candidate-page-button { min-width: 28px; min-height: 28px; padding: 0; } .candidate-page-button-previous { border-radius: 2px; border-right-width: 0; } .candidate-page-button-next { border-radius: 2px; } .candidate-page-button-icon { icon-size: 1.23077em; } /* Auth Dialogs & Screen Shield */ .framed-user-icon { background-size: contain; border: none; color: #FFFFFF; border-radius: 2px; } .framed-user-icon:hover { border-color: #FFFFFF; color: #FFFFFF; } .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: none; background-color: transparent; } .login-dialog StEntry { color: #FFFFFF; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .login-dialog StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #FFFFFF; } .login-dialog StEntry:insensitive { color: rgba(0, 0, 0, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { padding: 0 16px; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:insensitive { color: rgba(255, 255, 255, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default { color: #FFFFFF; background-color: #009688; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { color: #FFFFFF; background-color: #009688; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:active { color: #FFFFFF; background-color: #4db6ac; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:insensitive { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog-logo-bin { padding: 24px 0px; } .login-dialog-banner { color: rgba(255, 255, 255, 0.7); } .login-dialog-button-box { spacing: 5px; } .login-dialog-message-warning { color: #FF6D00; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; } .login-dialog-user-selection-box { padding: 100px 0px; } .login-dialog-not-listed-label { padding-left: 2px; } .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { color: #FFFFFF; } .login-dialog-not-listed-label { font-size: 1em; font-weight: bold; color: rgba(255, 255, 255, 0.7); padding-top: 1em; } .login-dialog-not-listed-label:hover { color: #FFFFFF; } .login-dialog-not-listed-label:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; padding: .2em; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid #FFFFFF; } .login-dialog-user-list-item { border-radius: 2px; padding: 4px 4px 0; color: rgba(255, 255, 255, 0.7); } .login-dialog-user-list-item:ltr { padding-right: 1em; } .login-dialog-user-list-item:rtl { padding-left: 1em; } .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list-item:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin: 2px 0 0 0; background-color: #FFFFFF; } .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { background-color: #FFFFFF; } .login-dialog-username, .user-widget-label { color: #FFFFFF; font-size: 15pt; font-weight: 500; text-align: left; padding-left: 15px; } .user-widget-label:ltr { padding-left: 18px; } .user-widget-label:rtl { padding-right: 18px; } .login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 8px; width: 23em; } .login-dialog-prompt-label { color: rgba(255, 255, 255, 0.5); font-size: 1em; padding-top: 1em; } .login-dialog-session-list-button StIcon { icon-size: 1.25em; } .login-dialog-session-list-button { color: rgba(255, 255, 255, 0.7); } .login-dialog-session-list-button:hover, .login-dialog-session-list-button:focus { color: #FFFFFF; } .login-dialog-session-list-button:active { color: #FFFFFF; } .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { color: white; width: 80px; height: 48px; -arrow-thickness: 12px; -arrow-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock { color: white; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-weight: normal; text-align: center; padding-bottom: 1.5em; } .screen-shield-clock-time { font-size: 112px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock-date { font-size: 45px; font-weight: 400; } .screen-shield-notifications-container { spacing: 6px; width: 30em; background-color: transparent; max-height: 500px; } .screen-shield-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .screen-shield-notifications-container .notification, .screen-shield-notifications-container .screen-shield-notification-source { padding: 8px; border: none; background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; border-radius: 2px; } .screen-shield-notifications-container .notification { margin-right: 16px; } .screen-shield-notification-label { min-height: 18px; padding: 2px 0px 0px 16px; font-weight: bold; } .screen-shield-notification-count-text { min-height: 18px; padding: 2px 0px 0px 16px; color: rgba(255, 255, 255, 0.7); } #panel.lock-screen { background-color: rgba(0, 0, 0, 0.3); } .screen-shield-background { background: black; box-shadow: 0 19px 19px rgba(0, 0, 0, 0.6), 0 15px 6px rgba(0, 0, 0, 0.44); } #lockDialogGroup { background: #303030; background-size: cover; } #LookingGlassDialog { background-color: #FAFAFA; spacing: 4px; padding: 0; border: none; border-radius: 2px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } #LookingGlassDialog > #Toolbar { padding: 0 8px; border: none; border-radius: 0; background-color: rgba(250, 250, 250, 0.01); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); } #LookingGlassDialog .labels { spacing: 0; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: rgba(0, 0, 0, 0.38); transition-duration: 150ms; padding-left: 16px; padding-right: 16px; min-height: 32px; padding: 0 32px; } #LookingGlassDialog .notebook-tab:hover { box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); text-shadow: none; } #LookingGlassDialog .notebook-tab:selected { border-bottom-width: 0; border-color: transparent; background-color: rgba(250, 250, 250, 0.01); box-shadow: inset 0 -2px 0px #338DD6; color: rgba(0, 0, 0, 0.87); text-shadow: none; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 4px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog StEntry { selection-background-color: #338DD6; selected-color: #FFFFFF; } .lg-dialog .shell-link { color: #338DD6; } .lg-dialog .shell-link:hover { color: #338DD6; } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button { min-height: 32px; padding: 0 16px; border: none; border-radius: 2px; font-size: 9.75pt; font-weight: 500; color: rgba(0, 0, 0, 0.54); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:hover { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:insensitive { color: rgba(0, 0, 0, 0.26); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .lg-obj-inspector-button:hover { border: none; } #lookingGlassExtensions { padding: 4px; } .lg-extensions-list { padding: 4px; spacing: 6px; } .lg-extension { border: none; border-radius: 2px; padding: 4px; } .lg-extension-name { font-size: 18pt; font-weight: 400; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { background: #FAFAFA; border: none; border-radius: 2px; padding: 6px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } /* Dash to Dock */ #dashtodockContainer #dash { background-color: rgba(0, 0, 0, 0.6); } #dashtodockContainer:overview #dash { background-color: rgba(255, 255, 255, 0.1); } #dashtodockContainer.extended:overview #dash { background-color: transparent; } #dashtodockContainer.left #dash, #dashtodockContainer.right #dash { padding: 3px 0; } #dashtodockContainer.top #dash, #dashtodockContainer.bottom #dash { padding: 0 3px; } #dashtodockContainer.extended #dash { padding: 0; border-radius: 0; } #dashtodockContainer.left .dash-item-container > StWidget, #dashtodockContainer.right .dash-item-container > StWidget, #dashtodockContainer.extended.left .dash-item-container > StWidget, #dashtodockContainer.extended.right .dash-item-container > StWidget { padding: 3px 6px; } #dashtodockContainer.extended.left .dash-item-container:first-child > StWidget, #dashtodockContainer.extended.right .dash-item-container:first-child > StWidget { padding: 6px 6px 3px 6px; } #dashtodockContainer.extended.left .dash-item-container:last-child > StWidget, #dashtodockContainer.extended.right .dash-item-container:last-child > StWidget { padding: 3px 6px 6px 6px; } #dashtodockContainer.top .dash-item-container > StWidget, #dashtodockContainer.bottom .dash-item-container > StWidget, #dashtodockContainer.extended.top .dash-item-container > StWidget, #dashtodockContainer.extended.bottom .dash-item-container > StWidget { padding: 6px 3px; } #dashtodockContainer.extended.top .dash-item-container:first-child > StWidget, #dashtodockContainer.extended.bottom .dash-item-container:first-child > StWidget { padding: 6px 3px 6px 6px; } #dashtodockContainer.extended.top .dash-item-container:last-child > StWidget, #dashtodockContainer.extended.bottom .dash-item-container:last-child > StWidget { padding: 6px 6px 6px 3px; } #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } #dashtodockContainer .dash-item-container > StWidget { background-size: cover; } #dashtodockContainer.left .dash-item-container > StWidget.running1 { background-image: url("assets/dash/left-running1.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running2 { background-image: url("assets/dash/left-running2.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running3 { background-image: url("assets/dash/left-running3.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running4 { background-image: url("assets/dash/left-running4.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running1 { background-image: url("assets/dash/right-running1.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running2 { background-image: url("assets/dash/right-running2.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running3 { background-image: url("assets/dash/right-running3.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running4 { background-image: url("assets/dash/right-running4.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running1 { background-image: url("assets/dash/top-running1.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running2 { background-image: url("assets/dash/top-running2.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running3 { background-image: url("assets/dash/top-running3.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running4 { background-image: url("assets/dash/top-running4.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running1 { background-image: url("assets/dash/bottom-running1.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running2 { background-image: url("assets/dash/bottom-running2.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running3 { background-image: url("assets/dash/bottom-running3.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running4 { background-image: url("assets/dash/bottom-running4.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/bottom-running4-focused.svg"); } /* Simple Dock */ #dash:desktop { background-color: rgba(0, 0, 0, 0.6); } /* GPaste */ .popup-menu .search-entry { color: rgba(0, 0, 0, 0.87); selection-background-color: #338DD6; selected-color: #FFFFFF; background-color: rgba(250, 250, 250, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .popup-menu .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #338DD6; color: rgba(0, 0, 0, 0.87); } .popup-menu .search-entry .search-entry-icon { color: rgba(0, 0, 0, 0.38); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { color: rgba(0, 0, 0, 0.87); } materia-theme-20180321/src/gnome-shell/3.26/gnome-shell-light-compact.scss000066400000000000000000000004151325420104000257160ustar00rootroot00000000000000$variant: 'light'; $titlebar: 'light'; $compact: 'true'; @import '../../_sass/gnome-shell/variables'; @import '../../_sass/colors'; @import '../../_sass/gnome-shell/drawing'; @import '../../_sass/gnome-shell/common-3.26'; @import '../../_sass/gnome-shell/extensions'; materia-theme-20180321/src/gnome-shell/3.26/gnome-shell-light.css000066400000000000000000001761551325420104000241260ustar00rootroot00000000000000/* This stylesheet is generated, DO NOT EDIT */ /* Copyright 2009, 2015 Red Hat, Inc. * * Portions adapted from Mx's data/style/default.css * Copyright 2009 Intel Corporation * * This program is free software; you can redistribute it and/or modify it * under the terms and conditions of the GNU Lesser General Public License, * version 2.1, as published by the Free Software Foundation. * * This program is distributed in the hope it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for * more details. * * You should have received a copy of the GNU Lesser General Public License * along with this program; if not, write to the Free Software Foundation, * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. */ /* GLOBALS */ * { transition-duration: 150ms; } stage { font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; font-size: 10.5pt; font-weight: 400; color: rgba(0, 0, 0, 0.87); } /* WIDGETS */ /* Buttons */ .button { min-height: 36px; padding: 0 16px; border-width: 0; border-radius: 2px; font-size: 10.5pt; font-weight: 500; color: rgba(0, 0, 0, 0.54); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:hover { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:insensitive { color: rgba(0, 0, 0, 0.26); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .modal-dialog-linked-button { min-height: 40px; padding: 0 16px; border-top: 1px solid rgba(0, 0, 0, 0.12) !important; border-right-width: 0; font-size: 10.5pt; font-weight: 500; color: rgba(0, 0, 0, 0.54); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:hover { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:insensitive { color: rgba(0, 0, 0, 0.26); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .modal-dialog-linked-button:first-child { border-radius: 0px 0px 0px 2px; } .modal-dialog-linked-button:last-child { border-right-width: 0px; border-radius: 0px 0px 2px 0px; } .modal-dialog-linked-button:first-child:last-child { border-right-width: 0px; border-radius: 0px 0px 2px 2px; } /* Entries */ StEntry { min-height: 36px; padding: 0 8px; border-radius: 0; border-width: 0; color: rgba(0, 0, 0, 0.87); selection-background-color: #338DD6; selected-color: #FFFFFF; font-size: 12pt; font-weight: 400; background-color: rgba(250, 250, 250, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #338DD6; } StEntry:insensitive { color: rgba(0, 0, 0, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); } StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #FF6D00; padding: 0 0; } /* Scrollbars */ StScrollView.vfade { -st-vfade-offset: 32px; } StScrollView.hfade { -st-hfade-offset: 32px; } StScrollBar { padding: 0; } StScrollView StScrollBar { min-width: 16px; min-height: 16px; } StScrollBar StBin#trough { margin: 4px; border-radius: 100px; background-color: rgba(0, 0, 0, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 100px; background-color: rgba(0, 0, 0, 0.38); margin: 4px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(0, 0, 0, 0.54); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: rgba(0, 0, 0, 0.87); } #overview StScrollBar StBin#trough, #screenShieldNotifications StScrollBar StBin#trough { background-color: rgba(255, 255, 255, 0.12); } #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#hhandle, #screenShieldNotifications StScrollBar StButton#hhandle { background-color: rgba(255, 255, 255, 0.5); } #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#hhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { background-color: rgba(255, 255, 255, 0.7); } #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#hhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { background-color: #FFFFFF; } /* Slider */ .slider { height: 20px; color: #009688; -slider-height: 2px; -slider-background-color: rgba(0, 0, 0, 0.26); -slider-border-color: transparent; -slider-active-background-color: #009688; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 7px; } /* Check Boxes */ .check-box * { min-height: 20px; padding: 8px 0; } .check-box StBoxLayout { spacing: 8px; } .check-box StBin { width: 24px; height: 24px; padding: 6px; border-radius: 100px; background-image: url("assets/checkbox-off.svg"); } .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } .check-box:hover StBin { background-color: rgba(0, 0, 0, 0.12); } .check-box:active StBin { background-color: rgba(0, 0, 0, 0.26); } .check-box:checked StBin { background-image: url("assets/checkbox.svg"); } .check-box:focus:checked StBin { background-image: url("assets/checkbox.svg"); } .check-box:hover:checked StBin { background-color: rgba(0, 150, 136, 0.15); } .check-box:active:checked StBin { background-color: rgba(0, 150, 136, 0.3); } /* Switches */ .toggle-switch { width: 40px; height: 20px; background-size: contain; } .toggle-switch-us { background-image: url("assets/toggle-off.svg"); } .toggle-switch-us:checked { background-image: url("assets/toggle-on.svg"); } .toggle-switch-intl { background-image: url("assets/toggle-off.svg"); } .toggle-switch-intl:checked { background-image: url("assets/toggle-on.svg"); } /* links */ .shell-link { border-radius: 2px; color: #338DD6; } .shell-link:hover { color: #338DD6; background-color: rgba(51, 141, 214, 0.15); } .shell-link:active { color: #338DD6; background-color: rgba(51, 141, 214, 0.3); } /* Modal Dialogs */ .headline { font-size: 15pt; font-weight: 500; } .lightbox { background-color: black; } .flashspot { background-color: white; } .modal-dialog { border-radius: 2px; color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } .modal-dialog .modal-dialog-content-box { padding: 24px; } .modal-dialog .run-dialog-entry { width: 20em; margin-bottom: 6px; } .modal-dialog .run-dialog-error-box { padding-top: 16px; spacing: 6px; } .modal-dialog .run-dialog-button-box { padding-top: 1em; } .modal-dialog .run-dialog-label { font-size: 1em; font-weight: normal; color: rgba(0, 0, 0, 0.38); padding-bottom: .4em; } .mount-dialog-subject, .end-session-dialog-subject { font-size: 15pt; font-weight: 500; } /* Message Dialog */ .message-dialog-main-layout { padding: 12px 20px 0; spacing: 12px; } .message-dialog-content { max-width: 28em; spacing: 20px; } .message-dialog-icon { min-width: 48px; icon-size: 48px; } .message-dialog-title { font-weight: bold; } .message-dialog-subtitle { color: rgba(0, 0, 0, 0.54); font-weight: bold; } /* End Session Dialog */ .end-session-dialog { spacing: 42px; border: none; } .end-session-dialog-list { padding-top: 20px; } .end-session-dialog-layout { padding-left: 17px; } .end-session-dialog-layout:rtl { padding-right: 17px; } .end-session-dialog-description { width: 28em; padding-bottom: 10px; } .end-session-dialog-description:rtl { text-align: right; } .end-session-dialog-warning { width: 28em; color: #FF6D00; padding-top: 6px; } .end-session-dialog-warning:rtl { text-align: right; } .end-session-dialog-logout-icon { border-radius: 5px; width: 48px; height: 48px; background-size: contain; } .end-session-dialog-shutdown-icon { color: rgba(0, 0, 0, 0.38); width: 48px; height: 48px; } .end-session-dialog-inhibitor-layout { spacing: 16px; max-height: 200px; padding-right: 65px; padding-left: 65px; } .end-session-dialog-session-list, .end-session-dialog-app-list { spacing: 1em; } .end-session-dialog-list-header { font-weight: bold; } .end-session-dialog-list-header:rtl { text-align: right; } .end-session-dialog-app-list-item, .end-session-dialog-session-list-item { spacing: 1em; } .end-session-dialog-app-list-item-name, .end-session-dialog-session-list-item-name { font-weight: bold; } .end-session-dialog-app-list-item-description { color: rgba(0, 0, 0, 0.38); font-size: 1em; } /* ShellMountOperation Dialogs */ .shell-mount-operation-icon { icon-size: 48px; } .mount-dialog { spacing: 24px; } .mount-dialog .message-dialog-title { padding-top: 10px; padding-left: 17px; padding-bottom: 6px; max-width: 34em; } .mount-dialog .message-dialog-title:rtl { padding-left: 0px; padding-right: 17px; } .mount-dialog .message-dialog-body { padding-left: 17px; width: 28em; } .mount-dialog .message-dialog-body:rtl { padding-left: 0px; padding-right: 17px; } .mount-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 49px; padding-right: 32px; } .mount-dialog-app-list:rtl { padding-right: 49px; padding-left: 32px; } .mount-dialog-app-list-item { color: rgba(0, 0, 0, 0.87); } .mount-dialog-app-list-item:hover { color: rgba(0, 0, 0, 0.87); } .mount-dialog-app-list-item:ltr { padding-right: 1em; } .mount-dialog-app-list-item:rtl { padding-left: 1em; } .mount-dialog-app-list-item-icon:ltr { padding-right: 17px; } .mount-dialog-app-list-item-icon:rtl { padding-left: 17px; } .mount-dialog-app-list-item-name { font-size: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { width: 34em; border: none; } .prompt-dialog .message-dialog-main-layout { spacing: 24px; padding: 10px; } .prompt-dialog .message-dialog-content { spacing: 16px; } .prompt-dialog .message-dialog-title { font-size: 15pt; font-weight: 500; color: rgba(0, 0, 0, 0.87); } .prompt-dialog-description:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label { font-size: 1em; color: #DD2C00; padding-bottom: 8px; } .prompt-dialog-info-label { font-size: 1em; padding-bottom: 8px; } .hidden { color: transparent; } .prompt-dialog-null-label { font-size: 1em; padding-bottom: 8px; } /* Polkit Dialog */ .polkit-dialog-user-layout { padding-left: 10px; spacing: 10px; } .polkit-dialog-user-layout:rtl { padding-left: 0px; padding-right: 10px; } .polkit-dialog-user-root-label { color: #FF6D00; } .polkit-dialog-user-icon { border-radius: 5px; background-size: contain; width: 48px; height: 48px; } /* Audio selection dialog */ .audio-device-selection-dialog { spacing: 30px; } .audio-selection-content { spacing: 20px; padding: 24px; } .audio-selection-title { font-weight: bold; text-align: center; } .audio-selection-box { spacing: 20px; } .audio-selection-device { border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 2px; } .audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { background-color: #338DD6; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* Access Dialog */ .access-dialog { spacing: 30px; } /* Geolocation Dialog */ .geolocation-dialog { spacing: 30px; } /* Extension Dialog */ .extension-dialog .message-dialog-main-layout { spacing: 24px; padding: 10px; } .extension-dialog .message-dialog-title { color: rgba(0, 0, 0, 0.54); } /* Inhibit-Shortcuts Dialog */ .inhibit-shortcuts-dialog { spacing: 30px; } /* Network Agent Dialog */ .network-dialog-secret-table { spacing-rows: 15px; spacing-columns: 1em; } .keyring-dialog-control-table { spacing-rows: 15px; spacing-columns: 1em; } /* Popovers/Menus */ .popup-menu { min-width: 200px; } .popup-menu .popup-sub-menu { background-color: #EEEEEE; box-shadow: 0 0 transparent; } .popup-menu .popup-menu-content { padding: 8px 0; } .popup-menu .popup-menu-item { spacing: 8px; transition-duration: 100ms; } .popup-menu .popup-menu-item:ltr { padding: 0.4em 24px 0.4em 0; } .popup-menu .popup-menu-item:rtl { padding: 0.4em 0 0.4em 24px; } .popup-menu .popup-menu-item:checked { background-color: #338DD6; color: #FFFFFF; box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { background-color: #529edc; color: #FFFFFF; } .popup-menu .popup-menu-item:checked:active { background-color: #70afe2; color: #FFFFFF !important; } .popup-menu .popup-menu-item:checked:insensitive { color: rgba(255, 255, 255, 0.5); } .popup-menu .popup-menu-item.selected { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); transition-duration: 0ms; } .popup-menu .popup-menu-item:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); transition-duration: 150ms; } .popup-menu .popup-menu-item.selected:active { color: rgba(0, 0, 0, 0.87); } .popup-menu .popup-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-menu .popup-inactive-menu-item { color: rgba(0, 0, 0, 0.87); } .popup-menu .popup-inactive-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-menu.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-border-radius: 0; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; -arrow-box-shadow: none; margin: 5px 8px 8px; background-color: #FAFAFA; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .popup-separator-menu-item { height: 1px; margin: 8px 40px; background-color: transparent; border-color: rgba(0, 0, 0, 0.12); border-bottom-width: 1px; border-bottom-style: solid; } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } /* fallback menu - odd thing for styling App menu when apparently not running under shell. Light Adwaita styled app menu inside the main app window itself rather than the top bar */ /* OSD */ .osd-window { text-align: center; font-weight: bold; spacing: 1em; margin: 32px; min-width: 64px; min-height: 64px; } .osd-window .osd-monitor-label { font-size: 45px; font-weight: 400; } .osd-window .level { height: 8px; border-radius: 0; background-color: rgba(51, 141, 214, 0.3); color: rgba(0, 0, 0, 0.87); } .osd-window .level-bar { background-color: #338DD6; border-radius: 0; } /* Pad OSD */ .pad-osd-window { padding: 32px; background-color: rgba(0, 0, 0, 0.6); } .pad-osd-window .pad-osd-title-box { spacing: 12px; } .pad-osd-window .pad-osd-title-menu-box { spacing: 6px; } .combo-box-label { width: 15em; } /* App Switcher */ .switcher-popup { padding: 8px; spacing: 16px; } .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { padding: 8px; border-radius: 2px; } .switcher-list .item-box:outlined { padding: 8px; border: none; background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } .switcher-list .item-box:selected { background-color: #338DD6; color: #FFFFFF; } .switcher-list .thumbnail-box { padding: 2px; spacing: 4px; } .switcher-list .thumbnail { width: 256px; } .switcher-list .separator { width: 1px; background: rgba(0, 0, 0, 0.12); } .switcher-arrow { border-color: transparent; color: rgba(0, 0, 0, 0.38); } .switcher-arrow:highlighted { color: rgba(0, 0, 0, 0.87); } .input-source-switcher-symbol { font-size: 45px; font-weight: 400; width: 96px; height: 96px; } /* Window Cycler */ .cycler-highlight { border: 4px solid #338DD6; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher { background: transparent; border: 0px; border-radius: 0px; padding: 0px; spacing: 8px; } .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; background-color: #338DD6; color: #FFFFFF; background-size: 32px; border-radius: 2px; } .ws-switcher-box { height: 48px; border: none; background: rgba(0, 0, 0, 0.12); border-radius: 2px; } .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); border-radius: 2px; padding: 12px; } /* Tiled window previews */ .tile-preview { background-color: rgba(64, 196, 255, 0.3); border: 1px solid #40C4FF; } .tile-preview-left.on-primary { border-radius: 0 0 0 0; } .tile-preview-right.on-primary { border-radius: 0 0 0 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0 0 0 0; } /* TOP BAR */ #panel { background-color: rgba(0, 0, 0, 0.6); /* transition from solid to transparent */ transition-duration: 250ms; font-weight: bold; height: 32px; } #panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { background-color: transparent; } #panel #panelLeft, #panel #panelCenter { spacing: 0; } #panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: rgba(0, 0, 0, 0.6); -panel-corner-border-width: 2px; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: #FFFFFF; } #panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: rgba(255, 255, 255, 0.7); text-shadow: none; transition-duration: 150ms; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; } #panel .panel-button .system-status-icon, #panel .panel-button .app-menu-icon > StIcon, #panel .panel-button .popup-menu-arrow { icon-shadow: none; } #panel .panel-button:hover { color: #FFFFFF; text-shadow: none; } #panel .panel-button:hover .system-status-icon, #panel .panel-button:hover .app-menu-icon > StIcon, #panel .panel-button:hover .popup-menu-arrow { icon-shadow: none; } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { background-color: rgba(0, 0, 0, 0.01); box-shadow: inset 0 -2px 0px #FFFFFF; color: #FFFFFF; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { icon-shadow: none; } #panel .panel-button .system-status-icon { icon-size: 1.14286em; padding: 0 4px; } .unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { color: rgba(255, 255, 255, 0.7); } .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { color: #FFFFFF; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator { color: #FF6D00; } #panel.solid { background-color: rgba(0, 0, 0, 0.6); /* transition from transparent to solid */ transition-duration: 250ms; background-gradient-direction: none; text-shadow: none; } #panel.solid:overview { background-color: transparent; } #panel.solid .panel-corner { -panel-corner-background-color: rgba(0, 0, 0, 0.6); } #panel.solid .panel-button { color: rgba(255, 255, 255, 0.7); text-shadow: none; } #panel.solid .panel-button:hover, #panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { color: #FFFFFF; } #panel.solid .system-status-icon, #panel.solid .app-menu-icon > StIcon, #panel.solid .popup-menu-arrow { icon-shadow: none; } #calendarArea { padding: 8px 16px; } .calendar { margin-bottom: 0; } .calendar, .datemenu-today-button, .datemenu-displays-box, .message-list-sections { margin: 0 8px; } .datemenu-calendar-column { spacing: 8px; } .datemenu-displays-section { padding-bottom: 0; } .datemenu-displays-box { spacing: 8px; } .datemenu-calendar-column { border: 0 solid rgba(0, 0, 0, 0.12); } .datemenu-calendar-column:ltr { border-left-width: 0; } .datemenu-calendar-column:rtl { border-right-width: 0; } .datemenu-today-button, .world-clocks-button, .weather-button, .events-section-title { min-height: 24px; padding: 4px 8px; border-radius: 2px; } .datemenu-today-button { min-height: 56px; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .datemenu-today-button:hover, .datemenu-today-button:focus, .world-clocks-button:hover, .world-clocks-button:focus, .weather-button:hover, .weather-button:focus, .events-section-title:hover, .events-section-title:focus { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); } .datemenu-today-button:active, .world-clocks-button:active, .weather-button:active, .events-section-title:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); } .datemenu-today-button .date-label { font-size: 18pt; font-weight: 400; } .world-clocks-header, .weather-header, .events-section-title { color: rgba(0, 0, 0, 0.54); font-weight: bold; } .world-clocks-grid { spacing-rows: 0.4em; } .weather-box { spacing: 0.4em; } .calendar-month-label { height: 20px; margin: 2px; padding: 6px 16px; border-radius: 2px; color: rgba(0, 0, 0, 0.87); font-weight: bold; text-align: center; } .calendar-month-label:focus { background-color: rgba(0, 0, 0, 0.12); } .pager-button { width: 32px; height: 32px; margin: 2px; border-radius: 100px; background-color: transparent; color: rgba(0, 0, 0, 0.87); } .pager-button:hover, .pager-button:focus { background-color: rgba(0, 0, 0, 0.12); } .pager-button:active { background-color: rgba(0, 0, 0, 0.26); } .calendar-change-month-back { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-change-month-back:rtl { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward:rtl { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-day-base { font-size: 9pt; font-weight: 400; text-align: center; width: 32px; height: 32px; padding: 0; margin: 2px; border-radius: 100px; } .calendar-day-base:hover, .calendar-day-base:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar-day-base:active { color: inherit; background-color: rgba(0, 0, 0, 0.26); border-color: transparent; } .calendar-day-base:selected { color: #FFFFFF; background-color: #338DD6; border-color: transparent; } .calendar-day-base.calendar-day-heading { width: 32px; height: 25px; margin-top: 2px; padding: 7px 0 0; border-radius: 100px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-size: 9pt; font-weight: 400; font-weight: bold; text-align: center; } .calendar-day { border-width: 0; } .calendar-day-top { border-top-width: 0; } .calendar-day-left { border-left-width: 0; } .calendar-nonwork-day { color: rgba(0, 0, 0, 0.87); } .calendar-today { font-weight: bold !important; border: none; } .calendar-day-with-events { color: #338DD6; font-weight: normal; text-decoration: underline; background-image: none; } .calendar-other-month-day { color: rgba(0, 0, 0, 0.26); opacity: 0.5; } .calendar-week-number { width: 32px; height: 25px; margin: 2px; padding: 7px 0 0; border-radius: 100px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-size: inherit; font-weight: bold; text-align: center; } /* Message list */ .message-list { width: 420px; } .message-list-clear-button.button { background-color: transparent; margin: 8px 8px 0; } .message-list-clear-button.button:hover, .message-list-clear-button.button:focus { background-color: rgba(0, 0, 0, 0.12); } .message-list-clear-button.button:active { background-color: rgba(0, 0, 0, 0.26); } .message-list-sections { spacing: 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message { min-height: 64px; background-color: transparent; border-radius: 2px; } .message:hover, .message:focus { background-color: rgba(0, 0, 0, 0.12); } .message:active { background-color: rgba(0, 0, 0, 0.26); } .message-icon-bin { padding: 8px 0px 8px 8px; } .message-icon-bin:rtl { padding: 8px 8px 8px 0px; } .message-icon-bin > StIcon { color: rgba(0, 0, 0, 0.87); icon-size: 1.14286em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } .message-icon-bin > StIcon:rtl { margin: 4px 4px 4px 0px; } .message-secondary-bin { padding: 0 8px; } .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; color: rgba(0, 0, 0, 0.54); font-size: 1em; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-bottom: 0; } .message-secondary-bin > StIcon { icon-size: 1.14286em; } .message-title { min-height: 22px; padding-top: 2px; color: rgba(0, 0, 0, 0.87); font-weight: bold; font-size: 1em; } .message-content { min-height: 48px; padding: 8px; color: rgba(0, 0, 0, 0.54); font-size: 1em; } .message-content * > StIcon { icon-size: 16px; border-radius: 16px; padding: 4px; color: rgba(0, 0, 0, 0.54); } /* FIXME: how do you do this in sass? */ .message-content *:hover > StIcon, .message-content *:focus > StIcon { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); } .message-content *:active > StIcon { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); } .message-media-control { margin: 16px 0; padding: 8px; border-radius: 100px; color: rgba(0, 0, 0, 0.54); } .message-media-control:hover, .message-media-control:focus { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); } .message-media-control:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); } .message-media-control:insensitive { color: rgba(0, 0, 0, 0.26); } .message-media-control:last-child:ltr { margin-right: 16px; padding-right: 8px; } .message-media-control:last-child:rtl { margin-left: 16px; padding-left: 8px; } .media-message-cover-icon { icon-size: 32px !important; margin: 8px 0px 8px 4px !important; } .media-message-cover-icon:rtl { margin: 8px 4px 8px 0px !important; } .media-message-cover-icon.fallback { icon-size: 16px !important; padding: 8px; border: none; border-radius: 2px; background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.38); } .system-switch-user-submenu-icon.user-icon { icon-size: 20px; padding: 0 2px; } .system-switch-user-submenu-icon.default-icon { icon-size: 16px; padding: 0 4px; } #appMenu { spinner-image: url("process-working.svg"); spacing: 4px; } #appMenu .label-shadow { color: transparent; } .aggregate-menu { min-width: 280px; } .aggregate-menu .popup-menu-icon { padding: 0 4px; } .aggregate-menu .popup-sub-menu .popup-menu-item :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; margin-left: 1.14286em; } .aggregate-menu .popup-sub-menu .popup-menu-item :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; margin-right: 1.14286em; } .system-menu-action { color: rgba(0, 0, 0, 0.54); border-radius: 100px; /* wish we could do 50% */ padding: 16px; border: none; } .system-menu-action:hover, .system-menu-action:focus { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); border: none; padding: 16px; } .system-menu-action:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } .system-menu-action > StIcon { icon-size: 16px; } .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; background-color: rgba(255, 255, 255, 0.3); background-image: none; background-size: auto; } .ripple-box:rtl { border-radius: 0 0 0 48px; background-image: none; } .popup-menu-arrow { width: 16px; height: 16px; } .popup-menu-icon { icon-size: 1.14286em; } .window-close { transition-duration: 0ms; height: 36px; width: 36px; -shell-close-overlap: 18px; -st-background-image-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); background-image: url("assets/window-close.svg"); background-size: 36px; } .window-close:hover { -st-background-image-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-image: url("assets/window-close.svg"); } .window-close:active { background-image: url("assets/window-close-active.svg"); } .window-close:rtl { -st-background-image-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .window-close:rtl:hover { -st-background-image-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } /* NETWORK DIALOGS */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: center; } .nm-dialog-airplane-text { color: rgba(0, 0, 0, 0.87); } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-scroll-view { border: none; } .nm-dialog-header { font-size: 15pt; font-weight: 500; } .nm-dialog-item { font-size: 1em; border-bottom: none; border-radius: 2px; padding: 12px; spacing: 20px; } .nm-dialog-item:hover, .nm-dialog-item:focus { background-color: rgba(0, 0, 0, 0.12); } .nm-dialog-item:active { background-color: rgba(0, 0, 0, 0.26); } .nm-dialog-item:selected { background-color: #338DD6; color: #FFFFFF; } .nm-dialog-icons { spacing: .5em; } .nm-dialog-icon { icon-size: 16px; } .no-networks-label { color: rgba(0, 0, 0, 0.38); } .no-networks-box { spacing: 12px; } /* OVERVIEW */ #overview { spacing: 24px; } .overview-controls { padding-bottom: 32px; } .window-picker { -horizontal-spacing: 16px; -vertical-spacing: 16px; padding: 0 16px 32px; } .window-picker.external-monitor { padding: 16px; } .window-clone-border { border: 4px solid rgba(255, 255, 255, 0.3); border-radius: 2px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .window-caption { spacing: 25px; color: #FFFFFF; background-color: rgba(0, 0, 0, 0.6); border-radius: 2px; padding: 4px 8px; } .search-entry { width: 304px; padding: 0 8px; border-radius: 0; color: rgba(255, 255, 255, 0.5); selection-background-color: rgba(255, 255, 255, 0.3); selected-color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #FFFFFF; padding: 0 8px; border-width: 0; color: #FFFFFF; } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 0; color: rgba(255, 255, 255, 0.5); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: #FFFFFF; } #searchResultsBin { max-width: 1000px; } #searchResultsContent { padding-left: 20px; padding-right: 20px; spacing: 16px; } .search-section { spacing: 16px; } .search-section-content { spacing: 32px; } .list-search-results { spacing: 3px; } .search-section-separator { height: 1px; background-color: rgba(255, 255, 255, 0.12); } .list-search-result-content { spacing: 30px; } .list-search-result-title { font-size: 12pt; font-weight: 400; color: #FFFFFF; spacing: 12px; } .list-search-result-description { color: rgba(255, 255, 255, 0.7); } .list-search-provider-details { width: 150px; color: rgba(255, 255, 255, 0.7); margin-top: 0.24em; } .list-search-provider-content { spacing: 20px; } .search-provider-icon { padding: 15px; } /* DASHBOARD */ #dash { font-size: 1em; color: #FFFFFF; background-color: rgba(255, 255, 255, 0.1); padding: 3px 0; border: none; border-left: 0px; border-radius: 0px 2px 2px 0px; } #dash:rtl { border-radius: 2px 0 0 2px; } #dash .placeholder { background-image: url("assets/dash-placeholder.svg"); background-size: contain; height: 24px; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { border-radius: 2px; padding: 7px 8px; color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-align: center; -x-offset: 8px; } /* App Vault/Grid */ .icon-grid { spacing: 30px; -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; } .icon-grid .overview-icon { icon-size: 96px; } .system-action-icon { box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); background-color: #212121; color: #FFFFFF; border-radius: 99px; icon-size: 48px; } .app-view-controls { width: 320px; padding-bottom: 32px; } .app-view-control { padding: 0 16px; font-weight: bold; color: rgba(255, 255, 255, 0.7); } .app-view-control:hover { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12) !important; } .app-view-control:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3) !important; } .app-view-control:checked { color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01) !important; box-shadow: inset 0 2px 0 #FFFFFF; } .app-view-control:first-child { border-right-width: 0; border-radius: 2px; } .app-view-control:first-child:checked { border-radius: 0; } .app-view-control:last-child { border-radius: 2px; } .app-view-control:last-child:checked { border-radius: 0; } .search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, .list-search-result:focus, .list-search-result:selected, .list-search-result:hover { background-color: rgba(255, 255, 255, 0.12); transition-duration: 0ms; } .search-provider-icon:active, .search-provider-icon:checked, .list-search-result:active, .list-search-result:checked { background-color: rgba(255, 255, 255, 0.3); transition-duration: 150ms; } .app-well-app:hover .overview-icon, .app-well-app:focus .overview-icon, .app-well-app:selected .overview-icon, .app-well-app.app-folder:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-well-app.app-folder:selected .overview-icon, .show-apps:hover .overview-icon, .show-apps:focus .overview-icon, .show-apps:selected .overview-icon, .grid-search-result:hover .overview-icon, .grid-search-result:focus .overview-icon, .grid-search-result:selected .overview-icon { background-color: rgba(255, 255, 255, 0.12); transition-duration: 0ms; border-image: none; background-image: none; } .app-well-app:active .overview-icon, .app-well-app:checked .overview-icon, .app-well-app.app-folder:active .overview-icon, .app-well-app.app-folder:checked .overview-icon, .show-apps:active .overview-icon, .show-apps:checked .overview-icon, .grid-search-result:active .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.3); box-shadow: 0 0 transparent; transition-duration: 150ms; } .app-well-app-running-dot { width: 32px; height: 2px; background-color: #FFFFFF; margin-bottom: 0; } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .app-well-app.app-folder .overview-icon, .show-apps .overview-icon, .grid-search-result .overview-icon { color: #FFFFFF; border-radius: 2px; padding: 6px; border: none; transition-duration: 150ms; text-align: center; } .app-well-app.app-folder > .overview-icon { background-color: rgba(255, 255, 255, 0.1); } .show-apps .show-apps-icon { color: rgba(255, 255, 255, 0.7); } .show-apps:hover .show-apps-icon, .show-apps:active .show-apps-icon, .show-apps:checked .show-apps-icon, .show-apps:focus .show-apps-icon { color: #FFFFFF; transition-duration: 150ms; } .app-folder-popup { -arrow-border-radius: 2px; -arrow-background-color: rgba(255, 255, 255, 0.1); -arrow-base: 24px; -arrow-rise: 12px; } .app-folder-popup-bin { padding: 5px; } .app-folder-icon { padding: 5px; spacing-rows: 5px; spacing-columns: 5px; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 12px; height: 12px; border-radius: 12px; background-image: none; background-color: rgba(255, 255, 255, 0.3); } .page-indicator:hover .page-indicator-icon { background-image: none; background-color: rgba(255, 255, 255, 0.5); } .page-indicator:active .page-indicator-icon { background-image: none; background-color: rgba(255, 255, 255, 0.7); } .page-indicator:checked .page-indicator-icon { background-image: none; background-color: #FFFFFF; transition-duration: 0ms; } .page-indicator:checked:active { background-image: none; } .app-well-app > .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label { padding: 10px 8px 5px 8px; spacing: 4px; } .workspace-thumbnails { visible-width: 32px; spacing: 12px; padding: 12px; border-radius: 2px 0 0 2px; } .workspace-thumbnails:rtl { border-radius: 0 2px 2px 0; } .workspace-thumbnails .placeholder { background-image: url("assets/dash-placeholder.svg"); background-size: contain; height: 24px; } .workspace-thumbnail-indicator { border: 0 solid #FFFFFF; border-left-width: 2px; padding: 6px; border-radius: 0; } .search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { padding: 0px 88px 10px 88px; } .workspace-thumbnails { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.1); border: none; } .search-statustext, .no-frequent-applications-label { font-size: 45px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { link-color: #338DD6; } .notification-banner { font-size: 1em; width: 34em; min-height: 64px; margin: 5px; border-radius: 2px; color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .notification-banner:hover { background-color: #FAFAFA; } .notification-banner:focus { background-color: #FAFAFA; } .notification-banner .notification-icon { padding: 5px; } .notification-banner .notification-content { padding: 5px; spacing: 5px; } .notification-banner .secondary-icon { icon-size: 1.14286em; } .notification-banner .notification-actions { background-color: transparent; padding-top: 0; border-top: 1px solid rgba(0, 0, 0, 0.12); spacing: 1px; } .notification-banner .notification-button { min-height: 40px; padding: 0 16px; background-color: transparent; color: rgba(0, 0, 0, 0.54); font-weight: 500; } .notification-banner .notification-button:first-child { border-radius: 0 0 0 2px; } .notification-banner .notification-button:last-child { border-radius: 0 0 2px 0; } .notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } .notification-banner .notification-button:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } .summary-source-counter { font-size: 1em; font-weight: bold; height: 1.6em; width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; background-color: #338DD6; color: #FFFFFF; border: 2px solid #FFFFFF; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } .secondary-icon { icon-size: 1.14286em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: rgba(0, 0, 0, 0.87); } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0px; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: rgba(0, 0, 0, 0.54); } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; font-size: 9pt; font-weight: 400; color: rgba(0, 0, 0, 0.38); } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-transient-box { spacing: 6px; padding: 2px 72px 2px 12px; } .hotplug-notification-item { padding: 2px 10px; } .hotplug-notification-item:focus { padding: 1px 71px 1px 11px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 2px 5px; } .hotplug-resident-box { spacing: 8px; } .hotplug-resident-mount { spacing: 8px; border-radius: 2px; } .hotplug-resident-mount:hover { background-color: rgba(0, 0, 0, 0.12); } .hotplug-resident-mount:active { background-color: rgba(0, 0, 0, 0.26); } .hotplug-resident-mount-label { color: inherit; padding-left: 6px; } .hotplug-resident-mount-icon { icon-size: 24px; padding-left: 6px; } .hotplug-resident-eject-icon { icon-size: 16px; } .hotplug-resident-eject-button { padding: 7px; border-radius: 2px; color: rgba(0, 0, 0, 0.87); } /* Eeeky things */ .magnifier-zoom-region { border: 2px solid #338DD6; } .magnifier-zoom-region.full-screen { border-width: 0; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.3); } .keyboard-layout { spacing: 10px; padding: 10px; } .keyboard-row { spacing: 15px; } .keyboard-key { min-height: 72px; min-width: 72px; font-size: 2em; font-weight: 500; border-radius: 2px; border: none; color: inherit; color: rgba(0, 0, 0, 0.62); background-color: #FAFAFA; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; icon-shadow: none; } .keyboard-key:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-key:hover, .keyboard-key:checked { color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .keyboard-key:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(188, 188, 188, 0.961); border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .keyboard-key:grayed { background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; border-color: rgba(0, 0, 0, 0.3); } .keyboard-subkeys { color: inherit; padding: 5px; -arrow-border-radius: 0; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; -boxpointer-gap: 5px; background-color: #FAFAFA; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: rgba(0, 0, 0, 0.38); } .candidate-box:selected .candidate-index { color: rgba(255, 255, 255, 0.5); } .candidate-box { transition-duration: 0ms; min-height: 32px; padding: 0 8px; border-radius: 2px; } .candidate-box:hover { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } .candidate-box:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } .candidate-box:selected { background-color: #338DD6; color: #FFFFFF; } .candidate-page-button-box { height: 32px; } .vertical .candidate-page-button-box { padding-top: 0; } .horizontal .candidate-page-button-box { padding-left: 0; } .candidate-page-button { min-width: 32px; min-height: 32px; padding: 0; } .candidate-page-button-previous { border-radius: 2px; border-right-width: 0; } .candidate-page-button-next { border-radius: 2px; } .candidate-page-button-icon { icon-size: 1.14286em; } /* Auth Dialogs & Screen Shield */ .framed-user-icon { background-size: contain; border: none; color: #FFFFFF; border-radius: 2px; } .framed-user-icon:hover { border-color: #FFFFFF; color: #FFFFFF; } .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: none; background-color: transparent; } .login-dialog StEntry { color: #FFFFFF; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .login-dialog StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #FFFFFF; } .login-dialog StEntry:insensitive { color: rgba(0, 0, 0, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { padding: 0 16px; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:insensitive { color: rgba(255, 255, 255, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default { color: #FFFFFF; background-color: #009688; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { color: #FFFFFF; background-color: #009688; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:active { color: #FFFFFF; background-color: #4db6ac; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:insensitive { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog-logo-bin { padding: 24px 0px; } .login-dialog-banner { color: rgba(255, 255, 255, 0.7); } .login-dialog-button-box { spacing: 5px; } .login-dialog-message-warning { color: #FF6D00; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; } .login-dialog-user-selection-box { padding: 100px 0px; } .login-dialog-not-listed-label { padding-left: 2px; } .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { color: #FFFFFF; } .login-dialog-not-listed-label { font-size: 1em; font-weight: bold; color: rgba(255, 255, 255, 0.7); padding-top: 1em; } .login-dialog-not-listed-label:hover { color: #FFFFFF; } .login-dialog-not-listed-label:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; padding: .2em; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid #FFFFFF; } .login-dialog-user-list-item { border-radius: 2px; padding: 4px 4px 0; color: rgba(255, 255, 255, 0.7); } .login-dialog-user-list-item:ltr { padding-right: 1em; } .login-dialog-user-list-item:rtl { padding-left: 1em; } .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list-item:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin: 2px 0 0 0; background-color: #FFFFFF; } .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { background-color: #FFFFFF; } .login-dialog-username, .user-widget-label { color: #FFFFFF; font-size: 15pt; font-weight: 500; text-align: left; padding-left: 15px; } .user-widget-label:ltr { padding-left: 18px; } .user-widget-label:rtl { padding-right: 18px; } .login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 8px; width: 23em; } .login-dialog-prompt-label { color: rgba(255, 255, 255, 0.5); font-size: 1em; padding-top: 1em; } .login-dialog-session-list-button StIcon { icon-size: 1.25em; } .login-dialog-session-list-button { color: rgba(255, 255, 255, 0.7); } .login-dialog-session-list-button:hover, .login-dialog-session-list-button:focus { color: #FFFFFF; } .login-dialog-session-list-button:active { color: #FFFFFF; } .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { color: white; width: 80px; height: 48px; -arrow-thickness: 12px; -arrow-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock { color: white; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-weight: normal; text-align: center; padding-bottom: 1.5em; } .screen-shield-clock-time { font-size: 112px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock-date { font-size: 45px; font-weight: 400; } .screen-shield-notifications-container { spacing: 6px; width: 30em; background-color: transparent; max-height: 500px; } .screen-shield-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .screen-shield-notifications-container .notification, .screen-shield-notifications-container .screen-shield-notification-source { padding: 8px; border: none; background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; border-radius: 2px; } .screen-shield-notifications-container .notification { margin-right: 16px; } .screen-shield-notification-label { min-height: 22px; padding: 2px 0px 0px 16px; font-weight: bold; } .screen-shield-notification-count-text { min-height: 22px; padding: 2px 0px 0px 16px; color: rgba(255, 255, 255, 0.7); } #panel.lock-screen { background-color: rgba(0, 0, 0, 0.3); } .screen-shield-background { background: black; box-shadow: 0 19px 19px rgba(0, 0, 0, 0.6), 0 15px 6px rgba(0, 0, 0, 0.44); } #lockDialogGroup { background: #303030; background-size: cover; } #LookingGlassDialog { background-color: #FAFAFA; spacing: 4px; padding: 0; border: none; border-radius: 2px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } #LookingGlassDialog > #Toolbar { padding: 0 8px; border: none; border-radius: 0; background-color: rgba(250, 250, 250, 0.01); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); } #LookingGlassDialog .labels { spacing: 0; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: rgba(0, 0, 0, 0.38); transition-duration: 150ms; padding-left: 16px; padding-right: 16px; min-height: 36px; padding: 0 32px; } #LookingGlassDialog .notebook-tab:hover { box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); text-shadow: none; } #LookingGlassDialog .notebook-tab:selected { border-bottom-width: 0; border-color: transparent; background-color: rgba(250, 250, 250, 0.01); box-shadow: inset 0 -2px 0px #338DD6; color: rgba(0, 0, 0, 0.87); text-shadow: none; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 4px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog StEntry { selection-background-color: #338DD6; selected-color: #FFFFFF; } .lg-dialog .shell-link { color: #338DD6; } .lg-dialog .shell-link:hover { color: #338DD6; } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button { min-height: 36px; padding: 0 16px; border: none; border-radius: 2px; font-size: 10.5pt; font-weight: 500; color: rgba(0, 0, 0, 0.54); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:hover { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:insensitive { color: rgba(0, 0, 0, 0.26); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .lg-obj-inspector-button:hover { border: none; } #lookingGlassExtensions { padding: 4px; } .lg-extensions-list { padding: 4px; spacing: 6px; } .lg-extension { border: none; border-radius: 2px; padding: 4px; } .lg-extension-name { font-size: 18pt; font-weight: 400; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { background: #FAFAFA; border: none; border-radius: 2px; padding: 6px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } /* Dash to Dock */ #dashtodockContainer #dash { background-color: rgba(0, 0, 0, 0.6); } #dashtodockContainer:overview #dash { background-color: rgba(255, 255, 255, 0.1); } #dashtodockContainer.extended:overview #dash { background-color: transparent; } #dashtodockContainer.left #dash, #dashtodockContainer.right #dash { padding: 3px 0; } #dashtodockContainer.top #dash, #dashtodockContainer.bottom #dash { padding: 0 3px; } #dashtodockContainer.extended #dash { padding: 0; border-radius: 0; } #dashtodockContainer.left .dash-item-container > StWidget, #dashtodockContainer.right .dash-item-container > StWidget, #dashtodockContainer.extended.left .dash-item-container > StWidget, #dashtodockContainer.extended.right .dash-item-container > StWidget { padding: 3px 6px; } #dashtodockContainer.extended.left .dash-item-container:first-child > StWidget, #dashtodockContainer.extended.right .dash-item-container:first-child > StWidget { padding: 6px 6px 3px 6px; } #dashtodockContainer.extended.left .dash-item-container:last-child > StWidget, #dashtodockContainer.extended.right .dash-item-container:last-child > StWidget { padding: 3px 6px 6px 6px; } #dashtodockContainer.top .dash-item-container > StWidget, #dashtodockContainer.bottom .dash-item-container > StWidget, #dashtodockContainer.extended.top .dash-item-container > StWidget, #dashtodockContainer.extended.bottom .dash-item-container > StWidget { padding: 6px 3px; } #dashtodockContainer.extended.top .dash-item-container:first-child > StWidget, #dashtodockContainer.extended.bottom .dash-item-container:first-child > StWidget { padding: 6px 3px 6px 6px; } #dashtodockContainer.extended.top .dash-item-container:last-child > StWidget, #dashtodockContainer.extended.bottom .dash-item-container:last-child > StWidget { padding: 6px 6px 6px 3px; } #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } #dashtodockContainer .dash-item-container > StWidget { background-size: cover; } #dashtodockContainer.left .dash-item-container > StWidget.running1 { background-image: url("assets/dash/left-running1.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running2 { background-image: url("assets/dash/left-running2.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running3 { background-image: url("assets/dash/left-running3.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running4 { background-image: url("assets/dash/left-running4.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running1 { background-image: url("assets/dash/right-running1.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running2 { background-image: url("assets/dash/right-running2.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running3 { background-image: url("assets/dash/right-running3.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running4 { background-image: url("assets/dash/right-running4.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running1 { background-image: url("assets/dash/top-running1.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running2 { background-image: url("assets/dash/top-running2.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running3 { background-image: url("assets/dash/top-running3.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running4 { background-image: url("assets/dash/top-running4.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running1 { background-image: url("assets/dash/bottom-running1.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running2 { background-image: url("assets/dash/bottom-running2.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running3 { background-image: url("assets/dash/bottom-running3.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running4 { background-image: url("assets/dash/bottom-running4.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/bottom-running4-focused.svg"); } /* Simple Dock */ #dash:desktop { background-color: rgba(0, 0, 0, 0.6); } /* GPaste */ .popup-menu .search-entry { color: rgba(0, 0, 0, 0.87); selection-background-color: #338DD6; selected-color: #FFFFFF; background-color: rgba(250, 250, 250, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .popup-menu .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #338DD6; color: rgba(0, 0, 0, 0.87); } .popup-menu .search-entry .search-entry-icon { color: rgba(0, 0, 0, 0.38); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { color: rgba(0, 0, 0, 0.87); } materia-theme-20180321/src/gnome-shell/3.26/gnome-shell-light.scss000066400000000000000000000004161325420104000242730ustar00rootroot00000000000000$variant: 'light'; $titlebar: 'light'; $compact: 'false'; @import '../../_sass/gnome-shell/variables'; @import '../../_sass/colors'; @import '../../_sass/gnome-shell/drawing'; @import '../../_sass/gnome-shell/common-3.26'; @import '../../_sass/gnome-shell/extensions'; materia-theme-20180321/src/gnome-shell/3.26/gnome-shell.css000066400000000000000000001761271325420104000230200ustar00rootroot00000000000000/* This stylesheet is generated, DO NOT EDIT */ /* Copyright 2009, 2015 Red Hat, Inc. * * Portions adapted from Mx's data/style/default.css * Copyright 2009 Intel Corporation * * This program is free software; you can redistribute it and/or modify it * under the terms and conditions of the GNU Lesser General Public License, * version 2.1, as published by the Free Software Foundation. * * This program is distributed in the hope it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for * more details. * * You should have received a copy of the GNU Lesser General Public License * along with this program; if not, write to the Free Software Foundation, * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. */ /* GLOBALS */ * { transition-duration: 150ms; } stage { font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; font-size: 10.5pt; font-weight: 400; color: rgba(0, 0, 0, 0.87); } /* WIDGETS */ /* Buttons */ .button { min-height: 36px; padding: 0 16px; border-width: 0; border-radius: 2px; font-size: 10.5pt; font-weight: 500; color: rgba(0, 0, 0, 0.54); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:hover { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:insensitive { color: rgba(0, 0, 0, 0.26); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .modal-dialog-linked-button { min-height: 40px; padding: 0 16px; border-top: 1px solid rgba(0, 0, 0, 0.12) !important; border-right-width: 0; font-size: 10.5pt; font-weight: 500; color: rgba(0, 0, 0, 0.54); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:hover { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:insensitive { color: rgba(0, 0, 0, 0.26); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .modal-dialog-linked-button:first-child { border-radius: 0px 0px 0px 2px; } .modal-dialog-linked-button:last-child { border-right-width: 0px; border-radius: 0px 0px 2px 0px; } .modal-dialog-linked-button:first-child:last-child { border-right-width: 0px; border-radius: 0px 0px 2px 2px; } /* Entries */ StEntry { min-height: 36px; padding: 0 8px; border-radius: 0; border-width: 0; color: rgba(0, 0, 0, 0.87); selection-background-color: #338DD6; selected-color: #FFFFFF; font-size: 12pt; font-weight: 400; background-color: rgba(250, 250, 250, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #338DD6; } StEntry:insensitive { color: rgba(0, 0, 0, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); } StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #FF6D00; padding: 0 0; } /* Scrollbars */ StScrollView.vfade { -st-vfade-offset: 32px; } StScrollView.hfade { -st-hfade-offset: 32px; } StScrollBar { padding: 0; } StScrollView StScrollBar { min-width: 16px; min-height: 16px; } StScrollBar StBin#trough { margin: 4px; border-radius: 100px; background-color: rgba(0, 0, 0, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 100px; background-color: rgba(0, 0, 0, 0.38); margin: 4px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(0, 0, 0, 0.54); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: rgba(0, 0, 0, 0.87); } #overview StScrollBar StBin#trough, #screenShieldNotifications StScrollBar StBin#trough { background-color: rgba(255, 255, 255, 0.12); } #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#hhandle, #screenShieldNotifications StScrollBar StButton#hhandle { background-color: rgba(255, 255, 255, 0.5); } #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#hhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { background-color: rgba(255, 255, 255, 0.7); } #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#hhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { background-color: #FFFFFF; } /* Slider */ .slider { height: 20px; color: #009688; -slider-height: 2px; -slider-background-color: rgba(0, 0, 0, 0.26); -slider-border-color: transparent; -slider-active-background-color: #009688; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 7px; } /* Check Boxes */ .check-box * { min-height: 20px; padding: 8px 0; } .check-box StBoxLayout { spacing: 8px; } .check-box StBin { width: 24px; height: 24px; padding: 6px; border-radius: 100px; background-image: url("assets/checkbox-off.svg"); } .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } .check-box:hover StBin { background-color: rgba(0, 0, 0, 0.12); } .check-box:active StBin { background-color: rgba(0, 0, 0, 0.26); } .check-box:checked StBin { background-image: url("assets/checkbox.svg"); } .check-box:focus:checked StBin { background-image: url("assets/checkbox.svg"); } .check-box:hover:checked StBin { background-color: rgba(0, 150, 136, 0.15); } .check-box:active:checked StBin { background-color: rgba(0, 150, 136, 0.3); } /* Switches */ .toggle-switch { width: 40px; height: 20px; background-size: contain; } .toggle-switch-us { background-image: url("assets/toggle-off.svg"); } .toggle-switch-us:checked { background-image: url("assets/toggle-on.svg"); } .toggle-switch-intl { background-image: url("assets/toggle-off.svg"); } .toggle-switch-intl:checked { background-image: url("assets/toggle-on.svg"); } /* links */ .shell-link { border-radius: 2px; color: #338DD6; } .shell-link:hover { color: #338DD6; background-color: rgba(51, 141, 214, 0.15); } .shell-link:active { color: #338DD6; background-color: rgba(51, 141, 214, 0.3); } /* Modal Dialogs */ .headline { font-size: 15pt; font-weight: 500; } .lightbox { background-color: black; } .flashspot { background-color: white; } .modal-dialog { border-radius: 2px; color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } .modal-dialog .modal-dialog-content-box { padding: 24px; } .modal-dialog .run-dialog-entry { width: 20em; margin-bottom: 6px; } .modal-dialog .run-dialog-error-box { padding-top: 16px; spacing: 6px; } .modal-dialog .run-dialog-button-box { padding-top: 1em; } .modal-dialog .run-dialog-label { font-size: 1em; font-weight: normal; color: rgba(0, 0, 0, 0.38); padding-bottom: .4em; } .mount-dialog-subject, .end-session-dialog-subject { font-size: 15pt; font-weight: 500; } /* Message Dialog */ .message-dialog-main-layout { padding: 12px 20px 0; spacing: 12px; } .message-dialog-content { max-width: 28em; spacing: 20px; } .message-dialog-icon { min-width: 48px; icon-size: 48px; } .message-dialog-title { font-weight: bold; } .message-dialog-subtitle { color: rgba(0, 0, 0, 0.54); font-weight: bold; } /* End Session Dialog */ .end-session-dialog { spacing: 42px; border: none; } .end-session-dialog-list { padding-top: 20px; } .end-session-dialog-layout { padding-left: 17px; } .end-session-dialog-layout:rtl { padding-right: 17px; } .end-session-dialog-description { width: 28em; padding-bottom: 10px; } .end-session-dialog-description:rtl { text-align: right; } .end-session-dialog-warning { width: 28em; color: #FF6D00; padding-top: 6px; } .end-session-dialog-warning:rtl { text-align: right; } .end-session-dialog-logout-icon { border-radius: 5px; width: 48px; height: 48px; background-size: contain; } .end-session-dialog-shutdown-icon { color: rgba(0, 0, 0, 0.38); width: 48px; height: 48px; } .end-session-dialog-inhibitor-layout { spacing: 16px; max-height: 200px; padding-right: 65px; padding-left: 65px; } .end-session-dialog-session-list, .end-session-dialog-app-list { spacing: 1em; } .end-session-dialog-list-header { font-weight: bold; } .end-session-dialog-list-header:rtl { text-align: right; } .end-session-dialog-app-list-item, .end-session-dialog-session-list-item { spacing: 1em; } .end-session-dialog-app-list-item-name, .end-session-dialog-session-list-item-name { font-weight: bold; } .end-session-dialog-app-list-item-description { color: rgba(0, 0, 0, 0.38); font-size: 1em; } /* ShellMountOperation Dialogs */ .shell-mount-operation-icon { icon-size: 48px; } .mount-dialog { spacing: 24px; } .mount-dialog .message-dialog-title { padding-top: 10px; padding-left: 17px; padding-bottom: 6px; max-width: 34em; } .mount-dialog .message-dialog-title:rtl { padding-left: 0px; padding-right: 17px; } .mount-dialog .message-dialog-body { padding-left: 17px; width: 28em; } .mount-dialog .message-dialog-body:rtl { padding-left: 0px; padding-right: 17px; } .mount-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 49px; padding-right: 32px; } .mount-dialog-app-list:rtl { padding-right: 49px; padding-left: 32px; } .mount-dialog-app-list-item { color: rgba(0, 0, 0, 0.87); } .mount-dialog-app-list-item:hover { color: rgba(0, 0, 0, 0.87); } .mount-dialog-app-list-item:ltr { padding-right: 1em; } .mount-dialog-app-list-item:rtl { padding-left: 1em; } .mount-dialog-app-list-item-icon:ltr { padding-right: 17px; } .mount-dialog-app-list-item-icon:rtl { padding-left: 17px; } .mount-dialog-app-list-item-name { font-size: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { width: 34em; border: none; } .prompt-dialog .message-dialog-main-layout { spacing: 24px; padding: 10px; } .prompt-dialog .message-dialog-content { spacing: 16px; } .prompt-dialog .message-dialog-title { font-size: 15pt; font-weight: 500; color: rgba(0, 0, 0, 0.87); } .prompt-dialog-description:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label { font-size: 1em; color: #DD2C00; padding-bottom: 8px; } .prompt-dialog-info-label { font-size: 1em; padding-bottom: 8px; } .hidden { color: transparent; } .prompt-dialog-null-label { font-size: 1em; padding-bottom: 8px; } /* Polkit Dialog */ .polkit-dialog-user-layout { padding-left: 10px; spacing: 10px; } .polkit-dialog-user-layout:rtl { padding-left: 0px; padding-right: 10px; } .polkit-dialog-user-root-label { color: #FF6D00; } .polkit-dialog-user-icon { border-radius: 5px; background-size: contain; width: 48px; height: 48px; } /* Audio selection dialog */ .audio-device-selection-dialog { spacing: 30px; } .audio-selection-content { spacing: 20px; padding: 24px; } .audio-selection-title { font-weight: bold; text-align: center; } .audio-selection-box { spacing: 20px; } .audio-selection-device { border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 2px; } .audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { background-color: #338DD6; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* Access Dialog */ .access-dialog { spacing: 30px; } /* Geolocation Dialog */ .geolocation-dialog { spacing: 30px; } /* Extension Dialog */ .extension-dialog .message-dialog-main-layout { spacing: 24px; padding: 10px; } .extension-dialog .message-dialog-title { color: rgba(0, 0, 0, 0.54); } /* Inhibit-Shortcuts Dialog */ .inhibit-shortcuts-dialog { spacing: 30px; } /* Network Agent Dialog */ .network-dialog-secret-table { spacing-rows: 15px; spacing-columns: 1em; } .keyring-dialog-control-table { spacing-rows: 15px; spacing-columns: 1em; } /* Popovers/Menus */ .popup-menu { min-width: 200px; } .popup-menu .popup-sub-menu { background-color: #EEEEEE; box-shadow: 0 0 transparent; } .popup-menu .popup-menu-content { padding: 8px 0; } .popup-menu .popup-menu-item { spacing: 8px; transition-duration: 100ms; } .popup-menu .popup-menu-item:ltr { padding: 0.4em 24px 0.4em 0; } .popup-menu .popup-menu-item:rtl { padding: 0.4em 0 0.4em 24px; } .popup-menu .popup-menu-item:checked { background-color: #338DD6; color: #FFFFFF; box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { background-color: #529edc; color: #FFFFFF; } .popup-menu .popup-menu-item:checked:active { background-color: #70afe2; color: #FFFFFF !important; } .popup-menu .popup-menu-item:checked:insensitive { color: rgba(255, 255, 255, 0.5); } .popup-menu .popup-menu-item.selected { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); transition-duration: 0ms; } .popup-menu .popup-menu-item:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); transition-duration: 150ms; } .popup-menu .popup-menu-item.selected:active { color: rgba(0, 0, 0, 0.87); } .popup-menu .popup-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-menu .popup-inactive-menu-item { color: rgba(0, 0, 0, 0.87); } .popup-menu .popup-inactive-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-menu.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-border-radius: 0; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; -arrow-box-shadow: none; margin: 5px 8px 8px; background-color: #FAFAFA; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .popup-separator-menu-item { height: 1px; margin: 8px 40px; background-color: transparent; border-color: rgba(0, 0, 0, 0.12); border-bottom-width: 1px; border-bottom-style: solid; } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } /* fallback menu - odd thing for styling App menu when apparently not running under shell. Light Adwaita styled app menu inside the main app window itself rather than the top bar */ /* OSD */ .osd-window { text-align: center; font-weight: bold; spacing: 1em; margin: 32px; min-width: 64px; min-height: 64px; } .osd-window .osd-monitor-label { font-size: 45px; font-weight: 400; } .osd-window .level { height: 8px; border-radius: 0; background-color: rgba(51, 141, 214, 0.3); color: rgba(0, 0, 0, 0.87); } .osd-window .level-bar { background-color: #338DD6; border-radius: 0; } /* Pad OSD */ .pad-osd-window { padding: 32px; background-color: rgba(0, 0, 0, 0.6); } .pad-osd-window .pad-osd-title-box { spacing: 12px; } .pad-osd-window .pad-osd-title-menu-box { spacing: 6px; } .combo-box-label { width: 15em; } /* App Switcher */ .switcher-popup { padding: 8px; spacing: 16px; } .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { padding: 8px; border-radius: 2px; } .switcher-list .item-box:outlined { padding: 8px; border: none; background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } .switcher-list .item-box:selected { background-color: #338DD6; color: #FFFFFF; } .switcher-list .thumbnail-box { padding: 2px; spacing: 4px; } .switcher-list .thumbnail { width: 256px; } .switcher-list .separator { width: 1px; background: rgba(0, 0, 0, 0.12); } .switcher-arrow { border-color: transparent; color: rgba(0, 0, 0, 0.38); } .switcher-arrow:highlighted { color: rgba(0, 0, 0, 0.87); } .input-source-switcher-symbol { font-size: 45px; font-weight: 400; width: 96px; height: 96px; } /* Window Cycler */ .cycler-highlight { border: 4px solid #338DD6; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher { background: transparent; border: 0px; border-radius: 0px; padding: 0px; spacing: 8px; } .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; background-color: #338DD6; color: #FFFFFF; background-size: 32px; border-radius: 2px; } .ws-switcher-box { height: 48px; border: none; background: rgba(0, 0, 0, 0.12); border-radius: 2px; } .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); border-radius: 2px; padding: 12px; } /* Tiled window previews */ .tile-preview { background-color: rgba(64, 196, 255, 0.3); border: 1px solid #40C4FF; } .tile-preview-left.on-primary { border-radius: 0 0 0 0; } .tile-preview-right.on-primary { border-radius: 0 0 0 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0 0 0 0; } /* TOP BAR */ #panel { background-color: rgba(0, 0, 0, 0.6); /* transition from solid to transparent */ transition-duration: 250ms; font-weight: bold; height: 32px; } #panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { background-color: transparent; } #panel #panelLeft, #panel #panelCenter { spacing: 0; } #panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: rgba(0, 0, 0, 0.6); -panel-corner-border-width: 2px; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: #FFFFFF; } #panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: rgba(255, 255, 255, 0.7); text-shadow: none; transition-duration: 150ms; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; } #panel .panel-button .system-status-icon, #panel .panel-button .app-menu-icon > StIcon, #panel .panel-button .popup-menu-arrow { icon-shadow: none; } #panel .panel-button:hover { color: #FFFFFF; text-shadow: none; } #panel .panel-button:hover .system-status-icon, #panel .panel-button:hover .app-menu-icon > StIcon, #panel .panel-button:hover .popup-menu-arrow { icon-shadow: none; } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { background-color: rgba(0, 0, 0, 0.01); box-shadow: inset 0 -2px 0px #FFFFFF; color: #FFFFFF; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { icon-shadow: none; } #panel .panel-button .system-status-icon { icon-size: 1.14286em; padding: 0 4px; } .unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { color: rgba(255, 255, 255, 0.7); } .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { color: #FFFFFF; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator { color: #FF6D00; } #panel.solid { background-color: #212121; /* transition from transparent to solid */ transition-duration: 250ms; background-gradient-direction: none; text-shadow: none; } #panel.solid:overview { background-color: transparent; } #panel.solid .panel-corner { -panel-corner-background-color: #212121; } #panel.solid .panel-button { color: rgba(255, 255, 255, 0.7); text-shadow: none; } #panel.solid .panel-button:hover, #panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { color: #FFFFFF; } #panel.solid .system-status-icon, #panel.solid .app-menu-icon > StIcon, #panel.solid .popup-menu-arrow { icon-shadow: none; } #calendarArea { padding: 8px 16px; } .calendar { margin-bottom: 0; } .calendar, .datemenu-today-button, .datemenu-displays-box, .message-list-sections { margin: 0 8px; } .datemenu-calendar-column { spacing: 8px; } .datemenu-displays-section { padding-bottom: 0; } .datemenu-displays-box { spacing: 8px; } .datemenu-calendar-column { border: 0 solid rgba(0, 0, 0, 0.12); } .datemenu-calendar-column:ltr { border-left-width: 0; } .datemenu-calendar-column:rtl { border-right-width: 0; } .datemenu-today-button, .world-clocks-button, .weather-button, .events-section-title { min-height: 24px; padding: 4px 8px; border-radius: 2px; } .datemenu-today-button { min-height: 56px; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .datemenu-today-button:hover, .datemenu-today-button:focus, .world-clocks-button:hover, .world-clocks-button:focus, .weather-button:hover, .weather-button:focus, .events-section-title:hover, .events-section-title:focus { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); } .datemenu-today-button:active, .world-clocks-button:active, .weather-button:active, .events-section-title:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); } .datemenu-today-button .date-label { font-size: 18pt; font-weight: 400; } .world-clocks-header, .weather-header, .events-section-title { color: rgba(0, 0, 0, 0.54); font-weight: bold; } .world-clocks-grid { spacing-rows: 0.4em; } .weather-box { spacing: 0.4em; } .calendar-month-label { height: 20px; margin: 2px; padding: 6px 16px; border-radius: 2px; color: rgba(0, 0, 0, 0.87); font-weight: bold; text-align: center; } .calendar-month-label:focus { background-color: rgba(0, 0, 0, 0.12); } .pager-button { width: 32px; height: 32px; margin: 2px; border-radius: 100px; background-color: transparent; color: rgba(0, 0, 0, 0.87); } .pager-button:hover, .pager-button:focus { background-color: rgba(0, 0, 0, 0.12); } .pager-button:active { background-color: rgba(0, 0, 0, 0.26); } .calendar-change-month-back { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-change-month-back:rtl { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward:rtl { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-day-base { font-size: 9pt; font-weight: 400; text-align: center; width: 32px; height: 32px; padding: 0; margin: 2px; border-radius: 100px; } .calendar-day-base:hover, .calendar-day-base:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar-day-base:active { color: inherit; background-color: rgba(0, 0, 0, 0.26); border-color: transparent; } .calendar-day-base:selected { color: #FFFFFF; background-color: #338DD6; border-color: transparent; } .calendar-day-base.calendar-day-heading { width: 32px; height: 25px; margin-top: 2px; padding: 7px 0 0; border-radius: 100px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-size: 9pt; font-weight: 400; font-weight: bold; text-align: center; } .calendar-day { border-width: 0; } .calendar-day-top { border-top-width: 0; } .calendar-day-left { border-left-width: 0; } .calendar-nonwork-day { color: rgba(0, 0, 0, 0.87); } .calendar-today { font-weight: bold !important; border: none; } .calendar-day-with-events { color: #338DD6; font-weight: normal; text-decoration: underline; background-image: none; } .calendar-other-month-day { color: rgba(0, 0, 0, 0.26); opacity: 0.5; } .calendar-week-number { width: 32px; height: 25px; margin: 2px; padding: 7px 0 0; border-radius: 100px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-size: inherit; font-weight: bold; text-align: center; } /* Message list */ .message-list { width: 420px; } .message-list-clear-button.button { background-color: transparent; margin: 8px 8px 0; } .message-list-clear-button.button:hover, .message-list-clear-button.button:focus { background-color: rgba(0, 0, 0, 0.12); } .message-list-clear-button.button:active { background-color: rgba(0, 0, 0, 0.26); } .message-list-sections { spacing: 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message { min-height: 64px; background-color: transparent; border-radius: 2px; } .message:hover, .message:focus { background-color: rgba(0, 0, 0, 0.12); } .message:active { background-color: rgba(0, 0, 0, 0.26); } .message-icon-bin { padding: 8px 0px 8px 8px; } .message-icon-bin:rtl { padding: 8px 8px 8px 0px; } .message-icon-bin > StIcon { color: rgba(0, 0, 0, 0.87); icon-size: 1.14286em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } .message-icon-bin > StIcon:rtl { margin: 4px 4px 4px 0px; } .message-secondary-bin { padding: 0 8px; } .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; color: rgba(0, 0, 0, 0.54); font-size: 1em; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-bottom: 0; } .message-secondary-bin > StIcon { icon-size: 1.14286em; } .message-title { min-height: 22px; padding-top: 2px; color: rgba(0, 0, 0, 0.87); font-weight: bold; font-size: 1em; } .message-content { min-height: 48px; padding: 8px; color: rgba(0, 0, 0, 0.54); font-size: 1em; } .message-content * > StIcon { icon-size: 16px; border-radius: 16px; padding: 4px; color: rgba(0, 0, 0, 0.54); } /* FIXME: how do you do this in sass? */ .message-content *:hover > StIcon, .message-content *:focus > StIcon { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); } .message-content *:active > StIcon { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); } .message-media-control { margin: 16px 0; padding: 8px; border-radius: 100px; color: rgba(0, 0, 0, 0.54); } .message-media-control:hover, .message-media-control:focus { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); } .message-media-control:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); } .message-media-control:insensitive { color: rgba(0, 0, 0, 0.26); } .message-media-control:last-child:ltr { margin-right: 16px; padding-right: 8px; } .message-media-control:last-child:rtl { margin-left: 16px; padding-left: 8px; } .media-message-cover-icon { icon-size: 32px !important; margin: 8px 0px 8px 4px !important; } .media-message-cover-icon:rtl { margin: 8px 4px 8px 0px !important; } .media-message-cover-icon.fallback { icon-size: 16px !important; padding: 8px; border: none; border-radius: 2px; background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.38); } .system-switch-user-submenu-icon.user-icon { icon-size: 20px; padding: 0 2px; } .system-switch-user-submenu-icon.default-icon { icon-size: 16px; padding: 0 4px; } #appMenu { spinner-image: url("process-working.svg"); spacing: 4px; } #appMenu .label-shadow { color: transparent; } .aggregate-menu { min-width: 280px; } .aggregate-menu .popup-menu-icon { padding: 0 4px; } .aggregate-menu .popup-sub-menu .popup-menu-item :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; margin-left: 1.14286em; } .aggregate-menu .popup-sub-menu .popup-menu-item :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; margin-right: 1.14286em; } .system-menu-action { color: rgba(0, 0, 0, 0.54); border-radius: 100px; /* wish we could do 50% */ padding: 16px; border: none; } .system-menu-action:hover, .system-menu-action:focus { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); border: none; padding: 16px; } .system-menu-action:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } .system-menu-action > StIcon { icon-size: 16px; } .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; background-color: rgba(255, 255, 255, 0.3); background-image: none; background-size: auto; } .ripple-box:rtl { border-radius: 0 0 0 48px; background-image: none; } .popup-menu-arrow { width: 16px; height: 16px; } .popup-menu-icon { icon-size: 1.14286em; } .window-close { transition-duration: 0ms; height: 36px; width: 36px; -shell-close-overlap: 18px; -st-background-image-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); background-image: url("assets/window-close.svg"); background-size: 36px; } .window-close:hover { -st-background-image-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-image: url("assets/window-close.svg"); } .window-close:active { background-image: url("assets/window-close-active.svg"); } .window-close:rtl { -st-background-image-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .window-close:rtl:hover { -st-background-image-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } /* NETWORK DIALOGS */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: center; } .nm-dialog-airplane-text { color: rgba(0, 0, 0, 0.87); } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-scroll-view { border: none; } .nm-dialog-header { font-size: 15pt; font-weight: 500; } .nm-dialog-item { font-size: 1em; border-bottom: none; border-radius: 2px; padding: 12px; spacing: 20px; } .nm-dialog-item:hover, .nm-dialog-item:focus { background-color: rgba(0, 0, 0, 0.12); } .nm-dialog-item:active { background-color: rgba(0, 0, 0, 0.26); } .nm-dialog-item:selected { background-color: #338DD6; color: #FFFFFF; } .nm-dialog-icons { spacing: .5em; } .nm-dialog-icon { icon-size: 16px; } .no-networks-label { color: rgba(0, 0, 0, 0.38); } .no-networks-box { spacing: 12px; } /* OVERVIEW */ #overview { spacing: 24px; } .overview-controls { padding-bottom: 32px; } .window-picker { -horizontal-spacing: 16px; -vertical-spacing: 16px; padding: 0 16px 32px; } .window-picker.external-monitor { padding: 16px; } .window-clone-border { border: 4px solid rgba(255, 255, 255, 0.3); border-radius: 2px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .window-caption { spacing: 25px; color: #FFFFFF; background-color: rgba(0, 0, 0, 0.6); border-radius: 2px; padding: 4px 8px; } .search-entry { width: 304px; padding: 0 8px; border-radius: 0; color: rgba(255, 255, 255, 0.5); selection-background-color: rgba(255, 255, 255, 0.3); selected-color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #FFFFFF; padding: 0 8px; border-width: 0; color: #FFFFFF; } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 0; color: rgba(255, 255, 255, 0.5); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: #FFFFFF; } #searchResultsBin { max-width: 1000px; } #searchResultsContent { padding-left: 20px; padding-right: 20px; spacing: 16px; } .search-section { spacing: 16px; } .search-section-content { spacing: 32px; } .list-search-results { spacing: 3px; } .search-section-separator { height: 1px; background-color: rgba(255, 255, 255, 0.12); } .list-search-result-content { spacing: 30px; } .list-search-result-title { font-size: 12pt; font-weight: 400; color: #FFFFFF; spacing: 12px; } .list-search-result-description { color: rgba(255, 255, 255, 0.7); } .list-search-provider-details { width: 150px; color: rgba(255, 255, 255, 0.7); margin-top: 0.24em; } .list-search-provider-content { spacing: 20px; } .search-provider-icon { padding: 15px; } /* DASHBOARD */ #dash { font-size: 1em; color: #FFFFFF; background-color: rgba(255, 255, 255, 0.1); padding: 3px 0; border: none; border-left: 0px; border-radius: 0px 2px 2px 0px; } #dash:rtl { border-radius: 2px 0 0 2px; } #dash .placeholder { background-image: url("assets/dash-placeholder.svg"); background-size: contain; height: 24px; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { border-radius: 2px; padding: 7px 8px; color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-align: center; -x-offset: 8px; } /* App Vault/Grid */ .icon-grid { spacing: 30px; -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; } .icon-grid .overview-icon { icon-size: 96px; } .system-action-icon { box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); background-color: #212121; color: #FFFFFF; border-radius: 99px; icon-size: 48px; } .app-view-controls { width: 320px; padding-bottom: 32px; } .app-view-control { padding: 0 16px; font-weight: bold; color: rgba(255, 255, 255, 0.7); } .app-view-control:hover { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12) !important; } .app-view-control:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3) !important; } .app-view-control:checked { color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01) !important; box-shadow: inset 0 2px 0 #FFFFFF; } .app-view-control:first-child { border-right-width: 0; border-radius: 2px; } .app-view-control:first-child:checked { border-radius: 0; } .app-view-control:last-child { border-radius: 2px; } .app-view-control:last-child:checked { border-radius: 0; } .search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, .list-search-result:focus, .list-search-result:selected, .list-search-result:hover { background-color: rgba(255, 255, 255, 0.12); transition-duration: 0ms; } .search-provider-icon:active, .search-provider-icon:checked, .list-search-result:active, .list-search-result:checked { background-color: rgba(255, 255, 255, 0.3); transition-duration: 150ms; } .app-well-app:hover .overview-icon, .app-well-app:focus .overview-icon, .app-well-app:selected .overview-icon, .app-well-app.app-folder:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-well-app.app-folder:selected .overview-icon, .show-apps:hover .overview-icon, .show-apps:focus .overview-icon, .show-apps:selected .overview-icon, .grid-search-result:hover .overview-icon, .grid-search-result:focus .overview-icon, .grid-search-result:selected .overview-icon { background-color: rgba(255, 255, 255, 0.12); transition-duration: 0ms; border-image: none; background-image: none; } .app-well-app:active .overview-icon, .app-well-app:checked .overview-icon, .app-well-app.app-folder:active .overview-icon, .app-well-app.app-folder:checked .overview-icon, .show-apps:active .overview-icon, .show-apps:checked .overview-icon, .grid-search-result:active .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.3); box-shadow: 0 0 transparent; transition-duration: 150ms; } .app-well-app-running-dot { width: 32px; height: 2px; background-color: #FFFFFF; margin-bottom: 0; } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .app-well-app.app-folder .overview-icon, .show-apps .overview-icon, .grid-search-result .overview-icon { color: #FFFFFF; border-radius: 2px; padding: 6px; border: none; transition-duration: 150ms; text-align: center; } .app-well-app.app-folder > .overview-icon { background-color: rgba(255, 255, 255, 0.1); } .show-apps .show-apps-icon { color: rgba(255, 255, 255, 0.7); } .show-apps:hover .show-apps-icon, .show-apps:active .show-apps-icon, .show-apps:checked .show-apps-icon, .show-apps:focus .show-apps-icon { color: #FFFFFF; transition-duration: 150ms; } .app-folder-popup { -arrow-border-radius: 2px; -arrow-background-color: rgba(255, 255, 255, 0.1); -arrow-base: 24px; -arrow-rise: 12px; } .app-folder-popup-bin { padding: 5px; } .app-folder-icon { padding: 5px; spacing-rows: 5px; spacing-columns: 5px; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 12px; height: 12px; border-radius: 12px; background-image: none; background-color: rgba(255, 255, 255, 0.3); } .page-indicator:hover .page-indicator-icon { background-image: none; background-color: rgba(255, 255, 255, 0.5); } .page-indicator:active .page-indicator-icon { background-image: none; background-color: rgba(255, 255, 255, 0.7); } .page-indicator:checked .page-indicator-icon { background-image: none; background-color: #FFFFFF; transition-duration: 0ms; } .page-indicator:checked:active { background-image: none; } .app-well-app > .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label { padding: 10px 8px 5px 8px; spacing: 4px; } .workspace-thumbnails { visible-width: 32px; spacing: 12px; padding: 12px; border-radius: 2px 0 0 2px; } .workspace-thumbnails:rtl { border-radius: 0 2px 2px 0; } .workspace-thumbnails .placeholder { background-image: url("assets/dash-placeholder.svg"); background-size: contain; height: 24px; } .workspace-thumbnail-indicator { border: 0 solid #FFFFFF; border-left-width: 2px; padding: 6px; border-radius: 0; } .search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { padding: 0px 88px 10px 88px; } .workspace-thumbnails { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.1); border: none; } .search-statustext, .no-frequent-applications-label { font-size: 45px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { link-color: #338DD6; } .notification-banner { font-size: 1em; width: 34em; min-height: 64px; margin: 5px; border-radius: 2px; color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .notification-banner:hover { background-color: #FAFAFA; } .notification-banner:focus { background-color: #FAFAFA; } .notification-banner .notification-icon { padding: 5px; } .notification-banner .notification-content { padding: 5px; spacing: 5px; } .notification-banner .secondary-icon { icon-size: 1.14286em; } .notification-banner .notification-actions { background-color: transparent; padding-top: 0; border-top: 1px solid rgba(0, 0, 0, 0.12); spacing: 1px; } .notification-banner .notification-button { min-height: 40px; padding: 0 16px; background-color: transparent; color: rgba(0, 0, 0, 0.54); font-weight: 500; } .notification-banner .notification-button:first-child { border-radius: 0 0 0 2px; } .notification-banner .notification-button:last-child { border-radius: 0 0 2px 0; } .notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } .notification-banner .notification-button:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } .summary-source-counter { font-size: 1em; font-weight: bold; height: 1.6em; width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; background-color: #338DD6; color: #FFFFFF; border: 2px solid #FFFFFF; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } .secondary-icon { icon-size: 1.14286em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: rgba(0, 0, 0, 0.87); } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0px; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: rgba(0, 0, 0, 0.54); } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; font-size: 9pt; font-weight: 400; color: rgba(0, 0, 0, 0.38); } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-transient-box { spacing: 6px; padding: 2px 72px 2px 12px; } .hotplug-notification-item { padding: 2px 10px; } .hotplug-notification-item:focus { padding: 1px 71px 1px 11px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 2px 5px; } .hotplug-resident-box { spacing: 8px; } .hotplug-resident-mount { spacing: 8px; border-radius: 2px; } .hotplug-resident-mount:hover { background-color: rgba(0, 0, 0, 0.12); } .hotplug-resident-mount:active { background-color: rgba(0, 0, 0, 0.26); } .hotplug-resident-mount-label { color: inherit; padding-left: 6px; } .hotplug-resident-mount-icon { icon-size: 24px; padding-left: 6px; } .hotplug-resident-eject-icon { icon-size: 16px; } .hotplug-resident-eject-button { padding: 7px; border-radius: 2px; color: rgba(0, 0, 0, 0.87); } /* Eeeky things */ .magnifier-zoom-region { border: 2px solid #338DD6; } .magnifier-zoom-region.full-screen { border-width: 0; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.3); } .keyboard-layout { spacing: 10px; padding: 10px; } .keyboard-row { spacing: 15px; } .keyboard-key { min-height: 72px; min-width: 72px; font-size: 2em; font-weight: 500; border-radius: 2px; border: none; color: inherit; color: rgba(0, 0, 0, 0.62); background-color: #FAFAFA; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; icon-shadow: none; } .keyboard-key:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-key:hover, .keyboard-key:checked { color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .keyboard-key:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(188, 188, 188, 0.961); border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .keyboard-key:grayed { background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; border-color: rgba(0, 0, 0, 0.3); } .keyboard-subkeys { color: inherit; padding: 5px; -arrow-border-radius: 0; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; -boxpointer-gap: 5px; background-color: #FAFAFA; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: rgba(0, 0, 0, 0.38); } .candidate-box:selected .candidate-index { color: rgba(255, 255, 255, 0.5); } .candidate-box { transition-duration: 0ms; min-height: 32px; padding: 0 8px; border-radius: 2px; } .candidate-box:hover { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } .candidate-box:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } .candidate-box:selected { background-color: #338DD6; color: #FFFFFF; } .candidate-page-button-box { height: 32px; } .vertical .candidate-page-button-box { padding-top: 0; } .horizontal .candidate-page-button-box { padding-left: 0; } .candidate-page-button { min-width: 32px; min-height: 32px; padding: 0; } .candidate-page-button-previous { border-radius: 2px; border-right-width: 0; } .candidate-page-button-next { border-radius: 2px; } .candidate-page-button-icon { icon-size: 1.14286em; } /* Auth Dialogs & Screen Shield */ .framed-user-icon { background-size: contain; border: none; color: #FFFFFF; border-radius: 2px; } .framed-user-icon:hover { border-color: #FFFFFF; color: #FFFFFF; } .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: none; background-color: transparent; } .login-dialog StEntry { color: #FFFFFF; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .login-dialog StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #FFFFFF; } .login-dialog StEntry:insensitive { color: rgba(0, 0, 0, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { padding: 0 16px; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:insensitive { color: rgba(255, 255, 255, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default { color: #FFFFFF; background-color: #009688; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { color: #FFFFFF; background-color: #009688; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:active { color: #FFFFFF; background-color: #4db6ac; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:insensitive { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog-logo-bin { padding: 24px 0px; } .login-dialog-banner { color: rgba(255, 255, 255, 0.7); } .login-dialog-button-box { spacing: 5px; } .login-dialog-message-warning { color: #FF6D00; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; } .login-dialog-user-selection-box { padding: 100px 0px; } .login-dialog-not-listed-label { padding-left: 2px; } .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { color: #FFFFFF; } .login-dialog-not-listed-label { font-size: 1em; font-weight: bold; color: rgba(255, 255, 255, 0.7); padding-top: 1em; } .login-dialog-not-listed-label:hover { color: #FFFFFF; } .login-dialog-not-listed-label:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; padding: .2em; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid #FFFFFF; } .login-dialog-user-list-item { border-radius: 2px; padding: 4px 4px 0; color: rgba(255, 255, 255, 0.7); } .login-dialog-user-list-item:ltr { padding-right: 1em; } .login-dialog-user-list-item:rtl { padding-left: 1em; } .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list-item:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin: 2px 0 0 0; background-color: #FFFFFF; } .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { background-color: #FFFFFF; } .login-dialog-username, .user-widget-label { color: #FFFFFF; font-size: 15pt; font-weight: 500; text-align: left; padding-left: 15px; } .user-widget-label:ltr { padding-left: 18px; } .user-widget-label:rtl { padding-right: 18px; } .login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 8px; width: 23em; } .login-dialog-prompt-label { color: rgba(255, 255, 255, 0.5); font-size: 1em; padding-top: 1em; } .login-dialog-session-list-button StIcon { icon-size: 1.25em; } .login-dialog-session-list-button { color: rgba(255, 255, 255, 0.7); } .login-dialog-session-list-button:hover, .login-dialog-session-list-button:focus { color: #FFFFFF; } .login-dialog-session-list-button:active { color: #FFFFFF; } .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { color: white; width: 80px; height: 48px; -arrow-thickness: 12px; -arrow-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock { color: white; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-weight: normal; text-align: center; padding-bottom: 1.5em; } .screen-shield-clock-time { font-size: 112px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock-date { font-size: 45px; font-weight: 400; } .screen-shield-notifications-container { spacing: 6px; width: 30em; background-color: transparent; max-height: 500px; } .screen-shield-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .screen-shield-notifications-container .notification, .screen-shield-notifications-container .screen-shield-notification-source { padding: 8px; border: none; background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; border-radius: 2px; } .screen-shield-notifications-container .notification { margin-right: 16px; } .screen-shield-notification-label { min-height: 22px; padding: 2px 0px 0px 16px; font-weight: bold; } .screen-shield-notification-count-text { min-height: 22px; padding: 2px 0px 0px 16px; color: rgba(255, 255, 255, 0.7); } #panel.lock-screen { background-color: rgba(0, 0, 0, 0.3); } .screen-shield-background { background: black; box-shadow: 0 19px 19px rgba(0, 0, 0, 0.6), 0 15px 6px rgba(0, 0, 0, 0.44); } #lockDialogGroup { background: #303030; background-size: cover; } #LookingGlassDialog { background-color: #FAFAFA; spacing: 4px; padding: 0; border: none; border-radius: 2px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } #LookingGlassDialog > #Toolbar { padding: 0 8px; border: none; border-radius: 0; background-color: rgba(250, 250, 250, 0.01); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); } #LookingGlassDialog .labels { spacing: 0; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: rgba(0, 0, 0, 0.38); transition-duration: 150ms; padding-left: 16px; padding-right: 16px; min-height: 36px; padding: 0 32px; } #LookingGlassDialog .notebook-tab:hover { box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); text-shadow: none; } #LookingGlassDialog .notebook-tab:selected { border-bottom-width: 0; border-color: transparent; background-color: rgba(250, 250, 250, 0.01); box-shadow: inset 0 -2px 0px #338DD6; color: rgba(0, 0, 0, 0.87); text-shadow: none; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 4px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog StEntry { selection-background-color: #338DD6; selected-color: #FFFFFF; } .lg-dialog .shell-link { color: #338DD6; } .lg-dialog .shell-link:hover { color: #338DD6; } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button { min-height: 36px; padding: 0 16px; border: none; border-radius: 2px; font-size: 10.5pt; font-weight: 500; color: rgba(0, 0, 0, 0.54); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:hover { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:insensitive { color: rgba(0, 0, 0, 0.26); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .lg-obj-inspector-button:hover { border: none; } #lookingGlassExtensions { padding: 4px; } .lg-extensions-list { padding: 4px; spacing: 6px; } .lg-extension { border: none; border-radius: 2px; padding: 4px; } .lg-extension-name { font-size: 18pt; font-weight: 400; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { background: #FAFAFA; border: none; border-radius: 2px; padding: 6px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } /* Dash to Dock */ #dashtodockContainer #dash { background-color: rgba(0, 0, 0, 0.6); } #dashtodockContainer:overview #dash { background-color: rgba(255, 255, 255, 0.1); } #dashtodockContainer.extended:overview #dash { background-color: transparent; } #dashtodockContainer.left #dash, #dashtodockContainer.right #dash { padding: 3px 0; } #dashtodockContainer.top #dash, #dashtodockContainer.bottom #dash { padding: 0 3px; } #dashtodockContainer.extended #dash { padding: 0; border-radius: 0; } #dashtodockContainer.left .dash-item-container > StWidget, #dashtodockContainer.right .dash-item-container > StWidget, #dashtodockContainer.extended.left .dash-item-container > StWidget, #dashtodockContainer.extended.right .dash-item-container > StWidget { padding: 3px 6px; } #dashtodockContainer.extended.left .dash-item-container:first-child > StWidget, #dashtodockContainer.extended.right .dash-item-container:first-child > StWidget { padding: 6px 6px 3px 6px; } #dashtodockContainer.extended.left .dash-item-container:last-child > StWidget, #dashtodockContainer.extended.right .dash-item-container:last-child > StWidget { padding: 3px 6px 6px 6px; } #dashtodockContainer.top .dash-item-container > StWidget, #dashtodockContainer.bottom .dash-item-container > StWidget, #dashtodockContainer.extended.top .dash-item-container > StWidget, #dashtodockContainer.extended.bottom .dash-item-container > StWidget { padding: 6px 3px; } #dashtodockContainer.extended.top .dash-item-container:first-child > StWidget, #dashtodockContainer.extended.bottom .dash-item-container:first-child > StWidget { padding: 6px 3px 6px 6px; } #dashtodockContainer.extended.top .dash-item-container:last-child > StWidget, #dashtodockContainer.extended.bottom .dash-item-container:last-child > StWidget { padding: 6px 6px 6px 3px; } #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } #dashtodockContainer .dash-item-container > StWidget { background-size: cover; } #dashtodockContainer.left .dash-item-container > StWidget.running1 { background-image: url("assets/dash/left-running1.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running2 { background-image: url("assets/dash/left-running2.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running3 { background-image: url("assets/dash/left-running3.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running4 { background-image: url("assets/dash/left-running4.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running1 { background-image: url("assets/dash/right-running1.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running2 { background-image: url("assets/dash/right-running2.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running3 { background-image: url("assets/dash/right-running3.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running4 { background-image: url("assets/dash/right-running4.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running1 { background-image: url("assets/dash/top-running1.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running2 { background-image: url("assets/dash/top-running2.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running3 { background-image: url("assets/dash/top-running3.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running4 { background-image: url("assets/dash/top-running4.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running1 { background-image: url("assets/dash/bottom-running1.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running2 { background-image: url("assets/dash/bottom-running2.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running3 { background-image: url("assets/dash/bottom-running3.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running4 { background-image: url("assets/dash/bottom-running4.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/bottom-running4-focused.svg"); } /* Simple Dock */ #dash:desktop { background-color: rgba(0, 0, 0, 0.6); } /* GPaste */ .popup-menu .search-entry { color: rgba(0, 0, 0, 0.87); selection-background-color: #338DD6; selected-color: #FFFFFF; background-color: rgba(250, 250, 250, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .popup-menu .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #338DD6; color: rgba(0, 0, 0, 0.87); } .popup-menu .search-entry .search-entry-icon { color: rgba(0, 0, 0, 0.38); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { color: rgba(0, 0, 0, 0.87); } materia-theme-20180321/src/gnome-shell/3.26/gnome-shell.scss000066400000000000000000000004151325420104000231650ustar00rootroot00000000000000$variant: 'light'; $titlebar: 'dark'; $compact: 'false'; @import '../../_sass/gnome-shell/variables'; @import '../../_sass/colors'; @import '../../_sass/gnome-shell/drawing'; @import '../../_sass/gnome-shell/common-3.26'; @import '../../_sass/gnome-shell/extensions'; materia-theme-20180321/src/gnome-shell/3.28/000077500000000000000000000000001325420104000200605ustar00rootroot00000000000000materia-theme-20180321/src/gnome-shell/3.28/gnome-shell-compact.css000066400000000000000000001777641325420104000244560ustar00rootroot00000000000000/* This stylesheet is generated, DO NOT EDIT */ /* Copyright 2009, 2015 Red Hat, Inc. * * Portions adapted from Mx's data/style/default.css * Copyright 2009 Intel Corporation * * This program is free software; you can redistribute it and/or modify it * under the terms and conditions of the GNU Lesser General Public License, * version 2.1, as published by the Free Software Foundation. * * This program is distributed in the hope it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for * more details. * * You should have received a copy of the GNU Lesser General Public License * along with this program; if not, write to the Free Software Foundation, * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. */ /* GLOBALS */ * { transition-duration: 150ms; } stage { font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; font-size: 9.75pt; font-weight: 400; color: rgba(0, 0, 0, 0.87); } /* WIDGETS */ /* Buttons */ .button { min-height: 32px; padding: 0 16px; border-width: 0; border-radius: 2px; font-size: 9.75pt; font-weight: 500; color: rgba(0, 0, 0, 0.54); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:hover { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:insensitive { color: rgba(0, 0, 0, 0.26); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .modal-dialog-linked-button { min-height: 40px; padding: 0 16px; border-top: 1px solid rgba(0, 0, 0, 0.12) !important; border-right-width: 0; font-size: 9.75pt; font-weight: 500; color: rgba(0, 0, 0, 0.54); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:hover { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:insensitive { color: rgba(0, 0, 0, 0.26); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .modal-dialog-linked-button:first-child { border-radius: 0px 0px 0px 2px; } .modal-dialog-linked-button:last-child { border-right-width: 0px; border-radius: 0px 0px 2px 0px; } .modal-dialog-linked-button:first-child:last-child { border-right-width: 0px; border-radius: 0px 0px 2px 2px; } /* Entries */ StEntry { min-height: 32px; padding: 0 8px; border-radius: 0; border-width: 0; color: rgba(0, 0, 0, 0.87); selection-background-color: #338DD6; selected-color: #FFFFFF; font-size: 11.25pt; font-weight: 400; background-color: rgba(250, 250, 250, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #338DD6; } StEntry:insensitive { color: rgba(0, 0, 0, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); } StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #FF6D00; padding: 0 0; } /* Scrollbars */ StScrollView.vfade { -st-vfade-offset: 32px; } StScrollView.hfade { -st-hfade-offset: 32px; } StScrollBar { padding: 0; } StScrollView StScrollBar { min-width: 16px; min-height: 16px; } StScrollBar StBin#trough { margin: 4px; border-radius: 100px; background-color: rgba(0, 0, 0, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 100px; background-color: rgba(0, 0, 0, 0.38); margin: 4px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(0, 0, 0, 0.54); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: rgba(0, 0, 0, 0.87); } #overview StScrollBar StBin#trough, #screenShieldNotifications StScrollBar StBin#trough { background-color: rgba(255, 255, 255, 0.12); } #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#hhandle, #screenShieldNotifications StScrollBar StButton#hhandle { background-color: rgba(255, 255, 255, 0.5); } #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#hhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { background-color: rgba(255, 255, 255, 0.7); } #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#hhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { background-color: #FFFFFF; } /* Slider */ .slider { height: 20px; color: #009688; -slider-height: 2px; -slider-background-color: rgba(0, 0, 0, 0.26); -slider-border-color: transparent; -slider-active-background-color: #009688; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 7px; } /* Check Boxes */ .check-box * { min-height: 16px; padding: 8px 0; } .check-box StBoxLayout { spacing: 8px; } .check-box StBin { width: 24px; height: 24px; padding: 4px; border-radius: 100px; background-image: url("assets/checkbox-off.svg"); } .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } .check-box:hover StBin { background-color: rgba(0, 0, 0, 0.12); } .check-box:active StBin { background-color: rgba(0, 0, 0, 0.26); } .check-box:checked StBin { background-image: url("assets/checkbox.svg"); } .check-box:focus:checked StBin { background-image: url("assets/checkbox.svg"); } .check-box:hover:checked StBin { background-color: rgba(0, 150, 136, 0.15); } .check-box:active:checked StBin { background-color: rgba(0, 150, 136, 0.3); } /* Switches */ .toggle-switch { width: 40px; height: 20px; background-size: contain; } .toggle-switch-us { background-image: url("assets/toggle-off.svg"); } .toggle-switch-us:checked { background-image: url("assets/toggle-on.svg"); } .toggle-switch-intl { background-image: url("assets/toggle-off.svg"); } .toggle-switch-intl:checked { background-image: url("assets/toggle-on.svg"); } /* links */ .shell-link { border-radius: 2px; color: #338DD6; } .shell-link:hover { color: #338DD6; background-color: rgba(51, 141, 214, 0.15); } .shell-link:active { color: #338DD6; background-color: rgba(51, 141, 214, 0.3); } /* Modal Dialogs */ .headline { font-size: 15pt; font-weight: 500; } .lightbox { background-color: black; } .flashspot { background-color: white; } .modal-dialog { border-radius: 2px; color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } .modal-dialog .modal-dialog-content-box { padding: 24px; } .modal-dialog .run-dialog-entry { width: 20em; margin-bottom: 6px; } .modal-dialog .run-dialog-error-box { padding-top: 16px; spacing: 6px; } .modal-dialog .run-dialog-button-box { padding-top: 1em; } .modal-dialog .run-dialog-label { font-size: 1em; font-weight: normal; color: rgba(0, 0, 0, 0.38); padding-bottom: .4em; } .mount-dialog-subject, .end-session-dialog-subject { font-size: 15pt; font-weight: 500; } /* Message Dialog */ .message-dialog-main-layout { padding: 12px 20px 0; spacing: 12px; } .message-dialog-content { max-width: 28em; spacing: 20px; } .message-dialog-icon { min-width: 48px; icon-size: 48px; } .message-dialog-title { font-weight: bold; } .message-dialog-subtitle { color: rgba(0, 0, 0, 0.54); font-weight: bold; } /* End Session Dialog */ .end-session-dialog { spacing: 42px; border: none; } .end-session-dialog-list { padding-top: 20px; } .end-session-dialog-layout { padding-left: 17px; } .end-session-dialog-layout:rtl { padding-right: 17px; } .end-session-dialog-description { width: 28em; padding-bottom: 10px; } .end-session-dialog-description:rtl { text-align: right; } .end-session-dialog-warning { width: 28em; color: #FF6D00; padding-top: 6px; } .end-session-dialog-warning:rtl { text-align: right; } .end-session-dialog-logout-icon { border-radius: 5px; width: 48px; height: 48px; background-size: contain; } .end-session-dialog-shutdown-icon { color: rgba(0, 0, 0, 0.38); width: 48px; height: 48px; } .end-session-dialog-inhibitor-layout { spacing: 16px; max-height: 200px; padding-right: 65px; padding-left: 65px; } .end-session-dialog-session-list, .end-session-dialog-app-list { spacing: 1em; } .end-session-dialog-list-header { font-weight: bold; } .end-session-dialog-list-header:rtl { text-align: right; } .end-session-dialog-app-list-item, .end-session-dialog-session-list-item { spacing: 1em; } .end-session-dialog-app-list-item-name, .end-session-dialog-session-list-item-name { font-weight: bold; } .end-session-dialog-app-list-item-description { color: rgba(0, 0, 0, 0.38); font-size: 1em; } /* ShellMountOperation Dialogs */ .shell-mount-operation-icon { icon-size: 48px; } .mount-dialog { spacing: 24px; } .mount-dialog .message-dialog-title { padding-top: 10px; padding-left: 17px; padding-bottom: 6px; max-width: 34em; } .mount-dialog .message-dialog-title:rtl { padding-left: 0px; padding-right: 17px; } .mount-dialog .message-dialog-body { padding-left: 17px; width: 28em; } .mount-dialog .message-dialog-body:rtl { padding-left: 0px; padding-right: 17px; } .mount-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 49px; padding-right: 32px; } .mount-dialog-app-list:rtl { padding-right: 49px; padding-left: 32px; } .mount-dialog-app-list-item { color: rgba(0, 0, 0, 0.87); } .mount-dialog-app-list-item:hover { color: rgba(0, 0, 0, 0.87); } .mount-dialog-app-list-item:ltr { padding-right: 1em; } .mount-dialog-app-list-item:rtl { padding-left: 1em; } .mount-dialog-app-list-item-icon:ltr { padding-right: 17px; } .mount-dialog-app-list-item-icon:rtl { padding-left: 17px; } .mount-dialog-app-list-item-name { font-size: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { width: 34em; border: none; } .prompt-dialog .message-dialog-main-layout { spacing: 24px; padding: 10px; } .prompt-dialog .message-dialog-content { spacing: 16px; } .prompt-dialog .message-dialog-title { font-size: 15pt; font-weight: 500; color: rgba(0, 0, 0, 0.87); } .prompt-dialog-description:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label { font-size: 1em; color: #DD2C00; padding-bottom: 8px; } .prompt-dialog-info-label { font-size: 1em; padding-bottom: 8px; } .hidden { color: transparent; } .prompt-dialog-null-label { font-size: 1em; padding-bottom: 8px; } /* Polkit Dialog */ .polkit-dialog-user-layout { padding-left: 10px; spacing: 10px; } .polkit-dialog-user-layout:rtl { padding-left: 0px; padding-right: 10px; } .polkit-dialog-user-root-label { color: #FF6D00; } .polkit-dialog-user-icon { border-radius: 5px; background-size: contain; width: 48px; height: 48px; } /* Audio selection dialog */ .audio-device-selection-dialog { spacing: 30px; } .audio-selection-content { spacing: 20px; padding: 24px; } .audio-selection-title { font-weight: bold; text-align: center; } .audio-selection-box { spacing: 20px; } .audio-selection-device { border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 2px; } .audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { background-color: #338DD6; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* Access Dialog */ .access-dialog { spacing: 30px; } /* Geolocation Dialog */ .geolocation-dialog { spacing: 30px; } /* Extension Dialog */ .extension-dialog .message-dialog-main-layout { spacing: 24px; padding: 10px; } .extension-dialog .message-dialog-title { color: rgba(0, 0, 0, 0.54); } /* Inhibit-Shortcuts Dialog */ .inhibit-shortcuts-dialog { spacing: 30px; } /* Network Agent Dialog */ .network-dialog-secret-table { spacing-rows: 15px; spacing-columns: 1em; } .keyring-dialog-control-table { spacing-rows: 15px; spacing-columns: 1em; } /* Popovers/Menus */ .popup-menu { min-width: 200px; } .popup-menu .popup-sub-menu { background-color: #EEEEEE; box-shadow: 0 0 transparent; } .popup-menu .popup-menu-content { padding: 8px 0; } .popup-menu .popup-menu-item { spacing: 8px; transition-duration: 100ms; } .popup-menu .popup-menu-item:ltr { padding: 0.4em 24px 0.4em 0; } .popup-menu .popup-menu-item:rtl { padding: 0.4em 0 0.4em 24px; } .popup-menu .popup-menu-item:checked { background-color: #338DD6; color: #FFFFFF; box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { background-color: #529edc; color: #FFFFFF; } .popup-menu .popup-menu-item:checked:active { background-color: #70afe2; color: #FFFFFF !important; } .popup-menu .popup-menu-item:checked:insensitive { color: rgba(255, 255, 255, 0.5); } .popup-menu .popup-menu-item.selected { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); transition-duration: 0ms; } .popup-menu .popup-menu-item:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); transition-duration: 150ms; } .popup-menu .popup-menu-item.selected:active { color: rgba(0, 0, 0, 0.87); } .popup-menu .popup-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-menu .popup-inactive-menu-item { color: rgba(0, 0, 0, 0.87); } .popup-menu .popup-inactive-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-menu.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-border-radius: 0; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; -arrow-box-shadow: none; margin: 5px 8px 8px; background-color: #FAFAFA; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .popup-separator-menu-item { height: 1px; margin: 8px 40px; background-color: transparent; border-color: rgba(0, 0, 0, 0.12); border-bottom-width: 1px; border-bottom-style: solid; } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } /* fallback menu - odd thing for styling App menu when apparently not running under shell. Light Adwaita styled app menu inside the main app window itself rather than the top bar */ /* OSD */ .osd-window { text-align: center; font-weight: bold; spacing: 1em; margin: 32px; min-width: 64px; min-height: 64px; } .osd-window .osd-monitor-label { font-size: 45px; font-weight: 400; } .osd-window .level { height: 8px; border-radius: 0; background-color: rgba(51, 141, 214, 0.3); color: rgba(0, 0, 0, 0.87); } .osd-window .level-bar { background-color: #338DD6; border-radius: 0; } /* Pad OSD */ .pad-osd-window { padding: 32px; background-color: rgba(0, 0, 0, 0.6); } .pad-osd-window .pad-osd-title-box { spacing: 12px; } .pad-osd-window .pad-osd-title-menu-box { spacing: 6px; } .combo-box-label { width: 15em; } /* App Switcher */ .switcher-popup { padding: 8px; spacing: 16px; } .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { padding: 8px; border-radius: 2px; } .switcher-list .item-box:outlined { padding: 8px; border: none; background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } .switcher-list .item-box:selected { background-color: #338DD6; color: #FFFFFF; } .switcher-list .thumbnail-box { padding: 2px; spacing: 4px; } .switcher-list .thumbnail { width: 256px; } .switcher-list .separator { width: 1px; background: rgba(0, 0, 0, 0.12); } .switcher-arrow { border-color: transparent; color: rgba(0, 0, 0, 0.38); } .switcher-arrow:highlighted { color: rgba(0, 0, 0, 0.87); } .input-source-switcher-symbol { font-size: 45px; font-weight: 400; width: 96px; height: 96px; } /* Window Cycler */ .cycler-highlight { border: 4px solid #338DD6; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher { background: transparent; border: 0px; border-radius: 0px; padding: 0px; spacing: 8px; } .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; background-color: #338DD6; color: #FFFFFF; background-size: 32px; border-radius: 2px; } .ws-switcher-box { height: 48px; border: none; background: rgba(0, 0, 0, 0.12); border-radius: 2px; } .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); border-radius: 2px; padding: 12px; } /* Tiled window previews */ .tile-preview { background-color: rgba(64, 196, 255, 0.3); border: 1px solid #40C4FF; } .tile-preview-left.on-primary { border-radius: 0 0 0 0; } .tile-preview-right.on-primary { border-radius: 0 0 0 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0 0 0 0; } /* TOP BAR */ #panel { background-color: rgba(0, 0, 0, 0.6); /* transition from solid to transparent */ transition-duration: 250ms; font-weight: bold; height: 28px; } #panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { background-color: transparent; } #panel #panelLeft, #panel #panelCenter { spacing: 0; } #panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: rgba(0, 0, 0, 0.6); -panel-corner-border-width: 2px; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: #FFFFFF; } #panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: rgba(255, 255, 255, 0.7); text-shadow: none; transition-duration: 150ms; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; } #panel .panel-button .system-status-icon, #panel .panel-button .app-menu-icon > StIcon, #panel .panel-button .popup-menu-arrow { icon-shadow: none; } #panel .panel-button:hover { color: #FFFFFF; text-shadow: none; } #panel .panel-button:hover .system-status-icon, #panel .panel-button:hover .app-menu-icon > StIcon, #panel .panel-button:hover .popup-menu-arrow { icon-shadow: none; } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { background-color: rgba(0, 0, 0, 0.01); box-shadow: inset 0 -2px 0px #FFFFFF; color: #FFFFFF; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { icon-shadow: none; } #panel .panel-button .system-status-icon { icon-size: 1.23077em; padding: 0 4px; } .unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { color: rgba(255, 255, 255, 0.7); } .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { color: #FFFFFF; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator { color: #FF6D00; } #panel.solid { background-color: #212121; /* transition from transparent to solid */ transition-duration: 250ms; background-gradient-direction: none; text-shadow: none; } #panel.solid:overview { background-color: transparent; } #panel.solid .panel-corner { -panel-corner-background-color: #212121; } #panel.solid .panel-button { color: rgba(255, 255, 255, 0.7); text-shadow: none; } #panel.solid .panel-button:hover, #panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { color: #FFFFFF; } #panel.solid .system-status-icon, #panel.solid .app-menu-icon > StIcon, #panel.solid .popup-menu-arrow { icon-shadow: none; } #calendarArea { padding: 8px 16px; } .calendar { margin-bottom: 0; } .calendar, .datemenu-today-button, .datemenu-displays-box, .message-list-sections { margin: 0 8px; } .datemenu-calendar-column { spacing: 8px; } .datemenu-displays-section { padding-bottom: 0; } .datemenu-displays-box { spacing: 8px; } .datemenu-calendar-column { border: 0 solid rgba(0, 0, 0, 0.12); } .datemenu-calendar-column:ltr { border-left-width: 0; } .datemenu-calendar-column:rtl { border-right-width: 0; } .datemenu-today-button, .world-clocks-button, .weather-button, .events-section-title { min-height: 20px; padding: 4px 8px; border-radius: 2px; } .datemenu-today-button { min-height: 48px; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .datemenu-today-button:hover, .datemenu-today-button:focus, .world-clocks-button:hover, .world-clocks-button:focus, .weather-button:hover, .weather-button:focus, .events-section-title:hover, .events-section-title:focus { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); } .datemenu-today-button:active, .world-clocks-button:active, .weather-button:active, .events-section-title:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); } .datemenu-today-button .date-label { font-size: 18pt; font-weight: 400; } .world-clocks-header, .weather-header, .events-section-title { color: rgba(0, 0, 0, 0.54); font-weight: bold; } .world-clocks-grid { spacing-rows: 0.4em; } .weather-box { spacing: 0.4em; } .calendar-month-label { height: 16px; margin: 2px; padding: 6px 16px; border-radius: 2px; color: rgba(0, 0, 0, 0.87); font-weight: bold; text-align: center; } .calendar-month-label:focus { background-color: rgba(0, 0, 0, 0.12); } .pager-button { width: 28px; height: 28px; margin: 2px; border-radius: 100px; background-color: transparent; color: rgba(0, 0, 0, 0.87); } .pager-button:hover, .pager-button:focus { background-color: rgba(0, 0, 0, 0.12); } .pager-button:active { background-color: rgba(0, 0, 0, 0.26); } .calendar-change-month-back { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-change-month-back:rtl { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward:rtl { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-day-base { font-size: 9pt; font-weight: 400; text-align: center; width: 28px; height: 28px; padding: 0; margin: 2px; border-radius: 100px; } .calendar-day-base:hover, .calendar-day-base:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar-day-base:active { color: inherit; background-color: rgba(0, 0, 0, 0.26); border-color: transparent; } .calendar-day-base:selected { color: #FFFFFF; background-color: #338DD6; border-color: transparent; } .calendar-day-base.calendar-day-heading { width: 28px; height: 21px; margin-top: 2px; padding: 7px 0 0; border-radius: 100px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-size: 9pt; font-weight: 400; font-weight: bold; text-align: center; } .calendar-day { border-width: 0; } .calendar-day-top { border-top-width: 0; } .calendar-day-left { border-left-width: 0; } .calendar-nonwork-day { color: rgba(0, 0, 0, 0.87); } .calendar-today { font-weight: bold !important; border: none; } .calendar-day-with-events { color: #338DD6; font-weight: normal; text-decoration: underline; background-image: none; } .calendar-other-month-day { color: rgba(0, 0, 0, 0.26); opacity: 0.5; } .calendar-week-number { width: 28px; height: 21px; margin: 2px; padding: 7px 0 0; border-radius: 100px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-size: inherit; font-weight: bold; text-align: center; } /* Message list */ .message-list { width: 420px; } .message-list-clear-button.button { background-color: transparent; margin: 8px 8px 0; } .message-list-clear-button.button:hover, .message-list-clear-button.button:focus { background-color: rgba(0, 0, 0, 0.12); } .message-list-clear-button.button:active { background-color: rgba(0, 0, 0, 0.26); } .message-list-sections { spacing: 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message { min-height: 56px; background-color: transparent; border-radius: 2px; } .message:hover, .message:focus { background-color: rgba(0, 0, 0, 0.12); } .message:active { background-color: rgba(0, 0, 0, 0.26); } .message-icon-bin { padding: 8px 0px 8px 8px; } .message-icon-bin:rtl { padding: 8px 8px 8px 0px; } .message-icon-bin > StIcon { color: rgba(0, 0, 0, 0.87); icon-size: 1.23077em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } .message-icon-bin > StIcon:rtl { margin: 4px 4px 4px 0px; } .message-secondary-bin { padding: 0 8px; } .message-secondary-bin > .event-time { min-height: 18px; padding-top: 2px; color: rgba(0, 0, 0, 0.54); font-size: 1em; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-bottom: 0; } .message-secondary-bin > StIcon { icon-size: 1.23077em; } .message-title { min-height: 18px; padding-top: 2px; color: rgba(0, 0, 0, 0.87); font-weight: bold; font-size: 1em; } .message-content { min-height: 40px; padding: 8px; color: rgba(0, 0, 0, 0.54); font-size: 1em; } .message-content * > StIcon { icon-size: 16px; border-radius: 16px; padding: 2px; color: rgba(0, 0, 0, 0.54); } /* FIXME: how do you do this in sass? */ .message-content *:hover > StIcon, .message-content *:focus > StIcon { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); } .message-content *:active > StIcon { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); } .message-media-control { margin: 16px 0; padding: 8px; border-radius: 100px; color: rgba(0, 0, 0, 0.54); } .message-media-control:hover, .message-media-control:focus { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); } .message-media-control:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); } .message-media-control:insensitive { color: rgba(0, 0, 0, 0.26); } .message-media-control:last-child:ltr { margin-right: 16px; padding-right: 8px; } .message-media-control:last-child:rtl { margin-left: 16px; padding-left: 8px; } .media-message-cover-icon { icon-size: 32px !important; margin: 8px 0px 8px 4px !important; } .media-message-cover-icon:rtl { margin: 8px 4px 8px 0px !important; } .media-message-cover-icon.fallback { icon-size: 16px !important; padding: 8px; border: none; border-radius: 2px; background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.38); } .system-switch-user-submenu-icon.user-icon { icon-size: 20px; padding: 0 2px; } .system-switch-user-submenu-icon.default-icon { icon-size: 16px; padding: 0 4px; } #appMenu { spinner-image: url("process-working.svg"); spacing: 4px; } #appMenu .label-shadow { color: transparent; } .aggregate-menu { min-width: 280px; } .aggregate-menu .popup-menu-icon { padding: 0 4px; } .aggregate-menu .popup-sub-menu .popup-menu-item :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; margin-left: 1.23077em; } .aggregate-menu .popup-sub-menu .popup-menu-item :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; margin-right: 1.23077em; } .system-menu-action { color: rgba(0, 0, 0, 0.54); border-radius: 100px; /* wish we could do 50% */ padding: 14px; border: none; } .system-menu-action:hover, .system-menu-action:focus { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); border: none; padding: 14px; } .system-menu-action:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } .system-menu-action > StIcon { icon-size: 16px; } .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; background-color: rgba(255, 255, 255, 0.3); background-image: none; background-size: auto; } .ripple-box:rtl { border-radius: 0 0 0 48px; background-image: none; } .popup-menu-arrow { width: 16px; height: 16px; } .popup-menu-icon { icon-size: 1.23077em; } .window-close { transition-duration: 0ms; height: 32px; width: 32px; -shell-close-overlap: 16px; -st-background-image-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); background-image: url("assets/window-close.svg"); background-size: 32px; } .window-close:hover { -st-background-image-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-image: url("assets/window-close.svg"); } .window-close:active { background-image: url("assets/window-close-active.svg"); } .window-close:rtl { -st-background-image-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .window-close:rtl:hover { -st-background-image-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } /* NETWORK DIALOGS */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: center; } .nm-dialog-airplane-text { color: rgba(0, 0, 0, 0.87); } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-scroll-view { border: none; } .nm-dialog-header { font-size: 15pt; font-weight: 500; } .nm-dialog-item { font-size: 1em; border-bottom: none; border-radius: 2px; padding: 12px; spacing: 20px; } .nm-dialog-item:hover, .nm-dialog-item:focus { background-color: rgba(0, 0, 0, 0.12); } .nm-dialog-item:active { background-color: rgba(0, 0, 0, 0.26); } .nm-dialog-item:selected { background-color: #338DD6; color: #FFFFFF; } .nm-dialog-icons { spacing: .5em; } .nm-dialog-icon { icon-size: 16px; } .no-networks-label { color: rgba(0, 0, 0, 0.38); } .no-networks-box { spacing: 12px; } /* OVERVIEW */ #overview { spacing: 24px; } .overview-controls { padding-bottom: 32px; } .window-picker { -horizontal-spacing: 16px; -vertical-spacing: 16px; padding: 0 16px 32px; } .window-picker.external-monitor { padding: 16px; } .window-clone-border { border: 4px solid rgba(255, 255, 255, 0.3); border-radius: 2px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .window-caption { spacing: 25px; color: #FFFFFF; background-color: rgba(0, 0, 0, 0.6); border-radius: 2px; padding: 4px 8px; } .search-entry { width: 304px; padding: 0 8px; border-radius: 0; color: rgba(255, 255, 255, 0.5); selection-background-color: rgba(255, 255, 255, 0.3); selected-color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #FFFFFF; padding: 0 8px; border-width: 0; color: #FFFFFF; } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 0; color: rgba(255, 255, 255, 0.5); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: #FFFFFF; } #searchResultsBin { max-width: 1000px; } #searchResultsContent { padding-left: 20px; padding-right: 20px; spacing: 16px; } .search-section { spacing: 16px; } .search-section-content { spacing: 32px; } .list-search-results { spacing: 3px; } .search-section-separator { height: 1px; background-color: rgba(255, 255, 255, 0.12); } .list-search-result-content { spacing: 30px; } .list-search-result-title { font-size: 11.25pt; font-weight: 400; color: #FFFFFF; spacing: 12px; } .list-search-result-description { color: rgba(255, 255, 255, 0.7); } .list-search-provider-details { width: 150px; color: rgba(255, 255, 255, 0.7); margin-top: 0.24em; } .list-search-provider-content { spacing: 20px; } .search-provider-icon { padding: 15px; } /* DASHBOARD */ #dash { font-size: 1em; color: #FFFFFF; background-color: rgba(255, 255, 255, 0.1); padding: 3px 0; border: none; border-left: 0px; border-radius: 0px 2px 2px 0px; } #dash:rtl { border-radius: 2px 0 0 2px; } #dash .placeholder { background-image: url("assets/dash-placeholder.svg"); background-size: contain; height: 24px; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { border-radius: 2px; padding: 7px 8px; color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-align: center; -x-offset: 8px; } /* App Vault/Grid */ .icon-grid { spacing: 30px; -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; } .icon-grid .overview-icon { icon-size: 96px; } .system-action-icon { box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); background-color: #212121; color: #FFFFFF; border-radius: 99px; icon-size: 48px; } .app-view-controls { width: 320px; padding-bottom: 32px; } .app-view-control { padding: 0 16px; font-weight: bold; color: rgba(255, 255, 255, 0.7); } .app-view-control:hover { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12) !important; } .app-view-control:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3) !important; } .app-view-control:checked { color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01) !important; box-shadow: inset 0 2px 0 #FFFFFF; } .app-view-control:first-child { border-right-width: 0; border-radius: 2px; } .app-view-control:first-child:checked { border-radius: 0; } .app-view-control:last-child { border-radius: 2px; } .app-view-control:last-child:checked { border-radius: 0; } .search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, .list-search-result:focus, .list-search-result:selected, .list-search-result:hover { background-color: rgba(255, 255, 255, 0.12); transition-duration: 0ms; } .search-provider-icon:active, .search-provider-icon:checked, .list-search-result:active, .list-search-result:checked { background-color: rgba(255, 255, 255, 0.3); transition-duration: 150ms; } .app-well-app:hover .overview-icon, .app-well-app:focus .overview-icon, .app-well-app:selected .overview-icon, .app-well-app.app-folder:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-well-app.app-folder:selected .overview-icon, .show-apps:hover .overview-icon, .show-apps:focus .overview-icon, .show-apps:selected .overview-icon, .grid-search-result:hover .overview-icon, .grid-search-result:focus .overview-icon, .grid-search-result:selected .overview-icon { background-color: rgba(255, 255, 255, 0.12); transition-duration: 0ms; border-image: none; background-image: none; } .app-well-app:active .overview-icon, .app-well-app:checked .overview-icon, .app-well-app.app-folder:active .overview-icon, .app-well-app.app-folder:checked .overview-icon, .show-apps:active .overview-icon, .show-apps:checked .overview-icon, .grid-search-result:active .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.3); box-shadow: 0 0 transparent; transition-duration: 150ms; } .app-well-app-running-dot { width: 32px; height: 2px; background-color: #FFFFFF; margin-bottom: 0; } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .app-well-app.app-folder .overview-icon, .show-apps .overview-icon, .grid-search-result .overview-icon { color: #FFFFFF; border-radius: 2px; padding: 6px; border: none; transition-duration: 150ms; text-align: center; } .app-well-app.app-folder > .overview-icon { background-color: rgba(255, 255, 255, 0.1); } .show-apps .show-apps-icon { color: rgba(255, 255, 255, 0.7); } .show-apps:hover .show-apps-icon, .show-apps:active .show-apps-icon, .show-apps:checked .show-apps-icon, .show-apps:focus .show-apps-icon { color: #FFFFFF; transition-duration: 150ms; } .app-folder-popup { -arrow-border-radius: 2px; -arrow-background-color: rgba(255, 255, 255, 0.1); -arrow-base: 24px; -arrow-rise: 12px; } .app-folder-popup-bin { padding: 5px; } .app-folder-icon { padding: 5px; spacing-rows: 5px; spacing-columns: 5px; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 12px; height: 12px; border-radius: 12px; background-image: none; background-color: rgba(255, 255, 255, 0.3); } .page-indicator:hover .page-indicator-icon { background-image: none; background-color: rgba(255, 255, 255, 0.5); } .page-indicator:active .page-indicator-icon { background-image: none; background-color: rgba(255, 255, 255, 0.7); } .page-indicator:checked .page-indicator-icon { background-image: none; background-color: #FFFFFF; transition-duration: 0ms; } .page-indicator:checked:active { background-image: none; } .app-well-app > .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label { padding: 10px 8px 5px 8px; spacing: 4px; } .workspace-thumbnails { visible-width: 32px; spacing: 12px; padding: 12px; border-radius: 2px 0 0 2px; } .workspace-thumbnails:rtl { border-radius: 0 2px 2px 0; } .workspace-thumbnails .placeholder { background-image: url("assets/dash-placeholder.svg"); background-size: contain; height: 24px; } .workspace-thumbnail-indicator { border: 0 solid #FFFFFF; border-left-width: 2px; padding: 6px; border-radius: 0; } .search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { padding: 0px 88px 10px 88px; } .workspace-thumbnails { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.1); border: none; } .search-statustext, .no-frequent-applications-label { font-size: 45px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { link-color: #338DD6; } .notification-banner { font-size: 1em; width: 34em; min-height: 56px; margin: 5px; border-radius: 2px; color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .notification-banner:hover { background-color: #FAFAFA; } .notification-banner:focus { background-color: #FAFAFA; } .notification-banner .notification-icon { padding: 5px; } .notification-banner .notification-content { padding: 5px; spacing: 5px; } .notification-banner .secondary-icon { icon-size: 1.23077em; } .notification-banner .notification-actions { background-color: transparent; padding-top: 0; border-top: 1px solid rgba(0, 0, 0, 0.12); spacing: 1px; } .notification-banner .notification-button { min-height: 40px; padding: 0 16px; background-color: transparent; color: rgba(0, 0, 0, 0.54); font-weight: 500; } .notification-banner .notification-button:first-child { border-radius: 0 0 0 2px; } .notification-banner .notification-button:last-child { border-radius: 0 0 2px 0; } .notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } .notification-banner .notification-button:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } .summary-source-counter { font-size: 1em; font-weight: bold; height: 1.6em; width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; background-color: #338DD6; color: #FFFFFF; border: 2px solid #FFFFFF; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } .secondary-icon { icon-size: 1.23077em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: rgba(0, 0, 0, 0.87); } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0px; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: rgba(0, 0, 0, 0.54); } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; font-size: 9pt; font-weight: 400; color: rgba(0, 0, 0, 0.38); } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-transient-box { spacing: 6px; padding: 2px 72px 2px 12px; } .hotplug-notification-item { padding: 2px 10px; } .hotplug-notification-item:focus { padding: 1px 71px 1px 11px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 2px 5px; } .hotplug-resident-box { spacing: 8px; } .hotplug-resident-mount { spacing: 8px; border-radius: 2px; } .hotplug-resident-mount:hover { background-color: rgba(0, 0, 0, 0.12); } .hotplug-resident-mount:active { background-color: rgba(0, 0, 0, 0.26); } .hotplug-resident-mount-label { color: inherit; padding-left: 6px; } .hotplug-resident-mount-icon { icon-size: 24px; padding-left: 6px; } .hotplug-resident-eject-icon { icon-size: 16px; } .hotplug-resident-eject-button { padding: 7px; border-radius: 2px; color: rgba(0, 0, 0, 0.87); } /* Eeeky things */ .magnifier-zoom-region { border: 2px solid #338DD6; } .magnifier-zoom-region.full-screen { border-width: 0; } /* On-screen Keyboard */ .word-suggestions { font-size: 11.25pt; font-weight: 400; spacing: 12px; min-height: 40px; } #keyboard { background-color: rgba(0, 0, 0, 0.3); } .key-container { padding: 4px; spacing: 4px; } .keyboard-key { min-height: 64px; min-width: 64px; font-size: 2em; font-weight: 500; border-radius: 2px; border: none; color: inherit; color: rgba(0, 0, 0, 0.62); background-color: #FAFAFA; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; icon-shadow: none; } .keyboard-key:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-key:hover, .keyboard-key:checked { color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .keyboard-key:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(188, 188, 188, 0.961); border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .keyboard-key:grayed { background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; border-color: rgba(0, 0, 0, 0.3); } .keyboard-key.default-key { border-color: transparent; background-color: #FAFAFA; background-size: 24px; } .keyboard-key.default-key:active { background-color: rgba(188, 188, 188, 0.961); } .keyboard-key.enter-key { border-color: transparent; background-color: #009688; background-image: url("assets/key-enter.svg"); } .keyboard-key.enter-key:active { background-color: #4db6ac; } .keyboard-key.shift-key-lowercase { background-image: url("assets/key-shift.svg"); } .keyboard-key.shift-key-uppercase { background-image: url("assets/key-shift-uppercase.svg"); } .keyboard-key.shift-key-uppercase:latched { background-image: url("assets/key-shift-latched-uppercase.svg"); } .keyboard-key.hide-key { background-image: url("assets/key-hide.svg"); } .keyboard-key.layout-key { background-image: url("assets/key-layout.svg"); } .keyboard-subkeys { color: inherit; padding: 5px; -arrow-border-radius: 0; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; -boxpointer-gap: 5px; background-color: #FAFAFA; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: rgba(0, 0, 0, 0.38); } .candidate-box:selected .candidate-index { color: rgba(255, 255, 255, 0.5); } .candidate-box { transition-duration: 0ms; min-height: 28px; padding: 0 8px; border-radius: 2px; } .candidate-box:hover { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } .candidate-box:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } .candidate-box:selected { background-color: #338DD6; color: #FFFFFF; } .candidate-page-button-box { height: 28px; } .vertical .candidate-page-button-box { padding-top: 0; } .horizontal .candidate-page-button-box { padding-left: 0; } .candidate-page-button { min-width: 28px; min-height: 28px; padding: 0; } .candidate-page-button-previous { border-radius: 2px; border-right-width: 0; } .candidate-page-button-next { border-radius: 2px; } .candidate-page-button-icon { icon-size: 1.23077em; } /* Auth Dialogs & Screen Shield */ .framed-user-icon { background-size: contain; border: none; color: #FFFFFF; border-radius: 2px; } .framed-user-icon:hover { border-color: #FFFFFF; color: #FFFFFF; } .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: none; background-color: transparent; } .login-dialog StEntry { color: #FFFFFF; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .login-dialog StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #FFFFFF; } .login-dialog StEntry:insensitive { color: rgba(0, 0, 0, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { padding: 0 16px; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:insensitive { color: rgba(255, 255, 255, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default { color: #FFFFFF; background-color: #009688; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { color: #FFFFFF; background-color: #009688; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:active { color: #FFFFFF; background-color: #4db6ac; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:insensitive { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog-logo-bin { padding: 24px 0px; } .login-dialog-banner { color: rgba(255, 255, 255, 0.7); } .login-dialog-button-box { spacing: 5px; } .login-dialog-message-warning { color: #FF6D00; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; } .login-dialog-user-selection-box { padding: 100px 0px; } .login-dialog-not-listed-label { padding-left: 2px; } .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { color: #FFFFFF; } .login-dialog-not-listed-label { font-size: 1em; font-weight: bold; color: rgba(255, 255, 255, 0.7); padding-top: 1em; } .login-dialog-not-listed-label:hover { color: #FFFFFF; } .login-dialog-not-listed-label:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; padding: .2em; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid #FFFFFF; } .login-dialog-user-list-item { border-radius: 2px; padding: 4px 4px 0; color: rgba(255, 255, 255, 0.7); } .login-dialog-user-list-item:ltr { padding-right: 1em; } .login-dialog-user-list-item:rtl { padding-left: 1em; } .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list-item:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin: 2px 0 0 0; background-color: #FFFFFF; } .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { background-color: #FFFFFF; } .login-dialog-username, .user-widget-label { color: #FFFFFF; font-size: 15pt; font-weight: 500; text-align: left; padding-left: 15px; } .user-widget-label:ltr { padding-left: 18px; } .user-widget-label:rtl { padding-right: 18px; } .login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 8px; width: 23em; } .login-dialog-prompt-label { color: rgba(255, 255, 255, 0.5); font-size: 1em; padding-top: 1em; } .login-dialog-session-list-button StIcon { icon-size: 1.25em; } .login-dialog-session-list-button { color: rgba(255, 255, 255, 0.7); } .login-dialog-session-list-button:hover, .login-dialog-session-list-button:focus { color: #FFFFFF; } .login-dialog-session-list-button:active { color: #FFFFFF; } .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { color: white; width: 80px; height: 48px; -arrow-thickness: 12px; -arrow-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock { color: white; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-weight: normal; text-align: center; padding-bottom: 1.5em; } .screen-shield-clock-time { font-size: 112px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock-date { font-size: 45px; font-weight: 400; } .screen-shield-notifications-container { spacing: 6px; width: 30em; background-color: transparent; max-height: 500px; } .screen-shield-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .screen-shield-notifications-container .notification, .screen-shield-notifications-container .screen-shield-notification-source { padding: 8px; border: none; background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; border-radius: 2px; } .screen-shield-notifications-container .notification { margin-right: 16px; } .screen-shield-notification-label { min-height: 18px; padding: 2px 0px 0px 16px; font-weight: bold; } .screen-shield-notification-count-text { min-height: 18px; padding: 2px 0px 0px 16px; color: rgba(255, 255, 255, 0.7); } #panel.lock-screen { background-color: rgba(0, 0, 0, 0.3); } .screen-shield-background { background: black; box-shadow: 0 19px 19px rgba(0, 0, 0, 0.6), 0 15px 6px rgba(0, 0, 0, 0.44); } #lockDialogGroup { background: #303030; background-size: cover; } #LookingGlassDialog { background-color: #FAFAFA; spacing: 4px; padding: 0; border: none; border-radius: 2px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } #LookingGlassDialog > #Toolbar { padding: 0 8px; border: none; border-radius: 0; background-color: rgba(250, 250, 250, 0.01); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); } #LookingGlassDialog .labels { spacing: 0; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: rgba(0, 0, 0, 0.38); transition-duration: 150ms; padding-left: 16px; padding-right: 16px; min-height: 32px; padding: 0 32px; } #LookingGlassDialog .notebook-tab:hover { box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); text-shadow: none; } #LookingGlassDialog .notebook-tab:selected { border-bottom-width: 0; border-color: transparent; background-color: rgba(250, 250, 250, 0.01); box-shadow: inset 0 -2px 0px #338DD6; color: rgba(0, 0, 0, 0.87); text-shadow: none; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 4px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog StEntry { selection-background-color: #338DD6; selected-color: #FFFFFF; } .lg-dialog .shell-link { color: #338DD6; } .lg-dialog .shell-link:hover { color: #338DD6; } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button { min-height: 32px; padding: 0 16px; border: none; border-radius: 2px; font-size: 9.75pt; font-weight: 500; color: rgba(0, 0, 0, 0.54); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:hover { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:insensitive { color: rgba(0, 0, 0, 0.26); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .lg-obj-inspector-button:hover { border: none; } #lookingGlassExtensions { padding: 4px; } .lg-extensions-list { padding: 4px; spacing: 6px; } .lg-extension { border: none; border-radius: 2px; padding: 4px; } .lg-extension-name { font-size: 18pt; font-weight: 400; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { background: #FAFAFA; border: none; border-radius: 2px; padding: 6px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } /* Dash to Dock */ #dashtodockContainer #dash { background-color: rgba(0, 0, 0, 0.6); } #dashtodockContainer:overview #dash { background-color: rgba(255, 255, 255, 0.1); } #dashtodockContainer.extended:overview #dash { background-color: transparent; } #dashtodockContainer.left #dash, #dashtodockContainer.right #dash { padding: 3px 0; } #dashtodockContainer.top #dash, #dashtodockContainer.bottom #dash { padding: 0 3px; } #dashtodockContainer.extended #dash { padding: 0; border-radius: 0; } #dashtodockContainer.left .dash-item-container > StWidget, #dashtodockContainer.right .dash-item-container > StWidget, #dashtodockContainer.extended.left .dash-item-container > StWidget, #dashtodockContainer.extended.right .dash-item-container > StWidget { padding: 3px 6px; } #dashtodockContainer.extended.left .dash-item-container:first-child > StWidget, #dashtodockContainer.extended.right .dash-item-container:first-child > StWidget { padding: 6px 6px 3px 6px; } #dashtodockContainer.extended.left .dash-item-container:last-child > StWidget, #dashtodockContainer.extended.right .dash-item-container:last-child > StWidget { padding: 3px 6px 6px 6px; } #dashtodockContainer.top .dash-item-container > StWidget, #dashtodockContainer.bottom .dash-item-container > StWidget, #dashtodockContainer.extended.top .dash-item-container > StWidget, #dashtodockContainer.extended.bottom .dash-item-container > StWidget { padding: 6px 3px; } #dashtodockContainer.extended.top .dash-item-container:first-child > StWidget, #dashtodockContainer.extended.bottom .dash-item-container:first-child > StWidget { padding: 6px 3px 6px 6px; } #dashtodockContainer.extended.top .dash-item-container:last-child > StWidget, #dashtodockContainer.extended.bottom .dash-item-container:last-child > StWidget { padding: 6px 6px 6px 3px; } #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } #dashtodockContainer .dash-item-container > StWidget { background-size: cover; } #dashtodockContainer.left .dash-item-container > StWidget.running1 { background-image: url("assets/dash/left-running1.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running2 { background-image: url("assets/dash/left-running2.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running3 { background-image: url("assets/dash/left-running3.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running4 { background-image: url("assets/dash/left-running4.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running1 { background-image: url("assets/dash/right-running1.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running2 { background-image: url("assets/dash/right-running2.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running3 { background-image: url("assets/dash/right-running3.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running4 { background-image: url("assets/dash/right-running4.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running1 { background-image: url("assets/dash/top-running1.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running2 { background-image: url("assets/dash/top-running2.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running3 { background-image: url("assets/dash/top-running3.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running4 { background-image: url("assets/dash/top-running4.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running1 { background-image: url("assets/dash/bottom-running1.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running2 { background-image: url("assets/dash/bottom-running2.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running3 { background-image: url("assets/dash/bottom-running3.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running4 { background-image: url("assets/dash/bottom-running4.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/bottom-running4-focused.svg"); } /* Simple Dock */ #dash:desktop { background-color: rgba(0, 0, 0, 0.6); } /* GPaste */ .popup-menu .search-entry { color: rgba(0, 0, 0, 0.87); selection-background-color: #338DD6; selected-color: #FFFFFF; background-color: rgba(250, 250, 250, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .popup-menu .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #338DD6; color: rgba(0, 0, 0, 0.87); } .popup-menu .search-entry .search-entry-icon { color: rgba(0, 0, 0, 0.38); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { color: rgba(0, 0, 0, 0.87); } materia-theme-20180321/src/gnome-shell/3.28/gnome-shell-compact.scss000066400000000000000000000004141325420104000246120ustar00rootroot00000000000000$variant: 'light'; $titlebar: 'dark'; $compact: 'true'; @import '../../_sass/gnome-shell/variables'; @import '../../_sass/colors'; @import '../../_sass/gnome-shell/drawing'; @import '../../_sass/gnome-shell/common-3.28'; @import '../../_sass/gnome-shell/extensions'; materia-theme-20180321/src/gnome-shell/3.28/gnome-shell-dark-compact.css000066400000000000000000001773671325420104000253740ustar00rootroot00000000000000/* This stylesheet is generated, DO NOT EDIT */ /* Copyright 2009, 2015 Red Hat, Inc. * * Portions adapted from Mx's data/style/default.css * Copyright 2009 Intel Corporation * * This program is free software; you can redistribute it and/or modify it * under the terms and conditions of the GNU Lesser General Public License, * version 2.1, as published by the Free Software Foundation. * * This program is distributed in the hope it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for * more details. * * You should have received a copy of the GNU Lesser General Public License * along with this program; if not, write to the Free Software Foundation, * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. */ /* GLOBALS */ * { transition-duration: 150ms; } stage { font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; font-size: 9.75pt; font-weight: 400; color: #FFFFFF; } /* WIDGETS */ /* Buttons */ .button { min-height: 32px; padding: 0 16px; border-width: 0; border-radius: 2px; font-size: 9.75pt; font-weight: 500; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:hover { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:insensitive { color: rgba(255, 255, 255, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:focus { color: #FFFFFF; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .modal-dialog-linked-button { min-height: 40px; padding: 0 16px; border-top: 1px solid rgba(0, 0, 0, 0.26) !important; border-right-width: 0; font-size: 9.75pt; font-weight: 500; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:hover { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:insensitive { color: rgba(255, 255, 255, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:focus { color: #FFFFFF; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .modal-dialog-linked-button:first-child { border-radius: 0px 0px 0px 2px; } .modal-dialog-linked-button:last-child { border-right-width: 0px; border-radius: 0px 0px 2px 0px; } .modal-dialog-linked-button:first-child:last-child { border-right-width: 0px; border-radius: 0px 0px 2px 2px; } /* Entries */ StEntry { min-height: 32px; padding: 0 8px; border-radius: 0; border-width: 0; color: #FFFFFF; selection-background-color: #338DD6; selected-color: #FFFFFF; font-size: 11.25pt; font-weight: 400; background-color: rgba(66, 66, 66, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #338DD6; } StEntry:insensitive { color: rgba(255, 255, 255, 0.5); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); } StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #FF6D00; padding: 0 0; } /* Scrollbars */ StScrollView.vfade { -st-vfade-offset: 32px; } StScrollView.hfade { -st-hfade-offset: 32px; } StScrollBar { padding: 0; } StScrollView StScrollBar { min-width: 16px; min-height: 16px; } StScrollBar StBin#trough { margin: 4px; border-radius: 100px; background-color: rgba(255, 255, 255, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 100px; background-color: rgba(255, 255, 255, 0.5); margin: 4px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(255, 255, 255, 0.7); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: #FFFFFF; } #overview StScrollBar StBin#trough, #screenShieldNotifications StScrollBar StBin#trough { background-color: rgba(255, 255, 255, 0.12); } #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#hhandle, #screenShieldNotifications StScrollBar StButton#hhandle { background-color: rgba(255, 255, 255, 0.5); } #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#hhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { background-color: rgba(255, 255, 255, 0.7); } #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#hhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { background-color: #FFFFFF; } /* Slider */ .slider { height: 20px; color: #009688; -slider-height: 2px; -slider-background-color: rgba(255, 255, 255, 0.3); -slider-border-color: transparent; -slider-active-background-color: #009688; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 7px; } /* Check Boxes */ .check-box * { min-height: 16px; padding: 8px 0; } .check-box StBoxLayout { spacing: 8px; } .check-box StBin { width: 24px; height: 24px; padding: 4px; border-radius: 100px; background-image: url("assets/checkbox-off.svg"); } .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } .check-box:hover StBin { background-color: rgba(255, 255, 255, 0.12); } .check-box:active StBin { background-color: rgba(255, 255, 255, 0.3); } .check-box:checked StBin { background-image: url("assets/checkbox.svg"); } .check-box:focus:checked StBin { background-image: url("assets/checkbox.svg"); } .check-box:hover:checked StBin { background-color: rgba(0, 150, 136, 0.15); } .check-box:active:checked StBin { background-color: rgba(0, 150, 136, 0.3); } /* Switches */ .toggle-switch { width: 40px; height: 20px; background-size: contain; } .toggle-switch-us { background-image: url("assets/toggle-off.svg"); } .toggle-switch-us:checked { background-image: url("assets/toggle-on.svg"); } .toggle-switch-intl { background-image: url("assets/toggle-off.svg"); } .toggle-switch-intl:checked { background-image: url("assets/toggle-on.svg"); } /* links */ .shell-link { border-radius: 2px; color: #338DD6; } .shell-link:hover { color: #338DD6; background-color: rgba(51, 141, 214, 0.15); } .shell-link:active { color: #338DD6; background-color: rgba(51, 141, 214, 0.3); } /* Modal Dialogs */ .headline { font-size: 15pt; font-weight: 500; } .lightbox { background-color: black; } .flashspot { background-color: white; } .modal-dialog { border-radius: 2px; color: #FFFFFF; background-color: #424242; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } .modal-dialog .modal-dialog-content-box { padding: 24px; } .modal-dialog .run-dialog-entry { width: 20em; margin-bottom: 6px; } .modal-dialog .run-dialog-error-box { padding-top: 16px; spacing: 6px; } .modal-dialog .run-dialog-button-box { padding-top: 1em; } .modal-dialog .run-dialog-label { font-size: 1em; font-weight: normal; color: rgba(255, 255, 255, 0.5); padding-bottom: .4em; } .mount-dialog-subject, .end-session-dialog-subject { font-size: 15pt; font-weight: 500; } /* Message Dialog */ .message-dialog-main-layout { padding: 12px 20px 0; spacing: 12px; } .message-dialog-content { max-width: 28em; spacing: 20px; } .message-dialog-icon { min-width: 48px; icon-size: 48px; } .message-dialog-title { font-weight: bold; } .message-dialog-subtitle { color: rgba(255, 255, 255, 0.7); font-weight: bold; } /* End Session Dialog */ .end-session-dialog { spacing: 42px; border: none; } .end-session-dialog-list { padding-top: 20px; } .end-session-dialog-layout { padding-left: 17px; } .end-session-dialog-layout:rtl { padding-right: 17px; } .end-session-dialog-description { width: 28em; padding-bottom: 10px; } .end-session-dialog-description:rtl { text-align: right; } .end-session-dialog-warning { width: 28em; color: #FF6D00; padding-top: 6px; } .end-session-dialog-warning:rtl { text-align: right; } .end-session-dialog-logout-icon { border-radius: 5px; width: 48px; height: 48px; background-size: contain; } .end-session-dialog-shutdown-icon { color: rgba(255, 255, 255, 0.5); width: 48px; height: 48px; } .end-session-dialog-inhibitor-layout { spacing: 16px; max-height: 200px; padding-right: 65px; padding-left: 65px; } .end-session-dialog-session-list, .end-session-dialog-app-list { spacing: 1em; } .end-session-dialog-list-header { font-weight: bold; } .end-session-dialog-list-header:rtl { text-align: right; } .end-session-dialog-app-list-item, .end-session-dialog-session-list-item { spacing: 1em; } .end-session-dialog-app-list-item-name, .end-session-dialog-session-list-item-name { font-weight: bold; } .end-session-dialog-app-list-item-description { color: rgba(255, 255, 255, 0.5); font-size: 1em; } /* ShellMountOperation Dialogs */ .shell-mount-operation-icon { icon-size: 48px; } .mount-dialog { spacing: 24px; } .mount-dialog .message-dialog-title { padding-top: 10px; padding-left: 17px; padding-bottom: 6px; max-width: 34em; } .mount-dialog .message-dialog-title:rtl { padding-left: 0px; padding-right: 17px; } .mount-dialog .message-dialog-body { padding-left: 17px; width: 28em; } .mount-dialog .message-dialog-body:rtl { padding-left: 0px; padding-right: 17px; } .mount-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 49px; padding-right: 32px; } .mount-dialog-app-list:rtl { padding-right: 49px; padding-left: 32px; } .mount-dialog-app-list-item { color: #FFFFFF; } .mount-dialog-app-list-item:hover { color: #FFFFFF; } .mount-dialog-app-list-item:ltr { padding-right: 1em; } .mount-dialog-app-list-item:rtl { padding-left: 1em; } .mount-dialog-app-list-item-icon:ltr { padding-right: 17px; } .mount-dialog-app-list-item-icon:rtl { padding-left: 17px; } .mount-dialog-app-list-item-name { font-size: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { width: 34em; border: none; } .prompt-dialog .message-dialog-main-layout { spacing: 24px; padding: 10px; } .prompt-dialog .message-dialog-content { spacing: 16px; } .prompt-dialog .message-dialog-title { font-size: 15pt; font-weight: 500; color: #FFFFFF; } .prompt-dialog-description:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label { font-size: 1em; color: #DD2C00; padding-bottom: 8px; } .prompt-dialog-info-label { font-size: 1em; padding-bottom: 8px; } .hidden { color: transparent; } .prompt-dialog-null-label { font-size: 1em; padding-bottom: 8px; } /* Polkit Dialog */ .polkit-dialog-user-layout { padding-left: 10px; spacing: 10px; } .polkit-dialog-user-layout:rtl { padding-left: 0px; padding-right: 10px; } .polkit-dialog-user-root-label { color: #FF6D00; } .polkit-dialog-user-icon { border-radius: 5px; background-size: contain; width: 48px; height: 48px; } /* Audio selection dialog */ .audio-device-selection-dialog { spacing: 30px; } .audio-selection-content { spacing: 20px; padding: 24px; } .audio-selection-title { font-weight: bold; text-align: center; } .audio-selection-box { spacing: 20px; } .audio-selection-device { border: 1px solid rgba(0, 0, 0, 0.26); border-radius: 2px; } .audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { background-color: #338DD6; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* Access Dialog */ .access-dialog { spacing: 30px; } /* Geolocation Dialog */ .geolocation-dialog { spacing: 30px; } /* Extension Dialog */ .extension-dialog .message-dialog-main-layout { spacing: 24px; padding: 10px; } .extension-dialog .message-dialog-title { color: rgba(255, 255, 255, 0.7); } /* Inhibit-Shortcuts Dialog */ .inhibit-shortcuts-dialog { spacing: 30px; } /* Network Agent Dialog */ .network-dialog-secret-table { spacing-rows: 15px; spacing-columns: 1em; } .keyring-dialog-control-table { spacing-rows: 15px; spacing-columns: 1em; } /* Popovers/Menus */ .popup-menu { min-width: 200px; } .popup-menu .popup-sub-menu { background-color: #303030; box-shadow: 0 0 transparent; } .popup-menu .popup-menu-content { padding: 8px 0; } .popup-menu .popup-menu-item { spacing: 8px; transition-duration: 100ms; } .popup-menu .popup-menu-item:ltr { padding: 0.4em 24px 0.4em 0; } .popup-menu .popup-menu-item:rtl { padding: 0.4em 0 0.4em 24px; } .popup-menu .popup-menu-item:checked { background-color: #338DD6; color: #FFFFFF; box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { background-color: #529edc; color: #FFFFFF; } .popup-menu .popup-menu-item:checked:active { background-color: #70afe2; color: #FFFFFF !important; } .popup-menu .popup-menu-item:checked:insensitive { color: rgba(255, 255, 255, 0.5); } .popup-menu .popup-menu-item.selected { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; transition-duration: 0ms; } .popup-menu .popup-menu-item:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; transition-duration: 150ms; } .popup-menu .popup-menu-item.selected:active { color: #FFFFFF; } .popup-menu .popup-menu-item:insensitive { color: rgba(255, 255, 255, 0.5); } .popup-menu .popup-inactive-menu-item { color: #FFFFFF; } .popup-menu .popup-inactive-menu-item:insensitive { color: rgba(255, 255, 255, 0.5); } .popup-menu.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-border-radius: 0; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; -arrow-box-shadow: none; margin: 5px 8px 8px; background-color: #424242; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .popup-separator-menu-item { height: 1px; margin: 8px 40px; background-color: transparent; border-color: rgba(0, 0, 0, 0.26); border-bottom-width: 1px; border-bottom-style: solid; } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } /* fallback menu - odd thing for styling App menu when apparently not running under shell. Light Adwaita styled app menu inside the main app window itself rather than the top bar */ /* OSD */ .osd-window { text-align: center; font-weight: bold; spacing: 1em; margin: 32px; min-width: 64px; min-height: 64px; } .osd-window .osd-monitor-label { font-size: 45px; font-weight: 400; } .osd-window .level { height: 8px; border-radius: 0; background-color: rgba(51, 141, 214, 0.3); color: #FFFFFF; } .osd-window .level-bar { background-color: #338DD6; border-radius: 0; } /* Pad OSD */ .pad-osd-window { padding: 32px; background-color: rgba(0, 0, 0, 0.6); } .pad-osd-window .pad-osd-title-box { spacing: 12px; } .pad-osd-window .pad-osd-title-menu-box { spacing: 6px; } .combo-box-label { width: 15em; } /* App Switcher */ .switcher-popup { padding: 8px; spacing: 16px; } .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { padding: 8px; border-radius: 2px; } .switcher-list .item-box:outlined { padding: 8px; border: none; background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .switcher-list .item-box:selected { background-color: #338DD6; color: #FFFFFF; } .switcher-list .thumbnail-box { padding: 2px; spacing: 4px; } .switcher-list .thumbnail { width: 256px; } .switcher-list .separator { width: 1px; background: rgba(0, 0, 0, 0.26); } .switcher-arrow { border-color: transparent; color: rgba(255, 255, 255, 0.5); } .switcher-arrow:highlighted { color: #FFFFFF; } .input-source-switcher-symbol { font-size: 45px; font-weight: 400; width: 96px; height: 96px; } /* Window Cycler */ .cycler-highlight { border: 4px solid #338DD6; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher { background: transparent; border: 0px; border-radius: 0px; padding: 0px; spacing: 8px; } .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; background-color: #338DD6; color: #FFFFFF; background-size: 32px; border-radius: 2px; } .ws-switcher-box { height: 48px; border: none; background: rgba(255, 255, 255, 0.12); border-radius: 2px; } .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { color: #FFFFFF; background-color: #424242; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); border-radius: 2px; padding: 12px; } /* Tiled window previews */ .tile-preview { background-color: rgba(64, 196, 255, 0.3); border: 1px solid #40C4FF; } .tile-preview-left.on-primary { border-radius: 0 0 0 0; } .tile-preview-right.on-primary { border-radius: 0 0 0 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0 0 0 0; } /* TOP BAR */ #panel { background-color: rgba(0, 0, 0, 0.6); /* transition from solid to transparent */ transition-duration: 250ms; font-weight: bold; height: 28px; } #panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { background-color: transparent; } #panel #panelLeft, #panel #panelCenter { spacing: 0; } #panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: rgba(0, 0, 0, 0.6); -panel-corner-border-width: 2px; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: #FFFFFF; } #panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: rgba(255, 255, 255, 0.7); text-shadow: none; transition-duration: 150ms; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; } #panel .panel-button .system-status-icon, #panel .panel-button .app-menu-icon > StIcon, #panel .panel-button .popup-menu-arrow { icon-shadow: none; } #panel .panel-button:hover { color: #FFFFFF; text-shadow: none; } #panel .panel-button:hover .system-status-icon, #panel .panel-button:hover .app-menu-icon > StIcon, #panel .panel-button:hover .popup-menu-arrow { icon-shadow: none; } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { background-color: rgba(0, 0, 0, 0.01); box-shadow: inset 0 -2px 0px #FFFFFF; color: #FFFFFF; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { icon-shadow: none; } #panel .panel-button .system-status-icon { icon-size: 1.23077em; padding: 0 4px; } .unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { color: rgba(255, 255, 255, 0.7); } .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { color: #FFFFFF; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator { color: #FF6D00; } #panel.solid { background-color: #212121; /* transition from transparent to solid */ transition-duration: 250ms; background-gradient-direction: none; text-shadow: none; } #panel.solid:overview { background-color: transparent; } #panel.solid .panel-corner { -panel-corner-background-color: #212121; } #panel.solid .panel-button { color: rgba(255, 255, 255, 0.7); text-shadow: none; } #panel.solid .panel-button:hover, #panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { color: #FFFFFF; } #panel.solid .system-status-icon, #panel.solid .app-menu-icon > StIcon, #panel.solid .popup-menu-arrow { icon-shadow: none; } #calendarArea { padding: 8px 16px; } .calendar { margin-bottom: 0; } .calendar, .datemenu-today-button, .datemenu-displays-box, .message-list-sections { margin: 0 8px; } .datemenu-calendar-column { spacing: 8px; } .datemenu-displays-section { padding-bottom: 0; } .datemenu-displays-box { spacing: 8px; } .datemenu-calendar-column { border: 0 solid rgba(0, 0, 0, 0.26); } .datemenu-calendar-column:ltr { border-left-width: 0; } .datemenu-calendar-column:rtl { border-right-width: 0; } .datemenu-today-button, .world-clocks-button, .weather-button, .events-section-title { min-height: 20px; padding: 4px 8px; border-radius: 2px; } .datemenu-today-button { min-height: 48px; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .datemenu-today-button:hover, .datemenu-today-button:focus, .world-clocks-button:hover, .world-clocks-button:focus, .weather-button:hover, .weather-button:focus, .events-section-title:hover, .events-section-title:focus { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); } .datemenu-today-button:active, .world-clocks-button:active, .weather-button:active, .events-section-title:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); } .datemenu-today-button .date-label { font-size: 18pt; font-weight: 400; } .world-clocks-header, .weather-header, .events-section-title { color: rgba(255, 255, 255, 0.7); font-weight: bold; } .world-clocks-grid { spacing-rows: 0.4em; } .weather-box { spacing: 0.4em; } .calendar-month-label { height: 16px; margin: 2px; padding: 6px 16px; border-radius: 2px; color: #FFFFFF; font-weight: bold; text-align: center; } .calendar-month-label:focus { background-color: rgba(255, 255, 255, 0.12); } .pager-button { width: 28px; height: 28px; margin: 2px; border-radius: 100px; background-color: transparent; color: #FFFFFF; } .pager-button:hover, .pager-button:focus { background-color: rgba(255, 255, 255, 0.12); } .pager-button:active { background-color: rgba(255, 255, 255, 0.3); } .calendar-change-month-back { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-change-month-back:rtl { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward:rtl { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-day-base { font-size: 9pt; font-weight: 400; text-align: center; width: 28px; height: 28px; padding: 0; margin: 2px; border-radius: 100px; } .calendar-day-base:hover, .calendar-day-base:focus { background-color: rgba(255, 255, 255, 0.12); } .calendar-day-base:active { color: inherit; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; } .calendar-day-base:selected { color: #FFFFFF; background-color: #338DD6; border-color: transparent; } .calendar-day-base.calendar-day-heading { width: 28px; height: 21px; margin-top: 2px; padding: 7px 0 0; border-radius: 100px; background-color: transparent; color: rgba(255, 255, 255, 0.5); font-size: 9pt; font-weight: 400; font-weight: bold; text-align: center; } .calendar-day { border-width: 0; } .calendar-day-top { border-top-width: 0; } .calendar-day-left { border-left-width: 0; } .calendar-nonwork-day { color: #FFFFFF; } .calendar-today { font-weight: bold !important; border: none; } .calendar-day-with-events { color: #338DD6; font-weight: normal; text-decoration: underline; background-image: none; } .calendar-other-month-day { color: rgba(255, 255, 255, 0.3); opacity: 0.5; } .calendar-week-number { width: 28px; height: 21px; margin: 2px; padding: 7px 0 0; border-radius: 100px; background-color: transparent; color: rgba(255, 255, 255, 0.5); font-size: inherit; font-weight: bold; text-align: center; } /* Message list */ .message-list { width: 420px; } .message-list-clear-button.button { background-color: transparent; margin: 8px 8px 0; } .message-list-clear-button.button:hover, .message-list-clear-button.button:focus { background-color: rgba(255, 255, 255, 0.12); } .message-list-clear-button.button:active { background-color: rgba(255, 255, 255, 0.3); } .message-list-sections { spacing: 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message { min-height: 56px; background-color: transparent; border-radius: 2px; } .message:hover, .message:focus { background-color: rgba(255, 255, 255, 0.12); } .message:active { background-color: rgba(255, 255, 255, 0.3); } .message-icon-bin { padding: 8px 0px 8px 8px; } .message-icon-bin:rtl { padding: 8px 8px 8px 0px; } .message-icon-bin > StIcon { color: #FFFFFF; icon-size: 1.23077em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } .message-icon-bin > StIcon:rtl { margin: 4px 4px 4px 0px; } .message-secondary-bin { padding: 0 8px; } .message-secondary-bin > .event-time { min-height: 18px; padding-top: 2px; color: rgba(255, 255, 255, 0.7); font-size: 1em; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-bottom: 0; } .message-secondary-bin > StIcon { icon-size: 1.23077em; } .message-title { min-height: 18px; padding-top: 2px; color: #FFFFFF; font-weight: bold; font-size: 1em; } .message-content { min-height: 40px; padding: 8px; color: rgba(255, 255, 255, 0.7); font-size: 1em; } .message-content * > StIcon { icon-size: 16px; border-radius: 16px; padding: 2px; color: rgba(255, 255, 255, 0.7); } /* FIXME: how do you do this in sass? */ .message-content *:hover > StIcon, .message-content *:focus > StIcon { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); } .message-content *:active > StIcon { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); } .message-media-control { margin: 16px 0; padding: 8px; border-radius: 100px; color: rgba(255, 255, 255, 0.7); } .message-media-control:hover, .message-media-control:focus { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); } .message-media-control:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); } .message-media-control:insensitive { color: rgba(255, 255, 255, 0.3); } .message-media-control:last-child:ltr { margin-right: 16px; padding-right: 8px; } .message-media-control:last-child:rtl { margin-left: 16px; padding-left: 8px; } .media-message-cover-icon { icon-size: 32px !important; margin: 8px 0px 8px 4px !important; } .media-message-cover-icon:rtl { margin: 8px 4px 8px 0px !important; } .media-message-cover-icon.fallback { icon-size: 16px !important; padding: 8px; border: none; border-radius: 2px; background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } .system-switch-user-submenu-icon.user-icon { icon-size: 20px; padding: 0 2px; } .system-switch-user-submenu-icon.default-icon { icon-size: 16px; padding: 0 4px; } #appMenu { spinner-image: url("process-working.svg"); spacing: 4px; } #appMenu .label-shadow { color: transparent; } .aggregate-menu { min-width: 280px; } .aggregate-menu .popup-menu-icon { padding: 0 4px; } .aggregate-menu .popup-sub-menu .popup-menu-item :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; margin-left: 1.23077em; } .aggregate-menu .popup-sub-menu .popup-menu-item :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; margin-right: 1.23077em; } .system-menu-action { color: rgba(255, 255, 255, 0.7); border-radius: 100px; /* wish we could do 50% */ padding: 14px; border: none; } .system-menu-action:hover, .system-menu-action:focus { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; border: none; padding: 14px; } .system-menu-action:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .system-menu-action > StIcon { icon-size: 16px; } .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; background-color: rgba(255, 255, 255, 0.3); background-image: none; background-size: auto; } .ripple-box:rtl { border-radius: 0 0 0 48px; background-image: none; } .popup-menu-arrow { width: 16px; height: 16px; } .popup-menu-icon { icon-size: 1.23077em; } .window-close { transition-duration: 0ms; height: 32px; width: 32px; -shell-close-overlap: 16px; -st-background-image-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); background-image: url("assets/window-close.svg"); background-size: 32px; } .window-close:hover { -st-background-image-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-image: url("assets/window-close.svg"); } .window-close:active { background-image: url("assets/window-close-active.svg"); } .window-close:rtl { -st-background-image-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .window-close:rtl:hover { -st-background-image-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } /* NETWORK DIALOGS */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: center; } .nm-dialog-airplane-text { color: #FFFFFF; } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-scroll-view { border: none; } .nm-dialog-header { font-size: 15pt; font-weight: 500; } .nm-dialog-item { font-size: 1em; border-bottom: none; border-radius: 2px; padding: 12px; spacing: 20px; } .nm-dialog-item:hover, .nm-dialog-item:focus { background-color: rgba(255, 255, 255, 0.12); } .nm-dialog-item:active { background-color: rgba(255, 255, 255, 0.3); } .nm-dialog-item:selected { background-color: #338DD6; color: #FFFFFF; } .nm-dialog-icons { spacing: .5em; } .nm-dialog-icon { icon-size: 16px; } .no-networks-label { color: rgba(255, 255, 255, 0.5); } .no-networks-box { spacing: 12px; } /* OVERVIEW */ #overview { spacing: 24px; } .overview-controls { padding-bottom: 32px; } .window-picker { -horizontal-spacing: 16px; -vertical-spacing: 16px; padding: 0 16px 32px; } .window-picker.external-monitor { padding: 16px; } .window-clone-border { border: 4px solid rgba(255, 255, 255, 0.3); border-radius: 2px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .window-caption { spacing: 25px; color: #FFFFFF; background-color: rgba(0, 0, 0, 0.6); border-radius: 2px; padding: 4px 8px; } .search-entry { width: 304px; padding: 0 8px; border-radius: 0; color: rgba(255, 255, 255, 0.5); selection-background-color: rgba(255, 255, 255, 0.3); selected-color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #FFFFFF; padding: 0 8px; border-width: 0; color: #FFFFFF; } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 0; color: rgba(255, 255, 255, 0.5); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: #FFFFFF; } #searchResultsBin { max-width: 1000px; } #searchResultsContent { padding-left: 20px; padding-right: 20px; spacing: 16px; } .search-section { spacing: 16px; } .search-section-content { spacing: 32px; } .list-search-results { spacing: 3px; } .search-section-separator { height: 1px; background-color: rgba(255, 255, 255, 0.12); } .list-search-result-content { spacing: 30px; } .list-search-result-title { font-size: 11.25pt; font-weight: 400; color: #FFFFFF; spacing: 12px; } .list-search-result-description { color: rgba(255, 255, 255, 0.7); } .list-search-provider-details { width: 150px; color: rgba(255, 255, 255, 0.7); margin-top: 0.24em; } .list-search-provider-content { spacing: 20px; } .search-provider-icon { padding: 15px; } /* DASHBOARD */ #dash { font-size: 1em; color: #FFFFFF; background-color: rgba(255, 255, 255, 0.1); padding: 3px 0; border: none; border-left: 0px; border-radius: 0px 2px 2px 0px; } #dash:rtl { border-radius: 2px 0 0 2px; } #dash .placeholder { background-image: url("assets/dash-placeholder.svg"); background-size: contain; height: 24px; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { border-radius: 2px; padding: 7px 8px; color: #FFFFFF; background-color: #424242; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-align: center; -x-offset: 8px; } /* App Vault/Grid */ .icon-grid { spacing: 30px; -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; } .icon-grid .overview-icon { icon-size: 96px; } .system-action-icon { box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); background-color: #212121; color: #FFFFFF; border-radius: 99px; icon-size: 48px; } .app-view-controls { width: 320px; padding-bottom: 32px; } .app-view-control { padding: 0 16px; font-weight: bold; color: rgba(255, 255, 255, 0.7); } .app-view-control:hover { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12) !important; } .app-view-control:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3) !important; } .app-view-control:checked { color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01) !important; box-shadow: inset 0 2px 0 #FFFFFF; } .app-view-control:first-child { border-right-width: 0; border-radius: 2px; } .app-view-control:first-child:checked { border-radius: 0; } .app-view-control:last-child { border-radius: 2px; } .app-view-control:last-child:checked { border-radius: 0; } .search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, .list-search-result:focus, .list-search-result:selected, .list-search-result:hover { background-color: rgba(255, 255, 255, 0.12); transition-duration: 0ms; } .search-provider-icon:active, .search-provider-icon:checked, .list-search-result:active, .list-search-result:checked { background-color: rgba(255, 255, 255, 0.3); transition-duration: 150ms; } .app-well-app:hover .overview-icon, .app-well-app:focus .overview-icon, .app-well-app:selected .overview-icon, .app-well-app.app-folder:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-well-app.app-folder:selected .overview-icon, .show-apps:hover .overview-icon, .show-apps:focus .overview-icon, .show-apps:selected .overview-icon, .grid-search-result:hover .overview-icon, .grid-search-result:focus .overview-icon, .grid-search-result:selected .overview-icon { background-color: rgba(255, 255, 255, 0.12); transition-duration: 0ms; border-image: none; background-image: none; } .app-well-app:active .overview-icon, .app-well-app:checked .overview-icon, .app-well-app.app-folder:active .overview-icon, .app-well-app.app-folder:checked .overview-icon, .show-apps:active .overview-icon, .show-apps:checked .overview-icon, .grid-search-result:active .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.3); box-shadow: 0 0 transparent; transition-duration: 150ms; } .app-well-app-running-dot { width: 32px; height: 2px; background-color: #FFFFFF; margin-bottom: 0; } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .app-well-app.app-folder .overview-icon, .show-apps .overview-icon, .grid-search-result .overview-icon { color: #FFFFFF; border-radius: 2px; padding: 6px; border: none; transition-duration: 150ms; text-align: center; } .app-well-app.app-folder > .overview-icon { background-color: rgba(255, 255, 255, 0.1); } .show-apps .show-apps-icon { color: rgba(255, 255, 255, 0.7); } .show-apps:hover .show-apps-icon, .show-apps:active .show-apps-icon, .show-apps:checked .show-apps-icon, .show-apps:focus .show-apps-icon { color: #FFFFFF; transition-duration: 150ms; } .app-folder-popup { -arrow-border-radius: 2px; -arrow-background-color: rgba(255, 255, 255, 0.1); -arrow-base: 24px; -arrow-rise: 12px; } .app-folder-popup-bin { padding: 5px; } .app-folder-icon { padding: 5px; spacing-rows: 5px; spacing-columns: 5px; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 12px; height: 12px; border-radius: 12px; background-image: none; background-color: rgba(255, 255, 255, 0.3); } .page-indicator:hover .page-indicator-icon { background-image: none; background-color: rgba(255, 255, 255, 0.5); } .page-indicator:active .page-indicator-icon { background-image: none; background-color: rgba(255, 255, 255, 0.7); } .page-indicator:checked .page-indicator-icon { background-image: none; background-color: #FFFFFF; transition-duration: 0ms; } .page-indicator:checked:active { background-image: none; } .app-well-app > .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label { padding: 10px 8px 5px 8px; spacing: 4px; } .workspace-thumbnails { visible-width: 32px; spacing: 12px; padding: 12px; border-radius: 2px 0 0 2px; } .workspace-thumbnails:rtl { border-radius: 0 2px 2px 0; } .workspace-thumbnails .placeholder { background-image: url("assets/dash-placeholder.svg"); background-size: contain; height: 24px; } .workspace-thumbnail-indicator { border: 0 solid #FFFFFF; border-left-width: 2px; padding: 6px; border-radius: 0; } .search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { padding: 0px 88px 10px 88px; } .workspace-thumbnails { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.1); border: none; } .search-statustext, .no-frequent-applications-label { font-size: 45px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { link-color: #338DD6; } .notification-banner { font-size: 1em; width: 34em; min-height: 56px; margin: 5px; border-radius: 2px; color: #FFFFFF; background-color: #424242; border: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .notification-banner:hover { background-color: #424242; } .notification-banner:focus { background-color: #424242; } .notification-banner .notification-icon { padding: 5px; } .notification-banner .notification-content { padding: 5px; spacing: 5px; } .notification-banner .secondary-icon { icon-size: 1.23077em; } .notification-banner .notification-actions { background-color: transparent; padding-top: 0; border-top: 1px solid rgba(0, 0, 0, 0.26); spacing: 1px; } .notification-banner .notification-button { min-height: 40px; padding: 0 16px; background-color: transparent; color: rgba(255, 255, 255, 0.7); font-weight: 500; } .notification-banner .notification-button:first-child { border-radius: 0 0 0 2px; } .notification-banner .notification-button:last-child { border-radius: 0 0 2px 0; } .notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .notification-banner .notification-button:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .summary-source-counter { font-size: 1em; font-weight: bold; height: 1.6em; width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; background-color: #338DD6; color: #FFFFFF; border: 2px solid #FFFFFF; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } .secondary-icon { icon-size: 1.23077em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: #FFFFFF; } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0px; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: rgba(255, 255, 255, 0.7); } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; font-size: 9pt; font-weight: 400; color: rgba(255, 255, 255, 0.5); } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-transient-box { spacing: 6px; padding: 2px 72px 2px 12px; } .hotplug-notification-item { padding: 2px 10px; } .hotplug-notification-item:focus { padding: 1px 71px 1px 11px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 2px 5px; } .hotplug-resident-box { spacing: 8px; } .hotplug-resident-mount { spacing: 8px; border-radius: 2px; } .hotplug-resident-mount:hover { background-color: rgba(255, 255, 255, 0.12); } .hotplug-resident-mount:active { background-color: rgba(255, 255, 255, 0.3); } .hotplug-resident-mount-label { color: inherit; padding-left: 6px; } .hotplug-resident-mount-icon { icon-size: 24px; padding-left: 6px; } .hotplug-resident-eject-icon { icon-size: 16px; } .hotplug-resident-eject-button { padding: 7px; border-radius: 2px; color: #FFFFFF; } /* Eeeky things */ .magnifier-zoom-region { border: 2px solid #338DD6; } .magnifier-zoom-region.full-screen { border-width: 0; } /* On-screen Keyboard */ .word-suggestions { font-size: 11.25pt; font-weight: 400; spacing: 12px; min-height: 40px; } #keyboard { background-color: rgba(0, 0, 0, 0.3); } .key-container { padding: 4px; spacing: 4px; } .keyboard-key { min-height: 64px; min-width: 64px; font-size: 2em; font-weight: 500; border-radius: 2px; border: none; color: inherit; color: rgba(255, 255, 255, 0.8); background-color: #424242; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; icon-shadow: none; } .keyboard-key:focus { color: #FFFFFF; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-key:hover, .keyboard-key:checked { color: #FFFFFF; background-color: #424242; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .keyboard-key:active { color: #FFFFFF; background-color: #7b7b7b; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .keyboard-key:grayed { background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; border-color: rgba(0, 0, 0, 0.3); } .keyboard-key.default-key { border-color: transparent; background-color: #424242; background-size: 24px; } .keyboard-key.default-key:active { background-color: #7b7b7b; } .keyboard-key.enter-key { border-color: transparent; background-color: #009688; background-image: url("assets/key-enter.svg"); } .keyboard-key.enter-key:active { background-color: #4db6ac; } .keyboard-key.shift-key-lowercase { background-image: url("assets/key-shift.svg"); } .keyboard-key.shift-key-uppercase { background-image: url("assets/key-shift-uppercase.svg"); } .keyboard-key.shift-key-uppercase:latched { background-image: url("assets/key-shift-latched-uppercase.svg"); } .keyboard-key.hide-key { background-image: url("assets/key-hide.svg"); } .keyboard-key.layout-key { background-image: url("assets/key-layout.svg"); } .keyboard-subkeys { color: inherit; padding: 5px; -arrow-border-radius: 0; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; -boxpointer-gap: 5px; background-color: #424242; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: rgba(255, 255, 255, 0.5); } .candidate-box:selected .candidate-index { color: rgba(255, 255, 255, 0.5); } .candidate-box { transition-duration: 0ms; min-height: 28px; padding: 0 8px; border-radius: 2px; } .candidate-box:hover { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .candidate-box:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .candidate-box:selected { background-color: #338DD6; color: #FFFFFF; } .candidate-page-button-box { height: 28px; } .vertical .candidate-page-button-box { padding-top: 0; } .horizontal .candidate-page-button-box { padding-left: 0; } .candidate-page-button { min-width: 28px; min-height: 28px; padding: 0; } .candidate-page-button-previous { border-radius: 2px; border-right-width: 0; } .candidate-page-button-next { border-radius: 2px; } .candidate-page-button-icon { icon-size: 1.23077em; } /* Auth Dialogs & Screen Shield */ .framed-user-icon { background-size: contain; border: none; color: #FFFFFF; border-radius: 2px; } .framed-user-icon:hover { border-color: #FFFFFF; color: #FFFFFF; } .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: none; background-color: transparent; } .login-dialog StEntry { color: #FFFFFF; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .login-dialog StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #FFFFFF; } .login-dialog StEntry:insensitive { color: rgba(255, 255, 255, 0.5); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { padding: 0 16px; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:insensitive { color: rgba(255, 255, 255, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default { color: rgba(255, 255, 255, 0.8); background-color: #009688; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { color: #FFFFFF; background-color: #009688; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:active { color: #FFFFFF; background-color: #4db6ac; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:insensitive { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog-logo-bin { padding: 24px 0px; } .login-dialog-banner { color: rgba(255, 255, 255, 0.7); } .login-dialog-button-box { spacing: 5px; } .login-dialog-message-warning { color: #FF6D00; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; } .login-dialog-user-selection-box { padding: 100px 0px; } .login-dialog-not-listed-label { padding-left: 2px; } .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { color: #FFFFFF; } .login-dialog-not-listed-label { font-size: 1em; font-weight: bold; color: rgba(255, 255, 255, 0.7); padding-top: 1em; } .login-dialog-not-listed-label:hover { color: #FFFFFF; } .login-dialog-not-listed-label:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; padding: .2em; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid #FFFFFF; } .login-dialog-user-list-item { border-radius: 2px; padding: 4px 4px 0; color: rgba(255, 255, 255, 0.7); } .login-dialog-user-list-item:ltr { padding-right: 1em; } .login-dialog-user-list-item:rtl { padding-left: 1em; } .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list-item:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin: 2px 0 0 0; background-color: #FFFFFF; } .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { background-color: #FFFFFF; } .login-dialog-username, .user-widget-label { color: #FFFFFF; font-size: 15pt; font-weight: 500; text-align: left; padding-left: 15px; } .user-widget-label:ltr { padding-left: 18px; } .user-widget-label:rtl { padding-right: 18px; } .login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 8px; width: 23em; } .login-dialog-prompt-label { color: rgba(255, 255, 255, 0.5); font-size: 1em; padding-top: 1em; } .login-dialog-session-list-button StIcon { icon-size: 1.25em; } .login-dialog-session-list-button { color: rgba(255, 255, 255, 0.7); } .login-dialog-session-list-button:hover, .login-dialog-session-list-button:focus { color: #FFFFFF; } .login-dialog-session-list-button:active { color: #FFFFFF; } .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { color: white; width: 80px; height: 48px; -arrow-thickness: 12px; -arrow-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock { color: white; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-weight: normal; text-align: center; padding-bottom: 1.5em; } .screen-shield-clock-time { font-size: 112px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock-date { font-size: 45px; font-weight: 400; } .screen-shield-notifications-container { spacing: 6px; width: 30em; background-color: transparent; max-height: 500px; } .screen-shield-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .screen-shield-notifications-container .notification, .screen-shield-notifications-container .screen-shield-notification-source { padding: 8px; border: none; background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; border-radius: 2px; } .screen-shield-notifications-container .notification { margin-right: 16px; } .screen-shield-notification-label { min-height: 18px; padding: 2px 0px 0px 16px; font-weight: bold; } .screen-shield-notification-count-text { min-height: 18px; padding: 2px 0px 0px 16px; color: rgba(255, 255, 255, 0.7); } #panel.lock-screen { background-color: rgba(0, 0, 0, 0.3); } .screen-shield-background { background: black; box-shadow: 0 19px 19px rgba(0, 0, 0, 0.6), 0 15px 6px rgba(0, 0, 0, 0.44); } #lockDialogGroup { background: #303030; background-size: cover; } #LookingGlassDialog { background-color: #424242; spacing: 4px; padding: 0; border: none; border-radius: 2px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } #LookingGlassDialog > #Toolbar { padding: 0 8px; border: none; border-radius: 0; background-color: rgba(66, 66, 66, 0.01); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.26); } #LookingGlassDialog .labels { spacing: 0; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: rgba(255, 255, 255, 0.5); transition-duration: 150ms; padding-left: 16px; padding-right: 16px; min-height: 32px; padding: 0 32px; } #LookingGlassDialog .notebook-tab:hover { box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.3); color: #FFFFFF; text-shadow: none; } #LookingGlassDialog .notebook-tab:selected { border-bottom-width: 0; border-color: transparent; background-color: rgba(66, 66, 66, 0.01); box-shadow: inset 0 -2px 0px #338DD6; color: #FFFFFF; text-shadow: none; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 4px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog StEntry { selection-background-color: #338DD6; selected-color: #FFFFFF; } .lg-dialog .shell-link { color: #338DD6; } .lg-dialog .shell-link:hover { color: #338DD6; } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button { min-height: 32px; padding: 0 16px; border: none; border-radius: 2px; font-size: 9.75pt; font-weight: 500; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:hover { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:insensitive { color: rgba(255, 255, 255, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:focus { color: #FFFFFF; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .lg-obj-inspector-button:hover { border: none; } #lookingGlassExtensions { padding: 4px; } .lg-extensions-list { padding: 4px; spacing: 6px; } .lg-extension { border: none; border-radius: 2px; padding: 4px; } .lg-extension-name { font-size: 18pt; font-weight: 400; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { background: #424242; border: none; border-radius: 2px; padding: 6px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } /* Dash to Dock */ #dashtodockContainer #dash { background-color: rgba(0, 0, 0, 0.6); } #dashtodockContainer:overview #dash { background-color: rgba(255, 255, 255, 0.1); } #dashtodockContainer.extended:overview #dash { background-color: transparent; } #dashtodockContainer.left #dash, #dashtodockContainer.right #dash { padding: 3px 0; } #dashtodockContainer.top #dash, #dashtodockContainer.bottom #dash { padding: 0 3px; } #dashtodockContainer.extended #dash { padding: 0; border-radius: 0; } #dashtodockContainer.left .dash-item-container > StWidget, #dashtodockContainer.right .dash-item-container > StWidget, #dashtodockContainer.extended.left .dash-item-container > StWidget, #dashtodockContainer.extended.right .dash-item-container > StWidget { padding: 3px 6px; } #dashtodockContainer.extended.left .dash-item-container:first-child > StWidget, #dashtodockContainer.extended.right .dash-item-container:first-child > StWidget { padding: 6px 6px 3px 6px; } #dashtodockContainer.extended.left .dash-item-container:last-child > StWidget, #dashtodockContainer.extended.right .dash-item-container:last-child > StWidget { padding: 3px 6px 6px 6px; } #dashtodockContainer.top .dash-item-container > StWidget, #dashtodockContainer.bottom .dash-item-container > StWidget, #dashtodockContainer.extended.top .dash-item-container > StWidget, #dashtodockContainer.extended.bottom .dash-item-container > StWidget { padding: 6px 3px; } #dashtodockContainer.extended.top .dash-item-container:first-child > StWidget, #dashtodockContainer.extended.bottom .dash-item-container:first-child > StWidget { padding: 6px 3px 6px 6px; } #dashtodockContainer.extended.top .dash-item-container:last-child > StWidget, #dashtodockContainer.extended.bottom .dash-item-container:last-child > StWidget { padding: 6px 6px 6px 3px; } #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } #dashtodockContainer .dash-item-container > StWidget { background-size: cover; } #dashtodockContainer.left .dash-item-container > StWidget.running1 { background-image: url("assets/dash/left-running1.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running2 { background-image: url("assets/dash/left-running2.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running3 { background-image: url("assets/dash/left-running3.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running4 { background-image: url("assets/dash/left-running4.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running1 { background-image: url("assets/dash/right-running1.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running2 { background-image: url("assets/dash/right-running2.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running3 { background-image: url("assets/dash/right-running3.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running4 { background-image: url("assets/dash/right-running4.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running1 { background-image: url("assets/dash/top-running1.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running2 { background-image: url("assets/dash/top-running2.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running3 { background-image: url("assets/dash/top-running3.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running4 { background-image: url("assets/dash/top-running4.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running1 { background-image: url("assets/dash/bottom-running1.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running2 { background-image: url("assets/dash/bottom-running2.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running3 { background-image: url("assets/dash/bottom-running3.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running4 { background-image: url("assets/dash/bottom-running4.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/bottom-running4-focused.svg"); } /* Simple Dock */ #dash:desktop { background-color: rgba(0, 0, 0, 0.6); } /* GPaste */ .popup-menu .search-entry { color: #FFFFFF; selection-background-color: #338DD6; selected-color: #FFFFFF; background-color: rgba(66, 66, 66, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .popup-menu .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #338DD6; color: #FFFFFF; } .popup-menu .search-entry .search-entry-icon { color: rgba(255, 255, 255, 0.5); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { color: #FFFFFF; } materia-theme-20180321/src/gnome-shell/3.28/gnome-shell-dark-compact.scss000066400000000000000000000004131325420104000255300ustar00rootroot00000000000000$variant: 'dark'; $titlebar: 'dark'; $compact: 'true'; @import '../../_sass/gnome-shell/variables'; @import '../../_sass/colors'; @import '../../_sass/gnome-shell/drawing'; @import '../../_sass/gnome-shell/common-3.28'; @import '../../_sass/gnome-shell/extensions'; materia-theme-20180321/src/gnome-shell/3.28/gnome-shell-dark.css000066400000000000000000001773561325420104000237460ustar00rootroot00000000000000/* This stylesheet is generated, DO NOT EDIT */ /* Copyright 2009, 2015 Red Hat, Inc. * * Portions adapted from Mx's data/style/default.css * Copyright 2009 Intel Corporation * * This program is free software; you can redistribute it and/or modify it * under the terms and conditions of the GNU Lesser General Public License, * version 2.1, as published by the Free Software Foundation. * * This program is distributed in the hope it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for * more details. * * You should have received a copy of the GNU Lesser General Public License * along with this program; if not, write to the Free Software Foundation, * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. */ /* GLOBALS */ * { transition-duration: 150ms; } stage { font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; font-size: 10.5pt; font-weight: 400; color: #FFFFFF; } /* WIDGETS */ /* Buttons */ .button { min-height: 36px; padding: 0 16px; border-width: 0; border-radius: 2px; font-size: 10.5pt; font-weight: 500; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:hover { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:insensitive { color: rgba(255, 255, 255, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:focus { color: #FFFFFF; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .modal-dialog-linked-button { min-height: 40px; padding: 0 16px; border-top: 1px solid rgba(0, 0, 0, 0.26) !important; border-right-width: 0; font-size: 10.5pt; font-weight: 500; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:hover { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:insensitive { color: rgba(255, 255, 255, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:focus { color: #FFFFFF; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .modal-dialog-linked-button:first-child { border-radius: 0px 0px 0px 2px; } .modal-dialog-linked-button:last-child { border-right-width: 0px; border-radius: 0px 0px 2px 0px; } .modal-dialog-linked-button:first-child:last-child { border-right-width: 0px; border-radius: 0px 0px 2px 2px; } /* Entries */ StEntry { min-height: 36px; padding: 0 8px; border-radius: 0; border-width: 0; color: #FFFFFF; selection-background-color: #338DD6; selected-color: #FFFFFF; font-size: 12pt; font-weight: 400; background-color: rgba(66, 66, 66, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #338DD6; } StEntry:insensitive { color: rgba(255, 255, 255, 0.5); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); } StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #FF6D00; padding: 0 0; } /* Scrollbars */ StScrollView.vfade { -st-vfade-offset: 32px; } StScrollView.hfade { -st-hfade-offset: 32px; } StScrollBar { padding: 0; } StScrollView StScrollBar { min-width: 16px; min-height: 16px; } StScrollBar StBin#trough { margin: 4px; border-radius: 100px; background-color: rgba(255, 255, 255, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 100px; background-color: rgba(255, 255, 255, 0.5); margin: 4px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(255, 255, 255, 0.7); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: #FFFFFF; } #overview StScrollBar StBin#trough, #screenShieldNotifications StScrollBar StBin#trough { background-color: rgba(255, 255, 255, 0.12); } #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#hhandle, #screenShieldNotifications StScrollBar StButton#hhandle { background-color: rgba(255, 255, 255, 0.5); } #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#hhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { background-color: rgba(255, 255, 255, 0.7); } #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#hhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { background-color: #FFFFFF; } /* Slider */ .slider { height: 20px; color: #009688; -slider-height: 2px; -slider-background-color: rgba(255, 255, 255, 0.3); -slider-border-color: transparent; -slider-active-background-color: #009688; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 7px; } /* Check Boxes */ .check-box * { min-height: 20px; padding: 8px 0; } .check-box StBoxLayout { spacing: 8px; } .check-box StBin { width: 24px; height: 24px; padding: 6px; border-radius: 100px; background-image: url("assets/checkbox-off.svg"); } .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } .check-box:hover StBin { background-color: rgba(255, 255, 255, 0.12); } .check-box:active StBin { background-color: rgba(255, 255, 255, 0.3); } .check-box:checked StBin { background-image: url("assets/checkbox.svg"); } .check-box:focus:checked StBin { background-image: url("assets/checkbox.svg"); } .check-box:hover:checked StBin { background-color: rgba(0, 150, 136, 0.15); } .check-box:active:checked StBin { background-color: rgba(0, 150, 136, 0.3); } /* Switches */ .toggle-switch { width: 40px; height: 20px; background-size: contain; } .toggle-switch-us { background-image: url("assets/toggle-off.svg"); } .toggle-switch-us:checked { background-image: url("assets/toggle-on.svg"); } .toggle-switch-intl { background-image: url("assets/toggle-off.svg"); } .toggle-switch-intl:checked { background-image: url("assets/toggle-on.svg"); } /* links */ .shell-link { border-radius: 2px; color: #338DD6; } .shell-link:hover { color: #338DD6; background-color: rgba(51, 141, 214, 0.15); } .shell-link:active { color: #338DD6; background-color: rgba(51, 141, 214, 0.3); } /* Modal Dialogs */ .headline { font-size: 15pt; font-weight: 500; } .lightbox { background-color: black; } .flashspot { background-color: white; } .modal-dialog { border-radius: 2px; color: #FFFFFF; background-color: #424242; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } .modal-dialog .modal-dialog-content-box { padding: 24px; } .modal-dialog .run-dialog-entry { width: 20em; margin-bottom: 6px; } .modal-dialog .run-dialog-error-box { padding-top: 16px; spacing: 6px; } .modal-dialog .run-dialog-button-box { padding-top: 1em; } .modal-dialog .run-dialog-label { font-size: 1em; font-weight: normal; color: rgba(255, 255, 255, 0.5); padding-bottom: .4em; } .mount-dialog-subject, .end-session-dialog-subject { font-size: 15pt; font-weight: 500; } /* Message Dialog */ .message-dialog-main-layout { padding: 12px 20px 0; spacing: 12px; } .message-dialog-content { max-width: 28em; spacing: 20px; } .message-dialog-icon { min-width: 48px; icon-size: 48px; } .message-dialog-title { font-weight: bold; } .message-dialog-subtitle { color: rgba(255, 255, 255, 0.7); font-weight: bold; } /* End Session Dialog */ .end-session-dialog { spacing: 42px; border: none; } .end-session-dialog-list { padding-top: 20px; } .end-session-dialog-layout { padding-left: 17px; } .end-session-dialog-layout:rtl { padding-right: 17px; } .end-session-dialog-description { width: 28em; padding-bottom: 10px; } .end-session-dialog-description:rtl { text-align: right; } .end-session-dialog-warning { width: 28em; color: #FF6D00; padding-top: 6px; } .end-session-dialog-warning:rtl { text-align: right; } .end-session-dialog-logout-icon { border-radius: 5px; width: 48px; height: 48px; background-size: contain; } .end-session-dialog-shutdown-icon { color: rgba(255, 255, 255, 0.5); width: 48px; height: 48px; } .end-session-dialog-inhibitor-layout { spacing: 16px; max-height: 200px; padding-right: 65px; padding-left: 65px; } .end-session-dialog-session-list, .end-session-dialog-app-list { spacing: 1em; } .end-session-dialog-list-header { font-weight: bold; } .end-session-dialog-list-header:rtl { text-align: right; } .end-session-dialog-app-list-item, .end-session-dialog-session-list-item { spacing: 1em; } .end-session-dialog-app-list-item-name, .end-session-dialog-session-list-item-name { font-weight: bold; } .end-session-dialog-app-list-item-description { color: rgba(255, 255, 255, 0.5); font-size: 1em; } /* ShellMountOperation Dialogs */ .shell-mount-operation-icon { icon-size: 48px; } .mount-dialog { spacing: 24px; } .mount-dialog .message-dialog-title { padding-top: 10px; padding-left: 17px; padding-bottom: 6px; max-width: 34em; } .mount-dialog .message-dialog-title:rtl { padding-left: 0px; padding-right: 17px; } .mount-dialog .message-dialog-body { padding-left: 17px; width: 28em; } .mount-dialog .message-dialog-body:rtl { padding-left: 0px; padding-right: 17px; } .mount-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 49px; padding-right: 32px; } .mount-dialog-app-list:rtl { padding-right: 49px; padding-left: 32px; } .mount-dialog-app-list-item { color: #FFFFFF; } .mount-dialog-app-list-item:hover { color: #FFFFFF; } .mount-dialog-app-list-item:ltr { padding-right: 1em; } .mount-dialog-app-list-item:rtl { padding-left: 1em; } .mount-dialog-app-list-item-icon:ltr { padding-right: 17px; } .mount-dialog-app-list-item-icon:rtl { padding-left: 17px; } .mount-dialog-app-list-item-name { font-size: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { width: 34em; border: none; } .prompt-dialog .message-dialog-main-layout { spacing: 24px; padding: 10px; } .prompt-dialog .message-dialog-content { spacing: 16px; } .prompt-dialog .message-dialog-title { font-size: 15pt; font-weight: 500; color: #FFFFFF; } .prompt-dialog-description:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label { font-size: 1em; color: #DD2C00; padding-bottom: 8px; } .prompt-dialog-info-label { font-size: 1em; padding-bottom: 8px; } .hidden { color: transparent; } .prompt-dialog-null-label { font-size: 1em; padding-bottom: 8px; } /* Polkit Dialog */ .polkit-dialog-user-layout { padding-left: 10px; spacing: 10px; } .polkit-dialog-user-layout:rtl { padding-left: 0px; padding-right: 10px; } .polkit-dialog-user-root-label { color: #FF6D00; } .polkit-dialog-user-icon { border-radius: 5px; background-size: contain; width: 48px; height: 48px; } /* Audio selection dialog */ .audio-device-selection-dialog { spacing: 30px; } .audio-selection-content { spacing: 20px; padding: 24px; } .audio-selection-title { font-weight: bold; text-align: center; } .audio-selection-box { spacing: 20px; } .audio-selection-device { border: 1px solid rgba(0, 0, 0, 0.26); border-radius: 2px; } .audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { background-color: #338DD6; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* Access Dialog */ .access-dialog { spacing: 30px; } /* Geolocation Dialog */ .geolocation-dialog { spacing: 30px; } /* Extension Dialog */ .extension-dialog .message-dialog-main-layout { spacing: 24px; padding: 10px; } .extension-dialog .message-dialog-title { color: rgba(255, 255, 255, 0.7); } /* Inhibit-Shortcuts Dialog */ .inhibit-shortcuts-dialog { spacing: 30px; } /* Network Agent Dialog */ .network-dialog-secret-table { spacing-rows: 15px; spacing-columns: 1em; } .keyring-dialog-control-table { spacing-rows: 15px; spacing-columns: 1em; } /* Popovers/Menus */ .popup-menu { min-width: 200px; } .popup-menu .popup-sub-menu { background-color: #303030; box-shadow: 0 0 transparent; } .popup-menu .popup-menu-content { padding: 8px 0; } .popup-menu .popup-menu-item { spacing: 8px; transition-duration: 100ms; } .popup-menu .popup-menu-item:ltr { padding: 0.4em 24px 0.4em 0; } .popup-menu .popup-menu-item:rtl { padding: 0.4em 0 0.4em 24px; } .popup-menu .popup-menu-item:checked { background-color: #338DD6; color: #FFFFFF; box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { background-color: #529edc; color: #FFFFFF; } .popup-menu .popup-menu-item:checked:active { background-color: #70afe2; color: #FFFFFF !important; } .popup-menu .popup-menu-item:checked:insensitive { color: rgba(255, 255, 255, 0.5); } .popup-menu .popup-menu-item.selected { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; transition-duration: 0ms; } .popup-menu .popup-menu-item:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; transition-duration: 150ms; } .popup-menu .popup-menu-item.selected:active { color: #FFFFFF; } .popup-menu .popup-menu-item:insensitive { color: rgba(255, 255, 255, 0.5); } .popup-menu .popup-inactive-menu-item { color: #FFFFFF; } .popup-menu .popup-inactive-menu-item:insensitive { color: rgba(255, 255, 255, 0.5); } .popup-menu.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-border-radius: 0; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; -arrow-box-shadow: none; margin: 5px 8px 8px; background-color: #424242; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .popup-separator-menu-item { height: 1px; margin: 8px 40px; background-color: transparent; border-color: rgba(0, 0, 0, 0.26); border-bottom-width: 1px; border-bottom-style: solid; } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } /* fallback menu - odd thing for styling App menu when apparently not running under shell. Light Adwaita styled app menu inside the main app window itself rather than the top bar */ /* OSD */ .osd-window { text-align: center; font-weight: bold; spacing: 1em; margin: 32px; min-width: 64px; min-height: 64px; } .osd-window .osd-monitor-label { font-size: 45px; font-weight: 400; } .osd-window .level { height: 8px; border-radius: 0; background-color: rgba(51, 141, 214, 0.3); color: #FFFFFF; } .osd-window .level-bar { background-color: #338DD6; border-radius: 0; } /* Pad OSD */ .pad-osd-window { padding: 32px; background-color: rgba(0, 0, 0, 0.6); } .pad-osd-window .pad-osd-title-box { spacing: 12px; } .pad-osd-window .pad-osd-title-menu-box { spacing: 6px; } .combo-box-label { width: 15em; } /* App Switcher */ .switcher-popup { padding: 8px; spacing: 16px; } .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { padding: 8px; border-radius: 2px; } .switcher-list .item-box:outlined { padding: 8px; border: none; background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .switcher-list .item-box:selected { background-color: #338DD6; color: #FFFFFF; } .switcher-list .thumbnail-box { padding: 2px; spacing: 4px; } .switcher-list .thumbnail { width: 256px; } .switcher-list .separator { width: 1px; background: rgba(0, 0, 0, 0.26); } .switcher-arrow { border-color: transparent; color: rgba(255, 255, 255, 0.5); } .switcher-arrow:highlighted { color: #FFFFFF; } .input-source-switcher-symbol { font-size: 45px; font-weight: 400; width: 96px; height: 96px; } /* Window Cycler */ .cycler-highlight { border: 4px solid #338DD6; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher { background: transparent; border: 0px; border-radius: 0px; padding: 0px; spacing: 8px; } .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; background-color: #338DD6; color: #FFFFFF; background-size: 32px; border-radius: 2px; } .ws-switcher-box { height: 48px; border: none; background: rgba(255, 255, 255, 0.12); border-radius: 2px; } .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { color: #FFFFFF; background-color: #424242; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); border-radius: 2px; padding: 12px; } /* Tiled window previews */ .tile-preview { background-color: rgba(64, 196, 255, 0.3); border: 1px solid #40C4FF; } .tile-preview-left.on-primary { border-radius: 0 0 0 0; } .tile-preview-right.on-primary { border-radius: 0 0 0 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0 0 0 0; } /* TOP BAR */ #panel { background-color: rgba(0, 0, 0, 0.6); /* transition from solid to transparent */ transition-duration: 250ms; font-weight: bold; height: 32px; } #panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { background-color: transparent; } #panel #panelLeft, #panel #panelCenter { spacing: 0; } #panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: rgba(0, 0, 0, 0.6); -panel-corner-border-width: 2px; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: #FFFFFF; } #panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: rgba(255, 255, 255, 0.7); text-shadow: none; transition-duration: 150ms; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; } #panel .panel-button .system-status-icon, #panel .panel-button .app-menu-icon > StIcon, #panel .panel-button .popup-menu-arrow { icon-shadow: none; } #panel .panel-button:hover { color: #FFFFFF; text-shadow: none; } #panel .panel-button:hover .system-status-icon, #panel .panel-button:hover .app-menu-icon > StIcon, #panel .panel-button:hover .popup-menu-arrow { icon-shadow: none; } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { background-color: rgba(0, 0, 0, 0.01); box-shadow: inset 0 -2px 0px #FFFFFF; color: #FFFFFF; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { icon-shadow: none; } #panel .panel-button .system-status-icon { icon-size: 1.14286em; padding: 0 4px; } .unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { color: rgba(255, 255, 255, 0.7); } .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { color: #FFFFFF; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator { color: #FF6D00; } #panel.solid { background-color: #212121; /* transition from transparent to solid */ transition-duration: 250ms; background-gradient-direction: none; text-shadow: none; } #panel.solid:overview { background-color: transparent; } #panel.solid .panel-corner { -panel-corner-background-color: #212121; } #panel.solid .panel-button { color: rgba(255, 255, 255, 0.7); text-shadow: none; } #panel.solid .panel-button:hover, #panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { color: #FFFFFF; } #panel.solid .system-status-icon, #panel.solid .app-menu-icon > StIcon, #panel.solid .popup-menu-arrow { icon-shadow: none; } #calendarArea { padding: 8px 16px; } .calendar { margin-bottom: 0; } .calendar, .datemenu-today-button, .datemenu-displays-box, .message-list-sections { margin: 0 8px; } .datemenu-calendar-column { spacing: 8px; } .datemenu-displays-section { padding-bottom: 0; } .datemenu-displays-box { spacing: 8px; } .datemenu-calendar-column { border: 0 solid rgba(0, 0, 0, 0.26); } .datemenu-calendar-column:ltr { border-left-width: 0; } .datemenu-calendar-column:rtl { border-right-width: 0; } .datemenu-today-button, .world-clocks-button, .weather-button, .events-section-title { min-height: 24px; padding: 4px 8px; border-radius: 2px; } .datemenu-today-button { min-height: 56px; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .datemenu-today-button:hover, .datemenu-today-button:focus, .world-clocks-button:hover, .world-clocks-button:focus, .weather-button:hover, .weather-button:focus, .events-section-title:hover, .events-section-title:focus { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); } .datemenu-today-button:active, .world-clocks-button:active, .weather-button:active, .events-section-title:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); } .datemenu-today-button .date-label { font-size: 18pt; font-weight: 400; } .world-clocks-header, .weather-header, .events-section-title { color: rgba(255, 255, 255, 0.7); font-weight: bold; } .world-clocks-grid { spacing-rows: 0.4em; } .weather-box { spacing: 0.4em; } .calendar-month-label { height: 20px; margin: 2px; padding: 6px 16px; border-radius: 2px; color: #FFFFFF; font-weight: bold; text-align: center; } .calendar-month-label:focus { background-color: rgba(255, 255, 255, 0.12); } .pager-button { width: 32px; height: 32px; margin: 2px; border-radius: 100px; background-color: transparent; color: #FFFFFF; } .pager-button:hover, .pager-button:focus { background-color: rgba(255, 255, 255, 0.12); } .pager-button:active { background-color: rgba(255, 255, 255, 0.3); } .calendar-change-month-back { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-change-month-back:rtl { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward:rtl { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-day-base { font-size: 9pt; font-weight: 400; text-align: center; width: 32px; height: 32px; padding: 0; margin: 2px; border-radius: 100px; } .calendar-day-base:hover, .calendar-day-base:focus { background-color: rgba(255, 255, 255, 0.12); } .calendar-day-base:active { color: inherit; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; } .calendar-day-base:selected { color: #FFFFFF; background-color: #338DD6; border-color: transparent; } .calendar-day-base.calendar-day-heading { width: 32px; height: 25px; margin-top: 2px; padding: 7px 0 0; border-radius: 100px; background-color: transparent; color: rgba(255, 255, 255, 0.5); font-size: 9pt; font-weight: 400; font-weight: bold; text-align: center; } .calendar-day { border-width: 0; } .calendar-day-top { border-top-width: 0; } .calendar-day-left { border-left-width: 0; } .calendar-nonwork-day { color: #FFFFFF; } .calendar-today { font-weight: bold !important; border: none; } .calendar-day-with-events { color: #338DD6; font-weight: normal; text-decoration: underline; background-image: none; } .calendar-other-month-day { color: rgba(255, 255, 255, 0.3); opacity: 0.5; } .calendar-week-number { width: 32px; height: 25px; margin: 2px; padding: 7px 0 0; border-radius: 100px; background-color: transparent; color: rgba(255, 255, 255, 0.5); font-size: inherit; font-weight: bold; text-align: center; } /* Message list */ .message-list { width: 420px; } .message-list-clear-button.button { background-color: transparent; margin: 8px 8px 0; } .message-list-clear-button.button:hover, .message-list-clear-button.button:focus { background-color: rgba(255, 255, 255, 0.12); } .message-list-clear-button.button:active { background-color: rgba(255, 255, 255, 0.3); } .message-list-sections { spacing: 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message { min-height: 64px; background-color: transparent; border-radius: 2px; } .message:hover, .message:focus { background-color: rgba(255, 255, 255, 0.12); } .message:active { background-color: rgba(255, 255, 255, 0.3); } .message-icon-bin { padding: 8px 0px 8px 8px; } .message-icon-bin:rtl { padding: 8px 8px 8px 0px; } .message-icon-bin > StIcon { color: #FFFFFF; icon-size: 1.14286em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } .message-icon-bin > StIcon:rtl { margin: 4px 4px 4px 0px; } .message-secondary-bin { padding: 0 8px; } .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; color: rgba(255, 255, 255, 0.7); font-size: 1em; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-bottom: 0; } .message-secondary-bin > StIcon { icon-size: 1.14286em; } .message-title { min-height: 22px; padding-top: 2px; color: #FFFFFF; font-weight: bold; font-size: 1em; } .message-content { min-height: 48px; padding: 8px; color: rgba(255, 255, 255, 0.7); font-size: 1em; } .message-content * > StIcon { icon-size: 16px; border-radius: 16px; padding: 4px; color: rgba(255, 255, 255, 0.7); } /* FIXME: how do you do this in sass? */ .message-content *:hover > StIcon, .message-content *:focus > StIcon { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); } .message-content *:active > StIcon { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); } .message-media-control { margin: 16px 0; padding: 8px; border-radius: 100px; color: rgba(255, 255, 255, 0.7); } .message-media-control:hover, .message-media-control:focus { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); } .message-media-control:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); } .message-media-control:insensitive { color: rgba(255, 255, 255, 0.3); } .message-media-control:last-child:ltr { margin-right: 16px; padding-right: 8px; } .message-media-control:last-child:rtl { margin-left: 16px; padding-left: 8px; } .media-message-cover-icon { icon-size: 32px !important; margin: 8px 0px 8px 4px !important; } .media-message-cover-icon:rtl { margin: 8px 4px 8px 0px !important; } .media-message-cover-icon.fallback { icon-size: 16px !important; padding: 8px; border: none; border-radius: 2px; background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } .system-switch-user-submenu-icon.user-icon { icon-size: 20px; padding: 0 2px; } .system-switch-user-submenu-icon.default-icon { icon-size: 16px; padding: 0 4px; } #appMenu { spinner-image: url("process-working.svg"); spacing: 4px; } #appMenu .label-shadow { color: transparent; } .aggregate-menu { min-width: 280px; } .aggregate-menu .popup-menu-icon { padding: 0 4px; } .aggregate-menu .popup-sub-menu .popup-menu-item :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; margin-left: 1.14286em; } .aggregate-menu .popup-sub-menu .popup-menu-item :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; margin-right: 1.14286em; } .system-menu-action { color: rgba(255, 255, 255, 0.7); border-radius: 100px; /* wish we could do 50% */ padding: 16px; border: none; } .system-menu-action:hover, .system-menu-action:focus { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; border: none; padding: 16px; } .system-menu-action:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .system-menu-action > StIcon { icon-size: 16px; } .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; background-color: rgba(255, 255, 255, 0.3); background-image: none; background-size: auto; } .ripple-box:rtl { border-radius: 0 0 0 48px; background-image: none; } .popup-menu-arrow { width: 16px; height: 16px; } .popup-menu-icon { icon-size: 1.14286em; } .window-close { transition-duration: 0ms; height: 36px; width: 36px; -shell-close-overlap: 18px; -st-background-image-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); background-image: url("assets/window-close.svg"); background-size: 36px; } .window-close:hover { -st-background-image-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-image: url("assets/window-close.svg"); } .window-close:active { background-image: url("assets/window-close-active.svg"); } .window-close:rtl { -st-background-image-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .window-close:rtl:hover { -st-background-image-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } /* NETWORK DIALOGS */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: center; } .nm-dialog-airplane-text { color: #FFFFFF; } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-scroll-view { border: none; } .nm-dialog-header { font-size: 15pt; font-weight: 500; } .nm-dialog-item { font-size: 1em; border-bottom: none; border-radius: 2px; padding: 12px; spacing: 20px; } .nm-dialog-item:hover, .nm-dialog-item:focus { background-color: rgba(255, 255, 255, 0.12); } .nm-dialog-item:active { background-color: rgba(255, 255, 255, 0.3); } .nm-dialog-item:selected { background-color: #338DD6; color: #FFFFFF; } .nm-dialog-icons { spacing: .5em; } .nm-dialog-icon { icon-size: 16px; } .no-networks-label { color: rgba(255, 255, 255, 0.5); } .no-networks-box { spacing: 12px; } /* OVERVIEW */ #overview { spacing: 24px; } .overview-controls { padding-bottom: 32px; } .window-picker { -horizontal-spacing: 16px; -vertical-spacing: 16px; padding: 0 16px 32px; } .window-picker.external-monitor { padding: 16px; } .window-clone-border { border: 4px solid rgba(255, 255, 255, 0.3); border-radius: 2px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .window-caption { spacing: 25px; color: #FFFFFF; background-color: rgba(0, 0, 0, 0.6); border-radius: 2px; padding: 4px 8px; } .search-entry { width: 304px; padding: 0 8px; border-radius: 0; color: rgba(255, 255, 255, 0.5); selection-background-color: rgba(255, 255, 255, 0.3); selected-color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #FFFFFF; padding: 0 8px; border-width: 0; color: #FFFFFF; } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 0; color: rgba(255, 255, 255, 0.5); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: #FFFFFF; } #searchResultsBin { max-width: 1000px; } #searchResultsContent { padding-left: 20px; padding-right: 20px; spacing: 16px; } .search-section { spacing: 16px; } .search-section-content { spacing: 32px; } .list-search-results { spacing: 3px; } .search-section-separator { height: 1px; background-color: rgba(255, 255, 255, 0.12); } .list-search-result-content { spacing: 30px; } .list-search-result-title { font-size: 12pt; font-weight: 400; color: #FFFFFF; spacing: 12px; } .list-search-result-description { color: rgba(255, 255, 255, 0.7); } .list-search-provider-details { width: 150px; color: rgba(255, 255, 255, 0.7); margin-top: 0.24em; } .list-search-provider-content { spacing: 20px; } .search-provider-icon { padding: 15px; } /* DASHBOARD */ #dash { font-size: 1em; color: #FFFFFF; background-color: rgba(255, 255, 255, 0.1); padding: 3px 0; border: none; border-left: 0px; border-radius: 0px 2px 2px 0px; } #dash:rtl { border-radius: 2px 0 0 2px; } #dash .placeholder { background-image: url("assets/dash-placeholder.svg"); background-size: contain; height: 24px; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { border-radius: 2px; padding: 7px 8px; color: #FFFFFF; background-color: #424242; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-align: center; -x-offset: 8px; } /* App Vault/Grid */ .icon-grid { spacing: 30px; -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; } .icon-grid .overview-icon { icon-size: 96px; } .system-action-icon { box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); background-color: #212121; color: #FFFFFF; border-radius: 99px; icon-size: 48px; } .app-view-controls { width: 320px; padding-bottom: 32px; } .app-view-control { padding: 0 16px; font-weight: bold; color: rgba(255, 255, 255, 0.7); } .app-view-control:hover { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12) !important; } .app-view-control:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3) !important; } .app-view-control:checked { color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01) !important; box-shadow: inset 0 2px 0 #FFFFFF; } .app-view-control:first-child { border-right-width: 0; border-radius: 2px; } .app-view-control:first-child:checked { border-radius: 0; } .app-view-control:last-child { border-radius: 2px; } .app-view-control:last-child:checked { border-radius: 0; } .search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, .list-search-result:focus, .list-search-result:selected, .list-search-result:hover { background-color: rgba(255, 255, 255, 0.12); transition-duration: 0ms; } .search-provider-icon:active, .search-provider-icon:checked, .list-search-result:active, .list-search-result:checked { background-color: rgba(255, 255, 255, 0.3); transition-duration: 150ms; } .app-well-app:hover .overview-icon, .app-well-app:focus .overview-icon, .app-well-app:selected .overview-icon, .app-well-app.app-folder:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-well-app.app-folder:selected .overview-icon, .show-apps:hover .overview-icon, .show-apps:focus .overview-icon, .show-apps:selected .overview-icon, .grid-search-result:hover .overview-icon, .grid-search-result:focus .overview-icon, .grid-search-result:selected .overview-icon { background-color: rgba(255, 255, 255, 0.12); transition-duration: 0ms; border-image: none; background-image: none; } .app-well-app:active .overview-icon, .app-well-app:checked .overview-icon, .app-well-app.app-folder:active .overview-icon, .app-well-app.app-folder:checked .overview-icon, .show-apps:active .overview-icon, .show-apps:checked .overview-icon, .grid-search-result:active .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.3); box-shadow: 0 0 transparent; transition-duration: 150ms; } .app-well-app-running-dot { width: 32px; height: 2px; background-color: #FFFFFF; margin-bottom: 0; } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .app-well-app.app-folder .overview-icon, .show-apps .overview-icon, .grid-search-result .overview-icon { color: #FFFFFF; border-radius: 2px; padding: 6px; border: none; transition-duration: 150ms; text-align: center; } .app-well-app.app-folder > .overview-icon { background-color: rgba(255, 255, 255, 0.1); } .show-apps .show-apps-icon { color: rgba(255, 255, 255, 0.7); } .show-apps:hover .show-apps-icon, .show-apps:active .show-apps-icon, .show-apps:checked .show-apps-icon, .show-apps:focus .show-apps-icon { color: #FFFFFF; transition-duration: 150ms; } .app-folder-popup { -arrow-border-radius: 2px; -arrow-background-color: rgba(255, 255, 255, 0.1); -arrow-base: 24px; -arrow-rise: 12px; } .app-folder-popup-bin { padding: 5px; } .app-folder-icon { padding: 5px; spacing-rows: 5px; spacing-columns: 5px; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 12px; height: 12px; border-radius: 12px; background-image: none; background-color: rgba(255, 255, 255, 0.3); } .page-indicator:hover .page-indicator-icon { background-image: none; background-color: rgba(255, 255, 255, 0.5); } .page-indicator:active .page-indicator-icon { background-image: none; background-color: rgba(255, 255, 255, 0.7); } .page-indicator:checked .page-indicator-icon { background-image: none; background-color: #FFFFFF; transition-duration: 0ms; } .page-indicator:checked:active { background-image: none; } .app-well-app > .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label { padding: 10px 8px 5px 8px; spacing: 4px; } .workspace-thumbnails { visible-width: 32px; spacing: 12px; padding: 12px; border-radius: 2px 0 0 2px; } .workspace-thumbnails:rtl { border-radius: 0 2px 2px 0; } .workspace-thumbnails .placeholder { background-image: url("assets/dash-placeholder.svg"); background-size: contain; height: 24px; } .workspace-thumbnail-indicator { border: 0 solid #FFFFFF; border-left-width: 2px; padding: 6px; border-radius: 0; } .search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { padding: 0px 88px 10px 88px; } .workspace-thumbnails { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.1); border: none; } .search-statustext, .no-frequent-applications-label { font-size: 45px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { link-color: #338DD6; } .notification-banner { font-size: 1em; width: 34em; min-height: 64px; margin: 5px; border-radius: 2px; color: #FFFFFF; background-color: #424242; border: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .notification-banner:hover { background-color: #424242; } .notification-banner:focus { background-color: #424242; } .notification-banner .notification-icon { padding: 5px; } .notification-banner .notification-content { padding: 5px; spacing: 5px; } .notification-banner .secondary-icon { icon-size: 1.14286em; } .notification-banner .notification-actions { background-color: transparent; padding-top: 0; border-top: 1px solid rgba(0, 0, 0, 0.26); spacing: 1px; } .notification-banner .notification-button { min-height: 40px; padding: 0 16px; background-color: transparent; color: rgba(255, 255, 255, 0.7); font-weight: 500; } .notification-banner .notification-button:first-child { border-radius: 0 0 0 2px; } .notification-banner .notification-button:last-child { border-radius: 0 0 2px 0; } .notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .notification-banner .notification-button:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .summary-source-counter { font-size: 1em; font-weight: bold; height: 1.6em; width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; background-color: #338DD6; color: #FFFFFF; border: 2px solid #FFFFFF; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } .secondary-icon { icon-size: 1.14286em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: #FFFFFF; } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0px; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: rgba(255, 255, 255, 0.7); } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; font-size: 9pt; font-weight: 400; color: rgba(255, 255, 255, 0.5); } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-transient-box { spacing: 6px; padding: 2px 72px 2px 12px; } .hotplug-notification-item { padding: 2px 10px; } .hotplug-notification-item:focus { padding: 1px 71px 1px 11px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 2px 5px; } .hotplug-resident-box { spacing: 8px; } .hotplug-resident-mount { spacing: 8px; border-radius: 2px; } .hotplug-resident-mount:hover { background-color: rgba(255, 255, 255, 0.12); } .hotplug-resident-mount:active { background-color: rgba(255, 255, 255, 0.3); } .hotplug-resident-mount-label { color: inherit; padding-left: 6px; } .hotplug-resident-mount-icon { icon-size: 24px; padding-left: 6px; } .hotplug-resident-eject-icon { icon-size: 16px; } .hotplug-resident-eject-button { padding: 7px; border-radius: 2px; color: #FFFFFF; } /* Eeeky things */ .magnifier-zoom-region { border: 2px solid #338DD6; } .magnifier-zoom-region.full-screen { border-width: 0; } /* On-screen Keyboard */ .word-suggestions { font-size: 12pt; font-weight: 400; spacing: 12px; min-height: 40px; } #keyboard { background-color: rgba(0, 0, 0, 0.3); } .key-container { padding: 4px; spacing: 4px; } .keyboard-key { min-height: 72px; min-width: 72px; font-size: 2em; font-weight: 500; border-radius: 2px; border: none; color: inherit; color: rgba(255, 255, 255, 0.8); background-color: #424242; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; icon-shadow: none; } .keyboard-key:focus { color: #FFFFFF; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-key:hover, .keyboard-key:checked { color: #FFFFFF; background-color: #424242; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .keyboard-key:active { color: #FFFFFF; background-color: #7b7b7b; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .keyboard-key:grayed { background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; border-color: rgba(0, 0, 0, 0.3); } .keyboard-key.default-key { border-color: transparent; background-color: #424242; background-size: 24px; } .keyboard-key.default-key:active { background-color: #7b7b7b; } .keyboard-key.enter-key { border-color: transparent; background-color: #009688; background-image: url("assets/key-enter.svg"); } .keyboard-key.enter-key:active { background-color: #4db6ac; } .keyboard-key.shift-key-lowercase { background-image: url("assets/key-shift.svg"); } .keyboard-key.shift-key-uppercase { background-image: url("assets/key-shift-uppercase.svg"); } .keyboard-key.shift-key-uppercase:latched { background-image: url("assets/key-shift-latched-uppercase.svg"); } .keyboard-key.hide-key { background-image: url("assets/key-hide.svg"); } .keyboard-key.layout-key { background-image: url("assets/key-layout.svg"); } .keyboard-subkeys { color: inherit; padding: 5px; -arrow-border-radius: 0; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; -boxpointer-gap: 5px; background-color: #424242; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: rgba(255, 255, 255, 0.5); } .candidate-box:selected .candidate-index { color: rgba(255, 255, 255, 0.5); } .candidate-box { transition-duration: 0ms; min-height: 32px; padding: 0 8px; border-radius: 2px; } .candidate-box:hover { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .candidate-box:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .candidate-box:selected { background-color: #338DD6; color: #FFFFFF; } .candidate-page-button-box { height: 32px; } .vertical .candidate-page-button-box { padding-top: 0; } .horizontal .candidate-page-button-box { padding-left: 0; } .candidate-page-button { min-width: 32px; min-height: 32px; padding: 0; } .candidate-page-button-previous { border-radius: 2px; border-right-width: 0; } .candidate-page-button-next { border-radius: 2px; } .candidate-page-button-icon { icon-size: 1.14286em; } /* Auth Dialogs & Screen Shield */ .framed-user-icon { background-size: contain; border: none; color: #FFFFFF; border-radius: 2px; } .framed-user-icon:hover { border-color: #FFFFFF; color: #FFFFFF; } .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: none; background-color: transparent; } .login-dialog StEntry { color: #FFFFFF; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .login-dialog StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #FFFFFF; } .login-dialog StEntry:insensitive { color: rgba(255, 255, 255, 0.5); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { padding: 0 16px; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:insensitive { color: rgba(255, 255, 255, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default { color: rgba(255, 255, 255, 0.8); background-color: #009688; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { color: #FFFFFF; background-color: #009688; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:active { color: #FFFFFF; background-color: #4db6ac; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:insensitive { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog-logo-bin { padding: 24px 0px; } .login-dialog-banner { color: rgba(255, 255, 255, 0.7); } .login-dialog-button-box { spacing: 5px; } .login-dialog-message-warning { color: #FF6D00; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; } .login-dialog-user-selection-box { padding: 100px 0px; } .login-dialog-not-listed-label { padding-left: 2px; } .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { color: #FFFFFF; } .login-dialog-not-listed-label { font-size: 1em; font-weight: bold; color: rgba(255, 255, 255, 0.7); padding-top: 1em; } .login-dialog-not-listed-label:hover { color: #FFFFFF; } .login-dialog-not-listed-label:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; padding: .2em; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid #FFFFFF; } .login-dialog-user-list-item { border-radius: 2px; padding: 4px 4px 0; color: rgba(255, 255, 255, 0.7); } .login-dialog-user-list-item:ltr { padding-right: 1em; } .login-dialog-user-list-item:rtl { padding-left: 1em; } .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list-item:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin: 2px 0 0 0; background-color: #FFFFFF; } .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { background-color: #FFFFFF; } .login-dialog-username, .user-widget-label { color: #FFFFFF; font-size: 15pt; font-weight: 500; text-align: left; padding-left: 15px; } .user-widget-label:ltr { padding-left: 18px; } .user-widget-label:rtl { padding-right: 18px; } .login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 8px; width: 23em; } .login-dialog-prompt-label { color: rgba(255, 255, 255, 0.5); font-size: 1em; padding-top: 1em; } .login-dialog-session-list-button StIcon { icon-size: 1.25em; } .login-dialog-session-list-button { color: rgba(255, 255, 255, 0.7); } .login-dialog-session-list-button:hover, .login-dialog-session-list-button:focus { color: #FFFFFF; } .login-dialog-session-list-button:active { color: #FFFFFF; } .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { color: white; width: 80px; height: 48px; -arrow-thickness: 12px; -arrow-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock { color: white; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-weight: normal; text-align: center; padding-bottom: 1.5em; } .screen-shield-clock-time { font-size: 112px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock-date { font-size: 45px; font-weight: 400; } .screen-shield-notifications-container { spacing: 6px; width: 30em; background-color: transparent; max-height: 500px; } .screen-shield-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .screen-shield-notifications-container .notification, .screen-shield-notifications-container .screen-shield-notification-source { padding: 8px; border: none; background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; border-radius: 2px; } .screen-shield-notifications-container .notification { margin-right: 16px; } .screen-shield-notification-label { min-height: 22px; padding: 2px 0px 0px 16px; font-weight: bold; } .screen-shield-notification-count-text { min-height: 22px; padding: 2px 0px 0px 16px; color: rgba(255, 255, 255, 0.7); } #panel.lock-screen { background-color: rgba(0, 0, 0, 0.3); } .screen-shield-background { background: black; box-shadow: 0 19px 19px rgba(0, 0, 0, 0.6), 0 15px 6px rgba(0, 0, 0, 0.44); } #lockDialogGroup { background: #303030; background-size: cover; } #LookingGlassDialog { background-color: #424242; spacing: 4px; padding: 0; border: none; border-radius: 2px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } #LookingGlassDialog > #Toolbar { padding: 0 8px; border: none; border-radius: 0; background-color: rgba(66, 66, 66, 0.01); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.26); } #LookingGlassDialog .labels { spacing: 0; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: rgba(255, 255, 255, 0.5); transition-duration: 150ms; padding-left: 16px; padding-right: 16px; min-height: 36px; padding: 0 32px; } #LookingGlassDialog .notebook-tab:hover { box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.3); color: #FFFFFF; text-shadow: none; } #LookingGlassDialog .notebook-tab:selected { border-bottom-width: 0; border-color: transparent; background-color: rgba(66, 66, 66, 0.01); box-shadow: inset 0 -2px 0px #338DD6; color: #FFFFFF; text-shadow: none; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 4px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog StEntry { selection-background-color: #338DD6; selected-color: #FFFFFF; } .lg-dialog .shell-link { color: #338DD6; } .lg-dialog .shell-link:hover { color: #338DD6; } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button { min-height: 36px; padding: 0 16px; border: none; border-radius: 2px; font-size: 10.5pt; font-weight: 500; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:hover { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:insensitive { color: rgba(255, 255, 255, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:focus { color: #FFFFFF; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .lg-obj-inspector-button:hover { border: none; } #lookingGlassExtensions { padding: 4px; } .lg-extensions-list { padding: 4px; spacing: 6px; } .lg-extension { border: none; border-radius: 2px; padding: 4px; } .lg-extension-name { font-size: 18pt; font-weight: 400; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { background: #424242; border: none; border-radius: 2px; padding: 6px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } /* Dash to Dock */ #dashtodockContainer #dash { background-color: rgba(0, 0, 0, 0.6); } #dashtodockContainer:overview #dash { background-color: rgba(255, 255, 255, 0.1); } #dashtodockContainer.extended:overview #dash { background-color: transparent; } #dashtodockContainer.left #dash, #dashtodockContainer.right #dash { padding: 3px 0; } #dashtodockContainer.top #dash, #dashtodockContainer.bottom #dash { padding: 0 3px; } #dashtodockContainer.extended #dash { padding: 0; border-radius: 0; } #dashtodockContainer.left .dash-item-container > StWidget, #dashtodockContainer.right .dash-item-container > StWidget, #dashtodockContainer.extended.left .dash-item-container > StWidget, #dashtodockContainer.extended.right .dash-item-container > StWidget { padding: 3px 6px; } #dashtodockContainer.extended.left .dash-item-container:first-child > StWidget, #dashtodockContainer.extended.right .dash-item-container:first-child > StWidget { padding: 6px 6px 3px 6px; } #dashtodockContainer.extended.left .dash-item-container:last-child > StWidget, #dashtodockContainer.extended.right .dash-item-container:last-child > StWidget { padding: 3px 6px 6px 6px; } #dashtodockContainer.top .dash-item-container > StWidget, #dashtodockContainer.bottom .dash-item-container > StWidget, #dashtodockContainer.extended.top .dash-item-container > StWidget, #dashtodockContainer.extended.bottom .dash-item-container > StWidget { padding: 6px 3px; } #dashtodockContainer.extended.top .dash-item-container:first-child > StWidget, #dashtodockContainer.extended.bottom .dash-item-container:first-child > StWidget { padding: 6px 3px 6px 6px; } #dashtodockContainer.extended.top .dash-item-container:last-child > StWidget, #dashtodockContainer.extended.bottom .dash-item-container:last-child > StWidget { padding: 6px 6px 6px 3px; } #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } #dashtodockContainer .dash-item-container > StWidget { background-size: cover; } #dashtodockContainer.left .dash-item-container > StWidget.running1 { background-image: url("assets/dash/left-running1.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running2 { background-image: url("assets/dash/left-running2.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running3 { background-image: url("assets/dash/left-running3.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running4 { background-image: url("assets/dash/left-running4.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running1 { background-image: url("assets/dash/right-running1.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running2 { background-image: url("assets/dash/right-running2.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running3 { background-image: url("assets/dash/right-running3.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running4 { background-image: url("assets/dash/right-running4.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running1 { background-image: url("assets/dash/top-running1.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running2 { background-image: url("assets/dash/top-running2.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running3 { background-image: url("assets/dash/top-running3.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running4 { background-image: url("assets/dash/top-running4.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running1 { background-image: url("assets/dash/bottom-running1.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running2 { background-image: url("assets/dash/bottom-running2.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running3 { background-image: url("assets/dash/bottom-running3.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running4 { background-image: url("assets/dash/bottom-running4.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/bottom-running4-focused.svg"); } /* Simple Dock */ #dash:desktop { background-color: rgba(0, 0, 0, 0.6); } /* GPaste */ .popup-menu .search-entry { color: #FFFFFF; selection-background-color: #338DD6; selected-color: #FFFFFF; background-color: rgba(66, 66, 66, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .popup-menu .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #338DD6; color: #FFFFFF; } .popup-menu .search-entry .search-entry-icon { color: rgba(255, 255, 255, 0.5); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { color: #FFFFFF; } materia-theme-20180321/src/gnome-shell/3.28/gnome-shell-dark.scss000066400000000000000000000004141325420104000241050ustar00rootroot00000000000000$variant: 'dark'; $titlebar: 'dark'; $compact: 'false'; @import '../../_sass/gnome-shell/variables'; @import '../../_sass/colors'; @import '../../_sass/gnome-shell/drawing'; @import '../../_sass/gnome-shell/common-3.28'; @import '../../_sass/gnome-shell/extensions'; materia-theme-20180321/src/gnome-shell/3.28/gnome-shell-light-compact.css000066400000000000000000002000121325420104000255300ustar00rootroot00000000000000/* This stylesheet is generated, DO NOT EDIT */ /* Copyright 2009, 2015 Red Hat, Inc. * * Portions adapted from Mx's data/style/default.css * Copyright 2009 Intel Corporation * * This program is free software; you can redistribute it and/or modify it * under the terms and conditions of the GNU Lesser General Public License, * version 2.1, as published by the Free Software Foundation. * * This program is distributed in the hope it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for * more details. * * You should have received a copy of the GNU Lesser General Public License * along with this program; if not, write to the Free Software Foundation, * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. */ /* GLOBALS */ * { transition-duration: 150ms; } stage { font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; font-size: 9.75pt; font-weight: 400; color: rgba(0, 0, 0, 0.87); } /* WIDGETS */ /* Buttons */ .button { min-height: 32px; padding: 0 16px; border-width: 0; border-radius: 2px; font-size: 9.75pt; font-weight: 500; color: rgba(0, 0, 0, 0.54); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:hover { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:insensitive { color: rgba(0, 0, 0, 0.26); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .modal-dialog-linked-button { min-height: 40px; padding: 0 16px; border-top: 1px solid rgba(0, 0, 0, 0.12) !important; border-right-width: 0; font-size: 9.75pt; font-weight: 500; color: rgba(0, 0, 0, 0.54); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:hover { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:insensitive { color: rgba(0, 0, 0, 0.26); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .modal-dialog-linked-button:first-child { border-radius: 0px 0px 0px 2px; } .modal-dialog-linked-button:last-child { border-right-width: 0px; border-radius: 0px 0px 2px 0px; } .modal-dialog-linked-button:first-child:last-child { border-right-width: 0px; border-radius: 0px 0px 2px 2px; } /* Entries */ StEntry { min-height: 32px; padding: 0 8px; border-radius: 0; border-width: 0; color: rgba(0, 0, 0, 0.87); selection-background-color: #338DD6; selected-color: #FFFFFF; font-size: 11.25pt; font-weight: 400; background-color: rgba(250, 250, 250, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #338DD6; } StEntry:insensitive { color: rgba(0, 0, 0, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); } StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #FF6D00; padding: 0 0; } /* Scrollbars */ StScrollView.vfade { -st-vfade-offset: 32px; } StScrollView.hfade { -st-hfade-offset: 32px; } StScrollBar { padding: 0; } StScrollView StScrollBar { min-width: 16px; min-height: 16px; } StScrollBar StBin#trough { margin: 4px; border-radius: 100px; background-color: rgba(0, 0, 0, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 100px; background-color: rgba(0, 0, 0, 0.38); margin: 4px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(0, 0, 0, 0.54); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: rgba(0, 0, 0, 0.87); } #overview StScrollBar StBin#trough, #screenShieldNotifications StScrollBar StBin#trough { background-color: rgba(255, 255, 255, 0.12); } #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#hhandle, #screenShieldNotifications StScrollBar StButton#hhandle { background-color: rgba(255, 255, 255, 0.5); } #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#hhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { background-color: rgba(255, 255, 255, 0.7); } #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#hhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { background-color: #FFFFFF; } /* Slider */ .slider { height: 20px; color: #009688; -slider-height: 2px; -slider-background-color: rgba(0, 0, 0, 0.26); -slider-border-color: transparent; -slider-active-background-color: #009688; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 7px; } /* Check Boxes */ .check-box * { min-height: 16px; padding: 8px 0; } .check-box StBoxLayout { spacing: 8px; } .check-box StBin { width: 24px; height: 24px; padding: 4px; border-radius: 100px; background-image: url("assets/checkbox-off.svg"); } .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } .check-box:hover StBin { background-color: rgba(0, 0, 0, 0.12); } .check-box:active StBin { background-color: rgba(0, 0, 0, 0.26); } .check-box:checked StBin { background-image: url("assets/checkbox.svg"); } .check-box:focus:checked StBin { background-image: url("assets/checkbox.svg"); } .check-box:hover:checked StBin { background-color: rgba(0, 150, 136, 0.15); } .check-box:active:checked StBin { background-color: rgba(0, 150, 136, 0.3); } /* Switches */ .toggle-switch { width: 40px; height: 20px; background-size: contain; } .toggle-switch-us { background-image: url("assets/toggle-off.svg"); } .toggle-switch-us:checked { background-image: url("assets/toggle-on.svg"); } .toggle-switch-intl { background-image: url("assets/toggle-off.svg"); } .toggle-switch-intl:checked { background-image: url("assets/toggle-on.svg"); } /* links */ .shell-link { border-radius: 2px; color: #338DD6; } .shell-link:hover { color: #338DD6; background-color: rgba(51, 141, 214, 0.15); } .shell-link:active { color: #338DD6; background-color: rgba(51, 141, 214, 0.3); } /* Modal Dialogs */ .headline { font-size: 15pt; font-weight: 500; } .lightbox { background-color: black; } .flashspot { background-color: white; } .modal-dialog { border-radius: 2px; color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } .modal-dialog .modal-dialog-content-box { padding: 24px; } .modal-dialog .run-dialog-entry { width: 20em; margin-bottom: 6px; } .modal-dialog .run-dialog-error-box { padding-top: 16px; spacing: 6px; } .modal-dialog .run-dialog-button-box { padding-top: 1em; } .modal-dialog .run-dialog-label { font-size: 1em; font-weight: normal; color: rgba(0, 0, 0, 0.38); padding-bottom: .4em; } .mount-dialog-subject, .end-session-dialog-subject { font-size: 15pt; font-weight: 500; } /* Message Dialog */ .message-dialog-main-layout { padding: 12px 20px 0; spacing: 12px; } .message-dialog-content { max-width: 28em; spacing: 20px; } .message-dialog-icon { min-width: 48px; icon-size: 48px; } .message-dialog-title { font-weight: bold; } .message-dialog-subtitle { color: rgba(0, 0, 0, 0.54); font-weight: bold; } /* End Session Dialog */ .end-session-dialog { spacing: 42px; border: none; } .end-session-dialog-list { padding-top: 20px; } .end-session-dialog-layout { padding-left: 17px; } .end-session-dialog-layout:rtl { padding-right: 17px; } .end-session-dialog-description { width: 28em; padding-bottom: 10px; } .end-session-dialog-description:rtl { text-align: right; } .end-session-dialog-warning { width: 28em; color: #FF6D00; padding-top: 6px; } .end-session-dialog-warning:rtl { text-align: right; } .end-session-dialog-logout-icon { border-radius: 5px; width: 48px; height: 48px; background-size: contain; } .end-session-dialog-shutdown-icon { color: rgba(0, 0, 0, 0.38); width: 48px; height: 48px; } .end-session-dialog-inhibitor-layout { spacing: 16px; max-height: 200px; padding-right: 65px; padding-left: 65px; } .end-session-dialog-session-list, .end-session-dialog-app-list { spacing: 1em; } .end-session-dialog-list-header { font-weight: bold; } .end-session-dialog-list-header:rtl { text-align: right; } .end-session-dialog-app-list-item, .end-session-dialog-session-list-item { spacing: 1em; } .end-session-dialog-app-list-item-name, .end-session-dialog-session-list-item-name { font-weight: bold; } .end-session-dialog-app-list-item-description { color: rgba(0, 0, 0, 0.38); font-size: 1em; } /* ShellMountOperation Dialogs */ .shell-mount-operation-icon { icon-size: 48px; } .mount-dialog { spacing: 24px; } .mount-dialog .message-dialog-title { padding-top: 10px; padding-left: 17px; padding-bottom: 6px; max-width: 34em; } .mount-dialog .message-dialog-title:rtl { padding-left: 0px; padding-right: 17px; } .mount-dialog .message-dialog-body { padding-left: 17px; width: 28em; } .mount-dialog .message-dialog-body:rtl { padding-left: 0px; padding-right: 17px; } .mount-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 49px; padding-right: 32px; } .mount-dialog-app-list:rtl { padding-right: 49px; padding-left: 32px; } .mount-dialog-app-list-item { color: rgba(0, 0, 0, 0.87); } .mount-dialog-app-list-item:hover { color: rgba(0, 0, 0, 0.87); } .mount-dialog-app-list-item:ltr { padding-right: 1em; } .mount-dialog-app-list-item:rtl { padding-left: 1em; } .mount-dialog-app-list-item-icon:ltr { padding-right: 17px; } .mount-dialog-app-list-item-icon:rtl { padding-left: 17px; } .mount-dialog-app-list-item-name { font-size: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { width: 34em; border: none; } .prompt-dialog .message-dialog-main-layout { spacing: 24px; padding: 10px; } .prompt-dialog .message-dialog-content { spacing: 16px; } .prompt-dialog .message-dialog-title { font-size: 15pt; font-weight: 500; color: rgba(0, 0, 0, 0.87); } .prompt-dialog-description:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label { font-size: 1em; color: #DD2C00; padding-bottom: 8px; } .prompt-dialog-info-label { font-size: 1em; padding-bottom: 8px; } .hidden { color: transparent; } .prompt-dialog-null-label { font-size: 1em; padding-bottom: 8px; } /* Polkit Dialog */ .polkit-dialog-user-layout { padding-left: 10px; spacing: 10px; } .polkit-dialog-user-layout:rtl { padding-left: 0px; padding-right: 10px; } .polkit-dialog-user-root-label { color: #FF6D00; } .polkit-dialog-user-icon { border-radius: 5px; background-size: contain; width: 48px; height: 48px; } /* Audio selection dialog */ .audio-device-selection-dialog { spacing: 30px; } .audio-selection-content { spacing: 20px; padding: 24px; } .audio-selection-title { font-weight: bold; text-align: center; } .audio-selection-box { spacing: 20px; } .audio-selection-device { border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 2px; } .audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { background-color: #338DD6; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* Access Dialog */ .access-dialog { spacing: 30px; } /* Geolocation Dialog */ .geolocation-dialog { spacing: 30px; } /* Extension Dialog */ .extension-dialog .message-dialog-main-layout { spacing: 24px; padding: 10px; } .extension-dialog .message-dialog-title { color: rgba(0, 0, 0, 0.54); } /* Inhibit-Shortcuts Dialog */ .inhibit-shortcuts-dialog { spacing: 30px; } /* Network Agent Dialog */ .network-dialog-secret-table { spacing-rows: 15px; spacing-columns: 1em; } .keyring-dialog-control-table { spacing-rows: 15px; spacing-columns: 1em; } /* Popovers/Menus */ .popup-menu { min-width: 200px; } .popup-menu .popup-sub-menu { background-color: #EEEEEE; box-shadow: 0 0 transparent; } .popup-menu .popup-menu-content { padding: 8px 0; } .popup-menu .popup-menu-item { spacing: 8px; transition-duration: 100ms; } .popup-menu .popup-menu-item:ltr { padding: 0.4em 24px 0.4em 0; } .popup-menu .popup-menu-item:rtl { padding: 0.4em 0 0.4em 24px; } .popup-menu .popup-menu-item:checked { background-color: #338DD6; color: #FFFFFF; box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { background-color: #529edc; color: #FFFFFF; } .popup-menu .popup-menu-item:checked:active { background-color: #70afe2; color: #FFFFFF !important; } .popup-menu .popup-menu-item:checked:insensitive { color: rgba(255, 255, 255, 0.5); } .popup-menu .popup-menu-item.selected { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); transition-duration: 0ms; } .popup-menu .popup-menu-item:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); transition-duration: 150ms; } .popup-menu .popup-menu-item.selected:active { color: rgba(0, 0, 0, 0.87); } .popup-menu .popup-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-menu .popup-inactive-menu-item { color: rgba(0, 0, 0, 0.87); } .popup-menu .popup-inactive-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-menu.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-border-radius: 0; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; -arrow-box-shadow: none; margin: 5px 8px 8px; background-color: #FAFAFA; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .popup-separator-menu-item { height: 1px; margin: 8px 40px; background-color: transparent; border-color: rgba(0, 0, 0, 0.12); border-bottom-width: 1px; border-bottom-style: solid; } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } /* fallback menu - odd thing for styling App menu when apparently not running under shell. Light Adwaita styled app menu inside the main app window itself rather than the top bar */ /* OSD */ .osd-window { text-align: center; font-weight: bold; spacing: 1em; margin: 32px; min-width: 64px; min-height: 64px; } .osd-window .osd-monitor-label { font-size: 45px; font-weight: 400; } .osd-window .level { height: 8px; border-radius: 0; background-color: rgba(51, 141, 214, 0.3); color: rgba(0, 0, 0, 0.87); } .osd-window .level-bar { background-color: #338DD6; border-radius: 0; } /* Pad OSD */ .pad-osd-window { padding: 32px; background-color: rgba(0, 0, 0, 0.6); } .pad-osd-window .pad-osd-title-box { spacing: 12px; } .pad-osd-window .pad-osd-title-menu-box { spacing: 6px; } .combo-box-label { width: 15em; } /* App Switcher */ .switcher-popup { padding: 8px; spacing: 16px; } .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { padding: 8px; border-radius: 2px; } .switcher-list .item-box:outlined { padding: 8px; border: none; background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } .switcher-list .item-box:selected { background-color: #338DD6; color: #FFFFFF; } .switcher-list .thumbnail-box { padding: 2px; spacing: 4px; } .switcher-list .thumbnail { width: 256px; } .switcher-list .separator { width: 1px; background: rgba(0, 0, 0, 0.12); } .switcher-arrow { border-color: transparent; color: rgba(0, 0, 0, 0.38); } .switcher-arrow:highlighted { color: rgba(0, 0, 0, 0.87); } .input-source-switcher-symbol { font-size: 45px; font-weight: 400; width: 96px; height: 96px; } /* Window Cycler */ .cycler-highlight { border: 4px solid #338DD6; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher { background: transparent; border: 0px; border-radius: 0px; padding: 0px; spacing: 8px; } .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; background-color: #338DD6; color: #FFFFFF; background-size: 32px; border-radius: 2px; } .ws-switcher-box { height: 48px; border: none; background: rgba(0, 0, 0, 0.12); border-radius: 2px; } .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); border-radius: 2px; padding: 12px; } /* Tiled window previews */ .tile-preview { background-color: rgba(64, 196, 255, 0.3); border: 1px solid #40C4FF; } .tile-preview-left.on-primary { border-radius: 0 0 0 0; } .tile-preview-right.on-primary { border-radius: 0 0 0 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0 0 0 0; } /* TOP BAR */ #panel { background-color: rgba(0, 0, 0, 0.6); /* transition from solid to transparent */ transition-duration: 250ms; font-weight: bold; height: 28px; } #panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { background-color: transparent; } #panel #panelLeft, #panel #panelCenter { spacing: 0; } #panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: rgba(0, 0, 0, 0.6); -panel-corner-border-width: 2px; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: #FFFFFF; } #panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: rgba(255, 255, 255, 0.7); text-shadow: none; transition-duration: 150ms; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; } #panel .panel-button .system-status-icon, #panel .panel-button .app-menu-icon > StIcon, #panel .panel-button .popup-menu-arrow { icon-shadow: none; } #panel .panel-button:hover { color: #FFFFFF; text-shadow: none; } #panel .panel-button:hover .system-status-icon, #panel .panel-button:hover .app-menu-icon > StIcon, #panel .panel-button:hover .popup-menu-arrow { icon-shadow: none; } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { background-color: rgba(0, 0, 0, 0.01); box-shadow: inset 0 -2px 0px #FFFFFF; color: #FFFFFF; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { icon-shadow: none; } #panel .panel-button .system-status-icon { icon-size: 1.23077em; padding: 0 4px; } .unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { color: rgba(255, 255, 255, 0.7); } .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { color: #FFFFFF; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator { color: #FF6D00; } #panel.solid { background-color: rgba(0, 0, 0, 0.6); /* transition from transparent to solid */ transition-duration: 250ms; background-gradient-direction: none; text-shadow: none; } #panel.solid:overview { background-color: transparent; } #panel.solid .panel-corner { -panel-corner-background-color: rgba(0, 0, 0, 0.6); } #panel.solid .panel-button { color: rgba(255, 255, 255, 0.7); text-shadow: none; } #panel.solid .panel-button:hover, #panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { color: #FFFFFF; } #panel.solid .system-status-icon, #panel.solid .app-menu-icon > StIcon, #panel.solid .popup-menu-arrow { icon-shadow: none; } #calendarArea { padding: 8px 16px; } .calendar { margin-bottom: 0; } .calendar, .datemenu-today-button, .datemenu-displays-box, .message-list-sections { margin: 0 8px; } .datemenu-calendar-column { spacing: 8px; } .datemenu-displays-section { padding-bottom: 0; } .datemenu-displays-box { spacing: 8px; } .datemenu-calendar-column { border: 0 solid rgba(0, 0, 0, 0.12); } .datemenu-calendar-column:ltr { border-left-width: 0; } .datemenu-calendar-column:rtl { border-right-width: 0; } .datemenu-today-button, .world-clocks-button, .weather-button, .events-section-title { min-height: 20px; padding: 4px 8px; border-radius: 2px; } .datemenu-today-button { min-height: 48px; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .datemenu-today-button:hover, .datemenu-today-button:focus, .world-clocks-button:hover, .world-clocks-button:focus, .weather-button:hover, .weather-button:focus, .events-section-title:hover, .events-section-title:focus { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); } .datemenu-today-button:active, .world-clocks-button:active, .weather-button:active, .events-section-title:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); } .datemenu-today-button .date-label { font-size: 18pt; font-weight: 400; } .world-clocks-header, .weather-header, .events-section-title { color: rgba(0, 0, 0, 0.54); font-weight: bold; } .world-clocks-grid { spacing-rows: 0.4em; } .weather-box { spacing: 0.4em; } .calendar-month-label { height: 16px; margin: 2px; padding: 6px 16px; border-radius: 2px; color: rgba(0, 0, 0, 0.87); font-weight: bold; text-align: center; } .calendar-month-label:focus { background-color: rgba(0, 0, 0, 0.12); } .pager-button { width: 28px; height: 28px; margin: 2px; border-radius: 100px; background-color: transparent; color: rgba(0, 0, 0, 0.87); } .pager-button:hover, .pager-button:focus { background-color: rgba(0, 0, 0, 0.12); } .pager-button:active { background-color: rgba(0, 0, 0, 0.26); } .calendar-change-month-back { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-change-month-back:rtl { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward:rtl { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-day-base { font-size: 9pt; font-weight: 400; text-align: center; width: 28px; height: 28px; padding: 0; margin: 2px; border-radius: 100px; } .calendar-day-base:hover, .calendar-day-base:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar-day-base:active { color: inherit; background-color: rgba(0, 0, 0, 0.26); border-color: transparent; } .calendar-day-base:selected { color: #FFFFFF; background-color: #338DD6; border-color: transparent; } .calendar-day-base.calendar-day-heading { width: 28px; height: 21px; margin-top: 2px; padding: 7px 0 0; border-radius: 100px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-size: 9pt; font-weight: 400; font-weight: bold; text-align: center; } .calendar-day { border-width: 0; } .calendar-day-top { border-top-width: 0; } .calendar-day-left { border-left-width: 0; } .calendar-nonwork-day { color: rgba(0, 0, 0, 0.87); } .calendar-today { font-weight: bold !important; border: none; } .calendar-day-with-events { color: #338DD6; font-weight: normal; text-decoration: underline; background-image: none; } .calendar-other-month-day { color: rgba(0, 0, 0, 0.26); opacity: 0.5; } .calendar-week-number { width: 28px; height: 21px; margin: 2px; padding: 7px 0 0; border-radius: 100px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-size: inherit; font-weight: bold; text-align: center; } /* Message list */ .message-list { width: 420px; } .message-list-clear-button.button { background-color: transparent; margin: 8px 8px 0; } .message-list-clear-button.button:hover, .message-list-clear-button.button:focus { background-color: rgba(0, 0, 0, 0.12); } .message-list-clear-button.button:active { background-color: rgba(0, 0, 0, 0.26); } .message-list-sections { spacing: 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message { min-height: 56px; background-color: transparent; border-radius: 2px; } .message:hover, .message:focus { background-color: rgba(0, 0, 0, 0.12); } .message:active { background-color: rgba(0, 0, 0, 0.26); } .message-icon-bin { padding: 8px 0px 8px 8px; } .message-icon-bin:rtl { padding: 8px 8px 8px 0px; } .message-icon-bin > StIcon { color: rgba(0, 0, 0, 0.87); icon-size: 1.23077em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } .message-icon-bin > StIcon:rtl { margin: 4px 4px 4px 0px; } .message-secondary-bin { padding: 0 8px; } .message-secondary-bin > .event-time { min-height: 18px; padding-top: 2px; color: rgba(0, 0, 0, 0.54); font-size: 1em; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-bottom: 0; } .message-secondary-bin > StIcon { icon-size: 1.23077em; } .message-title { min-height: 18px; padding-top: 2px; color: rgba(0, 0, 0, 0.87); font-weight: bold; font-size: 1em; } .message-content { min-height: 40px; padding: 8px; color: rgba(0, 0, 0, 0.54); font-size: 1em; } .message-content * > StIcon { icon-size: 16px; border-radius: 16px; padding: 2px; color: rgba(0, 0, 0, 0.54); } /* FIXME: how do you do this in sass? */ .message-content *:hover > StIcon, .message-content *:focus > StIcon { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); } .message-content *:active > StIcon { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); } .message-media-control { margin: 16px 0; padding: 8px; border-radius: 100px; color: rgba(0, 0, 0, 0.54); } .message-media-control:hover, .message-media-control:focus { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); } .message-media-control:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); } .message-media-control:insensitive { color: rgba(0, 0, 0, 0.26); } .message-media-control:last-child:ltr { margin-right: 16px; padding-right: 8px; } .message-media-control:last-child:rtl { margin-left: 16px; padding-left: 8px; } .media-message-cover-icon { icon-size: 32px !important; margin: 8px 0px 8px 4px !important; } .media-message-cover-icon:rtl { margin: 8px 4px 8px 0px !important; } .media-message-cover-icon.fallback { icon-size: 16px !important; padding: 8px; border: none; border-radius: 2px; background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.38); } .system-switch-user-submenu-icon.user-icon { icon-size: 20px; padding: 0 2px; } .system-switch-user-submenu-icon.default-icon { icon-size: 16px; padding: 0 4px; } #appMenu { spinner-image: url("process-working.svg"); spacing: 4px; } #appMenu .label-shadow { color: transparent; } .aggregate-menu { min-width: 280px; } .aggregate-menu .popup-menu-icon { padding: 0 4px; } .aggregate-menu .popup-sub-menu .popup-menu-item :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; margin-left: 1.23077em; } .aggregate-menu .popup-sub-menu .popup-menu-item :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; margin-right: 1.23077em; } .system-menu-action { color: rgba(0, 0, 0, 0.54); border-radius: 100px; /* wish we could do 50% */ padding: 14px; border: none; } .system-menu-action:hover, .system-menu-action:focus { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); border: none; padding: 14px; } .system-menu-action:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } .system-menu-action > StIcon { icon-size: 16px; } .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; background-color: rgba(255, 255, 255, 0.3); background-image: none; background-size: auto; } .ripple-box:rtl { border-radius: 0 0 0 48px; background-image: none; } .popup-menu-arrow { width: 16px; height: 16px; } .popup-menu-icon { icon-size: 1.23077em; } .window-close { transition-duration: 0ms; height: 32px; width: 32px; -shell-close-overlap: 16px; -st-background-image-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); background-image: url("assets/window-close.svg"); background-size: 32px; } .window-close:hover { -st-background-image-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-image: url("assets/window-close.svg"); } .window-close:active { background-image: url("assets/window-close-active.svg"); } .window-close:rtl { -st-background-image-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .window-close:rtl:hover { -st-background-image-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } /* NETWORK DIALOGS */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: center; } .nm-dialog-airplane-text { color: rgba(0, 0, 0, 0.87); } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-scroll-view { border: none; } .nm-dialog-header { font-size: 15pt; font-weight: 500; } .nm-dialog-item { font-size: 1em; border-bottom: none; border-radius: 2px; padding: 12px; spacing: 20px; } .nm-dialog-item:hover, .nm-dialog-item:focus { background-color: rgba(0, 0, 0, 0.12); } .nm-dialog-item:active { background-color: rgba(0, 0, 0, 0.26); } .nm-dialog-item:selected { background-color: #338DD6; color: #FFFFFF; } .nm-dialog-icons { spacing: .5em; } .nm-dialog-icon { icon-size: 16px; } .no-networks-label { color: rgba(0, 0, 0, 0.38); } .no-networks-box { spacing: 12px; } /* OVERVIEW */ #overview { spacing: 24px; } .overview-controls { padding-bottom: 32px; } .window-picker { -horizontal-spacing: 16px; -vertical-spacing: 16px; padding: 0 16px 32px; } .window-picker.external-monitor { padding: 16px; } .window-clone-border { border: 4px solid rgba(255, 255, 255, 0.3); border-radius: 2px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .window-caption { spacing: 25px; color: #FFFFFF; background-color: rgba(0, 0, 0, 0.6); border-radius: 2px; padding: 4px 8px; } .search-entry { width: 304px; padding: 0 8px; border-radius: 0; color: rgba(255, 255, 255, 0.5); selection-background-color: rgba(255, 255, 255, 0.3); selected-color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #FFFFFF; padding: 0 8px; border-width: 0; color: #FFFFFF; } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 0; color: rgba(255, 255, 255, 0.5); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: #FFFFFF; } #searchResultsBin { max-width: 1000px; } #searchResultsContent { padding-left: 20px; padding-right: 20px; spacing: 16px; } .search-section { spacing: 16px; } .search-section-content { spacing: 32px; } .list-search-results { spacing: 3px; } .search-section-separator { height: 1px; background-color: rgba(255, 255, 255, 0.12); } .list-search-result-content { spacing: 30px; } .list-search-result-title { font-size: 11.25pt; font-weight: 400; color: #FFFFFF; spacing: 12px; } .list-search-result-description { color: rgba(255, 255, 255, 0.7); } .list-search-provider-details { width: 150px; color: rgba(255, 255, 255, 0.7); margin-top: 0.24em; } .list-search-provider-content { spacing: 20px; } .search-provider-icon { padding: 15px; } /* DASHBOARD */ #dash { font-size: 1em; color: #FFFFFF; background-color: rgba(255, 255, 255, 0.1); padding: 3px 0; border: none; border-left: 0px; border-radius: 0px 2px 2px 0px; } #dash:rtl { border-radius: 2px 0 0 2px; } #dash .placeholder { background-image: url("assets/dash-placeholder.svg"); background-size: contain; height: 24px; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { border-radius: 2px; padding: 7px 8px; color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-align: center; -x-offset: 8px; } /* App Vault/Grid */ .icon-grid { spacing: 30px; -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; } .icon-grid .overview-icon { icon-size: 96px; } .system-action-icon { box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); background-color: #212121; color: #FFFFFF; border-radius: 99px; icon-size: 48px; } .app-view-controls { width: 320px; padding-bottom: 32px; } .app-view-control { padding: 0 16px; font-weight: bold; color: rgba(255, 255, 255, 0.7); } .app-view-control:hover { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12) !important; } .app-view-control:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3) !important; } .app-view-control:checked { color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01) !important; box-shadow: inset 0 2px 0 #FFFFFF; } .app-view-control:first-child { border-right-width: 0; border-radius: 2px; } .app-view-control:first-child:checked { border-radius: 0; } .app-view-control:last-child { border-radius: 2px; } .app-view-control:last-child:checked { border-radius: 0; } .search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, .list-search-result:focus, .list-search-result:selected, .list-search-result:hover { background-color: rgba(255, 255, 255, 0.12); transition-duration: 0ms; } .search-provider-icon:active, .search-provider-icon:checked, .list-search-result:active, .list-search-result:checked { background-color: rgba(255, 255, 255, 0.3); transition-duration: 150ms; } .app-well-app:hover .overview-icon, .app-well-app:focus .overview-icon, .app-well-app:selected .overview-icon, .app-well-app.app-folder:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-well-app.app-folder:selected .overview-icon, .show-apps:hover .overview-icon, .show-apps:focus .overview-icon, .show-apps:selected .overview-icon, .grid-search-result:hover .overview-icon, .grid-search-result:focus .overview-icon, .grid-search-result:selected .overview-icon { background-color: rgba(255, 255, 255, 0.12); transition-duration: 0ms; border-image: none; background-image: none; } .app-well-app:active .overview-icon, .app-well-app:checked .overview-icon, .app-well-app.app-folder:active .overview-icon, .app-well-app.app-folder:checked .overview-icon, .show-apps:active .overview-icon, .show-apps:checked .overview-icon, .grid-search-result:active .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.3); box-shadow: 0 0 transparent; transition-duration: 150ms; } .app-well-app-running-dot { width: 32px; height: 2px; background-color: #FFFFFF; margin-bottom: 0; } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .app-well-app.app-folder .overview-icon, .show-apps .overview-icon, .grid-search-result .overview-icon { color: #FFFFFF; border-radius: 2px; padding: 6px; border: none; transition-duration: 150ms; text-align: center; } .app-well-app.app-folder > .overview-icon { background-color: rgba(255, 255, 255, 0.1); } .show-apps .show-apps-icon { color: rgba(255, 255, 255, 0.7); } .show-apps:hover .show-apps-icon, .show-apps:active .show-apps-icon, .show-apps:checked .show-apps-icon, .show-apps:focus .show-apps-icon { color: #FFFFFF; transition-duration: 150ms; } .app-folder-popup { -arrow-border-radius: 2px; -arrow-background-color: rgba(255, 255, 255, 0.1); -arrow-base: 24px; -arrow-rise: 12px; } .app-folder-popup-bin { padding: 5px; } .app-folder-icon { padding: 5px; spacing-rows: 5px; spacing-columns: 5px; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 12px; height: 12px; border-radius: 12px; background-image: none; background-color: rgba(255, 255, 255, 0.3); } .page-indicator:hover .page-indicator-icon { background-image: none; background-color: rgba(255, 255, 255, 0.5); } .page-indicator:active .page-indicator-icon { background-image: none; background-color: rgba(255, 255, 255, 0.7); } .page-indicator:checked .page-indicator-icon { background-image: none; background-color: #FFFFFF; transition-duration: 0ms; } .page-indicator:checked:active { background-image: none; } .app-well-app > .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label { padding: 10px 8px 5px 8px; spacing: 4px; } .workspace-thumbnails { visible-width: 32px; spacing: 12px; padding: 12px; border-radius: 2px 0 0 2px; } .workspace-thumbnails:rtl { border-radius: 0 2px 2px 0; } .workspace-thumbnails .placeholder { background-image: url("assets/dash-placeholder.svg"); background-size: contain; height: 24px; } .workspace-thumbnail-indicator { border: 0 solid #FFFFFF; border-left-width: 2px; padding: 6px; border-radius: 0; } .search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { padding: 0px 88px 10px 88px; } .workspace-thumbnails { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.1); border: none; } .search-statustext, .no-frequent-applications-label { font-size: 45px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { link-color: #338DD6; } .notification-banner { font-size: 1em; width: 34em; min-height: 56px; margin: 5px; border-radius: 2px; color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .notification-banner:hover { background-color: #FAFAFA; } .notification-banner:focus { background-color: #FAFAFA; } .notification-banner .notification-icon { padding: 5px; } .notification-banner .notification-content { padding: 5px; spacing: 5px; } .notification-banner .secondary-icon { icon-size: 1.23077em; } .notification-banner .notification-actions { background-color: transparent; padding-top: 0; border-top: 1px solid rgba(0, 0, 0, 0.12); spacing: 1px; } .notification-banner .notification-button { min-height: 40px; padding: 0 16px; background-color: transparent; color: rgba(0, 0, 0, 0.54); font-weight: 500; } .notification-banner .notification-button:first-child { border-radius: 0 0 0 2px; } .notification-banner .notification-button:last-child { border-radius: 0 0 2px 0; } .notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } .notification-banner .notification-button:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } .summary-source-counter { font-size: 1em; font-weight: bold; height: 1.6em; width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; background-color: #338DD6; color: #FFFFFF; border: 2px solid #FFFFFF; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } .secondary-icon { icon-size: 1.23077em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: rgba(0, 0, 0, 0.87); } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0px; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: rgba(0, 0, 0, 0.54); } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; font-size: 9pt; font-weight: 400; color: rgba(0, 0, 0, 0.38); } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-transient-box { spacing: 6px; padding: 2px 72px 2px 12px; } .hotplug-notification-item { padding: 2px 10px; } .hotplug-notification-item:focus { padding: 1px 71px 1px 11px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 2px 5px; } .hotplug-resident-box { spacing: 8px; } .hotplug-resident-mount { spacing: 8px; border-radius: 2px; } .hotplug-resident-mount:hover { background-color: rgba(0, 0, 0, 0.12); } .hotplug-resident-mount:active { background-color: rgba(0, 0, 0, 0.26); } .hotplug-resident-mount-label { color: inherit; padding-left: 6px; } .hotplug-resident-mount-icon { icon-size: 24px; padding-left: 6px; } .hotplug-resident-eject-icon { icon-size: 16px; } .hotplug-resident-eject-button { padding: 7px; border-radius: 2px; color: rgba(0, 0, 0, 0.87); } /* Eeeky things */ .magnifier-zoom-region { border: 2px solid #338DD6; } .magnifier-zoom-region.full-screen { border-width: 0; } /* On-screen Keyboard */ .word-suggestions { font-size: 11.25pt; font-weight: 400; spacing: 12px; min-height: 40px; } #keyboard { background-color: rgba(0, 0, 0, 0.3); } .key-container { padding: 4px; spacing: 4px; } .keyboard-key { min-height: 64px; min-width: 64px; font-size: 2em; font-weight: 500; border-radius: 2px; border: none; color: inherit; color: rgba(0, 0, 0, 0.62); background-color: #FAFAFA; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; icon-shadow: none; } .keyboard-key:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-key:hover, .keyboard-key:checked { color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .keyboard-key:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(188, 188, 188, 0.961); border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .keyboard-key:grayed { background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; border-color: rgba(0, 0, 0, 0.3); } .keyboard-key.default-key { border-color: transparent; background-color: #FAFAFA; background-size: 24px; } .keyboard-key.default-key:active { background-color: rgba(188, 188, 188, 0.961); } .keyboard-key.enter-key { border-color: transparent; background-color: #009688; background-image: url("assets/key-enter.svg"); } .keyboard-key.enter-key:active { background-color: #4db6ac; } .keyboard-key.shift-key-lowercase { background-image: url("assets/key-shift.svg"); } .keyboard-key.shift-key-uppercase { background-image: url("assets/key-shift-uppercase.svg"); } .keyboard-key.shift-key-uppercase:latched { background-image: url("assets/key-shift-latched-uppercase.svg"); } .keyboard-key.hide-key { background-image: url("assets/key-hide.svg"); } .keyboard-key.layout-key { background-image: url("assets/key-layout.svg"); } .keyboard-subkeys { color: inherit; padding: 5px; -arrow-border-radius: 0; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; -boxpointer-gap: 5px; background-color: #FAFAFA; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: rgba(0, 0, 0, 0.38); } .candidate-box:selected .candidate-index { color: rgba(255, 255, 255, 0.5); } .candidate-box { transition-duration: 0ms; min-height: 28px; padding: 0 8px; border-radius: 2px; } .candidate-box:hover { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } .candidate-box:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } .candidate-box:selected { background-color: #338DD6; color: #FFFFFF; } .candidate-page-button-box { height: 28px; } .vertical .candidate-page-button-box { padding-top: 0; } .horizontal .candidate-page-button-box { padding-left: 0; } .candidate-page-button { min-width: 28px; min-height: 28px; padding: 0; } .candidate-page-button-previous { border-radius: 2px; border-right-width: 0; } .candidate-page-button-next { border-radius: 2px; } .candidate-page-button-icon { icon-size: 1.23077em; } /* Auth Dialogs & Screen Shield */ .framed-user-icon { background-size: contain; border: none; color: #FFFFFF; border-radius: 2px; } .framed-user-icon:hover { border-color: #FFFFFF; color: #FFFFFF; } .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: none; background-color: transparent; } .login-dialog StEntry { color: #FFFFFF; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .login-dialog StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #FFFFFF; } .login-dialog StEntry:insensitive { color: rgba(0, 0, 0, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { padding: 0 16px; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:insensitive { color: rgba(255, 255, 255, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default { color: #FFFFFF; background-color: #009688; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { color: #FFFFFF; background-color: #009688; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:active { color: #FFFFFF; background-color: #4db6ac; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:insensitive { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog-logo-bin { padding: 24px 0px; } .login-dialog-banner { color: rgba(255, 255, 255, 0.7); } .login-dialog-button-box { spacing: 5px; } .login-dialog-message-warning { color: #FF6D00; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; } .login-dialog-user-selection-box { padding: 100px 0px; } .login-dialog-not-listed-label { padding-left: 2px; } .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { color: #FFFFFF; } .login-dialog-not-listed-label { font-size: 1em; font-weight: bold; color: rgba(255, 255, 255, 0.7); padding-top: 1em; } .login-dialog-not-listed-label:hover { color: #FFFFFF; } .login-dialog-not-listed-label:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; padding: .2em; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid #FFFFFF; } .login-dialog-user-list-item { border-radius: 2px; padding: 4px 4px 0; color: rgba(255, 255, 255, 0.7); } .login-dialog-user-list-item:ltr { padding-right: 1em; } .login-dialog-user-list-item:rtl { padding-left: 1em; } .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list-item:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin: 2px 0 0 0; background-color: #FFFFFF; } .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { background-color: #FFFFFF; } .login-dialog-username, .user-widget-label { color: #FFFFFF; font-size: 15pt; font-weight: 500; text-align: left; padding-left: 15px; } .user-widget-label:ltr { padding-left: 18px; } .user-widget-label:rtl { padding-right: 18px; } .login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 8px; width: 23em; } .login-dialog-prompt-label { color: rgba(255, 255, 255, 0.5); font-size: 1em; padding-top: 1em; } .login-dialog-session-list-button StIcon { icon-size: 1.25em; } .login-dialog-session-list-button { color: rgba(255, 255, 255, 0.7); } .login-dialog-session-list-button:hover, .login-dialog-session-list-button:focus { color: #FFFFFF; } .login-dialog-session-list-button:active { color: #FFFFFF; } .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { color: white; width: 80px; height: 48px; -arrow-thickness: 12px; -arrow-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock { color: white; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-weight: normal; text-align: center; padding-bottom: 1.5em; } .screen-shield-clock-time { font-size: 112px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock-date { font-size: 45px; font-weight: 400; } .screen-shield-notifications-container { spacing: 6px; width: 30em; background-color: transparent; max-height: 500px; } .screen-shield-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .screen-shield-notifications-container .notification, .screen-shield-notifications-container .screen-shield-notification-source { padding: 8px; border: none; background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; border-radius: 2px; } .screen-shield-notifications-container .notification { margin-right: 16px; } .screen-shield-notification-label { min-height: 18px; padding: 2px 0px 0px 16px; font-weight: bold; } .screen-shield-notification-count-text { min-height: 18px; padding: 2px 0px 0px 16px; color: rgba(255, 255, 255, 0.7); } #panel.lock-screen { background-color: rgba(0, 0, 0, 0.3); } .screen-shield-background { background: black; box-shadow: 0 19px 19px rgba(0, 0, 0, 0.6), 0 15px 6px rgba(0, 0, 0, 0.44); } #lockDialogGroup { background: #303030; background-size: cover; } #LookingGlassDialog { background-color: #FAFAFA; spacing: 4px; padding: 0; border: none; border-radius: 2px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } #LookingGlassDialog > #Toolbar { padding: 0 8px; border: none; border-radius: 0; background-color: rgba(250, 250, 250, 0.01); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); } #LookingGlassDialog .labels { spacing: 0; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: rgba(0, 0, 0, 0.38); transition-duration: 150ms; padding-left: 16px; padding-right: 16px; min-height: 32px; padding: 0 32px; } #LookingGlassDialog .notebook-tab:hover { box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); text-shadow: none; } #LookingGlassDialog .notebook-tab:selected { border-bottom-width: 0; border-color: transparent; background-color: rgba(250, 250, 250, 0.01); box-shadow: inset 0 -2px 0px #338DD6; color: rgba(0, 0, 0, 0.87); text-shadow: none; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 4px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog StEntry { selection-background-color: #338DD6; selected-color: #FFFFFF; } .lg-dialog .shell-link { color: #338DD6; } .lg-dialog .shell-link:hover { color: #338DD6; } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button { min-height: 32px; padding: 0 16px; border: none; border-radius: 2px; font-size: 9.75pt; font-weight: 500; color: rgba(0, 0, 0, 0.54); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:hover { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:insensitive { color: rgba(0, 0, 0, 0.26); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .lg-obj-inspector-button:hover { border: none; } #lookingGlassExtensions { padding: 4px; } .lg-extensions-list { padding: 4px; spacing: 6px; } .lg-extension { border: none; border-radius: 2px; padding: 4px; } .lg-extension-name { font-size: 18pt; font-weight: 400; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { background: #FAFAFA; border: none; border-radius: 2px; padding: 6px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } /* Dash to Dock */ #dashtodockContainer #dash { background-color: rgba(0, 0, 0, 0.6); } #dashtodockContainer:overview #dash { background-color: rgba(255, 255, 255, 0.1); } #dashtodockContainer.extended:overview #dash { background-color: transparent; } #dashtodockContainer.left #dash, #dashtodockContainer.right #dash { padding: 3px 0; } #dashtodockContainer.top #dash, #dashtodockContainer.bottom #dash { padding: 0 3px; } #dashtodockContainer.extended #dash { padding: 0; border-radius: 0; } #dashtodockContainer.left .dash-item-container > StWidget, #dashtodockContainer.right .dash-item-container > StWidget, #dashtodockContainer.extended.left .dash-item-container > StWidget, #dashtodockContainer.extended.right .dash-item-container > StWidget { padding: 3px 6px; } #dashtodockContainer.extended.left .dash-item-container:first-child > StWidget, #dashtodockContainer.extended.right .dash-item-container:first-child > StWidget { padding: 6px 6px 3px 6px; } #dashtodockContainer.extended.left .dash-item-container:last-child > StWidget, #dashtodockContainer.extended.right .dash-item-container:last-child > StWidget { padding: 3px 6px 6px 6px; } #dashtodockContainer.top .dash-item-container > StWidget, #dashtodockContainer.bottom .dash-item-container > StWidget, #dashtodockContainer.extended.top .dash-item-container > StWidget, #dashtodockContainer.extended.bottom .dash-item-container > StWidget { padding: 6px 3px; } #dashtodockContainer.extended.top .dash-item-container:first-child > StWidget, #dashtodockContainer.extended.bottom .dash-item-container:first-child > StWidget { padding: 6px 3px 6px 6px; } #dashtodockContainer.extended.top .dash-item-container:last-child > StWidget, #dashtodockContainer.extended.bottom .dash-item-container:last-child > StWidget { padding: 6px 6px 6px 3px; } #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } #dashtodockContainer .dash-item-container > StWidget { background-size: cover; } #dashtodockContainer.left .dash-item-container > StWidget.running1 { background-image: url("assets/dash/left-running1.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running2 { background-image: url("assets/dash/left-running2.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running3 { background-image: url("assets/dash/left-running3.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running4 { background-image: url("assets/dash/left-running4.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running1 { background-image: url("assets/dash/right-running1.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running2 { background-image: url("assets/dash/right-running2.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running3 { background-image: url("assets/dash/right-running3.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running4 { background-image: url("assets/dash/right-running4.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running1 { background-image: url("assets/dash/top-running1.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running2 { background-image: url("assets/dash/top-running2.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running3 { background-image: url("assets/dash/top-running3.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running4 { background-image: url("assets/dash/top-running4.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running1 { background-image: url("assets/dash/bottom-running1.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running2 { background-image: url("assets/dash/bottom-running2.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running3 { background-image: url("assets/dash/bottom-running3.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running4 { background-image: url("assets/dash/bottom-running4.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/bottom-running4-focused.svg"); } /* Simple Dock */ #dash:desktop { background-color: rgba(0, 0, 0, 0.6); } /* GPaste */ .popup-menu .search-entry { color: rgba(0, 0, 0, 0.87); selection-background-color: #338DD6; selected-color: #FFFFFF; background-color: rgba(250, 250, 250, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .popup-menu .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #338DD6; color: rgba(0, 0, 0, 0.87); } .popup-menu .search-entry .search-entry-icon { color: rgba(0, 0, 0, 0.38); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { color: rgba(0, 0, 0, 0.87); } materia-theme-20180321/src/gnome-shell/3.28/gnome-shell-light-compact.scss000066400000000000000000000004151325420104000257200ustar00rootroot00000000000000$variant: 'light'; $titlebar: 'light'; $compact: 'true'; @import '../../_sass/gnome-shell/variables'; @import '../../_sass/colors'; @import '../../_sass/gnome-shell/drawing'; @import '../../_sass/gnome-shell/common-3.28'; @import '../../_sass/gnome-shell/extensions'; materia-theme-20180321/src/gnome-shell/3.28/gnome-shell-light.css000066400000000000000000002000011325420104000241020ustar00rootroot00000000000000/* This stylesheet is generated, DO NOT EDIT */ /* Copyright 2009, 2015 Red Hat, Inc. * * Portions adapted from Mx's data/style/default.css * Copyright 2009 Intel Corporation * * This program is free software; you can redistribute it and/or modify it * under the terms and conditions of the GNU Lesser General Public License, * version 2.1, as published by the Free Software Foundation. * * This program is distributed in the hope it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for * more details. * * You should have received a copy of the GNU Lesser General Public License * along with this program; if not, write to the Free Software Foundation, * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. */ /* GLOBALS */ * { transition-duration: 150ms; } stage { font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; font-size: 10.5pt; font-weight: 400; color: rgba(0, 0, 0, 0.87); } /* WIDGETS */ /* Buttons */ .button { min-height: 36px; padding: 0 16px; border-width: 0; border-radius: 2px; font-size: 10.5pt; font-weight: 500; color: rgba(0, 0, 0, 0.54); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:hover { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:insensitive { color: rgba(0, 0, 0, 0.26); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .modal-dialog-linked-button { min-height: 40px; padding: 0 16px; border-top: 1px solid rgba(0, 0, 0, 0.12) !important; border-right-width: 0; font-size: 10.5pt; font-weight: 500; color: rgba(0, 0, 0, 0.54); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:hover { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:insensitive { color: rgba(0, 0, 0, 0.26); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .modal-dialog-linked-button:first-child { border-radius: 0px 0px 0px 2px; } .modal-dialog-linked-button:last-child { border-right-width: 0px; border-radius: 0px 0px 2px 0px; } .modal-dialog-linked-button:first-child:last-child { border-right-width: 0px; border-radius: 0px 0px 2px 2px; } /* Entries */ StEntry { min-height: 36px; padding: 0 8px; border-radius: 0; border-width: 0; color: rgba(0, 0, 0, 0.87); selection-background-color: #338DD6; selected-color: #FFFFFF; font-size: 12pt; font-weight: 400; background-color: rgba(250, 250, 250, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #338DD6; } StEntry:insensitive { color: rgba(0, 0, 0, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); } StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #FF6D00; padding: 0 0; } /* Scrollbars */ StScrollView.vfade { -st-vfade-offset: 32px; } StScrollView.hfade { -st-hfade-offset: 32px; } StScrollBar { padding: 0; } StScrollView StScrollBar { min-width: 16px; min-height: 16px; } StScrollBar StBin#trough { margin: 4px; border-radius: 100px; background-color: rgba(0, 0, 0, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 100px; background-color: rgba(0, 0, 0, 0.38); margin: 4px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(0, 0, 0, 0.54); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: rgba(0, 0, 0, 0.87); } #overview StScrollBar StBin#trough, #screenShieldNotifications StScrollBar StBin#trough { background-color: rgba(255, 255, 255, 0.12); } #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#hhandle, #screenShieldNotifications StScrollBar StButton#hhandle { background-color: rgba(255, 255, 255, 0.5); } #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#hhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { background-color: rgba(255, 255, 255, 0.7); } #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#hhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { background-color: #FFFFFF; } /* Slider */ .slider { height: 20px; color: #009688; -slider-height: 2px; -slider-background-color: rgba(0, 0, 0, 0.26); -slider-border-color: transparent; -slider-active-background-color: #009688; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 7px; } /* Check Boxes */ .check-box * { min-height: 20px; padding: 8px 0; } .check-box StBoxLayout { spacing: 8px; } .check-box StBin { width: 24px; height: 24px; padding: 6px; border-radius: 100px; background-image: url("assets/checkbox-off.svg"); } .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } .check-box:hover StBin { background-color: rgba(0, 0, 0, 0.12); } .check-box:active StBin { background-color: rgba(0, 0, 0, 0.26); } .check-box:checked StBin { background-image: url("assets/checkbox.svg"); } .check-box:focus:checked StBin { background-image: url("assets/checkbox.svg"); } .check-box:hover:checked StBin { background-color: rgba(0, 150, 136, 0.15); } .check-box:active:checked StBin { background-color: rgba(0, 150, 136, 0.3); } /* Switches */ .toggle-switch { width: 40px; height: 20px; background-size: contain; } .toggle-switch-us { background-image: url("assets/toggle-off.svg"); } .toggle-switch-us:checked { background-image: url("assets/toggle-on.svg"); } .toggle-switch-intl { background-image: url("assets/toggle-off.svg"); } .toggle-switch-intl:checked { background-image: url("assets/toggle-on.svg"); } /* links */ .shell-link { border-radius: 2px; color: #338DD6; } .shell-link:hover { color: #338DD6; background-color: rgba(51, 141, 214, 0.15); } .shell-link:active { color: #338DD6; background-color: rgba(51, 141, 214, 0.3); } /* Modal Dialogs */ .headline { font-size: 15pt; font-weight: 500; } .lightbox { background-color: black; } .flashspot { background-color: white; } .modal-dialog { border-radius: 2px; color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } .modal-dialog .modal-dialog-content-box { padding: 24px; } .modal-dialog .run-dialog-entry { width: 20em; margin-bottom: 6px; } .modal-dialog .run-dialog-error-box { padding-top: 16px; spacing: 6px; } .modal-dialog .run-dialog-button-box { padding-top: 1em; } .modal-dialog .run-dialog-label { font-size: 1em; font-weight: normal; color: rgba(0, 0, 0, 0.38); padding-bottom: .4em; } .mount-dialog-subject, .end-session-dialog-subject { font-size: 15pt; font-weight: 500; } /* Message Dialog */ .message-dialog-main-layout { padding: 12px 20px 0; spacing: 12px; } .message-dialog-content { max-width: 28em; spacing: 20px; } .message-dialog-icon { min-width: 48px; icon-size: 48px; } .message-dialog-title { font-weight: bold; } .message-dialog-subtitle { color: rgba(0, 0, 0, 0.54); font-weight: bold; } /* End Session Dialog */ .end-session-dialog { spacing: 42px; border: none; } .end-session-dialog-list { padding-top: 20px; } .end-session-dialog-layout { padding-left: 17px; } .end-session-dialog-layout:rtl { padding-right: 17px; } .end-session-dialog-description { width: 28em; padding-bottom: 10px; } .end-session-dialog-description:rtl { text-align: right; } .end-session-dialog-warning { width: 28em; color: #FF6D00; padding-top: 6px; } .end-session-dialog-warning:rtl { text-align: right; } .end-session-dialog-logout-icon { border-radius: 5px; width: 48px; height: 48px; background-size: contain; } .end-session-dialog-shutdown-icon { color: rgba(0, 0, 0, 0.38); width: 48px; height: 48px; } .end-session-dialog-inhibitor-layout { spacing: 16px; max-height: 200px; padding-right: 65px; padding-left: 65px; } .end-session-dialog-session-list, .end-session-dialog-app-list { spacing: 1em; } .end-session-dialog-list-header { font-weight: bold; } .end-session-dialog-list-header:rtl { text-align: right; } .end-session-dialog-app-list-item, .end-session-dialog-session-list-item { spacing: 1em; } .end-session-dialog-app-list-item-name, .end-session-dialog-session-list-item-name { font-weight: bold; } .end-session-dialog-app-list-item-description { color: rgba(0, 0, 0, 0.38); font-size: 1em; } /* ShellMountOperation Dialogs */ .shell-mount-operation-icon { icon-size: 48px; } .mount-dialog { spacing: 24px; } .mount-dialog .message-dialog-title { padding-top: 10px; padding-left: 17px; padding-bottom: 6px; max-width: 34em; } .mount-dialog .message-dialog-title:rtl { padding-left: 0px; padding-right: 17px; } .mount-dialog .message-dialog-body { padding-left: 17px; width: 28em; } .mount-dialog .message-dialog-body:rtl { padding-left: 0px; padding-right: 17px; } .mount-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 49px; padding-right: 32px; } .mount-dialog-app-list:rtl { padding-right: 49px; padding-left: 32px; } .mount-dialog-app-list-item { color: rgba(0, 0, 0, 0.87); } .mount-dialog-app-list-item:hover { color: rgba(0, 0, 0, 0.87); } .mount-dialog-app-list-item:ltr { padding-right: 1em; } .mount-dialog-app-list-item:rtl { padding-left: 1em; } .mount-dialog-app-list-item-icon:ltr { padding-right: 17px; } .mount-dialog-app-list-item-icon:rtl { padding-left: 17px; } .mount-dialog-app-list-item-name { font-size: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { width: 34em; border: none; } .prompt-dialog .message-dialog-main-layout { spacing: 24px; padding: 10px; } .prompt-dialog .message-dialog-content { spacing: 16px; } .prompt-dialog .message-dialog-title { font-size: 15pt; font-weight: 500; color: rgba(0, 0, 0, 0.87); } .prompt-dialog-description:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label { font-size: 1em; color: #DD2C00; padding-bottom: 8px; } .prompt-dialog-info-label { font-size: 1em; padding-bottom: 8px; } .hidden { color: transparent; } .prompt-dialog-null-label { font-size: 1em; padding-bottom: 8px; } /* Polkit Dialog */ .polkit-dialog-user-layout { padding-left: 10px; spacing: 10px; } .polkit-dialog-user-layout:rtl { padding-left: 0px; padding-right: 10px; } .polkit-dialog-user-root-label { color: #FF6D00; } .polkit-dialog-user-icon { border-radius: 5px; background-size: contain; width: 48px; height: 48px; } /* Audio selection dialog */ .audio-device-selection-dialog { spacing: 30px; } .audio-selection-content { spacing: 20px; padding: 24px; } .audio-selection-title { font-weight: bold; text-align: center; } .audio-selection-box { spacing: 20px; } .audio-selection-device { border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 2px; } .audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { background-color: #338DD6; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* Access Dialog */ .access-dialog { spacing: 30px; } /* Geolocation Dialog */ .geolocation-dialog { spacing: 30px; } /* Extension Dialog */ .extension-dialog .message-dialog-main-layout { spacing: 24px; padding: 10px; } .extension-dialog .message-dialog-title { color: rgba(0, 0, 0, 0.54); } /* Inhibit-Shortcuts Dialog */ .inhibit-shortcuts-dialog { spacing: 30px; } /* Network Agent Dialog */ .network-dialog-secret-table { spacing-rows: 15px; spacing-columns: 1em; } .keyring-dialog-control-table { spacing-rows: 15px; spacing-columns: 1em; } /* Popovers/Menus */ .popup-menu { min-width: 200px; } .popup-menu .popup-sub-menu { background-color: #EEEEEE; box-shadow: 0 0 transparent; } .popup-menu .popup-menu-content { padding: 8px 0; } .popup-menu .popup-menu-item { spacing: 8px; transition-duration: 100ms; } .popup-menu .popup-menu-item:ltr { padding: 0.4em 24px 0.4em 0; } .popup-menu .popup-menu-item:rtl { padding: 0.4em 0 0.4em 24px; } .popup-menu .popup-menu-item:checked { background-color: #338DD6; color: #FFFFFF; box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { background-color: #529edc; color: #FFFFFF; } .popup-menu .popup-menu-item:checked:active { background-color: #70afe2; color: #FFFFFF !important; } .popup-menu .popup-menu-item:checked:insensitive { color: rgba(255, 255, 255, 0.5); } .popup-menu .popup-menu-item.selected { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); transition-duration: 0ms; } .popup-menu .popup-menu-item:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); transition-duration: 150ms; } .popup-menu .popup-menu-item.selected:active { color: rgba(0, 0, 0, 0.87); } .popup-menu .popup-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-menu .popup-inactive-menu-item { color: rgba(0, 0, 0, 0.87); } .popup-menu .popup-inactive-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-menu.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-border-radius: 0; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; -arrow-box-shadow: none; margin: 5px 8px 8px; background-color: #FAFAFA; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .popup-separator-menu-item { height: 1px; margin: 8px 40px; background-color: transparent; border-color: rgba(0, 0, 0, 0.12); border-bottom-width: 1px; border-bottom-style: solid; } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } /* fallback menu - odd thing for styling App menu when apparently not running under shell. Light Adwaita styled app menu inside the main app window itself rather than the top bar */ /* OSD */ .osd-window { text-align: center; font-weight: bold; spacing: 1em; margin: 32px; min-width: 64px; min-height: 64px; } .osd-window .osd-monitor-label { font-size: 45px; font-weight: 400; } .osd-window .level { height: 8px; border-radius: 0; background-color: rgba(51, 141, 214, 0.3); color: rgba(0, 0, 0, 0.87); } .osd-window .level-bar { background-color: #338DD6; border-radius: 0; } /* Pad OSD */ .pad-osd-window { padding: 32px; background-color: rgba(0, 0, 0, 0.6); } .pad-osd-window .pad-osd-title-box { spacing: 12px; } .pad-osd-window .pad-osd-title-menu-box { spacing: 6px; } .combo-box-label { width: 15em; } /* App Switcher */ .switcher-popup { padding: 8px; spacing: 16px; } .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { padding: 8px; border-radius: 2px; } .switcher-list .item-box:outlined { padding: 8px; border: none; background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } .switcher-list .item-box:selected { background-color: #338DD6; color: #FFFFFF; } .switcher-list .thumbnail-box { padding: 2px; spacing: 4px; } .switcher-list .thumbnail { width: 256px; } .switcher-list .separator { width: 1px; background: rgba(0, 0, 0, 0.12); } .switcher-arrow { border-color: transparent; color: rgba(0, 0, 0, 0.38); } .switcher-arrow:highlighted { color: rgba(0, 0, 0, 0.87); } .input-source-switcher-symbol { font-size: 45px; font-weight: 400; width: 96px; height: 96px; } /* Window Cycler */ .cycler-highlight { border: 4px solid #338DD6; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher { background: transparent; border: 0px; border-radius: 0px; padding: 0px; spacing: 8px; } .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; background-color: #338DD6; color: #FFFFFF; background-size: 32px; border-radius: 2px; } .ws-switcher-box { height: 48px; border: none; background: rgba(0, 0, 0, 0.12); border-radius: 2px; } .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); border-radius: 2px; padding: 12px; } /* Tiled window previews */ .tile-preview { background-color: rgba(64, 196, 255, 0.3); border: 1px solid #40C4FF; } .tile-preview-left.on-primary { border-radius: 0 0 0 0; } .tile-preview-right.on-primary { border-radius: 0 0 0 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0 0 0 0; } /* TOP BAR */ #panel { background-color: rgba(0, 0, 0, 0.6); /* transition from solid to transparent */ transition-duration: 250ms; font-weight: bold; height: 32px; } #panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { background-color: transparent; } #panel #panelLeft, #panel #panelCenter { spacing: 0; } #panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: rgba(0, 0, 0, 0.6); -panel-corner-border-width: 2px; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: #FFFFFF; } #panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: rgba(255, 255, 255, 0.7); text-shadow: none; transition-duration: 150ms; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; } #panel .panel-button .system-status-icon, #panel .panel-button .app-menu-icon > StIcon, #panel .panel-button .popup-menu-arrow { icon-shadow: none; } #panel .panel-button:hover { color: #FFFFFF; text-shadow: none; } #panel .panel-button:hover .system-status-icon, #panel .panel-button:hover .app-menu-icon > StIcon, #panel .panel-button:hover .popup-menu-arrow { icon-shadow: none; } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { background-color: rgba(0, 0, 0, 0.01); box-shadow: inset 0 -2px 0px #FFFFFF; color: #FFFFFF; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { icon-shadow: none; } #panel .panel-button .system-status-icon { icon-size: 1.14286em; padding: 0 4px; } .unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { color: rgba(255, 255, 255, 0.7); } .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { color: #FFFFFF; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator { color: #FF6D00; } #panel.solid { background-color: rgba(0, 0, 0, 0.6); /* transition from transparent to solid */ transition-duration: 250ms; background-gradient-direction: none; text-shadow: none; } #panel.solid:overview { background-color: transparent; } #panel.solid .panel-corner { -panel-corner-background-color: rgba(0, 0, 0, 0.6); } #panel.solid .panel-button { color: rgba(255, 255, 255, 0.7); text-shadow: none; } #panel.solid .panel-button:hover, #panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { color: #FFFFFF; } #panel.solid .system-status-icon, #panel.solid .app-menu-icon > StIcon, #panel.solid .popup-menu-arrow { icon-shadow: none; } #calendarArea { padding: 8px 16px; } .calendar { margin-bottom: 0; } .calendar, .datemenu-today-button, .datemenu-displays-box, .message-list-sections { margin: 0 8px; } .datemenu-calendar-column { spacing: 8px; } .datemenu-displays-section { padding-bottom: 0; } .datemenu-displays-box { spacing: 8px; } .datemenu-calendar-column { border: 0 solid rgba(0, 0, 0, 0.12); } .datemenu-calendar-column:ltr { border-left-width: 0; } .datemenu-calendar-column:rtl { border-right-width: 0; } .datemenu-today-button, .world-clocks-button, .weather-button, .events-section-title { min-height: 24px; padding: 4px 8px; border-radius: 2px; } .datemenu-today-button { min-height: 56px; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .datemenu-today-button:hover, .datemenu-today-button:focus, .world-clocks-button:hover, .world-clocks-button:focus, .weather-button:hover, .weather-button:focus, .events-section-title:hover, .events-section-title:focus { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); } .datemenu-today-button:active, .world-clocks-button:active, .weather-button:active, .events-section-title:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); } .datemenu-today-button .date-label { font-size: 18pt; font-weight: 400; } .world-clocks-header, .weather-header, .events-section-title { color: rgba(0, 0, 0, 0.54); font-weight: bold; } .world-clocks-grid { spacing-rows: 0.4em; } .weather-box { spacing: 0.4em; } .calendar-month-label { height: 20px; margin: 2px; padding: 6px 16px; border-radius: 2px; color: rgba(0, 0, 0, 0.87); font-weight: bold; text-align: center; } .calendar-month-label:focus { background-color: rgba(0, 0, 0, 0.12); } .pager-button { width: 32px; height: 32px; margin: 2px; border-radius: 100px; background-color: transparent; color: rgba(0, 0, 0, 0.87); } .pager-button:hover, .pager-button:focus { background-color: rgba(0, 0, 0, 0.12); } .pager-button:active { background-color: rgba(0, 0, 0, 0.26); } .calendar-change-month-back { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-change-month-back:rtl { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward:rtl { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-day-base { font-size: 9pt; font-weight: 400; text-align: center; width: 32px; height: 32px; padding: 0; margin: 2px; border-radius: 100px; } .calendar-day-base:hover, .calendar-day-base:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar-day-base:active { color: inherit; background-color: rgba(0, 0, 0, 0.26); border-color: transparent; } .calendar-day-base:selected { color: #FFFFFF; background-color: #338DD6; border-color: transparent; } .calendar-day-base.calendar-day-heading { width: 32px; height: 25px; margin-top: 2px; padding: 7px 0 0; border-radius: 100px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-size: 9pt; font-weight: 400; font-weight: bold; text-align: center; } .calendar-day { border-width: 0; } .calendar-day-top { border-top-width: 0; } .calendar-day-left { border-left-width: 0; } .calendar-nonwork-day { color: rgba(0, 0, 0, 0.87); } .calendar-today { font-weight: bold !important; border: none; } .calendar-day-with-events { color: #338DD6; font-weight: normal; text-decoration: underline; background-image: none; } .calendar-other-month-day { color: rgba(0, 0, 0, 0.26); opacity: 0.5; } .calendar-week-number { width: 32px; height: 25px; margin: 2px; padding: 7px 0 0; border-radius: 100px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-size: inherit; font-weight: bold; text-align: center; } /* Message list */ .message-list { width: 420px; } .message-list-clear-button.button { background-color: transparent; margin: 8px 8px 0; } .message-list-clear-button.button:hover, .message-list-clear-button.button:focus { background-color: rgba(0, 0, 0, 0.12); } .message-list-clear-button.button:active { background-color: rgba(0, 0, 0, 0.26); } .message-list-sections { spacing: 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message { min-height: 64px; background-color: transparent; border-radius: 2px; } .message:hover, .message:focus { background-color: rgba(0, 0, 0, 0.12); } .message:active { background-color: rgba(0, 0, 0, 0.26); } .message-icon-bin { padding: 8px 0px 8px 8px; } .message-icon-bin:rtl { padding: 8px 8px 8px 0px; } .message-icon-bin > StIcon { color: rgba(0, 0, 0, 0.87); icon-size: 1.14286em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } .message-icon-bin > StIcon:rtl { margin: 4px 4px 4px 0px; } .message-secondary-bin { padding: 0 8px; } .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; color: rgba(0, 0, 0, 0.54); font-size: 1em; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-bottom: 0; } .message-secondary-bin > StIcon { icon-size: 1.14286em; } .message-title { min-height: 22px; padding-top: 2px; color: rgba(0, 0, 0, 0.87); font-weight: bold; font-size: 1em; } .message-content { min-height: 48px; padding: 8px; color: rgba(0, 0, 0, 0.54); font-size: 1em; } .message-content * > StIcon { icon-size: 16px; border-radius: 16px; padding: 4px; color: rgba(0, 0, 0, 0.54); } /* FIXME: how do you do this in sass? */ .message-content *:hover > StIcon, .message-content *:focus > StIcon { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); } .message-content *:active > StIcon { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); } .message-media-control { margin: 16px 0; padding: 8px; border-radius: 100px; color: rgba(0, 0, 0, 0.54); } .message-media-control:hover, .message-media-control:focus { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); } .message-media-control:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); } .message-media-control:insensitive { color: rgba(0, 0, 0, 0.26); } .message-media-control:last-child:ltr { margin-right: 16px; padding-right: 8px; } .message-media-control:last-child:rtl { margin-left: 16px; padding-left: 8px; } .media-message-cover-icon { icon-size: 32px !important; margin: 8px 0px 8px 4px !important; } .media-message-cover-icon:rtl { margin: 8px 4px 8px 0px !important; } .media-message-cover-icon.fallback { icon-size: 16px !important; padding: 8px; border: none; border-radius: 2px; background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.38); } .system-switch-user-submenu-icon.user-icon { icon-size: 20px; padding: 0 2px; } .system-switch-user-submenu-icon.default-icon { icon-size: 16px; padding: 0 4px; } #appMenu { spinner-image: url("process-working.svg"); spacing: 4px; } #appMenu .label-shadow { color: transparent; } .aggregate-menu { min-width: 280px; } .aggregate-menu .popup-menu-icon { padding: 0 4px; } .aggregate-menu .popup-sub-menu .popup-menu-item :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; margin-left: 1.14286em; } .aggregate-menu .popup-sub-menu .popup-menu-item :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; margin-right: 1.14286em; } .system-menu-action { color: rgba(0, 0, 0, 0.54); border-radius: 100px; /* wish we could do 50% */ padding: 16px; border: none; } .system-menu-action:hover, .system-menu-action:focus { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); border: none; padding: 16px; } .system-menu-action:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } .system-menu-action > StIcon { icon-size: 16px; } .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; background-color: rgba(255, 255, 255, 0.3); background-image: none; background-size: auto; } .ripple-box:rtl { border-radius: 0 0 0 48px; background-image: none; } .popup-menu-arrow { width: 16px; height: 16px; } .popup-menu-icon { icon-size: 1.14286em; } .window-close { transition-duration: 0ms; height: 36px; width: 36px; -shell-close-overlap: 18px; -st-background-image-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); background-image: url("assets/window-close.svg"); background-size: 36px; } .window-close:hover { -st-background-image-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-image: url("assets/window-close.svg"); } .window-close:active { background-image: url("assets/window-close-active.svg"); } .window-close:rtl { -st-background-image-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .window-close:rtl:hover { -st-background-image-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } /* NETWORK DIALOGS */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: center; } .nm-dialog-airplane-text { color: rgba(0, 0, 0, 0.87); } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-scroll-view { border: none; } .nm-dialog-header { font-size: 15pt; font-weight: 500; } .nm-dialog-item { font-size: 1em; border-bottom: none; border-radius: 2px; padding: 12px; spacing: 20px; } .nm-dialog-item:hover, .nm-dialog-item:focus { background-color: rgba(0, 0, 0, 0.12); } .nm-dialog-item:active { background-color: rgba(0, 0, 0, 0.26); } .nm-dialog-item:selected { background-color: #338DD6; color: #FFFFFF; } .nm-dialog-icons { spacing: .5em; } .nm-dialog-icon { icon-size: 16px; } .no-networks-label { color: rgba(0, 0, 0, 0.38); } .no-networks-box { spacing: 12px; } /* OVERVIEW */ #overview { spacing: 24px; } .overview-controls { padding-bottom: 32px; } .window-picker { -horizontal-spacing: 16px; -vertical-spacing: 16px; padding: 0 16px 32px; } .window-picker.external-monitor { padding: 16px; } .window-clone-border { border: 4px solid rgba(255, 255, 255, 0.3); border-radius: 2px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .window-caption { spacing: 25px; color: #FFFFFF; background-color: rgba(0, 0, 0, 0.6); border-radius: 2px; padding: 4px 8px; } .search-entry { width: 304px; padding: 0 8px; border-radius: 0; color: rgba(255, 255, 255, 0.5); selection-background-color: rgba(255, 255, 255, 0.3); selected-color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #FFFFFF; padding: 0 8px; border-width: 0; color: #FFFFFF; } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 0; color: rgba(255, 255, 255, 0.5); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: #FFFFFF; } #searchResultsBin { max-width: 1000px; } #searchResultsContent { padding-left: 20px; padding-right: 20px; spacing: 16px; } .search-section { spacing: 16px; } .search-section-content { spacing: 32px; } .list-search-results { spacing: 3px; } .search-section-separator { height: 1px; background-color: rgba(255, 255, 255, 0.12); } .list-search-result-content { spacing: 30px; } .list-search-result-title { font-size: 12pt; font-weight: 400; color: #FFFFFF; spacing: 12px; } .list-search-result-description { color: rgba(255, 255, 255, 0.7); } .list-search-provider-details { width: 150px; color: rgba(255, 255, 255, 0.7); margin-top: 0.24em; } .list-search-provider-content { spacing: 20px; } .search-provider-icon { padding: 15px; } /* DASHBOARD */ #dash { font-size: 1em; color: #FFFFFF; background-color: rgba(255, 255, 255, 0.1); padding: 3px 0; border: none; border-left: 0px; border-radius: 0px 2px 2px 0px; } #dash:rtl { border-radius: 2px 0 0 2px; } #dash .placeholder { background-image: url("assets/dash-placeholder.svg"); background-size: contain; height: 24px; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { border-radius: 2px; padding: 7px 8px; color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-align: center; -x-offset: 8px; } /* App Vault/Grid */ .icon-grid { spacing: 30px; -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; } .icon-grid .overview-icon { icon-size: 96px; } .system-action-icon { box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); background-color: #212121; color: #FFFFFF; border-radius: 99px; icon-size: 48px; } .app-view-controls { width: 320px; padding-bottom: 32px; } .app-view-control { padding: 0 16px; font-weight: bold; color: rgba(255, 255, 255, 0.7); } .app-view-control:hover { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12) !important; } .app-view-control:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3) !important; } .app-view-control:checked { color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01) !important; box-shadow: inset 0 2px 0 #FFFFFF; } .app-view-control:first-child { border-right-width: 0; border-radius: 2px; } .app-view-control:first-child:checked { border-radius: 0; } .app-view-control:last-child { border-radius: 2px; } .app-view-control:last-child:checked { border-radius: 0; } .search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, .list-search-result:focus, .list-search-result:selected, .list-search-result:hover { background-color: rgba(255, 255, 255, 0.12); transition-duration: 0ms; } .search-provider-icon:active, .search-provider-icon:checked, .list-search-result:active, .list-search-result:checked { background-color: rgba(255, 255, 255, 0.3); transition-duration: 150ms; } .app-well-app:hover .overview-icon, .app-well-app:focus .overview-icon, .app-well-app:selected .overview-icon, .app-well-app.app-folder:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-well-app.app-folder:selected .overview-icon, .show-apps:hover .overview-icon, .show-apps:focus .overview-icon, .show-apps:selected .overview-icon, .grid-search-result:hover .overview-icon, .grid-search-result:focus .overview-icon, .grid-search-result:selected .overview-icon { background-color: rgba(255, 255, 255, 0.12); transition-duration: 0ms; border-image: none; background-image: none; } .app-well-app:active .overview-icon, .app-well-app:checked .overview-icon, .app-well-app.app-folder:active .overview-icon, .app-well-app.app-folder:checked .overview-icon, .show-apps:active .overview-icon, .show-apps:checked .overview-icon, .grid-search-result:active .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.3); box-shadow: 0 0 transparent; transition-duration: 150ms; } .app-well-app-running-dot { width: 32px; height: 2px; background-color: #FFFFFF; margin-bottom: 0; } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .app-well-app.app-folder .overview-icon, .show-apps .overview-icon, .grid-search-result .overview-icon { color: #FFFFFF; border-radius: 2px; padding: 6px; border: none; transition-duration: 150ms; text-align: center; } .app-well-app.app-folder > .overview-icon { background-color: rgba(255, 255, 255, 0.1); } .show-apps .show-apps-icon { color: rgba(255, 255, 255, 0.7); } .show-apps:hover .show-apps-icon, .show-apps:active .show-apps-icon, .show-apps:checked .show-apps-icon, .show-apps:focus .show-apps-icon { color: #FFFFFF; transition-duration: 150ms; } .app-folder-popup { -arrow-border-radius: 2px; -arrow-background-color: rgba(255, 255, 255, 0.1); -arrow-base: 24px; -arrow-rise: 12px; } .app-folder-popup-bin { padding: 5px; } .app-folder-icon { padding: 5px; spacing-rows: 5px; spacing-columns: 5px; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 12px; height: 12px; border-radius: 12px; background-image: none; background-color: rgba(255, 255, 255, 0.3); } .page-indicator:hover .page-indicator-icon { background-image: none; background-color: rgba(255, 255, 255, 0.5); } .page-indicator:active .page-indicator-icon { background-image: none; background-color: rgba(255, 255, 255, 0.7); } .page-indicator:checked .page-indicator-icon { background-image: none; background-color: #FFFFFF; transition-duration: 0ms; } .page-indicator:checked:active { background-image: none; } .app-well-app > .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label { padding: 10px 8px 5px 8px; spacing: 4px; } .workspace-thumbnails { visible-width: 32px; spacing: 12px; padding: 12px; border-radius: 2px 0 0 2px; } .workspace-thumbnails:rtl { border-radius: 0 2px 2px 0; } .workspace-thumbnails .placeholder { background-image: url("assets/dash-placeholder.svg"); background-size: contain; height: 24px; } .workspace-thumbnail-indicator { border: 0 solid #FFFFFF; border-left-width: 2px; padding: 6px; border-radius: 0; } .search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { padding: 0px 88px 10px 88px; } .workspace-thumbnails { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.1); border: none; } .search-statustext, .no-frequent-applications-label { font-size: 45px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { link-color: #338DD6; } .notification-banner { font-size: 1em; width: 34em; min-height: 64px; margin: 5px; border-radius: 2px; color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .notification-banner:hover { background-color: #FAFAFA; } .notification-banner:focus { background-color: #FAFAFA; } .notification-banner .notification-icon { padding: 5px; } .notification-banner .notification-content { padding: 5px; spacing: 5px; } .notification-banner .secondary-icon { icon-size: 1.14286em; } .notification-banner .notification-actions { background-color: transparent; padding-top: 0; border-top: 1px solid rgba(0, 0, 0, 0.12); spacing: 1px; } .notification-banner .notification-button { min-height: 40px; padding: 0 16px; background-color: transparent; color: rgba(0, 0, 0, 0.54); font-weight: 500; } .notification-banner .notification-button:first-child { border-radius: 0 0 0 2px; } .notification-banner .notification-button:last-child { border-radius: 0 0 2px 0; } .notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } .notification-banner .notification-button:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } .summary-source-counter { font-size: 1em; font-weight: bold; height: 1.6em; width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; background-color: #338DD6; color: #FFFFFF; border: 2px solid #FFFFFF; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } .secondary-icon { icon-size: 1.14286em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: rgba(0, 0, 0, 0.87); } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0px; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: rgba(0, 0, 0, 0.54); } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; font-size: 9pt; font-weight: 400; color: rgba(0, 0, 0, 0.38); } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-transient-box { spacing: 6px; padding: 2px 72px 2px 12px; } .hotplug-notification-item { padding: 2px 10px; } .hotplug-notification-item:focus { padding: 1px 71px 1px 11px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 2px 5px; } .hotplug-resident-box { spacing: 8px; } .hotplug-resident-mount { spacing: 8px; border-radius: 2px; } .hotplug-resident-mount:hover { background-color: rgba(0, 0, 0, 0.12); } .hotplug-resident-mount:active { background-color: rgba(0, 0, 0, 0.26); } .hotplug-resident-mount-label { color: inherit; padding-left: 6px; } .hotplug-resident-mount-icon { icon-size: 24px; padding-left: 6px; } .hotplug-resident-eject-icon { icon-size: 16px; } .hotplug-resident-eject-button { padding: 7px; border-radius: 2px; color: rgba(0, 0, 0, 0.87); } /* Eeeky things */ .magnifier-zoom-region { border: 2px solid #338DD6; } .magnifier-zoom-region.full-screen { border-width: 0; } /* On-screen Keyboard */ .word-suggestions { font-size: 12pt; font-weight: 400; spacing: 12px; min-height: 40px; } #keyboard { background-color: rgba(0, 0, 0, 0.3); } .key-container { padding: 4px; spacing: 4px; } .keyboard-key { min-height: 72px; min-width: 72px; font-size: 2em; font-weight: 500; border-radius: 2px; border: none; color: inherit; color: rgba(0, 0, 0, 0.62); background-color: #FAFAFA; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; icon-shadow: none; } .keyboard-key:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-key:hover, .keyboard-key:checked { color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .keyboard-key:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(188, 188, 188, 0.961); border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .keyboard-key:grayed { background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; border-color: rgba(0, 0, 0, 0.3); } .keyboard-key.default-key { border-color: transparent; background-color: #FAFAFA; background-size: 24px; } .keyboard-key.default-key:active { background-color: rgba(188, 188, 188, 0.961); } .keyboard-key.enter-key { border-color: transparent; background-color: #009688; background-image: url("assets/key-enter.svg"); } .keyboard-key.enter-key:active { background-color: #4db6ac; } .keyboard-key.shift-key-lowercase { background-image: url("assets/key-shift.svg"); } .keyboard-key.shift-key-uppercase { background-image: url("assets/key-shift-uppercase.svg"); } .keyboard-key.shift-key-uppercase:latched { background-image: url("assets/key-shift-latched-uppercase.svg"); } .keyboard-key.hide-key { background-image: url("assets/key-hide.svg"); } .keyboard-key.layout-key { background-image: url("assets/key-layout.svg"); } .keyboard-subkeys { color: inherit; padding: 5px; -arrow-border-radius: 0; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; -boxpointer-gap: 5px; background-color: #FAFAFA; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: rgba(0, 0, 0, 0.38); } .candidate-box:selected .candidate-index { color: rgba(255, 255, 255, 0.5); } .candidate-box { transition-duration: 0ms; min-height: 32px; padding: 0 8px; border-radius: 2px; } .candidate-box:hover { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } .candidate-box:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } .candidate-box:selected { background-color: #338DD6; color: #FFFFFF; } .candidate-page-button-box { height: 32px; } .vertical .candidate-page-button-box { padding-top: 0; } .horizontal .candidate-page-button-box { padding-left: 0; } .candidate-page-button { min-width: 32px; min-height: 32px; padding: 0; } .candidate-page-button-previous { border-radius: 2px; border-right-width: 0; } .candidate-page-button-next { border-radius: 2px; } .candidate-page-button-icon { icon-size: 1.14286em; } /* Auth Dialogs & Screen Shield */ .framed-user-icon { background-size: contain; border: none; color: #FFFFFF; border-radius: 2px; } .framed-user-icon:hover { border-color: #FFFFFF; color: #FFFFFF; } .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: none; background-color: transparent; } .login-dialog StEntry { color: #FFFFFF; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .login-dialog StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #FFFFFF; } .login-dialog StEntry:insensitive { color: rgba(0, 0, 0, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { padding: 0 16px; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:insensitive { color: rgba(255, 255, 255, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default { color: #FFFFFF; background-color: #009688; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { color: #FFFFFF; background-color: #009688; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:active { color: #FFFFFF; background-color: #4db6ac; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:insensitive { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog-logo-bin { padding: 24px 0px; } .login-dialog-banner { color: rgba(255, 255, 255, 0.7); } .login-dialog-button-box { spacing: 5px; } .login-dialog-message-warning { color: #FF6D00; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; } .login-dialog-user-selection-box { padding: 100px 0px; } .login-dialog-not-listed-label { padding-left: 2px; } .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { color: #FFFFFF; } .login-dialog-not-listed-label { font-size: 1em; font-weight: bold; color: rgba(255, 255, 255, 0.7); padding-top: 1em; } .login-dialog-not-listed-label:hover { color: #FFFFFF; } .login-dialog-not-listed-label:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; padding: .2em; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid #FFFFFF; } .login-dialog-user-list-item { border-radius: 2px; padding: 4px 4px 0; color: rgba(255, 255, 255, 0.7); } .login-dialog-user-list-item:ltr { padding-right: 1em; } .login-dialog-user-list-item:rtl { padding-left: 1em; } .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list-item:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin: 2px 0 0 0; background-color: #FFFFFF; } .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { background-color: #FFFFFF; } .login-dialog-username, .user-widget-label { color: #FFFFFF; font-size: 15pt; font-weight: 500; text-align: left; padding-left: 15px; } .user-widget-label:ltr { padding-left: 18px; } .user-widget-label:rtl { padding-right: 18px; } .login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 8px; width: 23em; } .login-dialog-prompt-label { color: rgba(255, 255, 255, 0.5); font-size: 1em; padding-top: 1em; } .login-dialog-session-list-button StIcon { icon-size: 1.25em; } .login-dialog-session-list-button { color: rgba(255, 255, 255, 0.7); } .login-dialog-session-list-button:hover, .login-dialog-session-list-button:focus { color: #FFFFFF; } .login-dialog-session-list-button:active { color: #FFFFFF; } .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { color: white; width: 80px; height: 48px; -arrow-thickness: 12px; -arrow-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock { color: white; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-weight: normal; text-align: center; padding-bottom: 1.5em; } .screen-shield-clock-time { font-size: 112px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock-date { font-size: 45px; font-weight: 400; } .screen-shield-notifications-container { spacing: 6px; width: 30em; background-color: transparent; max-height: 500px; } .screen-shield-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .screen-shield-notifications-container .notification, .screen-shield-notifications-container .screen-shield-notification-source { padding: 8px; border: none; background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; border-radius: 2px; } .screen-shield-notifications-container .notification { margin-right: 16px; } .screen-shield-notification-label { min-height: 22px; padding: 2px 0px 0px 16px; font-weight: bold; } .screen-shield-notification-count-text { min-height: 22px; padding: 2px 0px 0px 16px; color: rgba(255, 255, 255, 0.7); } #panel.lock-screen { background-color: rgba(0, 0, 0, 0.3); } .screen-shield-background { background: black; box-shadow: 0 19px 19px rgba(0, 0, 0, 0.6), 0 15px 6px rgba(0, 0, 0, 0.44); } #lockDialogGroup { background: #303030; background-size: cover; } #LookingGlassDialog { background-color: #FAFAFA; spacing: 4px; padding: 0; border: none; border-radius: 2px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } #LookingGlassDialog > #Toolbar { padding: 0 8px; border: none; border-radius: 0; background-color: rgba(250, 250, 250, 0.01); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); } #LookingGlassDialog .labels { spacing: 0; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: rgba(0, 0, 0, 0.38); transition-duration: 150ms; padding-left: 16px; padding-right: 16px; min-height: 36px; padding: 0 32px; } #LookingGlassDialog .notebook-tab:hover { box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); text-shadow: none; } #LookingGlassDialog .notebook-tab:selected { border-bottom-width: 0; border-color: transparent; background-color: rgba(250, 250, 250, 0.01); box-shadow: inset 0 -2px 0px #338DD6; color: rgba(0, 0, 0, 0.87); text-shadow: none; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 4px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog StEntry { selection-background-color: #338DD6; selected-color: #FFFFFF; } .lg-dialog .shell-link { color: #338DD6; } .lg-dialog .shell-link:hover { color: #338DD6; } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button { min-height: 36px; padding: 0 16px; border: none; border-radius: 2px; font-size: 10.5pt; font-weight: 500; color: rgba(0, 0, 0, 0.54); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:hover { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:insensitive { color: rgba(0, 0, 0, 0.26); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .lg-obj-inspector-button:hover { border: none; } #lookingGlassExtensions { padding: 4px; } .lg-extensions-list { padding: 4px; spacing: 6px; } .lg-extension { border: none; border-radius: 2px; padding: 4px; } .lg-extension-name { font-size: 18pt; font-weight: 400; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { background: #FAFAFA; border: none; border-radius: 2px; padding: 6px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } /* Dash to Dock */ #dashtodockContainer #dash { background-color: rgba(0, 0, 0, 0.6); } #dashtodockContainer:overview #dash { background-color: rgba(255, 255, 255, 0.1); } #dashtodockContainer.extended:overview #dash { background-color: transparent; } #dashtodockContainer.left #dash, #dashtodockContainer.right #dash { padding: 3px 0; } #dashtodockContainer.top #dash, #dashtodockContainer.bottom #dash { padding: 0 3px; } #dashtodockContainer.extended #dash { padding: 0; border-radius: 0; } #dashtodockContainer.left .dash-item-container > StWidget, #dashtodockContainer.right .dash-item-container > StWidget, #dashtodockContainer.extended.left .dash-item-container > StWidget, #dashtodockContainer.extended.right .dash-item-container > StWidget { padding: 3px 6px; } #dashtodockContainer.extended.left .dash-item-container:first-child > StWidget, #dashtodockContainer.extended.right .dash-item-container:first-child > StWidget { padding: 6px 6px 3px 6px; } #dashtodockContainer.extended.left .dash-item-container:last-child > StWidget, #dashtodockContainer.extended.right .dash-item-container:last-child > StWidget { padding: 3px 6px 6px 6px; } #dashtodockContainer.top .dash-item-container > StWidget, #dashtodockContainer.bottom .dash-item-container > StWidget, #dashtodockContainer.extended.top .dash-item-container > StWidget, #dashtodockContainer.extended.bottom .dash-item-container > StWidget { padding: 6px 3px; } #dashtodockContainer.extended.top .dash-item-container:first-child > StWidget, #dashtodockContainer.extended.bottom .dash-item-container:first-child > StWidget { padding: 6px 3px 6px 6px; } #dashtodockContainer.extended.top .dash-item-container:last-child > StWidget, #dashtodockContainer.extended.bottom .dash-item-container:last-child > StWidget { padding: 6px 6px 6px 3px; } #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } #dashtodockContainer .dash-item-container > StWidget { background-size: cover; } #dashtodockContainer.left .dash-item-container > StWidget.running1 { background-image: url("assets/dash/left-running1.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running2 { background-image: url("assets/dash/left-running2.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running3 { background-image: url("assets/dash/left-running3.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running4 { background-image: url("assets/dash/left-running4.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running1 { background-image: url("assets/dash/right-running1.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running2 { background-image: url("assets/dash/right-running2.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running3 { background-image: url("assets/dash/right-running3.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running4 { background-image: url("assets/dash/right-running4.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running1 { background-image: url("assets/dash/top-running1.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running2 { background-image: url("assets/dash/top-running2.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running3 { background-image: url("assets/dash/top-running3.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running4 { background-image: url("assets/dash/top-running4.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running1 { background-image: url("assets/dash/bottom-running1.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running2 { background-image: url("assets/dash/bottom-running2.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running3 { background-image: url("assets/dash/bottom-running3.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running4 { background-image: url("assets/dash/bottom-running4.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/bottom-running4-focused.svg"); } /* Simple Dock */ #dash:desktop { background-color: rgba(0, 0, 0, 0.6); } /* GPaste */ .popup-menu .search-entry { color: rgba(0, 0, 0, 0.87); selection-background-color: #338DD6; selected-color: #FFFFFF; background-color: rgba(250, 250, 250, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .popup-menu .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #338DD6; color: rgba(0, 0, 0, 0.87); } .popup-menu .search-entry .search-entry-icon { color: rgba(0, 0, 0, 0.38); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { color: rgba(0, 0, 0, 0.87); } materia-theme-20180321/src/gnome-shell/3.28/gnome-shell-light.scss000066400000000000000000000004161325420104000242750ustar00rootroot00000000000000$variant: 'light'; $titlebar: 'light'; $compact: 'false'; @import '../../_sass/gnome-shell/variables'; @import '../../_sass/colors'; @import '../../_sass/gnome-shell/drawing'; @import '../../_sass/gnome-shell/common-3.28'; @import '../../_sass/gnome-shell/extensions'; materia-theme-20180321/src/gnome-shell/3.28/gnome-shell.css000066400000000000000000001777531325420104000230300ustar00rootroot00000000000000/* This stylesheet is generated, DO NOT EDIT */ /* Copyright 2009, 2015 Red Hat, Inc. * * Portions adapted from Mx's data/style/default.css * Copyright 2009 Intel Corporation * * This program is free software; you can redistribute it and/or modify it * under the terms and conditions of the GNU Lesser General Public License, * version 2.1, as published by the Free Software Foundation. * * This program is distributed in the hope it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for * more details. * * You should have received a copy of the GNU Lesser General Public License * along with this program; if not, write to the Free Software Foundation, * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. */ /* GLOBALS */ * { transition-duration: 150ms; } stage { font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; font-size: 10.5pt; font-weight: 400; color: rgba(0, 0, 0, 0.87); } /* WIDGETS */ /* Buttons */ .button { min-height: 36px; padding: 0 16px; border-width: 0; border-radius: 2px; font-size: 10.5pt; font-weight: 500; color: rgba(0, 0, 0, 0.54); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:hover { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:insensitive { color: rgba(0, 0, 0, 0.26); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .button:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .modal-dialog-linked-button { min-height: 40px; padding: 0 16px; border-top: 1px solid rgba(0, 0, 0, 0.12) !important; border-right-width: 0; font-size: 10.5pt; font-weight: 500; color: rgba(0, 0, 0, 0.54); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:hover { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:insensitive { color: rgba(0, 0, 0, 0.26); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .modal-dialog-linked-button:first-child { border-radius: 0px 0px 0px 2px; } .modal-dialog-linked-button:last-child { border-right-width: 0px; border-radius: 0px 0px 2px 0px; } .modal-dialog-linked-button:first-child:last-child { border-right-width: 0px; border-radius: 0px 0px 2px 2px; } /* Entries */ StEntry { min-height: 36px; padding: 0 8px; border-radius: 0; border-width: 0; color: rgba(0, 0, 0, 0.87); selection-background-color: #338DD6; selected-color: #FFFFFF; font-size: 12pt; font-weight: 400; background-color: rgba(250, 250, 250, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #338DD6; } StEntry:insensitive { color: rgba(0, 0, 0, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); } StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #FF6D00; padding: 0 0; } /* Scrollbars */ StScrollView.vfade { -st-vfade-offset: 32px; } StScrollView.hfade { -st-hfade-offset: 32px; } StScrollBar { padding: 0; } StScrollView StScrollBar { min-width: 16px; min-height: 16px; } StScrollBar StBin#trough { margin: 4px; border-radius: 100px; background-color: rgba(0, 0, 0, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 100px; background-color: rgba(0, 0, 0, 0.38); margin: 4px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(0, 0, 0, 0.54); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: rgba(0, 0, 0, 0.87); } #overview StScrollBar StBin#trough, #screenShieldNotifications StScrollBar StBin#trough { background-color: rgba(255, 255, 255, 0.12); } #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#hhandle, #screenShieldNotifications StScrollBar StButton#hhandle { background-color: rgba(255, 255, 255, 0.5); } #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#hhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { background-color: rgba(255, 255, 255, 0.7); } #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#hhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { background-color: #FFFFFF; } /* Slider */ .slider { height: 20px; color: #009688; -slider-height: 2px; -slider-background-color: rgba(0, 0, 0, 0.26); -slider-border-color: transparent; -slider-active-background-color: #009688; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 7px; } /* Check Boxes */ .check-box * { min-height: 20px; padding: 8px 0; } .check-box StBoxLayout { spacing: 8px; } .check-box StBin { width: 24px; height: 24px; padding: 6px; border-radius: 100px; background-image: url("assets/checkbox-off.svg"); } .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } .check-box:hover StBin { background-color: rgba(0, 0, 0, 0.12); } .check-box:active StBin { background-color: rgba(0, 0, 0, 0.26); } .check-box:checked StBin { background-image: url("assets/checkbox.svg"); } .check-box:focus:checked StBin { background-image: url("assets/checkbox.svg"); } .check-box:hover:checked StBin { background-color: rgba(0, 150, 136, 0.15); } .check-box:active:checked StBin { background-color: rgba(0, 150, 136, 0.3); } /* Switches */ .toggle-switch { width: 40px; height: 20px; background-size: contain; } .toggle-switch-us { background-image: url("assets/toggle-off.svg"); } .toggle-switch-us:checked { background-image: url("assets/toggle-on.svg"); } .toggle-switch-intl { background-image: url("assets/toggle-off.svg"); } .toggle-switch-intl:checked { background-image: url("assets/toggle-on.svg"); } /* links */ .shell-link { border-radius: 2px; color: #338DD6; } .shell-link:hover { color: #338DD6; background-color: rgba(51, 141, 214, 0.15); } .shell-link:active { color: #338DD6; background-color: rgba(51, 141, 214, 0.3); } /* Modal Dialogs */ .headline { font-size: 15pt; font-weight: 500; } .lightbox { background-color: black; } .flashspot { background-color: white; } .modal-dialog { border-radius: 2px; color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } .modal-dialog .modal-dialog-content-box { padding: 24px; } .modal-dialog .run-dialog-entry { width: 20em; margin-bottom: 6px; } .modal-dialog .run-dialog-error-box { padding-top: 16px; spacing: 6px; } .modal-dialog .run-dialog-button-box { padding-top: 1em; } .modal-dialog .run-dialog-label { font-size: 1em; font-weight: normal; color: rgba(0, 0, 0, 0.38); padding-bottom: .4em; } .mount-dialog-subject, .end-session-dialog-subject { font-size: 15pt; font-weight: 500; } /* Message Dialog */ .message-dialog-main-layout { padding: 12px 20px 0; spacing: 12px; } .message-dialog-content { max-width: 28em; spacing: 20px; } .message-dialog-icon { min-width: 48px; icon-size: 48px; } .message-dialog-title { font-weight: bold; } .message-dialog-subtitle { color: rgba(0, 0, 0, 0.54); font-weight: bold; } /* End Session Dialog */ .end-session-dialog { spacing: 42px; border: none; } .end-session-dialog-list { padding-top: 20px; } .end-session-dialog-layout { padding-left: 17px; } .end-session-dialog-layout:rtl { padding-right: 17px; } .end-session-dialog-description { width: 28em; padding-bottom: 10px; } .end-session-dialog-description:rtl { text-align: right; } .end-session-dialog-warning { width: 28em; color: #FF6D00; padding-top: 6px; } .end-session-dialog-warning:rtl { text-align: right; } .end-session-dialog-logout-icon { border-radius: 5px; width: 48px; height: 48px; background-size: contain; } .end-session-dialog-shutdown-icon { color: rgba(0, 0, 0, 0.38); width: 48px; height: 48px; } .end-session-dialog-inhibitor-layout { spacing: 16px; max-height: 200px; padding-right: 65px; padding-left: 65px; } .end-session-dialog-session-list, .end-session-dialog-app-list { spacing: 1em; } .end-session-dialog-list-header { font-weight: bold; } .end-session-dialog-list-header:rtl { text-align: right; } .end-session-dialog-app-list-item, .end-session-dialog-session-list-item { spacing: 1em; } .end-session-dialog-app-list-item-name, .end-session-dialog-session-list-item-name { font-weight: bold; } .end-session-dialog-app-list-item-description { color: rgba(0, 0, 0, 0.38); font-size: 1em; } /* ShellMountOperation Dialogs */ .shell-mount-operation-icon { icon-size: 48px; } .mount-dialog { spacing: 24px; } .mount-dialog .message-dialog-title { padding-top: 10px; padding-left: 17px; padding-bottom: 6px; max-width: 34em; } .mount-dialog .message-dialog-title:rtl { padding-left: 0px; padding-right: 17px; } .mount-dialog .message-dialog-body { padding-left: 17px; width: 28em; } .mount-dialog .message-dialog-body:rtl { padding-left: 0px; padding-right: 17px; } .mount-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 49px; padding-right: 32px; } .mount-dialog-app-list:rtl { padding-right: 49px; padding-left: 32px; } .mount-dialog-app-list-item { color: rgba(0, 0, 0, 0.87); } .mount-dialog-app-list-item:hover { color: rgba(0, 0, 0, 0.87); } .mount-dialog-app-list-item:ltr { padding-right: 1em; } .mount-dialog-app-list-item:rtl { padding-left: 1em; } .mount-dialog-app-list-item-icon:ltr { padding-right: 17px; } .mount-dialog-app-list-item-icon:rtl { padding-left: 17px; } .mount-dialog-app-list-item-name { font-size: 1em; } /* Password or Authentication Dialog */ .prompt-dialog { width: 34em; border: none; } .prompt-dialog .message-dialog-main-layout { spacing: 24px; padding: 10px; } .prompt-dialog .message-dialog-content { spacing: 16px; } .prompt-dialog .message-dialog-title { font-size: 15pt; font-weight: 500; color: rgba(0, 0, 0, 0.87); } .prompt-dialog-description:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label { font-size: 1em; color: #DD2C00; padding-bottom: 8px; } .prompt-dialog-info-label { font-size: 1em; padding-bottom: 8px; } .hidden { color: transparent; } .prompt-dialog-null-label { font-size: 1em; padding-bottom: 8px; } /* Polkit Dialog */ .polkit-dialog-user-layout { padding-left: 10px; spacing: 10px; } .polkit-dialog-user-layout:rtl { padding-left: 0px; padding-right: 10px; } .polkit-dialog-user-root-label { color: #FF6D00; } .polkit-dialog-user-icon { border-radius: 5px; background-size: contain; width: 48px; height: 48px; } /* Audio selection dialog */ .audio-device-selection-dialog { spacing: 30px; } .audio-selection-content { spacing: 20px; padding: 24px; } .audio-selection-title { font-weight: bold; text-align: center; } .audio-selection-box { spacing: 20px; } .audio-selection-device { border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 2px; } .audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { background-color: #338DD6; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* Access Dialog */ .access-dialog { spacing: 30px; } /* Geolocation Dialog */ .geolocation-dialog { spacing: 30px; } /* Extension Dialog */ .extension-dialog .message-dialog-main-layout { spacing: 24px; padding: 10px; } .extension-dialog .message-dialog-title { color: rgba(0, 0, 0, 0.54); } /* Inhibit-Shortcuts Dialog */ .inhibit-shortcuts-dialog { spacing: 30px; } /* Network Agent Dialog */ .network-dialog-secret-table { spacing-rows: 15px; spacing-columns: 1em; } .keyring-dialog-control-table { spacing-rows: 15px; spacing-columns: 1em; } /* Popovers/Menus */ .popup-menu { min-width: 200px; } .popup-menu .popup-sub-menu { background-color: #EEEEEE; box-shadow: 0 0 transparent; } .popup-menu .popup-menu-content { padding: 8px 0; } .popup-menu .popup-menu-item { spacing: 8px; transition-duration: 100ms; } .popup-menu .popup-menu-item:ltr { padding: 0.4em 24px 0.4em 0; } .popup-menu .popup-menu-item:rtl { padding: 0.4em 0 0.4em 24px; } .popup-menu .popup-menu-item:checked { background-color: #338DD6; color: #FFFFFF; box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { background-color: #529edc; color: #FFFFFF; } .popup-menu .popup-menu-item:checked:active { background-color: #70afe2; color: #FFFFFF !important; } .popup-menu .popup-menu-item:checked:insensitive { color: rgba(255, 255, 255, 0.5); } .popup-menu .popup-menu-item.selected { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); transition-duration: 0ms; } .popup-menu .popup-menu-item:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); transition-duration: 150ms; } .popup-menu .popup-menu-item.selected:active { color: rgba(0, 0, 0, 0.87); } .popup-menu .popup-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-menu .popup-inactive-menu-item { color: rgba(0, 0, 0, 0.87); } .popup-menu .popup-inactive-menu-item:insensitive { color: rgba(0, 0, 0, 0.38); } .popup-menu.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } .popup-menu-ornament { text-align: right; width: 16px; height: 16px; } .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-border-radius: 0; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; -arrow-box-shadow: none; margin: 5px 8px 8px; background-color: #FAFAFA; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .popup-separator-menu-item { height: 1px; margin: 8px 40px; background-color: transparent; border-color: rgba(0, 0, 0, 0.12); border-bottom-width: 1px; border-bottom-style: solid; } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } /* fallback menu - odd thing for styling App menu when apparently not running under shell. Light Adwaita styled app menu inside the main app window itself rather than the top bar */ /* OSD */ .osd-window { text-align: center; font-weight: bold; spacing: 1em; margin: 32px; min-width: 64px; min-height: 64px; } .osd-window .osd-monitor-label { font-size: 45px; font-weight: 400; } .osd-window .level { height: 8px; border-radius: 0; background-color: rgba(51, 141, 214, 0.3); color: rgba(0, 0, 0, 0.87); } .osd-window .level-bar { background-color: #338DD6; border-radius: 0; } /* Pad OSD */ .pad-osd-window { padding: 32px; background-color: rgba(0, 0, 0, 0.6); } .pad-osd-window .pad-osd-title-box { spacing: 12px; } .pad-osd-window .pad-osd-title-menu-box { spacing: 6px; } .combo-box-label { width: 15em; } /* App Switcher */ .switcher-popup { padding: 8px; spacing: 16px; } .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { padding: 8px; border-radius: 2px; } .switcher-list .item-box:outlined { padding: 8px; border: none; background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } .switcher-list .item-box:selected { background-color: #338DD6; color: #FFFFFF; } .switcher-list .thumbnail-box { padding: 2px; spacing: 4px; } .switcher-list .thumbnail { width: 256px; } .switcher-list .separator { width: 1px; background: rgba(0, 0, 0, 0.12); } .switcher-arrow { border-color: transparent; color: rgba(0, 0, 0, 0.38); } .switcher-arrow:highlighted { color: rgba(0, 0, 0, 0.87); } .input-source-switcher-symbol { font-size: 45px; font-weight: 400; width: 96px; height: 96px; } /* Window Cycler */ .cycler-highlight { border: 4px solid #338DD6; } /* Workspace Switcher */ .workspace-switcher-group { padding: 8px; } .workspace-switcher { background: transparent; border: 0px; border-radius: 0px; padding: 0px; spacing: 8px; } .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; background-color: #338DD6; color: #FFFFFF; background-size: 32px; border-radius: 2px; } .ws-switcher-box { height: 48px; border: none; background: rgba(0, 0, 0, 0.12); border-radius: 2px; } .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); border-radius: 2px; padding: 12px; } /* Tiled window previews */ .tile-preview { background-color: rgba(64, 196, 255, 0.3); border: 1px solid #40C4FF; } .tile-preview-left.on-primary { border-radius: 0 0 0 0; } .tile-preview-right.on-primary { border-radius: 0 0 0 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0 0 0 0; } /* TOP BAR */ #panel { background-color: rgba(0, 0, 0, 0.6); /* transition from solid to transparent */ transition-duration: 250ms; font-weight: bold; height: 32px; } #panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { background-color: transparent; } #panel #panelLeft, #panel #panelCenter { spacing: 0; } #panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: rgba(0, 0, 0, 0.6); -panel-corner-border-width: 2px; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: #FFFFFF; } #panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: rgba(255, 255, 255, 0.7); text-shadow: none; transition-duration: 150ms; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; } #panel .panel-button .system-status-icon, #panel .panel-button .app-menu-icon > StIcon, #panel .panel-button .popup-menu-arrow { icon-shadow: none; } #panel .panel-button:hover { color: #FFFFFF; text-shadow: none; } #panel .panel-button:hover .system-status-icon, #panel .panel-button:hover .app-menu-icon > StIcon, #panel .panel-button:hover .popup-menu-arrow { icon-shadow: none; } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { background-color: rgba(0, 0, 0, 0.01); box-shadow: inset 0 -2px 0px #FFFFFF; color: #FFFFFF; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { icon-shadow: none; } #panel .panel-button .system-status-icon { icon-size: 1.14286em; padding: 0 4px; } .unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { color: rgba(255, 255, 255, 0.7); } .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { color: #FFFFFF; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator { color: #FF6D00; } #panel.solid { background-color: #212121; /* transition from transparent to solid */ transition-duration: 250ms; background-gradient-direction: none; text-shadow: none; } #panel.solid:overview { background-color: transparent; } #panel.solid .panel-corner { -panel-corner-background-color: #212121; } #panel.solid .panel-button { color: rgba(255, 255, 255, 0.7); text-shadow: none; } #panel.solid .panel-button:hover, #panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { color: #FFFFFF; } #panel.solid .system-status-icon, #panel.solid .app-menu-icon > StIcon, #panel.solid .popup-menu-arrow { icon-shadow: none; } #calendarArea { padding: 8px 16px; } .calendar { margin-bottom: 0; } .calendar, .datemenu-today-button, .datemenu-displays-box, .message-list-sections { margin: 0 8px; } .datemenu-calendar-column { spacing: 8px; } .datemenu-displays-section { padding-bottom: 0; } .datemenu-displays-box { spacing: 8px; } .datemenu-calendar-column { border: 0 solid rgba(0, 0, 0, 0.12); } .datemenu-calendar-column:ltr { border-left-width: 0; } .datemenu-calendar-column:rtl { border-right-width: 0; } .datemenu-today-button, .world-clocks-button, .weather-button, .events-section-title { min-height: 24px; padding: 4px 8px; border-radius: 2px; } .datemenu-today-button { min-height: 56px; } .message-list-section-list:ltr { padding-left: 0; } .message-list-section-list:rtl { padding-right: 0; } .datemenu-today-button:hover, .datemenu-today-button:focus, .world-clocks-button:hover, .world-clocks-button:focus, .weather-button:hover, .weather-button:focus, .events-section-title:hover, .events-section-title:focus { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); } .datemenu-today-button:active, .world-clocks-button:active, .weather-button:active, .events-section-title:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); } .datemenu-today-button .date-label { font-size: 18pt; font-weight: 400; } .world-clocks-header, .weather-header, .events-section-title { color: rgba(0, 0, 0, 0.54); font-weight: bold; } .world-clocks-grid { spacing-rows: 0.4em; } .weather-box { spacing: 0.4em; } .calendar-month-label { height: 20px; margin: 2px; padding: 6px 16px; border-radius: 2px; color: rgba(0, 0, 0, 0.87); font-weight: bold; text-align: center; } .calendar-month-label:focus { background-color: rgba(0, 0, 0, 0.12); } .pager-button { width: 32px; height: 32px; margin: 2px; border-radius: 100px; background-color: transparent; color: rgba(0, 0, 0, 0.87); } .pager-button:hover, .pager-button:focus { background-color: rgba(0, 0, 0, 0.12); } .pager-button:active { background-color: rgba(0, 0, 0, 0.26); } .calendar-change-month-back { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-change-month-back:rtl { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward:rtl { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-day-base { font-size: 9pt; font-weight: 400; text-align: center; width: 32px; height: 32px; padding: 0; margin: 2px; border-radius: 100px; } .calendar-day-base:hover, .calendar-day-base:focus { background-color: rgba(0, 0, 0, 0.12); } .calendar-day-base:active { color: inherit; background-color: rgba(0, 0, 0, 0.26); border-color: transparent; } .calendar-day-base:selected { color: #FFFFFF; background-color: #338DD6; border-color: transparent; } .calendar-day-base.calendar-day-heading { width: 32px; height: 25px; margin-top: 2px; padding: 7px 0 0; border-radius: 100px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-size: 9pt; font-weight: 400; font-weight: bold; text-align: center; } .calendar-day { border-width: 0; } .calendar-day-top { border-top-width: 0; } .calendar-day-left { border-left-width: 0; } .calendar-nonwork-day { color: rgba(0, 0, 0, 0.87); } .calendar-today { font-weight: bold !important; border: none; } .calendar-day-with-events { color: #338DD6; font-weight: normal; text-decoration: underline; background-image: none; } .calendar-other-month-day { color: rgba(0, 0, 0, 0.26); opacity: 0.5; } .calendar-week-number { width: 32px; height: 25px; margin: 2px; padding: 7px 0 0; border-radius: 100px; background-color: transparent; color: rgba(0, 0, 0, 0.38); font-size: inherit; font-weight: bold; text-align: center; } /* Message list */ .message-list { width: 420px; } .message-list-clear-button.button { background-color: transparent; margin: 8px 8px 0; } .message-list-clear-button.button:hover, .message-list-clear-button.button:focus { background-color: rgba(0, 0, 0, 0.12); } .message-list-clear-button.button:active { background-color: rgba(0, 0, 0, 0.26); } .message-list-sections { spacing: 8px; } .message-list-section, .message-list-section-list { spacing: 8px; } .message { min-height: 64px; background-color: transparent; border-radius: 2px; } .message:hover, .message:focus { background-color: rgba(0, 0, 0, 0.12); } .message:active { background-color: rgba(0, 0, 0, 0.26); } .message-icon-bin { padding: 8px 0px 8px 8px; } .message-icon-bin:rtl { padding: 8px 8px 8px 0px; } .message-icon-bin > StIcon { color: rgba(0, 0, 0, 0.87); icon-size: 1.14286em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } .message-icon-bin > StIcon:rtl { margin: 4px 4px 4px 0px; } .message-secondary-bin { padding: 0 8px; } .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; color: rgba(0, 0, 0, 0.54); font-size: 1em; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-bottom: 0; } .message-secondary-bin > StIcon { icon-size: 1.14286em; } .message-title { min-height: 22px; padding-top: 2px; color: rgba(0, 0, 0, 0.87); font-weight: bold; font-size: 1em; } .message-content { min-height: 48px; padding: 8px; color: rgba(0, 0, 0, 0.54); font-size: 1em; } .message-content * > StIcon { icon-size: 16px; border-radius: 16px; padding: 4px; color: rgba(0, 0, 0, 0.54); } /* FIXME: how do you do this in sass? */ .message-content *:hover > StIcon, .message-content *:focus > StIcon { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); } .message-content *:active > StIcon { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); } .message-media-control { margin: 16px 0; padding: 8px; border-radius: 100px; color: rgba(0, 0, 0, 0.54); } .message-media-control:hover, .message-media-control:focus { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); } .message-media-control:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); } .message-media-control:insensitive { color: rgba(0, 0, 0, 0.26); } .message-media-control:last-child:ltr { margin-right: 16px; padding-right: 8px; } .message-media-control:last-child:rtl { margin-left: 16px; padding-left: 8px; } .media-message-cover-icon { icon-size: 32px !important; margin: 8px 0px 8px 4px !important; } .media-message-cover-icon:rtl { margin: 8px 4px 8px 0px !important; } .media-message-cover-icon.fallback { icon-size: 16px !important; padding: 8px; border: none; border-radius: 2px; background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.38); } .system-switch-user-submenu-icon.user-icon { icon-size: 20px; padding: 0 2px; } .system-switch-user-submenu-icon.default-icon { icon-size: 16px; padding: 0 4px; } #appMenu { spinner-image: url("process-working.svg"); spacing: 4px; } #appMenu .label-shadow { color: transparent; } .aggregate-menu { min-width: 280px; } .aggregate-menu .popup-menu-icon { padding: 0 4px; } .aggregate-menu .popup-sub-menu .popup-menu-item :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; margin-left: 1.14286em; } .aggregate-menu .popup-sub-menu .popup-menu-item :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; margin-right: 1.14286em; } .system-menu-action { color: rgba(0, 0, 0, 0.54); border-radius: 100px; /* wish we could do 50% */ padding: 16px; border: none; } .system-menu-action:hover, .system-menu-action:focus { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); border: none; padding: 16px; } .system-menu-action:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } .system-menu-action > StIcon { icon-size: 16px; } .ripple-box { width: 48px; height: 48px; border-radius: 0 0 48px 0; background-color: rgba(255, 255, 255, 0.3); background-image: none; background-size: auto; } .ripple-box:rtl { border-radius: 0 0 0 48px; background-image: none; } .popup-menu-arrow { width: 16px; height: 16px; } .popup-menu-icon { icon-size: 1.14286em; } .window-close { transition-duration: 0ms; height: 36px; width: 36px; -shell-close-overlap: 18px; -st-background-image-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); background-image: url("assets/window-close.svg"); background-size: 36px; } .window-close:hover { -st-background-image-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); background-image: url("assets/window-close.svg"); } .window-close:active { background-image: url("assets/window-close-active.svg"); } .window-close:rtl { -st-background-image-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .window-close:rtl:hover { -st-background-image-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } /* NETWORK DIALOGS */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: center; } .nm-dialog-airplane-text { color: rgba(0, 0, 0, 0.87); } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-scroll-view { border: none; } .nm-dialog-header { font-size: 15pt; font-weight: 500; } .nm-dialog-item { font-size: 1em; border-bottom: none; border-radius: 2px; padding: 12px; spacing: 20px; } .nm-dialog-item:hover, .nm-dialog-item:focus { background-color: rgba(0, 0, 0, 0.12); } .nm-dialog-item:active { background-color: rgba(0, 0, 0, 0.26); } .nm-dialog-item:selected { background-color: #338DD6; color: #FFFFFF; } .nm-dialog-icons { spacing: .5em; } .nm-dialog-icon { icon-size: 16px; } .no-networks-label { color: rgba(0, 0, 0, 0.38); } .no-networks-box { spacing: 12px; } /* OVERVIEW */ #overview { spacing: 24px; } .overview-controls { padding-bottom: 32px; } .window-picker { -horizontal-spacing: 16px; -vertical-spacing: 16px; padding: 0 16px 32px; } .window-picker.external-monitor { padding: 16px; } .window-clone-border { border: 4px solid rgba(255, 255, 255, 0.3); border-radius: 2px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .window-caption { spacing: 25px; color: #FFFFFF; background-color: rgba(0, 0, 0, 0.6); border-radius: 2px; padding: 4px 8px; } .search-entry { width: 304px; padding: 0 8px; border-radius: 0; color: rgba(255, 255, 255, 0.5); selection-background-color: rgba(255, 255, 255, 0.3); selected-color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #FFFFFF; padding: 0 8px; border-width: 0; color: #FFFFFF; } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 0; color: rgba(255, 255, 255, 0.5); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: #FFFFFF; } #searchResultsBin { max-width: 1000px; } #searchResultsContent { padding-left: 20px; padding-right: 20px; spacing: 16px; } .search-section { spacing: 16px; } .search-section-content { spacing: 32px; } .list-search-results { spacing: 3px; } .search-section-separator { height: 1px; background-color: rgba(255, 255, 255, 0.12); } .list-search-result-content { spacing: 30px; } .list-search-result-title { font-size: 12pt; font-weight: 400; color: #FFFFFF; spacing: 12px; } .list-search-result-description { color: rgba(255, 255, 255, 0.7); } .list-search-provider-details { width: 150px; color: rgba(255, 255, 255, 0.7); margin-top: 0.24em; } .list-search-provider-content { spacing: 20px; } .search-provider-icon { padding: 15px; } /* DASHBOARD */ #dash { font-size: 1em; color: #FFFFFF; background-color: rgba(255, 255, 255, 0.1); padding: 3px 0; border: none; border-left: 0px; border-radius: 0px 2px 2px 0px; } #dash:rtl { border-radius: 2px 0 0 2px; } #dash .placeholder { background-image: url("assets/dash-placeholder.svg"); background-size: contain; height: 24px; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget { padding: 3px 6px; } .dash-label { border-radius: 2px; padding: 7px 8px; color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-align: center; -x-offset: 8px; } /* App Vault/Grid */ .icon-grid { spacing: 30px; -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; } .icon-grid .overview-icon { icon-size: 96px; } .system-action-icon { box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); background-color: #212121; color: #FFFFFF; border-radius: 99px; icon-size: 48px; } .app-view-controls { width: 320px; padding-bottom: 32px; } .app-view-control { padding: 0 16px; font-weight: bold; color: rgba(255, 255, 255, 0.7); } .app-view-control:hover { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12) !important; } .app-view-control:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3) !important; } .app-view-control:checked { color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01) !important; box-shadow: inset 0 2px 0 #FFFFFF; } .app-view-control:first-child { border-right-width: 0; border-radius: 2px; } .app-view-control:first-child:checked { border-radius: 0; } .app-view-control:last-child { border-radius: 2px; } .app-view-control:last-child:checked { border-radius: 0; } .search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, .list-search-result:focus, .list-search-result:selected, .list-search-result:hover { background-color: rgba(255, 255, 255, 0.12); transition-duration: 0ms; } .search-provider-icon:active, .search-provider-icon:checked, .list-search-result:active, .list-search-result:checked { background-color: rgba(255, 255, 255, 0.3); transition-duration: 150ms; } .app-well-app:hover .overview-icon, .app-well-app:focus .overview-icon, .app-well-app:selected .overview-icon, .app-well-app.app-folder:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-well-app.app-folder:selected .overview-icon, .show-apps:hover .overview-icon, .show-apps:focus .overview-icon, .show-apps:selected .overview-icon, .grid-search-result:hover .overview-icon, .grid-search-result:focus .overview-icon, .grid-search-result:selected .overview-icon { background-color: rgba(255, 255, 255, 0.12); transition-duration: 0ms; border-image: none; background-image: none; } .app-well-app:active .overview-icon, .app-well-app:checked .overview-icon, .app-well-app.app-folder:active .overview-icon, .app-well-app.app-folder:checked .overview-icon, .show-apps:active .overview-icon, .show-apps:checked .overview-icon, .grid-search-result:active .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.3); box-shadow: 0 0 transparent; transition-duration: 150ms; } .app-well-app-running-dot { width: 32px; height: 2px; background-color: #FFFFFF; margin-bottom: 0; } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .app-well-app.app-folder .overview-icon, .show-apps .overview-icon, .grid-search-result .overview-icon { color: #FFFFFF; border-radius: 2px; padding: 6px; border: none; transition-duration: 150ms; text-align: center; } .app-well-app.app-folder > .overview-icon { background-color: rgba(255, 255, 255, 0.1); } .show-apps .show-apps-icon { color: rgba(255, 255, 255, 0.7); } .show-apps:hover .show-apps-icon, .show-apps:active .show-apps-icon, .show-apps:checked .show-apps-icon, .show-apps:focus .show-apps-icon { color: #FFFFFF; transition-duration: 150ms; } .app-folder-popup { -arrow-border-radius: 2px; -arrow-background-color: rgba(255, 255, 255, 0.1); -arrow-base: 24px; -arrow-rise: 12px; } .app-folder-popup-bin { padding: 5px; } .app-folder-icon { padding: 5px; spacing-rows: 5px; spacing-columns: 5px; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 12px; height: 12px; border-radius: 12px; background-image: none; background-color: rgba(255, 255, 255, 0.3); } .page-indicator:hover .page-indicator-icon { background-image: none; background-color: rgba(255, 255, 255, 0.5); } .page-indicator:active .page-indicator-icon { background-image: none; background-color: rgba(255, 255, 255, 0.7); } .page-indicator:checked .page-indicator-icon { background-image: none; background-color: #FFFFFF; transition-duration: 0ms; } .page-indicator:checked:active { background-image: none; } .app-well-app > .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label { padding: 10px 8px 5px 8px; spacing: 4px; } .workspace-thumbnails { visible-width: 32px; spacing: 12px; padding: 12px; border-radius: 2px 0 0 2px; } .workspace-thumbnails:rtl { border-radius: 0 2px 2px 0; } .workspace-thumbnails .placeholder { background-image: url("assets/dash-placeholder.svg"); background-size: contain; height: 24px; } .workspace-thumbnail-indicator { border: 0 solid #FFFFFF; border-left-width: 2px; padding: 6px; border-radius: 0; } .search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { padding: 0px 88px 10px 88px; } .workspace-thumbnails { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.1); border: none; } .search-statustext, .no-frequent-applications-label { font-size: 45px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { link-color: #338DD6; } .notification-banner { font-size: 1em; width: 34em; min-height: 64px; margin: 5px; border-radius: 2px; color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .notification-banner:hover { background-color: #FAFAFA; } .notification-banner:focus { background-color: #FAFAFA; } .notification-banner .notification-icon { padding: 5px; } .notification-banner .notification-content { padding: 5px; spacing: 5px; } .notification-banner .secondary-icon { icon-size: 1.14286em; } .notification-banner .notification-actions { background-color: transparent; padding-top: 0; border-top: 1px solid rgba(0, 0, 0, 0.12); spacing: 1px; } .notification-banner .notification-button { min-height: 40px; padding: 0 16px; background-color: transparent; color: rgba(0, 0, 0, 0.54); font-weight: 500; } .notification-banner .notification-button:first-child { border-radius: 0 0 0 2px; } .notification-banner .notification-button:last-child { border-radius: 0 0 2px 0; } .notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } .notification-banner .notification-button:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } .summary-source-counter { font-size: 1em; font-weight: bold; height: 1.6em; width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; background-color: #338DD6; color: #FFFFFF; border: 2px solid #FFFFFF; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } .secondary-icon { icon-size: 1.14286em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: rgba(0, 0, 0, 0.87); } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0px; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: rgba(0, 0, 0, 0.54); } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; font-size: 9pt; font-weight: 400; color: rgba(0, 0, 0, 0.38); } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-transient-box { spacing: 6px; padding: 2px 72px 2px 12px; } .hotplug-notification-item { padding: 2px 10px; } .hotplug-notification-item:focus { padding: 1px 71px 1px 11px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 2px 5px; } .hotplug-resident-box { spacing: 8px; } .hotplug-resident-mount { spacing: 8px; border-radius: 2px; } .hotplug-resident-mount:hover { background-color: rgba(0, 0, 0, 0.12); } .hotplug-resident-mount:active { background-color: rgba(0, 0, 0, 0.26); } .hotplug-resident-mount-label { color: inherit; padding-left: 6px; } .hotplug-resident-mount-icon { icon-size: 24px; padding-left: 6px; } .hotplug-resident-eject-icon { icon-size: 16px; } .hotplug-resident-eject-button { padding: 7px; border-radius: 2px; color: rgba(0, 0, 0, 0.87); } /* Eeeky things */ .magnifier-zoom-region { border: 2px solid #338DD6; } .magnifier-zoom-region.full-screen { border-width: 0; } /* On-screen Keyboard */ .word-suggestions { font-size: 12pt; font-weight: 400; spacing: 12px; min-height: 40px; } #keyboard { background-color: rgba(0, 0, 0, 0.3); } .key-container { padding: 4px; spacing: 4px; } .keyboard-key { min-height: 72px; min-width: 72px; font-size: 2em; font-weight: 500; border-radius: 2px; border: none; color: inherit; color: rgba(0, 0, 0, 0.62); background-color: #FAFAFA; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; icon-shadow: none; } .keyboard-key:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-key:hover, .keyboard-key:checked { color: rgba(0, 0, 0, 0.87); background-color: #FAFAFA; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .keyboard-key:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(188, 188, 188, 0.961); border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .keyboard-key:grayed { background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; border-color: rgba(0, 0, 0, 0.3); } .keyboard-key.default-key { border-color: transparent; background-color: #FAFAFA; background-size: 24px; } .keyboard-key.default-key:active { background-color: rgba(188, 188, 188, 0.961); } .keyboard-key.enter-key { border-color: transparent; background-color: #009688; background-image: url("assets/key-enter.svg"); } .keyboard-key.enter-key:active { background-color: #4db6ac; } .keyboard-key.shift-key-lowercase { background-image: url("assets/key-shift.svg"); } .keyboard-key.shift-key-uppercase { background-image: url("assets/key-shift-uppercase.svg"); } .keyboard-key.shift-key-uppercase:latched { background-image: url("assets/key-shift-latched-uppercase.svg"); } .keyboard-key.hide-key { background-image: url("assets/key-hide.svg"); } .keyboard-key.layout-key { background-image: url("assets/key-layout.svg"); } .keyboard-subkeys { color: inherit; padding: 5px; -arrow-border-radius: 0; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; -boxpointer-gap: 5px; background-color: #FAFAFA; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .candidate-popup-content { padding: 8px; spacing: 0; } .candidate-index { padding: 0 4px 0 0; color: rgba(0, 0, 0, 0.38); } .candidate-box:selected .candidate-index { color: rgba(255, 255, 255, 0.5); } .candidate-box { transition-duration: 0ms; min-height: 32px; padding: 0 8px; border-radius: 2px; } .candidate-box:hover { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } .candidate-box:active { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } .candidate-box:selected { background-color: #338DD6; color: #FFFFFF; } .candidate-page-button-box { height: 32px; } .vertical .candidate-page-button-box { padding-top: 0; } .horizontal .candidate-page-button-box { padding-left: 0; } .candidate-page-button { min-width: 32px; min-height: 32px; padding: 0; } .candidate-page-button-previous { border-radius: 2px; border-right-width: 0; } .candidate-page-button-next { border-radius: 2px; } .candidate-page-button-icon { icon-size: 1.14286em; } /* Auth Dialogs & Screen Shield */ .framed-user-icon { background-size: contain; border: none; color: #FFFFFF; border-radius: 2px; } .framed-user-icon:hover { border-color: #FFFFFF; color: #FFFFFF; } .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: none; background-color: transparent; } .login-dialog StEntry { color: #FFFFFF; selection-background-color: rgba(255, 255, 255, 0.3); selected-color: #FFFFFF; background-color: rgba(0, 0, 0, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } .login-dialog StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #FFFFFF; } .login-dialog StEntry:insensitive { color: rgba(0, 0, 0, 0.38); border-color: transparent; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { padding: 0 16px; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:active { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:insensitive { color: rgba(255, 255, 255, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default { color: #FFFFFF; background-color: #009688; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { color: #FFFFFF; background-color: #009688; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:active { color: #FFFFFF; background-color: #4db6ac; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:insensitive { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .login-dialog-logo-bin { padding: 24px 0px; } .login-dialog-banner { color: rgba(255, 255, 255, 0.7); } .login-dialog-button-box { spacing: 5px; } .login-dialog-message-warning { color: #FF6D00; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; } .login-dialog-user-selection-box { padding: 100px 0px; } .login-dialog-not-listed-label { padding-left: 2px; } .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { color: #FFFFFF; } .login-dialog-not-listed-label { font-size: 1em; font-weight: bold; color: rgba(255, 255, 255, 0.7); padding-top: 1em; } .login-dialog-not-listed-label:hover { color: #FFFFFF; } .login-dialog-not-listed-label:focus { background-color: rgba(255, 255, 255, 0.12); } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; padding: .2em; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid #FFFFFF; } .login-dialog-user-list-item { border-radius: 2px; padding: 4px 4px 0; color: rgba(255, 255, 255, 0.7); } .login-dialog-user-list-item:ltr { padding-right: 1em; } .login-dialog-user-list-item:rtl { padding-left: 1em; } .login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .login-dialog-user-list-item:active { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin: 2px 0 0 0; background-color: #FFFFFF; } .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { background-color: #FFFFFF; } .login-dialog-username, .user-widget-label { color: #FFFFFF; font-size: 15pt; font-weight: 500; text-align: left; padding-left: 15px; } .user-widget-label:ltr { padding-left: 18px; } .user-widget-label:rtl { padding-right: 18px; } .login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 8px; width: 23em; } .login-dialog-prompt-label { color: rgba(255, 255, 255, 0.5); font-size: 1em; padding-top: 1em; } .login-dialog-session-list-button StIcon { icon-size: 1.25em; } .login-dialog-session-list-button { color: rgba(255, 255, 255, 0.7); } .login-dialog-session-list-button:hover, .login-dialog-session-list-button:focus { color: #FFFFFF; } .login-dialog-session-list-button:active { color: #FFFFFF; } .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { color: white; width: 80px; height: 48px; -arrow-thickness: 12px; -arrow-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock { color: white; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-weight: normal; text-align: center; padding-bottom: 1.5em; } .screen-shield-clock-time { font-size: 112px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock-date { font-size: 45px; font-weight: 400; } .screen-shield-notifications-container { spacing: 6px; width: 30em; background-color: transparent; max-height: 500px; } .screen-shield-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .screen-shield-notifications-container .notification, .screen-shield-notifications-container .screen-shield-notification-source { padding: 8px; border: none; background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; border-radius: 2px; } .screen-shield-notifications-container .notification { margin-right: 16px; } .screen-shield-notification-label { min-height: 22px; padding: 2px 0px 0px 16px; font-weight: bold; } .screen-shield-notification-count-text { min-height: 22px; padding: 2px 0px 0px 16px; color: rgba(255, 255, 255, 0.7); } #panel.lock-screen { background-color: rgba(0, 0, 0, 0.3); } .screen-shield-background { background: black; box-shadow: 0 19px 19px rgba(0, 0, 0, 0.6), 0 15px 6px rgba(0, 0, 0, 0.44); } #lockDialogGroup { background: #303030; background-size: cover; } #LookingGlassDialog { background-color: #FAFAFA; spacing: 4px; padding: 0; border: none; border-radius: 2px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } #LookingGlassDialog > #Toolbar { padding: 0 8px; border: none; border-radius: 0; background-color: rgba(250, 250, 250, 0.01); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); } #LookingGlassDialog .labels { spacing: 0; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: rgba(0, 0, 0, 0.38); transition-duration: 150ms; padding-left: 16px; padding-right: 16px; min-height: 36px; padding: 0 32px; } #LookingGlassDialog .notebook-tab:hover { box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); text-shadow: none; } #LookingGlassDialog .notebook-tab:selected { border-bottom-width: 0; border-color: transparent; background-color: rgba(250, 250, 250, 0.01); box-shadow: inset 0 -2px 0px #338DD6; color: rgba(0, 0, 0, 0.87); text-shadow: none; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 4px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog StEntry { selection-background-color: #338DD6; selected-color: #FFFFFF; } .lg-dialog .shell-link { color: #338DD6; } .lg-dialog .shell-link:hover { color: #338DD6; } .lg-completions-text { font-size: 1em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button { min-height: 36px; padding: 0 16px; border: none; border-radius: 2px; font-size: 10.5pt; font-weight: 500; color: rgba(0, 0, 0, 0.54); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:hover { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:active { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.26); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:insensitive { color: rgba(0, 0, 0, 0.26); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } .lg-obj-inspector-button:focus { color: rgba(0, 0, 0, 0.87); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .lg-obj-inspector-button:hover { border: none; } #lookingGlassExtensions { padding: 4px; } .lg-extensions-list { padding: 4px; spacing: 6px; } .lg-extension { border: none; border-radius: 2px; padding: 4px; } .lg-extension-name { font-size: 18pt; font-weight: 400; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { background: #FAFAFA; border: none; border-radius: 2px; padding: 6px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } /* Dash to Dock */ #dashtodockContainer #dash { background-color: rgba(0, 0, 0, 0.6); } #dashtodockContainer:overview #dash { background-color: rgba(255, 255, 255, 0.1); } #dashtodockContainer.extended:overview #dash { background-color: transparent; } #dashtodockContainer.left #dash, #dashtodockContainer.right #dash { padding: 3px 0; } #dashtodockContainer.top #dash, #dashtodockContainer.bottom #dash { padding: 0 3px; } #dashtodockContainer.extended #dash { padding: 0; border-radius: 0; } #dashtodockContainer.left .dash-item-container > StWidget, #dashtodockContainer.right .dash-item-container > StWidget, #dashtodockContainer.extended.left .dash-item-container > StWidget, #dashtodockContainer.extended.right .dash-item-container > StWidget { padding: 3px 6px; } #dashtodockContainer.extended.left .dash-item-container:first-child > StWidget, #dashtodockContainer.extended.right .dash-item-container:first-child > StWidget { padding: 6px 6px 3px 6px; } #dashtodockContainer.extended.left .dash-item-container:last-child > StWidget, #dashtodockContainer.extended.right .dash-item-container:last-child > StWidget { padding: 3px 6px 6px 6px; } #dashtodockContainer.top .dash-item-container > StWidget, #dashtodockContainer.bottom .dash-item-container > StWidget, #dashtodockContainer.extended.top .dash-item-container > StWidget, #dashtodockContainer.extended.bottom .dash-item-container > StWidget { padding: 6px 3px; } #dashtodockContainer.extended.top .dash-item-container:first-child > StWidget, #dashtodockContainer.extended.bottom .dash-item-container:first-child > StWidget { padding: 6px 3px 6px 6px; } #dashtodockContainer.extended.top .dash-item-container:last-child > StWidget, #dashtodockContainer.extended.bottom .dash-item-container:last-child > StWidget { padding: 6px 6px 6px 3px; } #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } #dashtodockContainer .dash-item-container > StWidget { background-size: cover; } #dashtodockContainer.left .dash-item-container > StWidget.running1 { background-image: url("assets/dash/left-running1.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running2 { background-image: url("assets/dash/left-running2.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running3 { background-image: url("assets/dash/left-running3.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running4 { background-image: url("assets/dash/left-running4.svg"); } #dashtodockContainer.left .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running1 { background-image: url("assets/dash/right-running1.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running2 { background-image: url("assets/dash/right-running2.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running3 { background-image: url("assets/dash/right-running3.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running4 { background-image: url("assets/dash/right-running4.svg"); } #dashtodockContainer.right .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running1 { background-image: url("assets/dash/top-running1.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running2 { background-image: url("assets/dash/top-running2.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running3 { background-image: url("assets/dash/top-running3.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running4 { background-image: url("assets/dash/top-running4.svg"); } #dashtodockContainer.top .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running1 { background-image: url("assets/dash/bottom-running1.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running2 { background-image: url("assets/dash/bottom-running2.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running3 { background-image: url("assets/dash/bottom-running3.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running4 { background-image: url("assets/dash/bottom-running4.svg"); } #dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused { background-image: url("assets/dash/bottom-running4-focused.svg"); } /* Simple Dock */ #dash:desktop { background-color: rgba(0, 0, 0, 0.6); } /* GPaste */ .popup-menu .search-entry { color: rgba(0, 0, 0, 0.87); selection-background-color: #338DD6; selected-color: #FFFFFF; background-color: rgba(250, 250, 250, 0.01); border-color: transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .popup-menu .search-entry:focus { border-color: transparent; box-shadow: inset 0 -2px #338DD6; color: rgba(0, 0, 0, 0.87); } .popup-menu .search-entry .search-entry-icon { color: rgba(0, 0, 0, 0.38); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { color: rgba(0, 0, 0, 0.87); } materia-theme-20180321/src/gnome-shell/3.28/gnome-shell.scss000066400000000000000000000004151325420104000231670ustar00rootroot00000000000000$variant: 'light'; $titlebar: 'dark'; $compact: 'false'; @import '../../_sass/gnome-shell/variables'; @import '../../_sass/colors'; @import '../../_sass/gnome-shell/drawing'; @import '../../_sass/gnome-shell/common-3.28'; @import '../../_sass/gnome-shell/extensions'; materia-theme-20180321/src/gnome-shell/assets-dark/000077500000000000000000000000001325420104000217075ustar00rootroot00000000000000materia-theme-20180321/src/gnome-shell/assets-dark/calendar-arrow-left.svg000066400000000000000000000002251325420104000262600ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets-dark/calendar-arrow-right.svg000066400000000000000000000002231325420104000264410ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets-dark/checkbox-off.svg000066400000000000000000000003411325420104000247640ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets-dark/checkbox.svg000066400000000000000000000003741325420104000242220ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets-dark/close.svg000066400000000000000000000003561325420104000235410ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets-dark/dash-placeholder.svg000066400000000000000000000003141325420104000256250ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets-dark/dash/000077500000000000000000000000001325420104000226265ustar00rootroot00000000000000materia-theme-20180321/src/gnome-shell/assets-dark/dash/bottom-running1-focused.svg000066400000000000000000000002761325420104000300450ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets-dark/dash/bottom-running1.svg000066400000000000000000000002161325420104000264110ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets-dark/dash/bottom-running2-focused.svg000066400000000000000000000003571325420104000300460ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets-dark/dash/bottom-running2.svg000066400000000000000000000002771325420104000264210ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets-dark/dash/bottom-running3-focused.svg000066400000000000000000000004401325420104000300400ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets-dark/dash/bottom-running3.svg000066400000000000000000000003601325420104000264130ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets-dark/dash/bottom-running4-focused.svg000066400000000000000000000005211325420104000300410ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets-dark/dash/bottom-running4.svg000066400000000000000000000004411325420104000264140ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets-dark/dash/left-running1-focused.svg000066400000000000000000000002761325420104000274730ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets-dark/dash/left-running1.svg000066400000000000000000000002151325420104000260360ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets-dark/dash/left-running2-focused.svg000066400000000000000000000003561325420104000274730ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets-dark/dash/left-running2.svg000066400000000000000000000002751325420104000260450ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets-dark/dash/left-running3-focused.svg000066400000000000000000000004361325420104000274730ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets-dark/dash/left-running3.svg000066400000000000000000000003551325420104000260450ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets-dark/dash/left-running4-focused.svg000066400000000000000000000005161325420104000274730ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets-dark/dash/left-running4.svg000066400000000000000000000004351325420104000260450ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets-dark/dash/right-running1-focused.svg000066400000000000000000000002761325420104000276560ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets-dark/dash/right-running1.svg000066400000000000000000000002161325420104000262220ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets-dark/dash/right-running2-focused.svg000066400000000000000000000003571325420104000276570ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets-dark/dash/right-running2.svg000066400000000000000000000002771325420104000262320ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets-dark/dash/right-running3-focused.svg000066400000000000000000000004401325420104000276510ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets-dark/dash/right-running3.svg000066400000000000000000000003601325420104000262240ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets-dark/dash/right-running4-focused.svg000066400000000000000000000005211325420104000276520ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets-dark/dash/right-running4.svg000066400000000000000000000004411325420104000262250ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets-dark/dash/top-running1-focused.svg000066400000000000000000000002761325420104000273430ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets-dark/dash/top-running1.svg000066400000000000000000000002151325420104000257060ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets-dark/dash/top-running2-focused.svg000066400000000000000000000003561325420104000273430ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets-dark/dash/top-running2.svg000066400000000000000000000002751325420104000257150ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets-dark/dash/top-running3-focused.svg000066400000000000000000000004361325420104000273430ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets-dark/dash/top-running3.svg000066400000000000000000000003551325420104000257150ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets-dark/dash/top-running4-focused.svg000066400000000000000000000005161325420104000273430ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets-dark/dash/top-running4.svg000066400000000000000000000004351325420104000257150ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets-dark/key-enter.svg000066400000000000000000000002641325420104000243350ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets-dark/key-hide.svg000066400000000000000000000006031325420104000241260ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets-dark/key-layout.svg000066400000000000000000000016601325420104000245360ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets-dark/key-shift-latched-uppercase.svg000066400000000000000000000002751325420104000277260ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets-dark/key-shift-uppercase.svg000066400000000000000000000002471325420104000263230ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets-dark/key-shift.svg000066400000000000000000000002651325420104000243360ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets-dark/more-results.svg000066400000000000000000000003131325420104000250660ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets-dark/no-events.svg000066400000000000000000000004431325420104000243470ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets-dark/no-notifications.svg000066400000000000000000000005311325420104000257120ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets-dark/process-working.svg000066400000000000000000000115641325420104000255730ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets-dark/toggle-off.svg000066400000000000000000000003351325420104000244620ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets-dark/toggle-on.svg000066400000000000000000000003171325420104000243240ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets-dark/window-close-active.svg000066400000000000000000000005321325420104000263130ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets-dark/window-close.svg000066400000000000000000000005301325420104000250400ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets/000077500000000000000000000000001325420104000207705ustar00rootroot00000000000000materia-theme-20180321/src/gnome-shell/assets/calendar-arrow-left.svg000066400000000000000000000002261325420104000253420ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets/calendar-arrow-right.svg000066400000000000000000000002241325420104000255230ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets/checkbox-off.svg000066400000000000000000000003421325420104000240460ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets/checkbox.svg000066400000000000000000000003741325420104000233030ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets/close.svg000066400000000000000000000003571325420104000226230ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets/dash-placeholder.svg000066400000000000000000000003141325420104000247060ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets/dash/000077500000000000000000000000001325420104000217075ustar00rootroot00000000000000materia-theme-20180321/src/gnome-shell/assets/dash/bottom-running1-focused.svg000066400000000000000000000002761325420104000271260ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets/dash/bottom-running1.svg000066400000000000000000000002161325420104000254720ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets/dash/bottom-running2-focused.svg000066400000000000000000000003571325420104000271270ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets/dash/bottom-running2.svg000066400000000000000000000002771325420104000255020ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets/dash/bottom-running3-focused.svg000066400000000000000000000004401325420104000271210ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets/dash/bottom-running3.svg000066400000000000000000000003601325420104000254740ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets/dash/bottom-running4-focused.svg000066400000000000000000000005211325420104000271220ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets/dash/bottom-running4.svg000066400000000000000000000004411325420104000254750ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets/dash/left-running1-focused.svg000066400000000000000000000002761325420104000265540ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets/dash/left-running1.svg000066400000000000000000000002151325420104000251170ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets/dash/left-running2-focused.svg000066400000000000000000000003561325420104000265540ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets/dash/left-running2.svg000066400000000000000000000002751325420104000251260ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets/dash/left-running3-focused.svg000066400000000000000000000004361325420104000265540ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets/dash/left-running3.svg000066400000000000000000000003551325420104000251260ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets/dash/left-running4-focused.svg000066400000000000000000000005161325420104000265540ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets/dash/left-running4.svg000066400000000000000000000004351325420104000251260ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets/dash/right-running1-focused.svg000066400000000000000000000002761325420104000267370ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets/dash/right-running1.svg000066400000000000000000000002161325420104000253030ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets/dash/right-running2-focused.svg000066400000000000000000000003571325420104000267400ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets/dash/right-running2.svg000066400000000000000000000002771325420104000253130ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets/dash/right-running3-focused.svg000066400000000000000000000004401325420104000267320ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets/dash/right-running3.svg000066400000000000000000000003601325420104000253050ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets/dash/right-running4-focused.svg000066400000000000000000000005211325420104000267330ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets/dash/right-running4.svg000066400000000000000000000004411325420104000253060ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets/dash/top-running1-focused.svg000066400000000000000000000002761325420104000264240ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets/dash/top-running1.svg000066400000000000000000000002151325420104000247670ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets/dash/top-running2-focused.svg000066400000000000000000000003561325420104000264240ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets/dash/top-running2.svg000066400000000000000000000002751325420104000247760ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets/dash/top-running3-focused.svg000066400000000000000000000004361325420104000264240ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets/dash/top-running3.svg000066400000000000000000000003551325420104000247760ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets/dash/top-running4-focused.svg000066400000000000000000000005161325420104000264240ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets/dash/top-running4.svg000066400000000000000000000004351325420104000247760ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets/key-enter.svg000066400000000000000000000002641325420104000234160ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets/key-hide.svg000066400000000000000000000006041325420104000232100ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets/key-layout.svg000066400000000000000000000016611325420104000236200ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets/key-shift-latched-uppercase.svg000066400000000000000000000002751325420104000270070ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets/key-shift-uppercase.svg000066400000000000000000000002471325420104000254040ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets/key-shift.svg000066400000000000000000000002661325420104000234200ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets/more-results.svg000066400000000000000000000003131325420104000241470ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets/no-events.svg000066400000000000000000000004441325420104000234310ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets/no-notifications.svg000066400000000000000000000005321325420104000247740ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets/process-working.svg000066400000000000000000000115641325420104000246540ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets/toggle-off.svg000066400000000000000000000003361325420104000235440ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets/toggle-on.svg000066400000000000000000000003171325420104000234050ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets/window-close-active.svg000066400000000000000000000005321325420104000253740ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/assets/window-close.svg000066400000000000000000000005301325420104000241210ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/extensions/000077500000000000000000000000001325420104000216655ustar00rootroot00000000000000materia-theme-20180321/src/gnome-shell/extensions/workspaces-to-dock/000077500000000000000000000000001325420104000254045ustar00rootroot00000000000000materia-theme-20180321/src/gnome-shell/extensions/workspaces-to-dock/workspaces-to-dock.css000066400000000000000000000327661325420104000316530ustar00rootroot00000000000000#workspacestodockTriggerSpacer { background-color: none; } #workspacestodockContainerWrapper { background-color: none; } #workspacestodockContainer { background-color: none; } #workspacestodockDockWrapper { } #workspacestodockDock { padding: 0; } #workspacestodockDock .workspace-thumbnails { background-color: #37474F; background-color: rgba(0, 0, 0, 0.6); } #workspacestodockDock:overview .workspace-thumbnails { background-color: rgba(255, 255, 255, 0.1); } #workspacestodockDock.fullheight:overview .workspace-thumbnails { background-color: transparent; } #workspacestodockDock .workspace-thumbnail-indicator { border-left-width: 0; } #workspacestodockDock.right .workspace-thumbnail-indicator { border-left-width: 2px; } #workspacestodockDock.left .workspace-thumbnail-indicator { border-right-width: 2px; } #workspacestodockDock.top .workspace-thumbnail-indicator { border-bottom-width: 2px; } #workspacestodockDock.bottom .workspace-thumbnail-indicator { border-top-width: 2px; } #workspacestodockDock.right .workspace-thumbnails { border-radius: 2px 0 0 2px; } #workspacestodockDock.left .workspace-thumbnails { border-radius: 0 2px 2px 0; } #workspacestodockDock.top .workspace-thumbnails { border-radius: 0 0 2px 2px; } #workspacestodockDock.bottom .workspace-thumbnails { border-radius: 2px 2px 0 0; } #workspacestodockDock.right.inside .workspace-thumbnails { border-radius: 0; } #workspacestodockDock.left.inside .workspace-thumbnails { border-radius: 0; } #workspacestodockDock.top.inside .workspace-thumbnails { border-radius: 0; } #workspacestodockDock.bottom.inside .workspace-thumbnails { border-radius: 0; } #workspacestodockDock.right.fullheight .workspace-thumbnails { border-radius: 0; } #workspacestodockDock.left.fullheight .workspace-thumbnails { border-radius: 0; } #workspacestodockDock.top.fullheight .workspace-thumbnails { border-radius: 0; } #workspacestodockDock.bottom.fullheight .workspace-thumbnails { border-radius: 0; } #workspacestodockDock .workspacestodock-shortcuts-panel { border: 0 solid rgba(255, 255, 255, 0.12); } #workspacestodockDock.right .workspacestodock-shortcuts-panel { border-radius: 0; padding: 0; spacing: 0; border-left: 1px; border-right: none; } #workspacestodockDock.left .workspacestodock-shortcuts-panel { border-radius: 0; padding: 0; spacing: 0; border-left: none; border-right: 1px; } #workspacestodockDock.top .workspacestodock-shortcuts-panel { border-radius: 0; padding: 0; spacing: 0; border-top: none; border-bottom: 1px; } #workspacestodockDock.bottom .workspacestodock-shortcuts-panel { border-radius: 0; padding: 0; spacing: 0; border-top: 1px; border-bottom: none; } #workspacestodockDock.right.inside .workspacestodock-shortcuts-panel { border-radius: 2px 0 0 2px; padding: 0; spacing: 0; border-left: none; border-right: 1px; } #workspacestodockDock.left.inside .workspacestodock-shortcuts-panel { border-radius: 0 2px 2px 0; padding: 0; spacing: 0; border-left: 1px; border-right: none; } #workspacestodockDock.top.inside .workspacestodock-shortcuts-panel { border-radius: 0 0 2px 2px; padding: 0; spacing: 0; border-top: 1px; border-bottom: none; } #workspacestodockDock.bottom.inside .workspacestodock-shortcuts-panel { border-radius: 2px 2px 0 0; padding: 0; spacing: 0; border-top: none; border-bottom: 1px; } #workspacestodockDock.right.fullheight .workspacestodock-shortcuts-panel { border-radius: 0; } #workspacestodockDock.left.fullheight .workspacestodock-shortcuts-panel { border-radius: 0; } #workspacestodockDock.top.fullheight .workspacestodock-shortcuts-panel { border-radius: 0; } #workspacestodockDock.bottom.fullheight .workspacestodock-shortcuts-panel { border-radius: 0; } #workspacestodockDock .workspacestodock-shortcuts-panel > * { border: 0 !important; } .workspacestodock-shortcuts-panel-popupmenu { padding: 2px; spacing: 0; } .workspacestodock-shortcuts-panel-favorites { } .workspacestodock-shortcuts-panel-running { } .workspacestodock-shortcuts-panel-places { } /* shortcuts panel buttons */ #workspacestodockDock .app-well-app { } #workspacestodockDock .workspacestodock-shortcuts-panel > StButton { background-size: cover; } #workspacestodockDock.left .workspacestodock-shortcuts-panel > StButton, #workspacestodockDock.right .workspacestodock-shortcuts-panel > StButton { padding: 3px 6px; } #workspacestodockDock.left .workspacestodock-shortcuts-panel > StButton:first-child, #workspacestodockDock.right .workspacestodock-shortcuts-panel > StButton:first-child { padding: 6px 6px 3px 6px; } #workspacestodockDock.left .workspacestodock-shortcuts-panel > StButton:last-child, #workspacestodockDock.right .workspacestodock-shortcuts-panel > StButton:last-child { padding: 3px 6px 6px 6px; } #workspacestodockDock.top .workspacestodock-shortcuts-panel > StButton, #workspacestodockDock.bottom .workspacestodock-shortcuts-panel > StButton { padding: 6px 3px; } #workspacestodockDock.top .workspacestodock-shortcuts-panel > StButton:first-child, #workspacestodockDock.bottom .workspacestodock-shortcuts-panel > StButton:first-child { padding: 6px 3px 6px 6px; } #workspacestodockDock.top .workspacestodock-shortcuts-panel > StButton:last-child, #workspacestodockDock.bottom .workspacestodock-shortcuts-panel > StButton:last-child { padding: 6px 6px 6px 3px; } .workspacestodock-shortcut-button { } .workspacestodock-shortcut-button-symbolic { } /* shortcuts panel button icons */ #workspacestodockDock .app-well-app > .overview-icon { } .workspacestodock-shortcut-button-icon { padding: 6px; } .workspacestodock-shortcut-button-symbolic-icon { padding: 8px; } /* shortcuts panel items */ #workspacestodockDock .popup-separator-menu-item { margin: 0; } .workspacestodock-shortcut-panel-separator { -margin-horizontal: 0; } .workspacestodock-shortcut-panel-filler { -margin-horizontal: 0; height: 0; padding: 0; border: none; } /* shortcuts panel button window count indicators */ #workspacestodockDock.right .workspacestodock-shortcut-button-windowcount-image-1 { background-image: url("../../assets/dash/right-running1.svg"); } #workspacestodockDock.left .workspacestodock-shortcut-button-windowcount-image-1 { background-image: url("../../assets/dash/left-running1.svg"); } #workspacestodockDock.top .workspacestodock-shortcut-button-windowcount-image-1 { background-image: url("../../assets/dash/top-running1.svg"); } #workspacestodockDock.bottom .workspacestodock-shortcut-button-windowcount-image-1 { background-image: url("../../assets/dash/bottom-running1.svg"); } #workspacestodockDock.right .workspacestodock-shortcut-button-windowcount-image-2 { background-image: url("../../assets/dash/right-running2.svg"); } #workspacestodockDock.left .workspacestodock-shortcut-button-windowcount-image-2 { background-image: url("../../assets/dash/left-running2.svg"); } #workspacestodockDock.top .workspacestodock-shortcut-button-windowcount-image-2 { background-image: url("../../assets/dash/top-running2.svg"); } #workspacestodockDock.bottom .workspacestodock-shortcut-button-windowcount-image-2 { background-image: url("../../assets/dash/bottom-running2.svg"); } #workspacestodockDock.right .workspacestodock-shortcut-button-windowcount-image-3 { background-image: url("../../assets/dash/right-running3.svg"); } #workspacestodockDock.left .workspacestodock-shortcut-button-windowcount-image-3 { background-image: url("../../assets/dash/left-running3.svg"); } #workspacestodockDock.top .workspacestodock-shortcut-button-windowcount-image-3 { background-image: url("../../assets/dash/top-running3.svg"); } #workspacestodockDock.bottom .workspacestodock-shortcut-button-windowcount-image-3 { background-image: url("../../assets/dash/bottom-running3.svg"); } #workspacestodockDock.right .workspacestodock-shortcut-button-windowcount-image-4 { background-image: url("../../assets/dash/right-running4.svg"); } #workspacestodockDock.left .workspacestodock-shortcut-button-windowcount-image-4 { background-image: url("../../assets/dash/left-running4.svg"); } #workspacestodockDock.top .workspacestodock-shortcut-button-windowcount-image-4 { background-image: url("../../assets/dash/top-running4.svg"); } #workspacestodockDock.bottom .workspacestodock-shortcut-button-windowcount-image-4 { background-image: url("../../assets/dash/bottom-running4.svg"); } .workspacestodock-workspace-caption-container { padding: 0; } .workspacestodock-workspace-caption-background { background-color: rgba(0, 0, 0, 0.6); /* border-radius: 0 0 2px 2px; */ } .workspacestodock-workspace-caption-background.caption-top { /* border-radius: 2px 2px 0 0; */ } .workspacestodock-workspace-caption { } /* caption window apps (taskbar) */ .workspacestodock-caption-windowapps { padding: 0; } .workspacestodock-caption-windowapps-menu { -boxpointer-gap: 12px; } .workspacestodock-caption-windowapps-menu .popup-menu-item { min-height: 24px; padding-top: 4px; padding-bottom: 4px; } .workspacestodock-caption-windowapps-menu .popup-menu-item:active { background-color: rgba(0, 0, 0, 0.12); } .workspacestodock-caption-windowapps-menu .popup-menu-item.selected:active { background-color: rgba(0, 0, 0, 0.24); } .workspacestodock-caption-windowapps-menu-item { /*fallback class for GS34 since it can't override gnome shell class 'popup-menu-item' */ } .workspacestodock-caption-windowapps-menu-item:active { /*fallback class for GS34 since it can't override gnome shell class 'popup-menu-item' */ } .workspacestodock-caption-windowapps-menu-icon { } .workspacestodock-caption-windowapps-menu-label { padding: 0 8px; } .workspacestodock-caption-windowapps-menu .window-close { /* GS36+ can override gnome shell class 'window-close' */ border-radius: 100px; -st-background-image-shadow: none; background-image: url("../../assets/close.svg"); background-size: 24px; height: 24px; width: 24px; } .workspacestodock-caption-windowapps-menu .window-close:hover { background-color: rgba(0, 0, 0, 0.12); } .workspacestodock-caption-windowapps-menu .window-close:active { background-color: rgba(0, 0, 0, 0.24); } .workspacestodock-caption-windowapps-menu-close { /*fallback class for GS34 since it can't override gnome shell class 'window-close' */ } .workspacestodock-caption-windowapps-menu-close:hover { /*fallback class for GS34 since it can't override gnome shell class 'window-close' */ } .workspacestodock-caption-windowapps-button { padding: 0; } .workspacestodock-caption-windowapps-button-icon { padding: 2px; background-color: rgba(0, 0, 0, 0.01); /* needs to draw box-shadow */ } .workspacestodock-caption-windowapps-button:active > .workspacestodock-caption-windowapps-button-icon { box-shadow: inset 0 -2px rgba(255, 255, 255, 0.3); } .workspacestodock-caption-windowapps-button-active > .workspacestodock-caption-windowapps-button-icon { box-shadow: inset 0 -2px #FFFFFF; } /* caption workspace number */ .workspacestodock-caption-number { margin: 1px; padding: 0 10px; border-radius: 0; background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; font-size: 9pt; font-weight: bold; text-align: center; } /* caption workspace name */ .workspacestodock-caption-name { margin: 0 4px; color: rgba(255, 255, 255, 0.6); font-size: 9pt; text-align: center; } /* caption workspace windowcount */ .workspacestodock-caption-windowcount { /* min-width: 16px; */ margin: 0px 4px; padding: 0px 4px; color: #FFFFFF; font-size: 9pt; font-weight: bold; text-align: center; } /* caption workspace windowcount image*/ .workspacestodock-caption-windowcount-image { width: 20px; height: 20px; margin: 1px; border-radius: 0; background-color: #FF4081; color: #FFFFFF; font-size: 9pt; font-weight: bold; text-align: center; } /* The classes below are used in conjunction with the above workspacestodock-caption-windowcount-image * They provide background images that corespond with the window count */ .workspacestodock-caption-windowcount-image-1 { } .workspacestodock-caption-windowcount-image-2 { } .workspacestodock-caption-windowcount-image-3 { } .workspacestodock-caption-windowcount-image-4 { } /* caption spacer-filler */ .workspacestodock-caption-spacer { width: 4px; } /* The classes below are used in conjuction with the above classes * They provide additional theming for the current workspace caption */ .workspacestodock-workspace-caption-background-current { } .workspacestodock-workspace-caption-background-current.caption-top { } .workspacestodock-caption-number-current { /* background-color: #42A5F5; */ } .workspacestodock-caption-name-current { } .workspacestodock-caption-windowcount-current { } .workspacestodock-caption-windowcount-image-current { } materia-theme-20180321/src/gnome-shell/gnome-shell-theme.gresource.xml000066400000000000000000000054521325420104000255250ustar00rootroot00000000000000 assets/dash/bottom-running1.svg assets/dash/bottom-running1-focused.svg assets/dash/bottom-running2.svg assets/dash/bottom-running2-focused.svg assets/dash/bottom-running3.svg assets/dash/bottom-running3-focused.svg assets/dash/bottom-running4.svg assets/dash/bottom-running4-focused.svg assets/dash/left-running1.svg assets/dash/left-running1-focused.svg assets/dash/left-running2.svg assets/dash/left-running2-focused.svg assets/dash/left-running3.svg assets/dash/left-running3-focused.svg assets/dash/left-running4.svg assets/dash/left-running4-focused.svg assets/dash/right-running1.svg assets/dash/right-running1-focused.svg assets/dash/right-running2.svg assets/dash/right-running2-focused.svg assets/dash/right-running3.svg assets/dash/right-running3-focused.svg assets/dash/right-running4.svg assets/dash/right-running4-focused.svg assets/dash/top-running1.svg assets/dash/top-running1-focused.svg assets/dash/top-running2.svg assets/dash/top-running2-focused.svg assets/dash/top-running3.svg assets/dash/top-running3-focused.svg assets/dash/top-running4.svg assets/dash/top-running4-focused.svg assets/calendar-arrow-left.svg assets/calendar-arrow-right.svg assets/checkbox.svg assets/checkbox-off.svg assets/close.svg assets/dash-placeholder.svg assets/key-enter.svg assets/key-hide.svg assets/key-layout.svg assets/key-shift.svg assets/key-shift-uppercase.svg assets/key-shift-latched-uppercase.svg assets/more-results.svg assets/toggle-off.svg assets/toggle-on.svg assets/window-close.svg assets/window-close-active.svg extensions/workspaces-to-dock/workspaces-to-dock.css gnome-shell.css message-indicator-symbolic.svg no-events.svg no-notifications.svg noise-texture.png pad-osd.css process-working.svg materia-theme-20180321/src/gnome-shell/message-indicator-symbolic.svg000066400000000000000000000002151325420104000254220ustar00rootroot00000000000000 materia-theme-20180321/src/gnome-shell/no-events.svg000077700000000000000000000000001325420104000260612assets/no-events.svgustar00rootroot00000000000000materia-theme-20180321/src/gnome-shell/no-notifications.svg000077700000000000000000000000001325420104000307732assets/no-notifications.svgustar00rootroot00000000000000materia-theme-20180321/src/gnome-shell/noise-texture.png000066400000000000000000000001641325420104000230100ustar00rootroot00000000000000PNG  IHDRf:%PLTEz=tRNS@fIDATh 67`q!W)IENDB`materia-theme-20180321/src/gnome-shell/pad-osd.css000066400000000000000000000010261325420104000215260ustar00rootroot00000000000000.Leader { stroke-width: .5 !important; stroke: #535353; fill: none !important; } .Button { stroke-width: .25; stroke: #ededed; fill: #ededed; } .Ring { stroke-width: .5 !important; stroke: #535353 !important; fill: none !important; } .Label { stroke: none !important; stroke-width: .1 !important; font-size: .1 !important; fill: transparent !important; } .TouchStrip, .TouchRing { stroke-width: .1 !important; stroke: #ededed !important; fill: #535353 !important; } materia-theme-20180321/src/gnome-shell/process-working.svg000077700000000000000000000000001325420104000305152assets/process-working.svgustar00rootroot00000000000000materia-theme-20180321/src/gtk-2.0/000077500000000000000000000000001325420104000163365ustar00rootroot00000000000000materia-theme-20180321/src/gtk-2.0/apps.rc000066400000000000000000000050351325420104000176320ustar00rootroot00000000000000# vim:set ft=gtkrc ts=2 sw=2 sts=2 ai et: # # This file, unlike hacks.rc, contains legitimate cases we need to handle, e.g. # custom widgets, programs giving us a chance to alter their UI to fit more with # the theme or stuff that is supposed to look different, like panels. # TODO: This could really look nicer style "gimp_spin_scale" { # Spin background bg[NORMAL] = @base_color engine "pixmap" { image { function = BOX state = NORMAL detail = "spinbutton_up" overlay_file = "assets/pan-up-alt.png" overlay_stretch = FALSE } image { function = BOX state = PRELIGHT detail = "spinbutton_up" overlay_file = "assets/pan-up.png" overlay_stretch = FALSE } image { function = BOX state = ACTIVE detail = "spinbutton_up" overlay_file = "assets/pan-up.png" overlay_stretch = FALSE } image { function = BOX state = INSENSITIVE detail = "spinbutton_up" overlay_file = "assets/pan-up-alt-insensitive.png" overlay_stretch = FALSE } image { function = BOX state = NORMAL detail = "spinbutton_down" overlay_file = "assets/pan-down-alt.png" overlay_stretch = FALSE } image { function = BOX state = PRELIGHT detail = "spinbutton_down" overlay_file = "assets/pan-down.png" overlay_stretch = FALSE } image { function = BOX state = ACTIVE detail = "spinbutton_down" overlay_file = "assets/pan-down.png" overlay_stretch = FALSE } image { function = BOX state = INSENSITIVE detail = "spinbutton_down" overlay_file = "assets/pan-down-alt-insensitive.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" materia-theme-20180321/src/gtk-2.0/assets-dark.svg000066400000000000000000001045231325420104000213050ustar00rootroot00000000000000 materia-theme-20180321/src/gtk-2.0/assets-dark/000077500000000000000000000000001325420104000205575ustar00rootroot00000000000000materia-theme-20180321/src/gtk-2.0/assets-dark/border.png000066400000000000000000000002141325420104000225370ustar00rootroot00000000000000PNG  IHDR sBITUF pHYs+tEXtSoftwarewww.inkscape.org< IDATc`pECIENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/button-active.png000066400000000000000000000005531325420104000240540ustar00rootroot00000000000000PNG  IHDR sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<IDAT8Aj@dR2MO҅7^tU("N;$P(a}'G@g-뿐OP|T"0{Yϫjc]0|:c95 !L1AG]5`3& TSn;տw zo`cwEb;;g^1åto6%H=(pZix[(Wm%p뷈߶?zNIENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/button-hover.png000066400000000000000000000005541325420104000237250ustar00rootroot00000000000000PNG  IHDR sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<IDAT8AJ@o ib.P!e-pX,nX.򢺮˲]VGa:<%8oΆ`]bs0P[& 0)oǀ~'kv(RUVz}R ^7H.p+䚕'x#^r 4[cLxow8|@5¨IENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/button-insensitive.png000066400000000000000000000003141325420104000251340ustar00rootroot00000000000000PNG  IHDRsBITO pHYs+tEXtSoftwarewww.inkscape.org< PLTE8;tRNS {"IDAT[c`@l $0T !ALF>ǩcIENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/button.png000066400000000000000000000005401325420104000225770ustar00rootroot00000000000000PNG  IHDR sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<IDAT8Aj0D\)YħMr =J᫔&v骭xHZle }  U獟1@,ʲ| !Ҁ-1m8- t߻<7@IENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/checkbox-checked-active.png000066400000000000000000000005521325420104000257120ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<BPLTEstRNSCDLNO&yIDAT(ϕ Eڻ_m3`ᢻ b(IENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/checkbox-checked-insensitive.png000066400000000000000000000005031325420104000267730ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<3PLTEptRNS$%%@@DRRTUijqru%eIDAT(S1 DD(Ok3 [*D[wt+Ё`$SHLaxkkWͽ!+@/[`˷A`>NjWIENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/checkbox-checked.png000066400000000000000000000005161325420104000244410ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<9PLTEC%tRNSHIJ@UiIDAT(SA D@D i!%gY JSJ3'RŵzUdƅ?gMBD$Xaxe>|||70+"ɔ el!IENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/checkbox-mixed-active.png000066400000000000000000000004101325420104000254230ustar00rootroot00000000000000PNG  IHDRY sBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE tRNSCDL3GIDATc`2eǐ 0u@L((r,aLYhCM{P`Z aOw6F6J Ut)g&IENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/checkbox-mixed-hover.png000066400000000000000000000004101325420104000252730ustar00rootroot00000000000000PNG  IHDRY sBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE tRNS "&cde7 GIDATc2EeLj 0u@L((r,aLYhCM{P`Z aOw6F6J t\IENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/checkbox-mixed-insensitive.png000066400000000000000000000003511325420104000265140ustar00rootroot00000000000000PNG  IHDRY sBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE>{tRNS$%%qr33IDATc` 0AÚ@@Rhjڃ&7;E>;堉IENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/checkbox-mixed.png000066400000000000000000000003501325420104000241550ustar00rootroot00000000000000PNG  IHDRY sBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE$tRNSHIJ)3IDATc` 0AÚ@@Rhjڃ&7;E>;堉IENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/checkbox-unchecked-active.png000066400000000000000000000003651325420104000262570ustar00rootroot00000000000000PNG  IHDRY sBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE)+tRNSCDL᮴-6IENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/checkbox-unchecked-insensitive.png000066400000000000000000000003371325420104000273430ustar00rootroot00000000000000PNG  IHDRY sBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE>R:tRNSCDL*w-IDATWc` 0A @kD2/0B DlV_VZIENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/checkbox-unchecked.png000066400000000000000000000003301325420104000247760ustar00rootroot00000000000000PNG  IHDRY sBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEBhtRNS34&hQ*IDATWc` 0@D2/0"{(iXr"IENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/combo-ltr-button-active.png000066400000000000000000000004411325420104000257440ustar00rootroot00000000000000PNG  IHDR VsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<IDAT(;nPcAC"Y Ē7p*$Y6y@ʎ\iѝf7|#&EQ<bǦivUUhӱSY<Q!5V _YL"}n0u]EL*_!`?#8,(IENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/combo-ltr-button-hover.png000066400000000000000000000004401325420104000256130ustar00rootroot00000000000000PNG  IHDR VsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<IDAT(1P:M",uA% ̟BJ$Xυ<5 wↄ6eriUUqBXEb 0y   a|L)-”ҩo\|u+aMlc-vIENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/combo-ltr-button-insensitive.png000066400000000000000000000003031325420104000270260ustar00rootroot00000000000000PNG  IHDR ɀDsBITO pHYs+tEXtSoftwarewww.inkscape.org< PLTE8;tRNS {IDAT[c`?' [IENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/combo-ltr-button.png000066400000000000000000000004231325420104000244730ustar00rootroot00000000000000PNG  IHDR VsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<IDAT(ұ 1 ߧC#,T%U"P ("*Db_A(Q$7'ۅ3,+}{o fvJ)mC`DVι= ^ӾÒE/zuWwg^ofc /1TMMx ,r-IENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/combo-ltr-entry-active.png000066400000000000000000000003001325420104000255640ustar00rootroot00000000000000PNG  IHDR sBIT [ pHYs+tEXtSoftwarewww.inkscape.org<@IDATcQd@aeE11 k3 c2}Y8 df0u]:pMIENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/combo-ltr-entry.png000066400000000000000000000003401325420104000243170ustar00rootroot00000000000000PNG  IHDR FesBITO pHYs+tEXtSoftwarewww.inkscape.org<!PLTE !!!$$$...000wJ1IDAT[c(4 `(\jC, A&SBBLF e!S6ÙIENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/combo-rtl-button-active.png000066400000000000000000000004221325420104000257430ustar00rootroot00000000000000PNG  IHDR VsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<IDAT(A 0?8UlA& #eY<J I| <Y&l!sn*]@50[a*H )KpWaWJY(0"җ8<|,[· /}תIENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/combo-rtl-button-hover.png000066400000000000000000000004221325420104000256130ustar00rootroot00000000000000PNG  IHDR VsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<IDAT(Q 0 L67X^HчU;@ ?Vv]u -/=s`/C FgAP(,UMRJY7UKP+pL{9c~ 5npIENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/combo-rtl-button-insensitive.png000066400000000000000000000002731325420104000270340ustar00rootroot00000000000000PNG  IHDR VsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<8IDAT(c`6`1 M!"t8+ FUb;gAK=IENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/combo-rtl-button.png000066400000000000000000000004111325420104000244700ustar00rootroot00000000000000PNG  IHDR VsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<IDAT(A 0QJ"p`a XoѪb%k˄nkh ]ekw0MkY؄ x[=~tAN80cm7Bl DhaIENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/combo-rtl-entry-active.png000066400000000000000000000003021325420104000255660ustar00rootroot00000000000000PNG  IHDR sBIT [ pHYs+tEXtSoftwarewww.inkscape.org<BIDAT[A X3>9 *6Xk5M?ئKpO!;IENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/combo-rtl-entry-insensitive.png000066400000000000000000000003421325420104000266570ustar00rootroot00000000000000PNG  IHDR FesBITO pHYs+tEXtSoftwarewww.inkscape.org<!PLTE !!!"""''')))eY)i3IDAT[c(4 (gXjՌt2 DrC"'Wɩn a Ʈ4Z@78IENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/combo-rtl-entry.png000066400000000000000000000003421325420104000243210ustar00rootroot00000000000000PNG  IHDR FesBITO pHYs+tEXtSoftwarewww.inkscape.org<!PLTE !!!$$$...000wJ3IDAT[c(4 (gXjՌt2 DrC"'Wn a Ʈ!4\oIENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/entry-active.png000066400000000000000000000003271325420104000237010ustar00rootroot00000000000000PNG  IHDRBsBIT [ pHYs+tEXtSoftwarewww.inkscape.org<WIDATСPInU\!18,{T@/!C*705Nw$7ᚲSߢHU*~1|K*IENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/entry-background-insensitive.png000066400000000000000000000002121325420104000270740ustar00rootroot00000000000000PNG  IHDR:~UsBIT [ pHYs+tEXtSoftwarewww.inkscape.org< IDATc+* |IENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/entry-background.png000066400000000000000000000002121325420104000245360ustar00rootroot00000000000000PNG  IHDR:~UsBIT [ pHYs+tEXtSoftwarewww.inkscape.org< IDATc021 nIENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/entry-insensitive.png000066400000000000000000000003721325420104000247660ustar00rootroot00000000000000PNG  IHDR>sBITO pHYs+tEXtSoftwarewww.inkscape.org<$PLTE !!!"""'''((()))^HIDATc(4((g( 3RgC;RvC234 3HsC0*1k:sE ]IENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/entry.png000066400000000000000000000003671325420104000224340ustar00rootroot00000000000000PNG  IHDR>sBITO pHYs+tEXtSoftwarewww.inkscape.org<!PLTE !!!$$$...000wJHIDAT[c(4((g(\3RgA+RVA234 3JsC0*1k:#NkJIENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/flat-button-active.png000066400000000000000000000003221325420104000247720ustar00rootroot00000000000000PNG  IHDR>sBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEBhtRNSCDL.$IDATc`]40L(H&sTQ!E ;SIENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/flat-button-hover.png000066400000000000000000000003141325420104000246430ustar00rootroot00000000000000PNG  IHDRsBITO pHYs+tEXtSoftwarewww.inkscape.org< PLTE8;tRNS "&yJ"IDAT[c`@l $0T !ALF>ǩcIENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/flat-button-insensitive.png000066400000000000000000000002301325420104000260550ustar00rootroot00000000000000PNG  IHDR sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<IDAT8c``Q0 T\"_IENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/flat-button.png000066400000000000000000000002301325420104000235170ustar00rootroot00000000000000PNG  IHDR sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<IDAT8c``Q0 T\"_IENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/focus.png000066400000000000000000000002771325420104000224120ustar00rootroot00000000000000PNG  IHDRo&sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<lOǤlIENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/frame-inline.png000066400000000000000000000002371325420104000236350ustar00rootroot00000000000000PNG  IHDRtfsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<IDATc```p'KBGIENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/frame-notebook.png000066400000000000000000000002421325420104000241730ustar00rootroot00000000000000PNG  IHDRV(sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<IDATcd``pb& 2$q"IENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/frame.png000066400000000000000000000002351325420104000223570ustar00rootroot00000000000000PNG  IHDRV(sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<IDATcd``pb&(YCG5OIENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/handle-horz-active.png000066400000000000000000000002721325420104000247520ustar00rootroot00000000000000PNG  IHDRsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<7IDAT P `uo qN0lƒ%#¹_,$IENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/handle-horz-hover.png000066400000000000000000000003071325420104000246210ustar00rootroot00000000000000PNG  IHDRsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<DIDATʱ 0* D:陈Mç e$NrsTՎe_U6/#1KICǘ럶(|xIENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/handle-horz.png000066400000000000000000000003021325420104000234730ustar00rootroot00000000000000PNG  IHDRsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<?IDAT 0 CїLöS@zė,ߑ'.3"tqT뇟 LR:tRNSCDL*wIDATcP 'W#! B[ u! FBIENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/menu-checkbox-unchecked.png000066400000000000000000000003211325420104000257400ustar00rootroot00000000000000PNG  IHDRRsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE>R:tRNS35ElFIDAT[cP CS#! B[* u+IENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/menu-radio-checked-insensitive.png000066400000000000000000000010031325420104000272410ustar00rootroot00000000000000PNG  IHDR(-SsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEUUmQU0tRNSGGHIJJKLUVX^__jjkrvwxyyzz|}~`cIDATWMm iFV(9;l΢Ȩ:Wt27j} /rس)QDRM L  "/Po 804 9">BAfƱ -&( {xO\$\y O jҼP|9wIENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/menu-radio-checked.png000066400000000000000000000010401325420104000247040ustar00rootroot00000000000000PNG  IHDR(-SsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEZ 5tRNS '*+,-/06789bIDAT%B0OD)c W9x?mDVSզW|ZJfArp84~JG[UUK *qq jr88 jQT%6o|ʘƐz7´~[UT*SMxm[zt"4+mB?JpIENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/menu-radio-mixed-insensitive.png000066400000000000000000000007021325420104000267660ustar00rootroot00000000000000PNG  IHDR(-SsBITO pHYs+tEXtSoftwarewww.inkscape.org<uPLTEUU8'tRNSGGHIJJKL^__jjkryyzz|}~ IDATWe@Cl0 OTndǮJY n$I&Saa&=|woYȖi!\B%Pˠm '}ChvggC/fl(Y[=g͛0 ,N "IENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/menu-radio-mixed.png000066400000000000000000000007261325420104000244360ustar00rootroot00000000000000PNG  IHDR(-SsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE8h*tRNS *+,-/06789IDAT=0W 1Gdw(~V~ߋ^<$t7Ͷe5Nl-OX3!.)yϳr.;KJrq`KI_`_`F0XV " YEzyt{]Ԕ4' 8PIENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/menu-radio-unchecked.png000066400000000000000000000006711325420104000252600ustar00rootroot00000000000000PNG  IHDR(-SsBITO pHYs+tEXtSoftwarewww.inkscape.org<oPLTE/%tRNS  !"&'(cdefghijh7IDAT= 7a$;F-_O ]֬ M9xk}Ⱥa y-.5UTC;*$Ke%KԓvT^=UTKSύeG s8bX4+nÊJ t\_IENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/notebook-combo-ltr-entry-active.png000066400000000000000000000003051325420104000274070ustar00rootroot00000000000000PNG  IHDR sBIT [ pHYs+tEXtSoftwarewww.inkscape.org<EIDAT[ͱ0 ѳaŢ=MobC;%LA? =cC]J @yLsIENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/notebook-combo-ltr-entry-insensitive.png000066400000000000000000000003441325420104000304770ustar00rootroot00000000000000PNG  IHDR FesBITO pHYs+tEXtSoftwarewww.inkscape.org<!PLTE%%%'''((()))***+++,,,---...///000LR5IDAT[cX fvtt0L166fa "V$,Ul+B\\q{iIENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/notebook-combo-ltr-entry.png000066400000000000000000000003321325420104000261360ustar00rootroot00000000000000PNG  IHDR FesBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE%%%'''***+++,,,---...///0000=1IDAT[c4  ,R&$ i TC.IENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/notebook-combo-rtl-entry-active.png000066400000000000000000000003071325420104000274110ustar00rootroot00000000000000PNG  IHDR sBIT [ pHYs+tEXtSoftwarewww.inkscape.org<GIDAT[ɱB1C՝o6\vݘ `RZۏ_z3WIENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/notebook-combo-rtl-entry-insensitive.png000066400000000000000000000003441325420104000304770ustar00rootroot00000000000000PNG  IHDR FesBITO pHYs+tEXtSoftwarewww.inkscape.org<!PLTE%%%'''((()))***+++,,,---...///000LR5IDAT[cX 3W1Ɲ`2LF F`J @ R> % UIENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/notebook-combo-rtl-entry.png000066400000000000000000000003341325420104000261400ustar00rootroot00000000000000PNG  IHDR FesBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE%%%'''***+++,,,---...///0000=3IDAT[c DvIw0iDC3P8k|+ŃOIENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/notebook-entry-active.png000066400000000000000000000003371325420104000255200ustar00rootroot00000000000000PNG  IHDRBsBIT [ pHYs+tEXtSoftwarewww.inkscape.org<_IDATWϱA ёC]\f vPѓ @H+iti3Tu9 &>^d?Qt2,U۪zls$DYIENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/notebook-entry-insensitive.png000066400000000000000000000003771325420104000266110ustar00rootroot00000000000000PNG  IHDR>sBITO pHYs+tEXtSoftwarewww.inkscape.org<!PLTE%%%'''((()))***+++,,,---...///000LRPIDAT[cX fvU +Sl c(dcf2˜ӃfVe(a0ݑ D*Vk,9/dݥIENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/notebook-entry.png000066400000000000000000000003661325420104000242510ustar00rootroot00000000000000PNG  IHDR>sBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE%%%'''***+++,,,---...///0000=MIDAT[c40(`hπU0J`Lwd cь\a1CE ` bʮZbU37IENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/pan-down-alt-insensitive.png000066400000000000000000000003061325420104000261230ustar00rootroot00000000000000PNG  IHDRasBIT|d pHYs+tEXtSoftwarewww.inkscape.org<CIDAT8팹 . !6,cZIE;y$IT3b2`3 9~b4K( IENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/pan-down-alt.png000066400000000000000000000003161325420104000235660ustar00rootroot00000000000000PNG  IHDRasBIT|d pHYs+tEXtSoftwarewww.inkscape.org<KIDAT8c`9a``'g##raf1C3^oH5(4@G#$IENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/pan-down-insensitive.png000066400000000000000000000003051325420104000253440ustar00rootroot00000000000000PNG  IHDRasBIT|d pHYs+tEXtSoftwarewww.inkscape.org<BIDAT8팩 ~B ͂G90E$= $CSͬdgG p0IENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/pan-down.png000066400000000000000000000002651325420104000230130ustar00rootroot00000000000000PNG  IHDRasBIT|d pHYs+tEXtSoftwarewww.inkscape.org<2IDAT8c` ?aPO!5088 !M3! o K( /rkcM-IENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/pan-left-alt-insensitive.png000066400000000000000000000003111325420104000261020ustar00rootroot00000000000000PNG  IHDRasBIT|d pHYs+tEXtSoftwarewww.inkscape.org<FIDAT8c`j䘈L458 V3>%F3N200\D7Hq ^/! 2nBۉIENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/pan-left-alt.png000066400000000000000000000003211325420104000235450ustar00rootroot00000000000000PNG  IHDRbsBITO pHYs+tEXtSoftwarewww.inkscape.org< PLTE8;tRNSTZ'IDAT[c`@ b3} BDȃv" );dOIENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/pan-left-insensitive.png000066400000000000000000000003111325420104000253240ustar00rootroot00000000000000PNG  IHDRasBIT|d pHYs+tEXtSoftwarewww.inkscape.org<FIDAT8c`䘈L458 V3>!F3N000D7Hq ^/! loIENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/pan-left-semi.png000066400000000000000000000003161325420104000237260ustar00rootroot00000000000000PNG  IHDRasBIT|d pHYs+tEXtSoftwarewww.inkscape.org<KIDAT8ϻ  ,C0(۷ aLE<𓉓.5,4300A ױc$ f844d $ǫqIENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/pan-up-alt.png000066400000000000000000000003061325420104000232420ustar00rootroot00000000000000PNG  IHDRasBIT|d pHYs+tEXtSoftwarewww.inkscape.org<CIDAT8c`<>5,4300DB c$ f844d $}Q ΏIENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/pan-up-insensitive.png000066400000000000000000000003061325420104000250220ustar00rootroot00000000000000PNG  IHDRasBIT|d pHYs+tEXtSoftwarewww.inkscape.org<CIDAT8c`w >5,43008@ {c$ f844d $7IENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/pan-up.png000066400000000000000000000002611325420104000224640ustar00rootroot00000000000000PNG  IHDRasBIT|d pHYs+tEXtSoftwarewww.inkscape.org<.IDAT8c`o%a4C4fB@3ytur( |IENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/progressbar-progress.png000066400000000000000000000002301325420104000254530ustar00rootroot00000000000000PNG  IHDR~sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<IDATc4 01oTIENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/progressbar-trough.png000066400000000000000000000002301325420104000251170ustar00rootroot00000000000000PNG  IHDR~sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<IDATcTs πaqō%UIENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/radio-checked-active.png000066400000000000000000000013001325420104000252120ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE,\DtRNSCDLMNPPTTUVijkzz{pIDAT(Su[W@FG7Vjx/2yL4M= Dtf=9dT^esȩ`W0K\~0"{\,s1d\5F:3`p[/{&1tAJ|AA % wd %mM&m.4QW'ƚIG/`SFr*HZUH#DCScs0"[)*'I;4dI,(tAbg69R6YI-@ jW'ܡhT{) ?1ձ~(:=Z U" P<6Z8гow] &jC!*`]JՇڐE:.t-wN 7ihig.GXn/Í1Fl7WIENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/radio-checked-insensitive.png000066400000000000000000000011661325420104000263110ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEUUmIޠtxG`P3)--S$98}MߊƁדf\&kϴzTVreΤF S\.814[aIENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/radio-mixed-active.png000066400000000000000000000011671325420104000247450ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTES=tRNSCDLMNPPTTUVijkzz{3tqIDAT(}i ` ,˲DO> 'yJsD.?3dBBAKm JP%sȢlıgsmq@}!SAbN4X0)EfC Gaas;QF*Lpգ|qWcy6'eKs,ӴS 2ݝh~lɑ7<{$֡:IENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/radio-mixed-hover.png000066400000000000000000000012051325420104000246060ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE @tRNS "&()*+/012JKK]^_hijkmmnop~IDAT(}0P4Ă7EWt2{2&R*M"Bl޶UиCĭyB&S0G0W1P@-hʡ=laQkg@#A 9<18_6oGa⍤V eV!4y0 Kgeꚦi8vBjWK5DiOs\5i~Gz&DF?IENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/radio-mixed-insensitive.png000066400000000000000000000011111325420104000260170ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEUUmG8tRNS!!"'(()**+,4567899DEEFQRRSTijjkllmnnoyzz|}u3IDATv0iuApkJ .xzA$ejk əOrK^KFa[$P oh G3hY`͸h9CX?HU GQ6w^`1c/X!-2:1BKCeLGc`C64 Wxk2OҜZ zx?l FIENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/radio-mixed.png000066400000000000000000000011441325420104000234670ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEtH=tRNS *+,ABCNOPQSTUVWhijkmnoqr9 3IDATV@3H)Yy/52S o_";EٳkBeܨ*x|Vȩw(5[ș=P1@ T){|'b:<3` [AY'bW~@Ҩ)f!*ȵ(ݻ SFNp&dDa%)O - Gxڟnk&mJIENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/radio-unchecked-active.png000066400000000000000000000011011325420104000255540ustar00rootroot00000000000000PNG  IHDRw=sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<IDATHսnSAϖ @PNj@@x~$xP@LPx]:RDAQDI$,슋sHs=J)Ma_cR1_!̣Y=|:6pPRpqaH;xŎNGo6#psiL_Tm<\"t[B9VVL_1sx%&Щ' /XWL*Pk  9yA\'P.#h\r<g!Pj? lhѵq35 o5[pE[N@~E%źp^{·s "Dsv=;_[ǰ낮X3_8IJ[.lc˟W'Akv`IENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/radio-unchecked-hover.png000066400000000000000000000011061325420104000254310ustar00rootroot00000000000000PNG  IHDRw=sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<IDATHչnQ񟷊*Rh$@<(  dm@$tl-&T 6`(3v'Gw*Y7~]ɲw ! 'ֿ=VXS_dYvy\!{xVv P\5,>bSp O QܐAy< xG;fBKs s98}-zs]x޺@3=ܥ0xH`wcډ2vD%rE .1#-F^bԨdd\S8٨."[fF<,iH{J nW 5x^CVqY2;,}D_bm?Ԗ,6&:d\ },4NqG7GB;:h8hpuIENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/radio-unchecked-insensitive.png000066400000000000000000000006751325420104000266600ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<ZPLTEY2tRNS  !"()*012?@ABHIJLHIDAT(ϝRQ sp 9CSh MEq5Vy-cj2yUv`Ddyn: (ha(@\fv,9J6]_ƃ BYr A&&>V>p۾\K$V ;F ;۰IENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/radio-unchecked.png000066400000000000000000000010341325420104000243100ustar00rootroot00000000000000PNG  IHDRw=sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<IDATHՕ.CQxNjHk@OEs:0 <@Yc($b/ ~N&dg۷>Ίe% K@= uaf]`!;H*;kBCDE xIDAT ГJ^2  ;ޣԬd7H_4"t*#A*"P@8*br詴,,8] LA~1+ц`+גIENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/scale-slider-hover.png000066400000000000000000000006011325420104000247520ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<ZPLTEy6tRNS*+,-dypIDAT 0 % `6OBr`wj+O2'1"kRCE:=B'AmtVj:T#4B6ш7W#“^ݧmK]9CVIENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/scale-slider-insensitive.png000066400000000000000000000005711325420104000261750ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<TPLTE:::777555===<<<;;;:::::::::999999:::::::::;;;;;;;;;;;;;;;;;;!!!"""###(((---333;;;$3tRNSY[\M;&vIDAT(S E:<ib4z=IPOƌ]kdns>FR2lz*01 p7l`۪N]2V/Y9QZM SIENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/scale-slider.png000066400000000000000000000005221325420104000236330ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<BPLTE }^tRNSRTU'QtaIDAT  E"b/p1 x+ax#P+ꠑ j>N#Vv5%f6g0ol!E3j ' F(7IENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/scrollbar-horz-slider-active.png000066400000000000000000000003641325420104000267640ustar00rootroot00000000000000PNG  IHDR;mGsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<qIDAT8; {~Z odBcAX1Kv4pxT9xF%$NDLSJ Ϡ)YЙ^X  СXIENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/scrollbar-horz-slider-hover.png000066400000000000000000000004061325420104000266310ustar00rootroot00000000000000PNG  IHDR;mGsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<IDAT8ѱ 0E`DX"e"PC@i B9r:lRƔ5*,F6"nEXg'NCh9X0sH5OAJ)HW@Ss= DZ/Vx&"n}IENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/scrollbar-horz-slider-insensitive.png000066400000000000000000000003571325420104000300530ustar00rootroot00000000000000PNG  IHDRCZsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEM> tRNS 24FGHLR1IDAT[c` 0;AXjm `GGGUd@00S 08XNIENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/scrollbar-horz-slider.png000066400000000000000000000003671325420104000255160ustar00rootroot00000000000000PNG  IHDRCZsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE$| tRNSUWXvxy,eI5IDAT[c` 0EgΜfEΜ9L4)3 DrtIENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/scrollbar-horz-trough.png000066400000000000000000000002171325420104000255360ustar00rootroot00000000000000PNG  IHDR3~sBITUF pHYs+tEXtSoftwarewww.inkscape.org<IDATc`pb0mrIENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/scrollbar-vert-ltr-slider-active.png000066400000000000000000000003611325420104000275560ustar00rootroot00000000000000PNG  IHDR;mGsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<nIDAT8= 0 a9YPZ) dJ$Цc r̀eHHRw9x sbHȦ һxwv3!7hb xNx/ak)IENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/scrollbar-vert-ltr-slider-hover.png000066400000000000000000000004071325420104000274270ustar00rootroot00000000000000PNG  IHDR;mGsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<IDAT8ұ @ t`;d V8@ .BƕYW>K]HisڀYD!D x|,T/lYBB"4Qt#lFj#ɖޟxjID~Εw4Rf!IENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/scrollbar-vert-ltr-slider-insensitive.png000066400000000000000000000003641325420104000306460ustar00rootroot00000000000000PNG  IHDRCZsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEM> tRNS 24FGHLR6IDAT[c` ;ALm `KGGdY@VHLo tRNS 24FGHLR5IDATc` 0(@XjIGGG UauP]3\o ̼bmgIENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/scrollbar-vert-rtl-slider.png000066400000000000000000000003721325420104000263070ustar00rootroot00000000000000PNG  IHDRCZsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE$| tRNSUWXvxy,eI8IDAT[c` 0E*@X3gAX3gN:gΜatpGUL9IENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/scrollbar-vert-rtl-trough.png000066400000000000000000000002161325420104000263320ustar00rootroot00000000000000PNG  IHDR^+sBITUF pHYs+tEXtSoftwarewww.inkscape.org< IDATc0rdFIENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/spin-ltr-down-active.png000066400000000000000000000003411325420104000252510ustar00rootroot00000000000000PNG  IHDR 2ϽsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<^IDAṮ 0DG\&7cDW;a}aNIENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/spin-ltr-down-insensitive.png000066400000000000000000000002601325420104000263360ustar00rootroot00000000000000PNG  IHDR 2ϽsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<-IDATc "d0%F_wH:bIENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/spin-ltr-down.png000066400000000000000000000003351325420104000240030ustar00rootroot00000000000000PNG  IHDR 2ϽsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<ZIDAT1@Eanjf3V32 ·N줜 m<swj}) b@s#~bK7Na[IENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/spin-ltr-up-active.png000066400000000000000000000003511325420104000247270ustar00rootroot00000000000000PNG  IHDR 2ϽsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<fIDAT!1Ei `]jbvBҭU#P ?'3XyBOPJy-oK*8߄Rq/v qN#>IalIENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/spin-ltr-up-hover.png000066400000000000000000000003521325420104000246000ustar00rootroot00000000000000PNG  IHDR 2ϽsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<gIDATͻ 1EcI"~\E b  7f<œjciaq_Zk7<꫔RGW!' pMfP?Xb7kIENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/spin-ltr-up-insensitive.png000066400000000000000000000002711325420104000260150ustar00rootroot00000000000000PNG  IHDR 2ϽsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<6IDATc`6` 300001A(p0p(,qHIENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/spin-ltr-up.png000066400000000000000000000003371325420104000234620ustar00rootroot00000000000000PNG  IHDR 2ϽsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<\IDAT 0 ? t wq*P㥂V HFRgustxJd10@ᵽ[,,WCIENDB`materia-theme-20180321/src/gtk-2.0/assets-dark/spin-rtl-down-active.png000066400000000000000000000003371325420104000252560ustar00rootroot00000000000000PNG  IHDR 2ϽsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<\IDATʱ 0ѓ ƊJ:y<) ҩJv= 7L֗ΆpƧ@!X6C= materia-theme-20180321/src/gtk-2.0/assets.txt000066400000000000000000000062351325420104000204070ustar00rootroot00000000000000entry-background entry-background-insensitive entry entry-active entry-insensitive flat-button flat-button-hover flat-button-active flat-button-insensitive button button-hover button-active button-insensitive combo-ltr-entry combo-ltr-entry-active combo-ltr-entry-insensitive combo-ltr-button combo-ltr-button-hover combo-ltr-button-active combo-ltr-button-insensitive combo-rtl-entry combo-rtl-entry-active combo-rtl-entry-insensitive combo-rtl-button combo-rtl-button-hover combo-rtl-button-active combo-rtl-button-insensitive spin-ltr-up spin-ltr-up-hover spin-ltr-up-active spin-ltr-up-insensitive spin-ltr-down spin-ltr-down-hover spin-ltr-down-active spin-ltr-down-insensitive spin-rtl-up spin-rtl-up-hover spin-rtl-up-active spin-rtl-up-insensitive spin-rtl-down spin-rtl-down-hover spin-rtl-down-active spin-rtl-down-insensitive notebook-entry notebook-entry-active notebook-entry-insensitive notebook-combo-ltr-entry notebook-combo-ltr-entry-active notebook-combo-ltr-entry-insensitive notebook-combo-rtl-entry notebook-combo-rtl-entry-active notebook-combo-rtl-entry-insensitive checkbox-unchecked checkbox-unchecked-hover checkbox-unchecked-active checkbox-unchecked-insensitive checkbox-checked checkbox-checked-hover checkbox-checked-active checkbox-checked-insensitive checkbox-mixed checkbox-mixed-hover checkbox-mixed-active checkbox-mixed-insensitive radio-unchecked radio-unchecked-hover radio-unchecked-active radio-unchecked-insensitive radio-checked radio-checked-hover radio-checked-active radio-checked-insensitive radio-mixed radio-mixed-hover radio-mixed-active radio-mixed-insensitive menu-checkbox-unchecked menu-checkbox-unchecked-insensitive menu-checkbox-checked menu-checkbox-checked-insensitive menu-checkbox-mixed menu-checkbox-mixed-insensitive menu-radio-unchecked menu-radio-unchecked-insensitive menu-radio-checked menu-radio-checked-insensitive menu-radio-mixed menu-radio-mixed-insensitive scale-slider scale-slider-hover scale-slider-active scale-slider-insensitive scale-horz-trough scale-horz-trough-active scale-horz-trough-insensitive scale-vert-trough scale-vert-trough-active scale-vert-trough-insensitive scrollbar-horz-slider scrollbar-horz-slider-hover scrollbar-horz-slider-active scrollbar-horz-slider-insensitive scrollbar-horz-trough scrollbar-vert-ltr-slider scrollbar-vert-ltr-slider-hover scrollbar-vert-ltr-slider-active scrollbar-vert-ltr-slider-insensitive scrollbar-vert-ltr-trough scrollbar-vert-rtl-slider scrollbar-vert-rtl-slider-hover scrollbar-vert-rtl-slider-active scrollbar-vert-rtl-slider-insensitive scrollbar-vert-rtl-trough handle-horz handle-horz-hover handle-horz-active handle-vert handle-vert-hover handle-vert-active pan-up pan-up-insensitive pan-up-alt pan-up-alt-insensitive pan-down pan-down-insensitive pan-down-alt pan-down-alt-insensitive pan-left pan-left-insensitive pan-left-alt pan-left-alt-insensitive pan-left-semi pan-right pan-right-insensitive pan-right-alt pan-right-alt-insensitive pan-right-semi border tab progressbar-progress progressbar-trough frame frame-notebook frame-inline focus treeview-ltr-button treeview-ltr-button-hover treeview-ltr-button-active treeview-rtl-button treeview-rtl-button-hover treeview-rtl-button-active materia-theme-20180321/src/gtk-2.0/assets/000077500000000000000000000000001325420104000176405ustar00rootroot00000000000000materia-theme-20180321/src/gtk-2.0/assets/border.png000066400000000000000000000002141325420104000216200ustar00rootroot00000000000000PNG  IHDR sBITUF pHYs+tEXtSoftwarewww.inkscape.org< IDATc`!ld5IENDB`materia-theme-20180321/src/gtk-2.0/assets/button-active.png000066400000000000000000000005541325420104000231360ustar00rootroot00000000000000PNG  IHDR sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<IDAT8Aj@o(K%ޤ+/ړMP-B4]$P(u1ÃǙC~Sǖ(Q eWq:C]^TUGeOFɤ3!4Ma;c(Q0&A/v%"^ xX,b{*bSWK绮Xr=ʀx=+-,i.7Xc`Ϧu?o:IENDB`materia-theme-20180321/src/gtk-2.0/assets/button-hover.png000066400000000000000000000005551325420104000230070ustar00rootroot00000000000000PNG  IHDR sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<IDAT8AJP/iM…^l6 !,b}*0N#KpTU,{$89qyG/ 𚵏+<5_!~{taAIENDB`materia-theme-20180321/src/gtk-2.0/assets/button-insensitive.png000066400000000000000000000003141325420104000242150ustar00rootroot00000000000000PNG  IHDRsBITO pHYs+tEXtSoftwarewww.inkscape.org< PLTE57tRNS {"IDAT[c`@l $0T !ALF>ǩcIENDB`materia-theme-20180321/src/gtk-2.0/assets/button.png000066400000000000000000000005311325420104000216600ustar00rootroot00000000000000PNG  IHDR sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<IDAT8AJ17[+q'@z^jf++cR;? <#ְ3՟7~G3m>J)!RZm{9B3Ĕc]7Sl1;q*u]""l*6d_/ը5'N{tT컺0lM,r/b9U4 эuk\b8'^^isCQ v(HX3qldIENDB`materia-theme-20180321/src/gtk-2.0/assets/checkbox-checked-active.png000066400000000000000000000005521325420104000247730ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<BPLTEstRNSCDLNO&yIDAT(ϕ Eڻ_m3`ᢻ b(IENDB`materia-theme-20180321/src/gtk-2.0/assets/checkbox-checked-insensitive.png000066400000000000000000000005031325420104000260540ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<3PLTEptRNS$%%@@DRRTUijqru%eIDAT(S1 DD(Ok3 [*D[wt+Ё`$SHLaxkkWͽ!+@/[`˷A`>NjWIENDB`materia-theme-20180321/src/gtk-2.0/assets/checkbox-checked.png000066400000000000000000000005161325420104000235220ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<9PLTEC%tRNSHIJ@UiIDAT(SA D@D i!%gY JSJ3'RŵzUdƅ?gMBD$Xaxe>|||70+"ɔ el!IENDB`materia-theme-20180321/src/gtk-2.0/assets/checkbox-mixed-active.png000066400000000000000000000004101325420104000245040ustar00rootroot00000000000000PNG  IHDRY sBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE tRNSCDL3GIDATc`2eǐ 0u@L((r,aLYhCM{P`Z aOw6F6J Ut)g&IENDB`materia-theme-20180321/src/gtk-2.0/assets/checkbox-mixed-hover.png000066400000000000000000000004101325420104000243540ustar00rootroot00000000000000PNG  IHDRY sBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE tRNS "&cde7 GIDATc2EeLj 0u@L((r,aLYhCM{P`Z aOw6F6J t\IENDB`materia-theme-20180321/src/gtk-2.0/assets/checkbox-mixed-insensitive.png000066400000000000000000000003511325420104000255750ustar00rootroot00000000000000PNG  IHDRY sBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE>{tRNS$%%qr33IDATc` 0AÚ@@Rhjڃ&7;E>;堉IENDB`materia-theme-20180321/src/gtk-2.0/assets/checkbox-mixed.png000066400000000000000000000003501325420104000232360ustar00rootroot00000000000000PNG  IHDRY sBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE$tRNSHIJ)3IDATc` 0AÚ@@Rhjڃ&7;E>;堉IENDB`materia-theme-20180321/src/gtk-2.0/assets/checkbox-unchecked-active.png000066400000000000000000000003641325420104000253370ustar00rootroot00000000000000PNG  IHDRY sBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEtRNS;Bq>IDATWc`T!GA 0()AN@ZD B/(A) !A*_5IENDB`materia-theme-20180321/src/gtk-2.0/assets/checkbox-unchecked-hover.png000066400000000000000000000003671325420104000252120ustar00rootroot00000000000000PNG  IHDRY sBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEV7*tRNS !XY=IDATWc`2eǐ 0AY0cV@y1D B/=lmA *I ^IENDB`materia-theme-20180321/src/gtk-2.0/assets/checkbox-unchecked-insensitive.png000066400000000000000000000003331325420104000264200ustar00rootroot00000000000000PNG  IHDRY sBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEOtRNS:;B [Q-IDATWc` 0 @D2/0@N D0&յ]IENDB`materia-theme-20180321/src/gtk-2.0/assets/checkbox-unchecked.png000066400000000000000000000003371325420104000240660ustar00rootroot00000000000000PNG  IHDRY sBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE+tRNS'(z{T-IDATWc` 0A @kD2/0B DlV_VZIENDB`materia-theme-20180321/src/gtk-2.0/assets/combo-ltr-button-active.png000066400000000000000000000004331325420104000250260ustar00rootroot00000000000000PNG  IHDR VsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<IDAT(; P4X(e ʍ"ml *Bb|~Dwg-;Ը yǶ,ee\BiNƘa2  Bn1BUUX&`p; -T,eIENDB`materia-theme-20180321/src/gtk-2.0/assets/combo-ltr-button-hover.png000066400000000000000000000004401325420104000246740ustar00rootroot00000000000000PNG  IHDR VsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<IDAT(AjP/m "=Oy VPqQ*Jf3|bo# zpF/"nW'HED "b_Gw߱Cx|*Lxg(?m~}!CM|WUs^@-qEn{IENDB`materia-theme-20180321/src/gtk-2.0/assets/combo-ltr-button-insensitive.png000066400000000000000000000003021325420104000261060ustar00rootroot00000000000000PNG  IHDR VsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<?IDAT(c`6`d``!w&<03008FUQKf4 AIENDB`materia-theme-20180321/src/gtk-2.0/assets/combo-ltr-button.png000066400000000000000000000004241325420104000235550ustar00rootroot00000000000000PNG  IHDR VsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<IDAT(1 1?* Cx or4n!Vƌ&0Bv >xL1Ƽ"RZ !#.4Zk@kwcv4 k6PB]ߡL߬ K(8;N 84W܀ EհZIENDB`materia-theme-20180321/src/gtk-2.0/assets/combo-ltr-entry-active.png000066400000000000000000000003221325420104000246510ustar00rootroot00000000000000PNG  IHDR sBIT [ pHYs+tEXtSoftwarewww.inkscape.org<RIDAT[cx o_=t.0z0`xz(0pp捭4gƼ}`G(ṍ3zA{7{K|IENDB`materia-theme-20180321/src/gtk-2.0/assets/combo-ltr-entry-insensitive.png000066400000000000000000000003171325420104000257420ustar00rootroot00000000000000PNG  IHDR sBIT [ pHYs+tEXtSoftwarewww.inkscape.org<OIDAT[1 0EedzP$!0 8դ#)UcvL ՆEmä^koaOvgn2TIENDB`materia-theme-20180321/src/gtk-2.0/assets/combo-ltr-entry.png000066400000000000000000000003201325420104000233760ustar00rootroot00000000000000PNG  IHDR sBIT [ pHYs+tEXtSoftwarewww.inkscape.org<PIDAT[1 0 9y:dBWť!UHDneBe<{te G}6 I|Y$kYIENDB`materia-theme-20180321/src/gtk-2.0/assets/combo-rtl-button-active.png000066400000000000000000000004261325420104000250300ustar00rootroot00000000000000PNG  IHDR VsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<IDAT(A @ Xƀ{eIr]tRN` GA`a T@f*-ھo!s(@tY5Y4R)BG&e.?,1>~AZ`mfbfWUmr;\3ex/b#ХY FIENDB`materia-theme-20180321/src/gtk-2.0/assets/combo-rtl-button-hover.png000066400000000000000000000004331325420104000246760ustar00rootroot00000000000000PNG  IHDR VsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<IDAT(M 07MMjiPq 3yܬ<+7&"uaM,``ሴUsBx R<]83pS*S `.?,^sPk5Ƽ7u' \-r=GK/-9+q6 IENDB`materia-theme-20180321/src/gtk-2.0/assets/combo-rtl-button-insensitive.png000066400000000000000000000002771325420104000261210ustar00rootroot00000000000000PNG  IHDR VsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<cb r2^18XP&+~>IENDB`materia-theme-20180321/src/gtk-2.0/assets/combo-rtl-entry.png000066400000000000000000000003171325420104000234040ustar00rootroot00000000000000PNG  IHDR sBIT [ pHYs+tEXtSoftwarewww.inkscape.org<OIDAT[c|$#XL/8`L[p5!8 yYwaǸ badb2qGM'+7IENDB`materia-theme-20180321/src/gtk-2.0/assets/entry-active.png000066400000000000000000000003711325420104000227610ustar00rootroot00000000000000PNG  IHDRBsBIT [ pHYs+tEXtSoftwarewww.inkscape.org<yIDATW @0y QrqRNȬZQ X`BJ<\(i^v`9%n.u3~4߷e$y SgaL}]$u/ovp,8EIENDB`materia-theme-20180321/src/gtk-2.0/assets/entry-background-insensitive.png000066400000000000000000000002121325420104000261550ustar00rootroot00000000000000PNG  IHDR:~UsBIT [ pHYs+tEXtSoftwarewww.inkscape.org< IDATc "\IENDB`materia-theme-20180321/src/gtk-2.0/assets/entry-background.png000066400000000000000000000002121325420104000236170ustar00rootroot00000000000000PNG  IHDR:~UsBIT [ pHYs+tEXtSoftwarewww.inkscape.org< IDATc6_gIENDB`materia-theme-20180321/src/gtk-2.0/assets/entry-insensitive.png000066400000000000000000000003551325420104000240500ustar00rootroot00000000000000PNG  IHDRBsBIT [ pHYs+tEXtSoftwarewww.inkscape.org<mIDATW1 R,[=NXP@@Pܔ/{mPiQ R3&m2xeϠ2\®.nYep]KpIENDB`materia-theme-20180321/src/gtk-2.0/assets/entry.png000066400000000000000000000003531325420104000215100ustar00rootroot00000000000000PNG  IHDRBsBIT [ pHYs+tEXtSoftwarewww.inkscape.org<kIDATW1 0 9y5:d6!:[o|HTb&jjr:l+͠|UX!s P:d)B]dmׯiȈbz-IENDB`materia-theme-20180321/src/gtk-2.0/assets/flat-button-active.png000066400000000000000000000003141325420104000240540ustar00rootroot00000000000000PNG  IHDRsBITO pHYs+tEXtSoftwarewww.inkscape.org< PLTE57tRNS;B 7"IDAT[c`@l $0T !ALF>ǩcIENDB`materia-theme-20180321/src/gtk-2.0/assets/flat-button-hover.png000066400000000000000000000003221325420104000237230ustar00rootroot00000000000000PNG  IHDR>sBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEOtRNS !!w$IDATc`]40L(H&sTQ!E ;SIENDB`materia-theme-20180321/src/gtk-2.0/assets/flat-button-insensitive.png000066400000000000000000000002301325420104000251360ustar00rootroot00000000000000PNG  IHDR sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<IDAT8c``Q0 T\"_IENDB`materia-theme-20180321/src/gtk-2.0/assets/flat-button.png000066400000000000000000000002301325420104000226000ustar00rootroot00000000000000PNG  IHDR sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<IDAT8c``Q0 T\"_IENDB`materia-theme-20180321/src/gtk-2.0/assets/focus.png000066400000000000000000000002771325420104000214730ustar00rootroot00000000000000PNG  IHDRvsBITO pHYs+tEXtSoftwarewww.inkscape.org< PLTE57tRNS;B 7IDATc̻ĸ 26IF~&IENDB`materia-theme-20180321/src/gtk-2.0/assets/frame-inline.png000066400000000000000000000002371325420104000227160ustar00rootroot00000000000000PNG  IHDRtfsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<IDAT-1 ,w#@.2wP:-.IENDB`materia-theme-20180321/src/gtk-2.0/assets/frame-notebook.png000066400000000000000000000002431325420104000232550ustar00rootroot00000000000000PNG  IHDRV(sBIT|d pHYs+tEXtSoftwarewww.inkscape.org< IDATcd``c&?d````DQMIENDB`materia-theme-20180321/src/gtk-2.0/assets/frame.png000066400000000000000000000002351325420104000214400ustar00rootroot00000000000000PNG  IHDRV(sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<IDATcd``c&(Y#IENDB`materia-theme-20180321/src/gtk-2.0/assets/handle-horz-active.png000066400000000000000000000002701325420104000240310ustar00rootroot00000000000000PNG  IHDRsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<5IDATc```pd``8 @8#!|` e%@5(=ϛ,t^IENDB`materia-theme-20180321/src/gtk-2.0/assets/handle-horz-hover.png000066400000000000000000000003021325420104000236750ustar00rootroot00000000000000PNG  IHDRsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<?IDATcd``d``b 7lę~(I0+@!`f``xԷP944g96IENDB`materia-theme-20180321/src/gtk-2.0/assets/handle-horz.png000066400000000000000000000003031325420104000225550ustar00rootroot00000000000000PNG  IHDRsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<@IDATɡ0Mp@L ` grr/bËV3VX y6؄ vak%.IENDB`materia-theme-20180321/src/gtk-2.0/assets/handle-vert-active.png000066400000000000000000000002711325420104000240300ustar00rootroot00000000000000PNG  IHDR1sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<6IDATc```pd``8P300T+-  } eIENDB`materia-theme-20180321/src/gtk-2.0/assets/handle-vert-hover.png000066400000000000000000000002771325420104000237060ustar00rootroot00000000000000PNG  IHDR1sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<}IENDB`materia-theme-20180321/src/gtk-2.0/assets/menu-checkbox-unchecked.png000066400000000000000000000003221325420104000250220ustar00rootroot00000000000000PNG  IHDRasBIT|d pHYs+tEXtSoftwarewww.inkscape.org<OIDAT8ӱ@0?(t̠a46K&K*>mQW y[|st/y͔wMC ?"aB+#^ IENDB`materia-theme-20180321/src/gtk-2.0/assets/menu-radio-checked-insensitive.png000066400000000000000000000010031325420104000263220ustar00rootroot00000000000000PNG  IHDR(-SsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEUUmQU0tRNSGGHIJJKLUVX^__jjkrvwxyyzz|}~`cIDATWMm iFV(9;l΢Ȩ:Wt27j} /rس)QDRM L  "/Po 804 9">BAfƱ -&( {xO\$\y O jҼP|9wIENDB`materia-theme-20180321/src/gtk-2.0/assets/menu-radio-checked.png000066400000000000000000000010401325420104000237650ustar00rootroot00000000000000PNG  IHDR(-SsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEZ 5tRNS '*+,-/06789bIDAT%B0OD)c W9x?mDVSզW|ZJfArp84~JG[UUK *qq jr88 jQT%6o|ʘƐz7´~[UT*SMxm[zt"4+mB?JpIENDB`materia-theme-20180321/src/gtk-2.0/assets/menu-radio-mixed-insensitive.png000066400000000000000000000007021325420104000260470ustar00rootroot00000000000000PNG  IHDR(-SsBITO pHYs+tEXtSoftwarewww.inkscape.org<uPLTEUU8'tRNSGGHIJJKL^__jjkryyzz|}~ IDATWe@Cl0 OTndǮJY n$I&Saa&=|woYȖi!\B%Pˠm '}ChvggC/fl(Y[=g͛0 ,N "IENDB`materia-theme-20180321/src/gtk-2.0/assets/menu-radio-mixed.png000066400000000000000000000007261325420104000235170ustar00rootroot00000000000000PNG  IHDR(-SsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE8h*tRNS *+,-/06789IDAT=0W 1Gdw(~V~ߋ^<$t7Ͷe5Nl-OX3!.)y?@AB'tIDATWeK C+(UQ -FͪyCiB$rN,2SESe ?,^REeX7W~YO; N/5/rQ돭;Kr( IENDB`materia-theme-20180321/src/gtk-2.0/assets/menu-radio-unchecked.png000066400000000000000000000006461325420104000243430ustar00rootroot00000000000000PNG  IHDR(-SsBITO pHYs+tEXtSoftwarewww.inkscape.org<cPLTEfht!tRNSLMNOPQRefgrs{QcIDAT= DO!%QZ OY04mծDTZ p|bfEh|z&uT^#I[:*+UTO[-ٱs`-[{E ?M?4^6 N IENDB`materia-theme-20180321/src/gtk-2.0/assets/notebook-combo-ltr-entry-active.png000066400000000000000000000003161325420104000264720ustar00rootroot00000000000000PNG  IHDR sBIT [ pHYs+tEXtSoftwarewww.inkscape.org<NIDATc ~-0T0.վ>g8g>?Ds拣_n8'77Og<͜IENDB`materia-theme-20180321/src/gtk-2.0/assets/notebook-combo-ltr-entry-insensitive.png000066400000000000000000000003131325420104000275540ustar00rootroot00000000000000PNG  IHDR sBIT [ pHYs+tEXtSoftwarewww.inkscape.org<KIDAT[͹0 ѕ'CTF/[ F I ^p ʯp5&5I|և֎m?;]-*$ xmIENDB`materia-theme-20180321/src/gtk-2.0/assets/notebook-combo-ltr-entry.png000066400000000000000000000003131325420104000252160ustar00rootroot00000000000000PNG  IHDR sBIT [ pHYs+tEXtSoftwarewww.inkscape.org<KIDAT[Ʊ Ewh| *݌$U+9؆+Jjj~ŷ2-] [95IENDB`materia-theme-20180321/src/gtk-2.0/assets/notebook-combo-rtl-entry-active.png000066400000000000000000000003171325420104000264730ustar00rootroot00000000000000PNG  IHDR sBIT [ pHYs+tEXtSoftwarewww.inkscape.org<OIDAT[coA$3+ 3#DGvN(+!,yR<gV5%ş2NxE<&GIENDB`materia-theme-20180321/src/gtk-2.0/assets/notebook-combo-rtl-entry-insensitive.png000066400000000000000000000003131325420104000275540ustar00rootroot00000000000000PNG  IHDR sBIT [ pHYs+tEXtSoftwarewww.inkscape.org<KIDAT[c$0~eٜ0&80|#Bk0~`< bpq1>19YP's-IENDB`materia-theme-20180321/src/gtk-2.0/assets/notebook-combo-rtl-entry.png000066400000000000000000000003141325420104000252170ustar00rootroot00000000000000PNG  IHDR sBIT [ pHYs+tEXtSoftwarewww.inkscape.org<LIDAT[c$0BDda2~1^ O#Z3)aC@ >'s7UIENDB`materia-theme-20180321/src/gtk-2.0/assets/notebook-entry-active.png000066400000000000000000000003721325420104000246000ustar00rootroot00000000000000PNG  IHDRBsBIT [ pHYs+tEXtSoftwarewww.inkscape.org<zIDATW˱@0b2 mr .[S_.ymks0$6=ss{53$\Af>f7mk@`XԄK0q-C[&v"xIENDB`materia-theme-20180321/src/gtk-2.0/assets/notebook-entry-insensitive.png000066400000000000000000000003531325420104000256640ustar00rootroot00000000000000PNG  IHDRBsBIT [ pHYs+tEXtSoftwarewww.inkscape.org<kIDAT͐ /:4,sC$/F3DWMG4g oG$@De\ST(E@M@Q2?*ؐ. x~Ĕ{(X7,HIENDB`materia-theme-20180321/src/gtk-2.0/assets/notebook-entry.png000066400000000000000000000003551325420104000233300ustar00rootroot00000000000000PNG  IHDRBsBIT [ pHYs+tEXtSoftwarewww.inkscape.org<mIDATȽ 5p`~$W%+ԒbJ/[X _5/\29hay9[',ƭ~ nPEvJIENDB`materia-theme-20180321/src/gtk-2.0/assets/pan-down-alt-insensitive.png000066400000000000000000000003131325420104000252020ustar00rootroot00000000000000PNG  IHDRbsBITO pHYs+tEXtSoftwarewww.inkscape.org< PLTE57tRNS!B!IDAT[c` o``dSn C}FK5!IENDB`materia-theme-20180321/src/gtk-2.0/assets/pan-down-alt.png000066400000000000000000000003131325420104000226440ustar00rootroot00000000000000PNG  IHDRbsBITO pHYs+tEXtSoftwarewww.inkscape.org< PLTE57tRNS@ECj:$!IDAT[c` o``dSn C}FK5!IENDB`materia-theme-20180321/src/gtk-2.0/assets/pan-down-insensitive.png000066400000000000000000000003161325420104000244270ustar00rootroot00000000000000PNG  IHDRasBIT|d pHYs+tEXtSoftwarewww.inkscape.org<KIDAT8c` &g``0Ib`` Efl3C3.U3>`0200yP .nTIENDB`materia-theme-20180321/src/gtk-2.0/assets/pan-down.png000066400000000000000000000003131325420104000220660ustar00rootroot00000000000000PNG  IHDRbsBITO pHYs+tEXtSoftwarewww.inkscape.org< PLTE57tRNShovYt!IDAT[c` o``dSn C}FK5!IENDB`materia-theme-20180321/src/gtk-2.0/assets/pan-left-alt-insensitive.png000066400000000000000000000003121325420104000251640ustar00rootroot00000000000000PNG  IHDRasBIT|d pHYs+tEXtSoftwarewww.inkscape.org<GIDAT8c`1@6fBԌ431𐁁.%mX h3!>BD7 V*IENDB`materia-theme-20180321/src/gtk-2.0/assets/pan-left-alt.png000066400000000000000000000003121325420104000226260ustar00rootroot00000000000000PNG  IHDRasBIT|d pHYs+tEXtSoftwarewww.inkscape.org<GIDAT8c`16fBԌ4371pa%mX h3!@{D ٷ2IENDB`materia-theme-20180321/src/gtk-2.0/assets/pan-left-insensitive.png000066400000000000000000000003201325420104000244050ustar00rootroot00000000000000PNG  IHDRasBIT|d pHYs+tEXtSoftwarewww.inkscape.org<MIDAT8c`1 5fBԌ431p %mX h3!^1000200 BP u;IENDB`materia-theme-20180321/src/gtk-2.0/assets/pan-left-semi.png000066400000000000000000000003171325420104000230100ustar00rootroot00000000000000PNG  IHDRasBIT|d pHYs+tEXtSoftwarewww.inkscape.org<LIDAT8  F%$Vr%p0&o³E h@ *!"@DqqlZ V PQ yIENDB`materia-theme-20180321/src/gtk-2.0/assets/pan-left.png000066400000000000000000000003021325420104000220470ustar00rootroot00000000000000PNG  IHDRasBIT|d pHYs+tEXtSoftwarewww.inkscape.org<?IDAT8c`1 R(LȚqG3QeOb4 DxC(v VLgIJ\1ÄD,9 dg"O d@ D]>IENDB`materia-theme-20180321/src/gtk-2.0/assets/pan-right.png000066400000000000000000000003071325420104000222370ustar00rootroot00000000000000PNG  IHDRasBIT|d pHYs+tEXtSoftwarewww.inkscape.org<DIDAT8c`֠RQj=J @!LDb ````IZT/䓪4 [3?>rQ]IENDB`materia-theme-20180321/src/gtk-2.0/assets/pan-up-alt-insensitive.png000066400000000000000000000003021325420104000246550ustar00rootroot00000000000000PNG  IHDRasBIT|d pHYs+tEXtSoftwarewww.inkscape.org<?IDAT8c`4 0Ь `a! @׌tpi&Q0j],<IENDB`materia-theme-20180321/src/gtk-2.0/assets/pan-up-alt.png000066400000000000000000000003021325420104000223170ustar00rootroot00000000000000PNG  IHDRasBIT|d pHYs+tEXtSoftwarewww.inkscape.org<?IDAT8c`4 ^0p`a! @׌tpi&Q0Ė>bIENDB`materia-theme-20180321/src/gtk-2.0/assets/pan-up-insensitive.png000066400000000000000000000002721325420104000241050ustar00rootroot00000000000000PNG  IHDRasBIT|d pHYs+tEXtSoftwarewww.inkscape.org<7IDAT8c`4 &l?M3š=#tx A7f. ddBIENDB`materia-theme-20180321/src/gtk-2.0/assets/pan-up.png000066400000000000000000000002761325420104000215530ustar00rootroot00000000000000PNG  IHDRasBIT|d pHYs+tEXtSoftwarewww.inkscape.org<;IDAT8c`4 eh8 aƣ9op55\ d $\ *IENDB`materia-theme-20180321/src/gtk-2.0/assets/progressbar-progress.png000066400000000000000000000002301325420104000245340ustar00rootroot00000000000000PNG  IHDR~sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<IDATc4 01oTIENDB`materia-theme-20180321/src/gtk-2.0/assets/progressbar-trough.png000066400000000000000000000002311325420104000242010ustar00rootroot00000000000000PNG  IHDR~sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<IDATcv$Ā ?uDIENDB`materia-theme-20180321/src/gtk-2.0/assets/radio-checked-active.png000066400000000000000000000013001325420104000242730ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE,\DtRNSCDLMNPPTTUVijkzz{pIDAT(Su[W@FG7Vjx/2yL4M= Dtf=9dT^esȩ`W0K\~0"{\,s1d\5F:3`p[/{&1tAJ|AA % wd %mM&m.4QW'ƚIG/`SFr*HZUH#DCScs0"[)*'I;4dI,(tAbg69R6YI-@ jW'ܡhT{) ?1ձ~(:=Z U" P<6Z8гow] &jC!*`]JՇڐE:.t-wN 7ihig.GXn/Í1Fl7WIENDB`materia-theme-20180321/src/gtk-2.0/assets/radio-checked-insensitive.png000066400000000000000000000011661325420104000253720ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEUUmIޠtxG`P3)--S$98}MߊƁדf\&kϴzTVreΤF S\.814[aIENDB`materia-theme-20180321/src/gtk-2.0/assets/radio-mixed-active.png000066400000000000000000000011671325420104000240260ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTES=tRNSCDLMNPPTTUVijkzz{3tqIDAT(}i ` ,˲DO> 'yJsD.?3dBBAKm JP%sȢlıgsmq@}!SAbN4X0)EfC Gaas;QF*Lpգ|qWcy6'eKs,ӴS 2ݝh~lɑ7<{$֡:IENDB`materia-theme-20180321/src/gtk-2.0/assets/radio-mixed-hover.png000066400000000000000000000012051325420104000236670ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE @tRNS "&()*+/012JKK]^_hijkmmnop~IDAT(}0P4Ă7EWt2{2&R*M"Bl޶UиCĭyB&S0G0W1P@-hʡ=laQkg@#A 9<18_6oGa⍤V eV!4y0 Kgeꚦi8vBjWK5DiOs\5i~Gz&DF?IENDB`materia-theme-20180321/src/gtk-2.0/assets/radio-mixed-insensitive.png000066400000000000000000000011111325420104000251000ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEUUmG8tRNS!!"'(()**+,4567899DEEFQRRSTijjkllmnnoyzz|}u3IDATv0iuApkJ .xzA$ejk əOrK^KFa[$P oh G3hY`͸h9CX?HU GQ6w^`1c/X!-2:1BKCeLGc`C64 Wxk2OҜZ zx?l FIENDB`materia-theme-20180321/src/gtk-2.0/assets/radio-mixed.png000066400000000000000000000011441325420104000225500ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEtH=tRNS *+,ABCNOPQSTUVWhijkmnoqr9 3IDATV@3H)Yy/52S o_";EٳkBeܨ*x|Vȩw(5[ș=P1@ T){|'b:<3` [AY'bW~@Ҩ)f!*ȵ(ݻ SFNp&dDa%)O - Gxڟnk&mJIENDB`materia-theme-20180321/src/gtk-2.0/assets/radio-unchecked-active.png000066400000000000000000000010571325420104000246470ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE!#0tRNS;BCDEFIJK]^lmtuvwxyzy\ϳIDAT(}Y0DQpcT0 S1`󕚗{4MMM_D)}%m/ҕDٱĬLhUDM`B9b >J܆/u~|ά7W+6Xےjc51\hl#{w@Iǎݠ5AUKv 2 O aIENDB`materia-theme-20180321/src/gtk-2.0/assets/radio-unchecked-insensitive.png000066400000000000000000000006521325420104000257340ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<QPLTE\BtRNS #$*+6789>?@BhDIDAT(ϝQ 2T"0v)K92vd}ʮaڴ 々vbARF*auyPԺUi6 r` \=DK\#xKps) b. UBd4n}E5 VVI*I +IENDB`materia-theme-20180321/src/gtk-2.0/assets/radio-unchecked.png000066400000000000000000000010131325420104000233660ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEn,tRNS#$*+,-./89:;<=>IJKLXYZrstuvwxVIDAT북@o.$"t1bϚVh?Syk5mn +|ٕQّGH5& |$)F f칆ײDb0B gga@Lagx9;30Z%Hsɑn+1;DMUu\|_5E@s4CIENDB`materia-theme-20180321/src/gtk-2.0/assets/scale-horz-trough-active.png000066400000000000000000000002561325420104000251770ustar00rootroot00000000000000PNG  IHDRw=sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<+IDATHc``̴$U,&3 F(4c_ @IENDB`materia-theme-20180321/src/gtk-2.0/assets/scale-horz-trough-insensitive.png000066400000000000000000000002531325420104000262610ustar00rootroot00000000000000PNG  IHDRw=sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<(IDATHc``f=&D!`Q@ 栂WIENDB`materia-theme-20180321/src/gtk-2.0/assets/scale-horz-trough.png000066400000000000000000000002531325420104000237230ustar00rootroot00000000000000PNG  IHDRw=sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<(IDATHc``f&D!`Q@ ĹIENDB`materia-theme-20180321/src/gtk-2.0/assets/scale-slider-active.png000066400000000000000000000006151325420104000241700ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<]PLTEp:EtRNS!$%&=>BCDE xIDAT ГJ^2  ;ޣԬd7H_4"t*#A*"P@8*br詴,,8] LA~1+ц`+גIENDB`materia-theme-20180321/src/gtk-2.0/assets/scale-slider-hover.png000066400000000000000000000006011325420104000240330ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<ZPLTEy6tRNS*+,-dypIDAT 0 % `6OBr`wj+O2'1"kRCE:=B'AmtVj:T#4B6ш7W#“^ݧmK]9CVIENDB`materia-theme-20180321/src/gtk-2.0/assets/scale-slider-insensitive.png000066400000000000000000000005751325420104000252620ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<WPLTEgqwtRNSY[\%vIDAT(͐ D놸 K,$}yI)(qYZB(_ab LTD{N#Vv5%f6g0oluIENDB`materia-theme-20180321/src/gtk-2.0/assets/scale-vert-trough.png000066400000000000000000000002511325420104000237170ustar00rootroot00000000000000PNG  IHDRw=sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<&IDATHc` L4rȨZ0,r[}IENDB`materia-theme-20180321/src/gtk-2.0/assets/scrollbar-horz-slider-active.png000066400000000000000000000004151325420104000260420ustar00rootroot00000000000000PNG  IHDR;mGsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<IDAT8б AOT33-B Lˍ1EeO>~f2 .ݠʽ`qw2?:#I2x`^ijDsArj:ܰ;dL0Gڂq{IENDB`materia-theme-20180321/src/gtk-2.0/assets/scrollbar-horz-slider-hover.png000066400000000000000000000004021325420104000257060ustar00rootroot00000000000000PNG  IHDR;mGsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<IDAT8л @GB$7sPr'HOFӮl2O87:-3a-6xG۔HcZ% |ei@:"?E7)kJ/c5^;>|OT6IENDB`materia-theme-20180321/src/gtk-2.0/assets/scrollbar-horz-slider-insensitive.png000066400000000000000000000003671325420104000271350ustar00rootroot00000000000000PNG  IHDRCZsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE(oj tRNS ,-.=>?Bg_j5IDAT[c` 0EpgΜfEΜ9 X@L4) 3B߮IENDB`materia-theme-20180321/src/gtk-2.0/assets/scrollbar-horz-slider.png000066400000000000000000000003671325420104000245770ustar00rootroot00000000000000PNG  IHDRCZsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE(oj tRNS @BCZ[\a5IDAT[c` 0EgΜfEΜ9L4)3 DrtIENDB`materia-theme-20180321/src/gtk-2.0/assets/scrollbar-horz-trough.png000066400000000000000000000002171325420104000246170ustar00rootroot00000000000000PNG  IHDR3~sBITUF pHYs+tEXtSoftwarewww.inkscape.org<IDATc`c{IENDB`materia-theme-20180321/src/gtk-2.0/assets/scrollbar-vert-ltr-slider-active.png000066400000000000000000000004211325420104000266340ustar00rootroot00000000000000PNG  IHDR;mGsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<IDAT8-PE,UX, +GcPKɘ3ɥ?Y` #8`ָ0!FVv8{a哔&!HIɳ䚑\Bo5V(!q s|p& =mIENDB`materia-theme-20180321/src/gtk-2.0/assets/scrollbar-vert-ltr-slider-hover.png000066400000000000000000000004061325420104000265070ustar00rootroot00000000000000PNG  IHDR;mGsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<IDAT8ѱ @ @]&27 03lB hH\eN7@~oɒY:$y1ъt8aZ4]e 쮄l+ȮTw+2V{+2"f52#g%9?3VIENDB`materia-theme-20180321/src/gtk-2.0/assets/scrollbar-vert-ltr-slider-insensitive.png000066400000000000000000000003731325420104000277270ustar00rootroot00000000000000PNG  IHDRCZsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE(oj tRNS ,-.=>?Bg_j9IDATc` v8AL3+Y3gt80Ț&dNRnHhs:IENDB`materia-theme-20180321/src/gtk-2.0/assets/scrollbar-vert-ltr-slider.png000066400000000000000000000003731325420104000253710ustar00rootroot00000000000000PNG  IHDRCZsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE(oj tRNS @BCZ[\a9IDATc` vAL3+Y3gt80Ț+3&1FÐyClIENDB`materia-theme-20180321/src/gtk-2.0/assets/scrollbar-vert-ltr-trough.png000066400000000000000000000002161325420104000254130ustar00rootroot00000000000000PNG  IHDR^+sBITUF pHYs+tEXtSoftwarewww.inkscape.org< IDATc`\CIENDB`materia-theme-20180321/src/gtk-2.0/assets/scrollbar-vert-rtl-slider-active.png000066400000000000000000000004201325420104000266330ustar00rootroot00000000000000PNG  IHDR;mGsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<IDAT8Э AHiG4@P8*8]AaN--d͗ҧ4 Po*7<GL50@vGxcYrIITFȧy"џT8+<҅Q48c9`}0IENDB`materia-theme-20180321/src/gtk-2.0/assets/scrollbar-vert-rtl-slider-hover.png000066400000000000000000000004041325420104000265050ustar00rootroot00000000000000PNG  IHDRCZsBITO pHYs+tEXtSoftwarewww.inkscape.org<$PLTEXG tRNS[^_;U:IDAT[c` 0g-S,vnw a޽{'ŀ@XwBXLS=\IENDB`materia-theme-20180321/src/gtk-2.0/assets/scrollbar-vert-rtl-slider-insensitive.png000066400000000000000000000003721325420104000277260ustar00rootroot00000000000000PNG  IHDRCZsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE(oj tRNS ,-.=>?Bg_j8IDAT[c` 0E(@X3gAX3gN:gΜat1ϙ3'&BXL m{tIENDB`materia-theme-20180321/src/gtk-2.0/assets/scrollbar-vert-rtl-slider.png000066400000000000000000000003721325420104000253700ustar00rootroot00000000000000PNG  IHDRCZsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE(oj tRNS @BCZ[\a8IDAT[c` 0E*@X3gAX3gN:gΜatpGUL9IENDB`materia-theme-20180321/src/gtk-2.0/assets/scrollbar-vert-rtl-trough.png000066400000000000000000000002161325420104000254130ustar00rootroot00000000000000PNG  IHDR^+sBITUF pHYs+tEXtSoftwarewww.inkscape.org< IDATcAIENDB`materia-theme-20180321/src/gtk-2.0/assets/spin-ltr-down-active.png000066400000000000000000000003361325420104000243360ustar00rootroot00000000000000PNG  IHDR 2ϽsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<[IDAT!0@\ކ3j 35!iӀ@0~kbB=:2b~Rz`Cm0\9xa»x+V|jz|&FIENDB`materia-theme-20180321/src/gtk-2.0/assets/spin-ltr-down-hover.png000066400000000000000000000003331325420104000242030ustar00rootroot00000000000000PNG  IHDR 2ϽsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<XIDAT1 @Q}_=Jeo. GXXN=\ cJW7FK4<0# 8|ҌIawIENDB`materia-theme-20180321/src/gtk-2.0/assets/spin-ltr-down-insensitive.png000066400000000000000000000002541325420104000254220ustar00rootroot00000000000000PNG  IHDR 2ϽsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<)IDATcd``c10000PA_be``xGw" style "chrome_entry" # Hack to be able to match widgets in LibreOffice class "GtkWindow" style "toplevel_hack" materia-theme-20180321/src/gtk-2.0/main.rc000066400000000000000000002052171325420104000176170ustar00rootroot00000000000000# vim:set ft=gtkrc ts=2 sw=2 sts=2 ai et: # # This is the main theme file, handling all the default widgets and theme # properties. Since GTK+ 2 is old, we need to overcome some of its limitations, # which is also mostly done in this file. Sadly not all of them can be overcome # so there will always be a visible difference between the GTK+ 2 and 3 theme. style "default" { xthickness = 1 ythickness = 1 #################### # Style Properties # #################### GtkWidget::focus-padding = 0 GtkWidget::focus-line-width = 2 GtkWidget::focus-line-pattern = "\2\1" GtkToolbar::space-size = 5 # 1 + 2*2 (separator + margins) GtkToolbar::internal-padding = 2 GtkToolButton::icon-spacing = 4 GtkWidget::tooltip-radius = 2 GtkWidget::tooltip-alpha = 230 GtkWidget::new-tooltip-style = 1 #for compatibility GtkWidget::link-color = @link_color GtkWidget::visited-link-color = @visited_link_color GnomeHRef::link_color = @link_color GtkHTML::link-color = @link_color GtkHTML::vlink-color = @visited_link_color GtkIMHtml::hyperlink-color = @link_color GtkIMHtml::hyperlink-visited-color = @visited_link_color GtkSeparatorMenuItem::horizontal-padding = 0 GtkSeparatorMenuItem::wide-separators = 1 GtkSeparatorMenuItem::separator-height = 3 GtkButton::child-displacement-y = 0 GtkButton::default-border = {0, 0, 0, 0} GtkButton::default-outside-border = {0, 0, 0, 0} GtkButton::inner-border = {4, 4, 4, 4} GtkEntry::state-hint = 1 GtkEntry::inner-border = {4, 4, 4, 4} GtkPaned::handle-size = 8 GtkHPaned::handle-size = 8 GtkVPaned::handle-size = 8 GtkScrollbar::trough-border = 0 GtkRange::trough-border = 0 GtkRange::slider-width = 17 GtkRange::stepper-size = 0 GtkRange::activate-slider = 1 GtkScrollbar::activate-slider = 1 GtkScrollbar::stepper-size = 0 GtkScrollbar::has-backward-stepper = 0 GtkScrollbar::has-forward-stepper = 0 GtkScrollbar::min-slider-length = 32 # 24 + 2*4 (margins) GtkScrolledWindow::scrollbar-spacing = 0 GtkScrolledWindow::scrollbars-within-bevel = 1 GtkScale::slider_length = 24 GtkScale::slider_width = 24 GtkScale::trough-side-details = 1 GtkProgressBar::min-horizontal-bar-height = 4 GtkProgressBar::min-vertical-bar-width = 4 GtkProgressBar::xspacing = 4 GtkProgressBar::yspacing = 4 GtkStatusbar::shadow_type = GTK_SHADOW_NONE GtkSpinButton::shadow_type = GTK_SHADOW_NONE GtkMenuBar::shadow-type = GTK_SHADOW_NONE GtkToolbar::shadow-type = GTK_SHADOW_NONE # TODO: find out what this comment means: # ( every window is misaligned for the sake of menus ): GtkMenuBar::internal-padding = 0 GtkMenu::horizontal-padding = 0 GtkMenu::vertical-padding = 4 GtkMenu::double-arrows = 0 GtkMenuItem::arrow-scaling = 1 GtkMenuItem::toggle-spacing = 12 GtkCheckButton::indicator-size = 24 GtkCheckButton::indicator_spacing = 2 GtkOptionMenu::indicator_spacing = {10, 10, 6, 6} GtkTreeView::expander-size = 16 GtkTreeView::vertical-separator = 0 GtkTreeView::horizontal-separator = 4 GtkTreeView::allow-rules = 0 # Set this because some apps read it GtkTreeView::odd-row-color = @base_color GtkTreeView::even-row-color = @base_color GtkExpander::expander-size = 16 GtkNotebook::tab-overlap = 0 ########## # Colors # ########## bg[NORMAL] = @bg_color bg[PRELIGHT] = @bg_color bg[SELECTED] = @selected_bg_color bg[INSENSITIVE] = @bg_color bg[ACTIVE] = @bg_color fg[NORMAL] = @fg_color fg[PRELIGHT] = @fg_color fg[SELECTED] = @selected_fg_color fg[INSENSITIVE] = mix (0.4, @fg_color, @bg_color) fg[ACTIVE] = @fg_color text[NORMAL] = @text_color text[PRELIGHT] = @text_color text[SELECTED] = @selected_fg_color text[INSENSITIVE] = mix (0.4, @text_color, @base_color) text[ACTIVE] = @selected_fg_color base[NORMAL] = @base_color base[PRELIGHT] = mix (0.05, @text_color, @base_color) base[SELECTED] = @selected_bg_color base[INSENSITIVE] = mix (0.5, @base_color, @bg_color) base[ACTIVE] = @selected_bg_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-insensitive.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-insensitive.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-insensitive.png" overlay_stretch = FALSE } ################# # Radio Buttons # ################# image { function = OPTION state = NORMAL shadow = OUT overlay_file = "assets/radio-unchecked.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = OUT overlay_file = "assets/radio-unchecked-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-insensitive.png" overlay_stretch = FALSE } image { function = OPTION state = NORMAL shadow = IN overlay_file = "assets/radio-checked.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = IN overlay_file = "assets/radio-checked-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-insensitive.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-insensitive.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-insensitive.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-insensitive.png" overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = INSENSITIVE detail = "menu_scroll_arrow_up" overlay_file = "assets/pan-up-insensitive.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-insensitive.png" overlay_stretch = FALSE } image { function = ARROW detail = "menu_scroll_arrow_down" overlay_file = "assets/pan-down.png" overlay_stretch = FALSE } # Regular arrows image { function = ARROW state = NORMAL overlay_file = "assets/pan-up-alt.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = PRELIGHT overlay_file = "assets/pan-up.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = ACTIVE overlay_file = "assets/pan-up.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = INSENSITIVE overlay_file = "assets/pan-up-alt-insensitive.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = NORMAL overlay_file = "assets/pan-down-alt.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = PRELIGHT overlay_file = "assets/pan-down.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = ACTIVE overlay_file = "assets/pan-down.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = INSENSITIVE overlay_file = "assets/pan-down-alt-insensitive.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = NORMAL overlay_file = "assets/pan-left-alt.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = PRELIGHT overlay_file = "assets/pan-left.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = ACTIVE overlay_file = "assets/pan-left.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = INSENSITIVE overlay_file = "assets/pan-left-alt-insensitive.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = NORMAL overlay_file = "assets/pan-right-alt.png" overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = PRELIGHT overlay_file = "assets/pan-right.png" overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = ACTIVE overlay_file = "assets/pan-right.png" overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = INSENSITIVE overlay_file = "assets/pan-right-alt-insensitive.png" overlay_stretch = FALSE arrow_direction = RIGHT } ###################### # Option Menu Arrows # ###################### image { function = TAB state = NORMAL overlay_file = "assets/pan-down-alt.png" overlay_stretch = FALSE } image { function = TAB state = PRELIGHT overlay_file = "assets/pan-down.png" overlay_stretch = FALSE } image { function = TAB state = ACTIVE overlay_file = "assets/pan-down.png" overlay_stretch = FALSE } image { function = TAB state = INSENSITIVE overlay_file = "assets/pan-down-alt-insensitive.png" overlay_stretch = FALSE } ######### # Lines # ######### image { function = VLINE file = "assets/border.png" border = {1, 0, 0, 0} } image { function = HLINE file = "assets/border.png" border = {0, 0, 1, 0} } ######### # Focus # ######### image { function = FOCUS file = "assets/focus.png" border = {2, 2, 2, 2} stretch = TRUE } ########### # Handles # ########### image { function = HANDLE detail = "handlebox" overlay_file = "assets/handle-vert.png" overlay_stretch = FALSE } image { function = HANDLE state = NORMAL overlay_file = "assets/handle-horz.png" overlay_stretch = FALSE orientation = HORIZONTAL } image { function = HANDLE state = PRELIGHT overlay_file = "assets/handle-horz-hover.png" overlay_stretch = FALSE orientation = HORIZONTAL } image { function = HANDLE state = ACTIVE overlay_file = "assets/handle-horz-active.png" overlay_stretch = FALSE orientation = HORIZONTAL } image { function = HANDLE state = NORMAL overlay_file = "assets/handle-vert.png" overlay_stretch = FALSE orientation = VERTICAL } image { function = HANDLE state = PRELIGHT overlay_file = "assets/handle-vert-hover.png" overlay_stretch = FALSE orientation = VERTICAL } image { function = HANDLE state = ACTIVE overlay_file = "assets/handle-vert-active.png" overlay_stretch = FALSE orientation = VERTICAL } image { function = RESIZE_GRIP } ############# # Expanders # ############# image { function = EXPANDER expander_style = EXPANDED state = NORMAL file = "assets/pan-down-alt.png" } image { function = EXPANDER expander_style = EXPANDED state = PRELIGHT file = "assets/pan-down.png" } image { function = EXPANDER expander_style = EXPANDED state = ACTIVE file = "assets/pan-down.png" } image { function = EXPANDER expander_style = EXPANDED state = INSENSITIVE file = "assets/pan-down-alt-insensitive.png" } # LTR image { function = EXPANDER expander_style = COLLAPSED state = NORMAL file = "assets/pan-right-alt.png" direction = LTR } image { function = EXPANDER expander_style = COLLAPSED state = PRELIGHT file = "assets/pan-right.png" direction = LTR } image { function = EXPANDER expander_style = COLLAPSED state = ACTIVE file = "assets/pan-right.png" direction = LTR } image { function = EXPANDER expander_style = COLLAPSED state = INSENSITIVE file = "assets/pan-right-alt-insensitive.png" direction = LTR } image { function = EXPANDER expander_style = SEMI_COLLAPSED file = "assets/pan-right-semi.png" direction = LTR } image { function = EXPANDER expander_style = SEMI_EXPANDED file = "assets/pan-right-semi.png" direction = LTR } # RTL image { function = EXPANDER expander_style = COLLAPSED state = NORMAL file = "assets/pan-left-alt.png" direction = RTL } image { function = EXPANDER expander_style = COLLAPSED state = PRELIGHT file = "assets/pan-left.png" direction = RTL } image { function = EXPANDER expander_style = COLLAPSED state = ACTIVE file = "assets/pan-left.png" direction = RTL } image { function = EXPANDER expander_style = COLLAPSED state = INSENSITIVE file = "assets/pan-left-alt-insensitive.png" direction = RTL } image { function = EXPANDER expander_style = SEMI_COLLAPSED file = "assets/pan-left-semi.png" direction = RTL } image { function = EXPANDER expander_style = SEMI_EXPANDED file = "assets/pan-left-semi.png" direction = RTL } ############# # Notebooks # ############# # Left image { function = EXTENSION state = NORMAL file = "assets/tab.png" border = {0, 1, 0, 0} stretch = TRUE gap_side = RIGHT } image { function = EXTENSION gap_side = RIGHT } # Right image { function = EXTENSION state = NORMAL file = "assets/tab.png" border = {1, 0, 0, 0} stretch = TRUE gap_side = LEFT } image { function = EXTENSION gap_side = LEFT } # Up image { function = EXTENSION state = NORMAL file = "assets/tab.png" border = {0, 0, 0, 1} stretch = TRUE gap_side = BOTTOM } image { function = EXTENSION gap_side = BOTTOM } # Down image { function = EXTENSION state = NORMAL file = "assets/tab.png" border = {0, 0, 1, 0} stretch = TRUE gap_side = TOP } image { function = EXTENSION gap_side = TOP } # Inner frame image { function = BOX_GAP detail = "notebook" file = "assets/frame-notebook.png" border = {1, 1, 1, 1} stretch = TRUE gap_file = "assets/tab.png" gap_border = {1, 0, 0, 0} gap_side = LEFT } image { function = BOX_GAP detail = "notebook" file = "assets/frame-notebook.png" border = {1, 1, 1, 1} stretch = TRUE gap_file = "assets/tab.png" gap_border = {0, 1, 0, 0} gap_side = RIGHT } image { function = BOX_GAP detail = "notebook" file = "assets/frame-notebook.png" border = {1, 1, 1, 1} stretch = TRUE gap_file = "assets/tab.png" gap_border = {0, 0, 1, 0} gap_side = TOP } image { function = BOX_GAP detail = "notebook" file = "assets/frame-notebook.png" border = {1, 1, 1, 1} stretch = TRUE gap_file = "assets/tab.png" gap_border = {0, 0, 0, 1} gap_side = BOTTOM } # Standalone frame image { function = BOX detail = "notebook" file = "assets/frame-notebook.png" border = {1, 1, 1, 1} stretch = TRUE } ############## # Scrollbars # ############## image { function = BOX detail = "trough" file = "assets/scrollbar-horz-trough.png" border = {0, 0, 1, 0} orientation = HORIZONTAL } image { function = BOX detail = "trough" file = "assets/scrollbar-vert-ltr-trough.png" border = {1, 0, 0, 0} orientation = VERTICAL direction = LTR } image { function = BOX detail = "trough" file = "assets/scrollbar-vert-rtl-trough.png" border = {0, 1, 0, 0} orientation = VERTICAL direction = RTL } # Horizontal sliders image { function = SLIDER state = NORMAL detail = "slider" file = "assets/scrollbar-horz-slider.png" border = {8, 8, 9, 8 } stretch = TRUE orientation = HORIZONTAL } image { function = SLIDER state = PRELIGHT detail = "slider" file = "assets/scrollbar-horz-slider-hover.png" border = {8, 8, 9, 8 } stretch = TRUE orientation = HORIZONTAL } image { function = SLIDER state = ACTIVE detail = "slider" file = "assets/scrollbar-horz-slider-active.png" border = {8, 8, 9, 8 } stretch = TRUE orientation = HORIZONTAL } image { function = SLIDER state = INSENSITIVE detail = "slider" file = "assets/scrollbar-horz-slider-insensitive.png" border = {8, 8, 9, 8 } stretch = TRUE orientation = HORIZONTAL } # Vertical sliders image { function = SLIDER state = NORMAL detail = "slider" file = "assets/scrollbar-vert-ltr-slider.png" border = {9, 8, 8, 8} stretch = TRUE orientation = VERTICAL direction = LTR } image { function = SLIDER state = PRELIGHT detail = "slider" file = "assets/scrollbar-vert-ltr-slider-hover.png" border = {9, 8, 8, 8} stretch = TRUE orientation = VERTICAL direction = LTR } image { function = SLIDER state = ACTIVE detail = "slider" file = "assets/scrollbar-vert-ltr-slider-active.png" border = {9, 8, 8, 8} stretch = TRUE orientation = VERTICAL direction = LTR } image { function = SLIDER state = INSENSITIVE detail = "slider" file = "assets/scrollbar-vert-ltr-slider-insensitive.png" border = {9, 8, 8, 8} stretch = TRUE orientation = VERTICAL direction = LTR } # RTL image { function = SLIDER state = NORMAL detail = "slider" file = "assets/scrollbar-vert-rtl-slider.png" border = {8, 9, 8, 8} stretch = TRUE orientation = VERTICAL direction = RTL } image { function = SLIDER state = PRELIGHT detail = "slider" file = "assets/scrollbar-vert-rtl-slider-hover.png" border = {8, 9, 8, 8} stretch = TRUE orientation = VERTICAL direction = RTL } image { function = SLIDER state = ACTIVE detail = "slider" file = "assets/scrollbar-vert-rtl-slider-active.png" border = {8, 9, 8, 8} stretch = TRUE orientation = VERTICAL direction = RTL } image { function = SLIDER state = INSENSITIVE detail = "slider" file = "assets/scrollbar-vert-rtl-slider-insensitive.png" border = {8, 9, 8, 8} stretch = TRUE orientation = VERTICAL direction = RTL } ########## # Scales # ########## # Troughs, overrided later on. We set them here too because some widgets # don't specify their orientation. image { function = BOX detail = "trough-upper" file = "assets/scale-horz-trough.png" border = {6, 6, 0, 0} stretch = TRUE orientation = HORIZONTAL } image { function = BOX state = INSENSITIVE detail = "trough-upper" file = "assets/scale-horz-trough-insensitive.png" border = {6, 6, 0, 0} stretch = TRUE orientation = HORIZONTAL } image { function = BOX detail = "trough-lower" file = "assets/scale-horz-trough-active.png" border = {6, 6, 0, 0} stretch = TRUE orientation = HORIZONTAL } image { function = BOX state = INSENSITIVE detail = "trough-lower" file = "assets/scale-horz-trough-insensitive.png" border = {6, 6, 0, 0} stretch = TRUE orientation = HORIZONTAL } image { function = BOX detail = "trough-upper" file = "assets/scale-vert-trough.png" border = {0, 0, 6, 6} stretch = TRUE orientation = VERTICAL } image { function = BOX state = INSENSITIVE detail = "trough-upper" file = "assets/scale-vert-trough-insensitive.png" border = {0, 0, 6, 6} stretch = TRUE orientation = VERTICAL } image { function = BOX detail = "trough-lower" file = "assets/scale-vert-trough-active.png" border = {0, 0, 6, 6} stretch = TRUE orientation = VERTICAL } image { function = BOX state = INSENSITIVE detail = "trough-lower" file = "assets/scale-vert-trough-insensitive.png" border = {0, 0, 6, 6} stretch = TRUE orientation = VERTICAL } # Sliders image { function = SLIDER state = NORMAL detail = "hscale" file = "assets/scale-slider.png" } image { function = SLIDER state = PRELIGHT detail = "hscale" file = "assets/scale-slider-hover.png" } image { function = SLIDER state = ACTIVE detail = "hscale" file = "assets/scale-slider-active.png" } image { function = SLIDER state = INSENSITIVE detail = "hscale" file = "assets/scale-slider-insensitive.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-insensitive.png" } ########### # Menubar # ########### # image { # function = BOX # detail = "menubar" # file = "assets/border.png" # border = {0, 0, 0, 1} # } ######### # Menus # ######### image { function = BOX state = PRELIGHT detail = "menu_scroll_arrow_up" file = "assets/border.png" } image { function = BOX detail = "menu_scroll_arrow_up" file = "assets/border.png" border = {0, 0, 0, 1} } image { function = BOX state = PRELIGHT detail = "menu_scroll_arrow_down" file = "assets/border.png" } image { function = BOX detail = "menu_scroll_arrow_down" file = "assets/border.png" border = {0, 0, 1, 0} } ########### # Entries # ########### image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/entry-active.png" border = {8, 8, 8, 8} stretch = TRUE } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/entry-insensitive.png" border = {8, 8, 8, 8} stretch = TRUE } image { function = SHADOW detail = "entry" file = "assets/entry.png" border = {8, 8, 8, 8} 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-insensitive.png" } image { function = FLAT_BOX detail = "entry_bg" file = "assets/entry-background.png" } ######### # Spins # ######### # Spin-Up LTR image { function = BOX state = NORMAL detail = "spinbutton_up" file = "assets/spin-ltr-up.png" border = {0, 8, 8, 0} stretch = TRUE overlay_file = "assets/pan-up-alt.png" overlay_stretch = FALSE direction = LTR } image { function = BOX state = PRELIGHT detail = "spinbutton_up" file = "assets/spin-ltr-up-hover.png" border = {0, 8, 8, 0} stretch = TRUE overlay_file = "assets/pan-up.png" overlay_stretch = FALSE direction = LTR } image { function = BOX state = ACTIVE detail = "spinbutton_up" file = "assets/spin-ltr-up-active.png" border = {0, 8, 8, 0} stretch = TRUE overlay_file = "assets/pan-up.png" overlay_stretch = FALSE direction = LTR } image { function = BOX state = INSENSITIVE detail = "spinbutton_up" file = "assets/spin-ltr-up-insensitive.png" border = {0, 8, 8, 0} stretch = TRUE overlay_file = "assets/pan-up-alt-insensitive.png" overlay_stretch = FALSE direction = LTR } # Spin-Up RTL image { function = BOX state = NORMAL detail = "spinbutton_up" file = "assets/spin-rtl-up.png" border = {8, 0, 8, 0} stretch = TRUE overlay_file = "assets/pan-up-alt.png" overlay_stretch = FALSE direction = RTL } image { function = BOX state = PRELIGHT detail = "spinbutton_up" file = "assets/spin-rtl-up-hover.png" border = {8, 0, 8, 0} stretch = TRUE overlay_file = "assets/pan-up.png" overlay_stretch = FALSE direction = RTL } image { function = BOX state = ACTIVE detail = "spinbutton_up" file = "assets/spin-rtl-up-hover.png" border = {8, 0, 8, 0} stretch = TRUE overlay_file = "assets/pan-up.png" overlay_stretch = FALSE direction = RTL } image { function = BOX state = INSENSITIVE detail = "spinbutton_up" file = "assets/spin-rtl-up-insensitive.png" border = {8, 0, 8, 0} stretch = TRUE overlay_file = "assets/pan-up-alt-insensitive.png" overlay_stretch = FALSE direction = RTL } # Spin-Down LTR image { function = BOX state = NORMAL detail = "spinbutton_down" file = "assets/spin-ltr-down.png" border = {0, 8, 0, 8} stretch = TRUE overlay_file = "assets/pan-down-alt.png" overlay_stretch = FALSE direction = LTR } image { function = BOX state = PRELIGHT detail = "spinbutton_down" file = "assets/spin-ltr-down-hover.png" border = {0, 8, 0, 8} stretch = TRUE overlay_file = "assets/pan-down.png" overlay_stretch = FALSE direction = LTR } image { function = BOX state = ACTIVE detail = "spinbutton_down" file = "assets/spin-ltr-down-active.png" border = {0, 8, 0, 8} stretch = TRUE overlay_file = "assets/pan-down.png" overlay_stretch = FALSE direction = LTR } image { function = BOX state = INSENSITIVE detail = "spinbutton_down" file = "assets/spin-ltr-down-insensitive.png" border = {0, 8, 0, 8} stretch = TRUE overlay_file = "assets/pan-down-alt-insensitive.png" overlay_stretch = FALSE direction = LTR } # Spin-Down RTL image { function = BOX state = NORMAL detail = "spinbutton_down" file = "assets/spin-rtl-down.png" border = {8, 0, 0, 8} stretch = TRUE overlay_file = "assets/pan-down-alt.png" overlay_stretch = FALSE direction = RTL } image { function = BOX state = PRELIGHT detail = "spinbutton_down" file = "assets/spin-rtl-down-hover.png" border = {8, 0, 0, 8} stretch = TRUE overlay_file = "assets/pan-down.png" overlay_stretch = FALSE direction = RTL } image { function = BOX state = ACTIVE detail = "spinbutton_down" file = "assets/spin-rtl-down-active.png" border = {8, 0, 0, 8} stretch = TRUE overlay_file = "assets/pan-down.png" overlay_stretch = FALSE direction = RTL } image { function = BOX state = INSENSITIVE detail = "spinbutton_down" file = "assets/spin-rtl-down-insensitive.png" border = {8, 0, 0, 8} stretch = TRUE overlay_file = "assets/pan-down-alt-insensitive.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.15, @titlebar_fg_color, @titlebar_bg_color) fg[SELECTED] = @titlebar_fg_color } style "menubar_item" { xthickness = 3 ythickness = 4 fg[NORMAL] = mix(0.7, @titlebar_fg_color, @titlebar_bg_color) bg[PRELIGHT] = mix(0.15, @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] = @base_color bg[INSENSITIVE] = @base_color bg[PRELIGHT] = @base_color bg[SELECTED] = mix(0.15, @fg_color, @base_color) } style "menu_item" { xthickness = 4 ythickness = 4 bg[PRELIGHT] = mix(0.15, @fg_color, @base_color) fg[PRELIGHT] = @fg_color # Chromium uses this setting bg[SELECTED] = mix(0.15, @fg_color, @base_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-insensitive.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-insensitive.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-insensitive.png" overlay_stretch = FALSE } ################# # Radio Buttons # ################# image { function = OPTION state = NORMAL shadow = OUT overlay_file = "assets/menu-radio-unchecked.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = OUT overlay_file = "assets/menu-radio-unchecked.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = OUT overlay_file = "assets/menu-radio-unchecked.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = OUT overlay_file = "assets/menu-radio-unchecked-insensitive.png" overlay_stretch = FALSE } image { function = OPTION state = NORMAL shadow = IN overlay_file = "assets/menu-radio-checked.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = IN overlay_file = "assets/menu-radio-checked.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = IN overlay_file = "assets/menu-radio-checked.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = IN overlay_file = "assets/menu-radio-checked-insensitive.png" overlay_stretch = FALSE } image { function = 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-insensitive.png" overlay_stretch = FALSE } } } style "separator_menu_item" { xthickness = 0 ythickness = 2 engine "pixmap" { image { function = BOX file = "assets/border.png" border = {0, 0, 0, 1} } } } style "button_label" { fg[NORMAL] = mix(0.75, @fg_color, @bg_color) # fg[INSENSITIVE] = mix(0.3, @fg_color, @bg_color) font_name = "Medium" } style "checkbutton_label" { fg[NORMAL] = @fg_color # fg[INSENSITIVE] = mix(0.4, @fg_color, @bg_color) font_name = "Regular" } style "button" { xthickness = 4 ythickness = 4 # For the sake of sanity style buttons this way engine "pixmap" { ########### # Buttons # ########### image { function = BOX state = NORMAL file = "assets/button.png" border = {8, 8, 8, 8} stretch = TRUE } image { function = BOX state = PRELIGHT shadow = OUT file = "assets/button-hover.png" border = {8, 8, 8, 8} stretch = TRUE } # Don't add hover effect on pressed buttons image { function = BOX state = PRELIGHT shadow = IN file = "assets/button-active.png" border = {8, 8, 8, 8} stretch = TRUE } image { function = BOX state = ACTIVE file = "assets/button-active.png" border = {8, 8, 8, 8} stretch = TRUE } image { function = BOX state = INSENSITIVE file = "assets/button-insensitive.png" border = {8, 8, 8, 8} stretch = TRUE } } } style "link_button" { # Disable the button effect, leave just the link engine "pixmap" { image { function = BOX } } } style "entry" { # We set this same as the border of the border of the entry # This way there's no overlap xthickness = 6 ythickness = 6 } style "combobox" { xthickness = 6 ythickness = 6 # This affects only the button beside an entry GtkButton::inner-border = {0, 0, 0, 0} } style "combobox_cellview" { text[NORMAL] = mix(0.75, @fg_color, @bg_color) # text[INSENSITIVE] = mix(0.3, @fg_color, @bg_color) font_name = "Medium" } style "combobox_entry" { # Since one side of the button is missing, we need to shift the arrow a little to the right GtkButton::inner-border = {0, 2, 0, 0} engine "pixmap" { ############# # LTR entry # ############# image { function = SHADOW state = NORMAL detail = "entry" file = "assets/combo-ltr-entry.png" border = {8, 0, 8, 8} stretch = TRUE direction = LTR } image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/combo-ltr-entry-active.png" border = {8, 0, 8, 8} stretch = TRUE direction = LTR } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/combo-ltr-entry-insensitive.png" border = {8, 0, 8, 8} stretch = TRUE direction = LTR } ############# # RTL entry # ############# image { function = SHADOW state = NORMAL detail = "entry" file = "assets/combo-rtl-entry.png" border = {0, 8, 8, 8} stretch = TRUE direction = RTL } image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/combo-rtl-entry-active.png" border = {0, 8, 8, 8} stretch = TRUE direction = RTL } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/combo-rtl-entry-insensitive.png" border = {0, 8, 8, 8} stretch = TRUE direction = RTL } ############## # LTR button # ############## image { function = BOX state = NORMAL detail = "button" file = "assets/combo-ltr-button.png" border = {0, 8, 8, 8} stretch = TRUE direction = LTR } image { function = BOX state = PRELIGHT detail = "button" file = "assets/combo-ltr-button-hover.png" border = {0, 8, 8, 8} stretch = TRUE direction = LTR } image { function = BOX state = ACTIVE detail = "button" file = "assets/combo-ltr-button-active.png" border = {0, 8, 8, 8} stretch = TRUE direction = LTR } image { function = BOX state = INSENSITIVE detail = "button" file = "assets/combo-ltr-button-insensitive.png" border = {0, 8, 8, 8} stretch = TRUE direction = LTR } ############## # RTL button # ############## image { function = BOX state = NORMAL detail = "button" file = "assets/combo-rtl-button.png" border = {8, 0, 8, 8} stretch = TRUE direction = RTL } image { function = BOX state = PRELIGHT detail = "button" file = "assets/combo-rtl-button-hover.png" border = {8, 0, 8, 8} stretch = TRUE direction = RTL } image { function = BOX state = ACTIVE detail = "button" file = "assets/combo-rtl-button-active.png" border = {8, 0, 8, 8} stretch = TRUE direction = RTL } image { function = BOX state = INSENSITIVE detail = "button" file = "assets/combo-rtl-button-insensitive.png" border = {8, 0, 8, 8} stretch = TRUE direction = RTL } } } style "combo_button_padding" { # Since one side of the button is missing, we need to shift the arrow a # little to the right. # This is the same thing we've done above but the combo, unlike the combobox, # uses padding the same way as a button. GtkButton::inner-border = {3, 6, 3, 3} } style "notebook" { xthickness = 3 ythickness = 3 } style "notebook_tab_label" { fg[ACTIVE] = mix(0.75, @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" { engine "pixmap" { image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/notebook-entry-active.png" border = {8, 8, 8, 8} stretch = TRUE } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/notebook-entry-insensitive.png" border = {8, 8, 8, 8} stretch = TRUE } image { function = SHADOW detail = "entry" file = "assets/notebook-entry.png" border = {8, 8, 8, 8} stretch = TRUE } } } style "normal_bg" { bg[NORMAL] = @bg_color bg[PRELIGHT] = @bg_color bg[INSENSITIVE] = @bg_color } style "normal_entry" { engine "pixmap" { image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/entry-active.png" border = {8, 8, 8, 8} stretch = TRUE } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/entry-insensitive.png" border = {8, 8, 8, 8} stretch = TRUE } image { function = SHADOW detail = "entry" file = "assets/entry.png" border = {8, 8, 8, 8} stretch = TRUE } } } style "notebook_combo" { engine "pixmap" { ############# # LTR entry # ############# image { function = SHADOW state = NORMAL detail = "entry" file = "assets/notebook-combo-ltr-entry.png" border = {8, 8, 8, 8} stretch = TRUE direction = LTR } image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/notebook-combo-ltr-entry-active.png" border = {8, 8, 8, 8} stretch = TRUE direction = LTR } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/notebook-combo-ltr-entry-insensitive.png" border = {8, 8, 8, 8} stretch = TRUE direction = LTR } ############# # RTL entry # ############# image { function = SHADOW state = NORMAL detail = "entry" file = "assets/notebook-combo-rtl-entry.png" border = {8, 8, 8, 8} stretch = TRUE direction = RTL } image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/notebook-combo-rtl-entry-active.png" border = {8, 8, 8, 8} stretch = TRUE direction = RTL } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/notebook-combo-rtl-entry-insensitive.png" border = {8, 8, 8, 8} stretch = TRUE direction = RTL } } } style "textview" { bg[NORMAL] = @base_color } style "scale_horz" { engine "pixmap" { image { function = BOX detail = "trough-upper" file = "assets/scale-horz-trough.png" border = {6, 6, 0, 0} stretch = TRUE } image { function = BOX detail = "trough-lower" file = "assets/scale-horz-trough-active.png" border = {6, 6, 0, 0} stretch = TRUE } } } style "scale_vert" { engine "pixmap" { image { function = BOX detail = "trough-upper" file = "assets/scale-vert-trough.png" border = {0, 0, 6, 6} stretch = TRUE } image { function = BOX detail = "trough-lower" file = "assets/scale-vert-trough-active.png" border = {0, 0, 6, 6} stretch = TRUE } } } style "progressbar" { xthickness = 0 ythickness = 0 fg[PRELIGHT] = @selected_fg_color engine "pixmap" { image { function = BOX detail = "trough" file = "assets/progressbar-trough.png" border = {0, 0, 0, 0} stretch = TRUE orientation = HORIZONTAL } image { function = BOX detail = "trough" file = "assets/progressbar-trough.png" border = {0, 0, 0, 0} stretch = TRUE orientation = VERTICAL } } } style "treeview_header" { xthickness = 2 ythickness = 2 fg[NORMAL] = mix(0.75, @fg_color, @base_color) fg[PRELIGHT] = @fg_color font_name = "Medium" GtkButton::inner-border = {4, 4, 0, 2} engine "pixmap" { image { function = BOX state = NORMAL file = "assets/treeview-ltr-button.png" border = {0, 1, 0, 1} stretch = TRUE direction = LTR } image { function = BOX state = PRELIGHT file = "assets/treeview-ltr-button-hover.png" border = {0, 1, 0, 1} stretch = TRUE direction = LTR } image { function = BOX state = ACTIVE file = "assets/treeview-ltr-button-active.png" border = {0, 1, 0, 1} stretch = TRUE direction = LTR } image { function = BOX state = NORMAL file = "assets/treeview-rtl-button.png" border = {1, 0, 0, 1} stretch = TRUE direction = RTL } image { function = BOX state = PRELIGHT file = "assets/treeview-rtl-button-hover.png" border = {1, 0, 0, 1} stretch = TRUE direction = RTL } image { function = BOX state = ACTIVE file = "assets/treeview-rtl-button-active.png" border = {1, 0, 0, 1} stretch = TRUE direction = RTL } image { function = ARROW state = NORMAL overlay_file = "assets/pan-up-alt.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = PRELIGHT overlay_file = "assets/pan-up.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = ACTIVE overlay_file = "assets/pan-up.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = NORMAL overlay_file = "assets/pan-down-alt.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = PRELIGHT overlay_file = "assets/pan-down.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = ACTIVE overlay_file = "assets/pan-down.png" overlay_stretch = FALSE arrow_direction = DOWN } } } style "scrolled_window" { engine "pixmap" { image { function = SHADOW file = "assets/frame.png" border = {1, 1, 1, 1} stretch = TRUE } } } style "frame" { engine "pixmap" { image { function = SHADOW shadow = NONE } image { function = SHADOW file = "assets/frame.png" border = {1, 1, 1, 1} stretch = TRUE } image { function = SHADOW_GAP file = "assets/frame.png" border = {1, 1, 1, 1} stretch = TRUE gap_start_file = "assets/border.png" gap_end_file = "assets/border.png" } } } style "tool_button" { GtkButton::inner-border = {2, 2, 2, 2} # For the sake of sanity style buttons this way engine "pixmap" { image { function = BOX state = NORMAL file = "assets/flat-button.png" border = {8, 8, 8, 8} stretch = TRUE } image { function = BOX state = PRELIGHT shadow = OUT file = "assets/flat-button-hover.png" border = {8, 8, 8, 8} stretch = TRUE } # Don't add hover effect on pressed buttons image { function = BOX state = PRELIGHT shadow = IN file = "assets/flat-button-active.png" border = {8, 8, 8, 8} stretch = TRUE } image { function = BOX state = ACTIVE file = "assets/flat-button-active.png" border = {8, 8, 8, 8} stretch = TRUE } image { function = BOX state = INSENSITIVE shadow = OUT file = "assets/flat-button-insensitive.png" border = {8, 8, 8, 8} stretch = TRUE } image { function = BOX state = INSENSITIVE shadow = IN file = "assets/button-insensitive.png" border = {8, 8, 8, 8} stretch = TRUE } } } style "toolbar_separator" { GtkWidget::wide-separators = 1 GtkWidget::separator-width = 1 GtkWidget::separator-height = 1 engine "pixmap" { image { function = BOX file = "assets/border.png" } } } style "inline_toolbar" { # GtkToolbar::button-relief = GTK_RELIEF_NORMAL engine "pixmap" { image { function = BOX file = "assets/frame-inline.png" border = {1, 1, 0, 1} stretch = TRUE } } } style "tooltip" { xthickness = 8 ythickness = 8 bg[NORMAL] = @tooltip_bg_color fg[NORMAL] = @tooltip_fg_color bg[SELECTED] = @tooltip_bg_color } style "disable_text_shadow" { engine "murrine" { textstyle = 0 } } style "disable_separator" { xthickness = 0 ythickness = 0 GtkWidget::wide-separators = 1 } # Default style, containing theme properties and trying to match every widget as # much as possible, which is not only faster than trying to match every widget # by its own but also less bug-prune and more consistent. However there is some # widget specific stuff that needs to be taken care of, which is the point of # every other style below. class "GtkWidget" style "default" ###################################### # Override padding, style and colour # ###################################### class "GtkButton" style "button" class "GtkLinkButton" style "link_button" class "GtkEntry" style "entry" class "GtkOldEditable" style "entry" class "GtkNotebook" style "notebook" class "GtkHScale" style "scale_horz" class "GtkVScale" style "scale_vert" class "GtkProgressBar" style "progressbar" class "GtkScrolledWindow" style "scrolled_window" class "GtkFrame" style "frame" class "GtkSeparatorToolItem" style "toolbar_separator" class "GtkMenuBar" style "menubar" class "GtkMenu" style "menu" class "GtkTextView" style "textview" # Menu and menubar items widget_class "**" style "menu_item" widget_class "*.*" style "menubar_item" widget_class "**" style "separator_menu_item" # Treeview buttons widget_class "***" style "treeview_header" # Give the file chooser toolbar a border widget_class "**" style "inline_toolbar" # Fix padding on regular comboboxes widget_class "*." style "combobox" # 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" widget_class "***" style "notebook_combo" widget_class "***" style "notebook_combo" # 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" widget_class "****" style "combobox_entry" widget_class "****" style "combobox_entry" widget_class "***." style "combo_button_padding" # Button labels widget_class "**" style "button_label" # Checkbutton labels widget_class "*." style "checkbutton_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" materia-theme-20180321/src/gtk-2.0/main.rc.hidpi000066400000000000000000002056261325420104000207170ustar00rootroot00000000000000# 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*4 (separator + margins) GtkToolbar::internal-padding = 4 GtkToolButton::icon-spacing = 8 GtkWidget::tooltip-radius = 4 GtkWidget::tooltip-alpha = 230 GtkWidget::new-tooltip-style = 1 #for compatibility GtkWidget::link-color = @link_color GtkWidget::visited-link-color = @visited_link_color GnomeHRef::link_color = @link_color GtkHTML::link-color = @link_color GtkHTML::vlink-color = @visited_link_color GtkIMHtml::hyperlink-color = @link_color GtkIMHtml::hyperlink-visited-color = @visited_link_color GtkSeparatorMenuItem::horizontal-padding = 0 GtkSeparatorMenuItem::wide-separators = 1 GtkSeparatorMenuItem::separator-height = 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 + 4*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 = {20, 20, 12, 12} 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] = @selected_bg_color bg[INSENSITIVE] = @bg_color bg[ACTIVE] = @bg_color fg[NORMAL] = @fg_color fg[PRELIGHT] = @fg_color fg[SELECTED] = @selected_fg_color fg[INSENSITIVE] = mix (0.4, @fg_color, @bg_color) fg[ACTIVE] = @fg_color text[NORMAL] = @text_color text[PRELIGHT] = @text_color text[SELECTED] = @selected_fg_color text[INSENSITIVE] = mix (0.4, @text_color, @base_color) text[ACTIVE] = @selected_fg_color base[NORMAL] = @base_color base[PRELIGHT] = mix (0.05, @text_color, @base_color) base[SELECTED] = @selected_bg_color base[INSENSITIVE] = mix (0.5, @base_color, @bg_color) base[ACTIVE] = @selected_bg_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-insensitive.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-insensitive.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-insensitive.png" overlay_stretch = FALSE } ################# # Radio Buttons # ################# image { function = OPTION state = NORMAL shadow = OUT overlay_file = "assets/radio-unchecked.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = OUT overlay_file = "assets/radio-unchecked-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-insensitive.png" overlay_stretch = FALSE } image { function = OPTION state = NORMAL shadow = IN overlay_file = "assets/radio-checked.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = IN overlay_file = "assets/radio-checked-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-insensitive.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-insensitive.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-insensitive.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-insensitive.png" overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = INSENSITIVE detail = "menu_scroll_arrow_up" overlay_file = "assets/pan-up-insensitive.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-insensitive.png" overlay_stretch = FALSE } image { function = ARROW detail = "menu_scroll_arrow_down" overlay_file = "assets/pan-down.png" overlay_stretch = FALSE } # Regular arrows image { function = ARROW state = NORMAL overlay_file = "assets/pan-up-alt.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = PRELIGHT overlay_file = "assets/pan-up.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = ACTIVE overlay_file = "assets/pan-up.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = INSENSITIVE overlay_file = "assets/pan-up-alt-insensitive.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = NORMAL overlay_file = "assets/pan-down-alt.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = PRELIGHT overlay_file = "assets/pan-down.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = ACTIVE overlay_file = "assets/pan-down.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = INSENSITIVE overlay_file = "assets/pan-down-alt-insensitive.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = NORMAL overlay_file = "assets/pan-left-alt.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = PRELIGHT overlay_file = "assets/pan-left.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = ACTIVE overlay_file = "assets/pan-left.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = INSENSITIVE overlay_file = "assets/pan-left-alt-insensitive.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = NORMAL overlay_file = "assets/pan-right-alt.png" overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = PRELIGHT overlay_file = "assets/pan-right.png" overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = ACTIVE overlay_file = "assets/pan-right.png" overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = INSENSITIVE overlay_file = "assets/pan-right-alt-insensitive.png" overlay_stretch = FALSE arrow_direction = RIGHT } ###################### # Option Menu Arrows # ###################### image { function = TAB state = NORMAL overlay_file = "assets/pan-down-alt.png" overlay_stretch = FALSE } image { function = TAB state = PRELIGHT overlay_file = "assets/pan-down.png" overlay_stretch = FALSE } image { function = TAB state = ACTIVE overlay_file = "assets/pan-down.png" overlay_stretch = FALSE } image { function = TAB state = INSENSITIVE overlay_file = "assets/pan-down-alt-insensitive.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 = {4, 4, 4, 4} stretch = TRUE } ########### # Handles # ########### image { function = HANDLE detail = "handlebox" overlay_file = "assets/handle-vert.png" overlay_stretch = FALSE } image { function = HANDLE state = NORMAL overlay_file = "assets/handle-horz.png" overlay_stretch = FALSE orientation = HORIZONTAL } image { function = HANDLE state = PRELIGHT overlay_file = "assets/handle-horz-hover.png" overlay_stretch = FALSE orientation = HORIZONTAL } image { function = HANDLE state = ACTIVE overlay_file = "assets/handle-horz-active.png" overlay_stretch = FALSE orientation = HORIZONTAL } image { function = HANDLE state = NORMAL overlay_file = "assets/handle-vert.png" overlay_stretch = FALSE orientation = VERTICAL } image { function = HANDLE state = PRELIGHT overlay_file = "assets/handle-vert-hover.png" overlay_stretch = FALSE orientation = VERTICAL } image { function = HANDLE state = ACTIVE overlay_file = "assets/handle-vert-active.png" overlay_stretch = FALSE orientation = VERTICAL } image { function = RESIZE_GRIP } ############# # Expanders # ############# image { function = EXPANDER expander_style = EXPANDED state = NORMAL file = "assets/pan-down-alt.png" } image { function = EXPANDER expander_style = EXPANDED state = PRELIGHT file = "assets/pan-down.png" } image { function = EXPANDER expander_style = EXPANDED state = ACTIVE file = "assets/pan-down.png" } image { function = EXPANDER expander_style = EXPANDED state = INSENSITIVE file = "assets/pan-down-alt-insensitive.png" } # LTR image { function = EXPANDER expander_style = COLLAPSED state = NORMAL file = "assets/pan-right-alt.png" direction = LTR } image { function = EXPANDER expander_style = COLLAPSED state = PRELIGHT file = "assets/pan-right.png" direction = LTR } image { function = EXPANDER expander_style = COLLAPSED state = ACTIVE file = "assets/pan-right.png" direction = LTR } image { function = EXPANDER expander_style = COLLAPSED state = INSENSITIVE file = "assets/pan-right-alt-insensitive.png" direction = LTR } image { function = EXPANDER expander_style = SEMI_COLLAPSED file = "assets/pan-right-semi.png" direction = LTR } image { function = EXPANDER expander_style = SEMI_EXPANDED file = "assets/pan-right-semi.png" direction = LTR } # RTL image { function = EXPANDER expander_style = COLLAPSED state = NORMAL file = "assets/pan-left-alt.png" direction = RTL } image { function = EXPANDER expander_style = COLLAPSED state = PRELIGHT file = "assets/pan-left.png" direction = RTL } image { function = EXPANDER expander_style = COLLAPSED state = ACTIVE file = "assets/pan-left.png" direction = RTL } image { function = EXPANDER expander_style = COLLAPSED state = INSENSITIVE file = "assets/pan-left-alt-insensitive.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-insensitive.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-insensitive.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-insensitive.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-insensitive.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-insensitive.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-insensitive.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-insensitive.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-insensitive.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-insensitive.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-insensitive.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-insensitive.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-alt.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-insensitive.png" border = {0, 16, 16, 0} stretch = TRUE overlay_file = "assets/pan-up-alt-insensitive.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-alt.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-insensitive.png" border = {16, 0, 16, 0} stretch = TRUE overlay_file = "assets/pan-up-alt-insensitive.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-alt.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-insensitive.png" border = {0, 16, 0, 16} stretch = TRUE overlay_file = "assets/pan-down-alt-insensitive.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-alt.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-insensitive.png" border = {16, 0, 0, 16} stretch = TRUE overlay_file = "assets/pan-down-alt-insensitive.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.15, @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.15, @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] = @base_color bg[INSENSITIVE] = @base_color bg[PRELIGHT] = @base_color bg[SELECTED] = mix(0.15, @fg_color, @base_color) } style "menu_item" { xthickness = 8 ythickness = 8 bg[PRELIGHT] = mix(0.15, @fg_color, @base_color) fg[PRELIGHT] = @fg_color # Chromium uses this setting bg[SELECTED] = mix(0.15, @fg_color, @base_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-insensitive.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-insensitive.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-insensitive.png" overlay_stretch = FALSE } ################# # Radio Buttons # ################# image { function = OPTION state = NORMAL shadow = OUT overlay_file = "assets/menu-radio-unchecked.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = OUT overlay_file = "assets/menu-radio-unchecked.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = OUT overlay_file = "assets/menu-radio-unchecked.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = OUT overlay_file = "assets/menu-radio-unchecked-insensitive.png" overlay_stretch = FALSE } image { function = OPTION state = NORMAL shadow = IN overlay_file = "assets/menu-radio-checked.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = IN overlay_file = "assets/menu-radio-checked.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = IN overlay_file = "assets/menu-radio-checked.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = IN overlay_file = "assets/menu-radio-checked-insensitive.png" overlay_stretch = FALSE } image { function = 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-insensitive.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.75, @fg_color, @bg_color) # fg[INSENSITIVE] = mix(0.3, @fg_color, @bg_color) font_name = "Medium" } style "checkbutton_label" { fg[NORMAL] = @fg_color # fg[INSENSITIVE] = mix(0.4, @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-insensitive.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" { # 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} } style "combobox_cellview" { text[NORMAL] = mix(0.75, @fg_color, @bg_color) # text[INSENSITIVE] = mix(0.3, @fg_color, @bg_color) font_name = "Medium" } 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-ltr-entry.png" border = {16, 0, 16, 16} stretch = TRUE direction = LTR } image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/combo-ltr-entry-active.png" border = {16, 0, 16, 16} stretch = TRUE direction = LTR } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/combo-ltr-entry-insensitive.png" border = {16, 0, 16, 16} stretch = TRUE direction = LTR } ############# # RTL entry # ############# image { function = SHADOW state = NORMAL detail = "entry" file = "assets/combo-rtl-entry.png" border = {0, 16, 16, 16} stretch = TRUE direction = RTL } image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/combo-rtl-entry-active.png" border = {0, 16, 16, 16} stretch = TRUE direction = RTL } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/combo-rtl-entry-insensitive.png" border = {0, 16, 16, 16} stretch = TRUE direction = RTL } ############## # LTR button # ############## image { function = BOX state = NORMAL detail = "button" file = "assets/combo-ltr-button.png" border = {0, 16, 16, 16} stretch = TRUE direction = LTR } image { function = BOX state = PRELIGHT detail = "button" file = "assets/combo-ltr-button-hover.png" border = {0, 16, 16, 16} stretch = TRUE direction = LTR } image { function = BOX state = ACTIVE detail = "button" file = "assets/combo-ltr-button-active.png" border = {0, 16, 16, 16} stretch = TRUE direction = LTR } image { function = BOX state = INSENSITIVE detail = "button" file = "assets/combo-ltr-button-insensitive.png" border = {0, 16, 16, 16} stretch = TRUE direction = LTR } ############## # RTL button # ############## image { function = BOX state = NORMAL detail = "button" file = "assets/combo-rtl-button.png" border = {16, 0, 16, 16} stretch = TRUE direction = RTL } image { function = BOX state = PRELIGHT detail = "button" file = "assets/combo-rtl-button-hover.png" border = {16, 0, 16, 16} stretch = TRUE direction = RTL } image { function = BOX state = ACTIVE detail = "button" file = "assets/combo-rtl-button-active.png" border = {16, 0, 16, 16} stretch = TRUE direction = RTL } image { function = BOX state = INSENSITIVE detail = "button" file = "assets/combo-rtl-button-insensitive.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.75, @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" { engine "pixmap" { image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/notebook-entry-active.png" border = {16, 16, 16, 16} stretch = TRUE } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/notebook-entry-insensitive.png" border = {16, 16, 16, 16} stretch = TRUE } image { function = SHADOW detail = "entry" file = "assets/notebook-entry.png" border = {16, 16, 16, 16} stretch = TRUE } } } style "normal_bg" { bg[NORMAL] = @bg_color bg[PRELIGHT] = @bg_color bg[INSENSITIVE] = @bg_color } style "normal_entry" { engine "pixmap" { 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-insensitive.png" border = {16, 16, 16, 16} stretch = TRUE } image { function = SHADOW detail = "entry" file = "assets/entry.png" border = {16, 16, 16, 16} stretch = TRUE } } } style "notebook_combo" { engine "pixmap" { ############# # LTR entry # ############# image { function = SHADOW state = NORMAL detail = "entry" file = "assets/notebook-combo-ltr-entry.png" border = {16, 16, 16, 16} stretch = TRUE direction = LTR } image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/notebook-combo-ltr-entry-active.png" border = {16, 16, 16, 16} stretch = TRUE direction = LTR } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/notebook-combo-ltr-entry-insensitive.png" border = {16, 16, 16, 16} stretch = TRUE direction = LTR } ############# # RTL entry # ############# image { function = SHADOW state = NORMAL detail = "entry" file = "assets/notebook-combo-rtl-entry.png" border = {16, 16, 16, 16} stretch = TRUE direction = RTL } image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/notebook-combo-rtl-entry-active.png" border = {16, 16, 16, 16} stretch = TRUE direction = RTL } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/notebook-combo-rtl-entry-insensitive.png" border = {16, 16, 16, 16} stretch = TRUE direction = RTL } } } 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.75, @fg_color, @base_color) fg[PRELIGHT] = @fg_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-alt.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = PRELIGHT overlay_file = "assets/pan-up.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = ACTIVE overlay_file = "assets/pan-up.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = NORMAL overlay_file = "assets/pan-down-alt.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = PRELIGHT overlay_file = "assets/pan-down.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = ACTIVE overlay_file = "assets/pan-down.png" overlay_stretch = FALSE arrow_direction = DOWN } } } style "scrolled_window" { engine "pixmap" { image { function = SHADOW file = "assets/frame.png" border = {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-insensitive.png" border = {16, 16, 16, 16} stretch = TRUE } image { function = BOX state = INSENSITIVE shadow = IN file = "assets/button-insensitive.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" # 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" widget_class "***" style "notebook_combo" widget_class "***" style "notebook_combo" # 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" widget_class "****" style "combobox_entry" widget_class "****" style "combobox_entry" widget_class "***." style "combo_button_padding" # Button labels widget_class "**" style "button_label" # Checkbutton labels widget_class "*." style "checkbutton_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" materia-theme-20180321/src/gtk-2.0/render-asset-dark.sh000077500000000000000000000012751325420104000222150ustar00rootroot00000000000000#! /bin/bash set -ueo pipefail INKSCAPE="/usr/bin/inkscape" OPTIPNG="/usr/bin/optipng" SRC_FILE="assets-dark.svg" ASSETS_DIR="assets-dark" i=${1} GTK2_HIDPI=$(echo ${GTK2_HIDPI-False} | tr '[:upper:]' '[:lower:]') if [[ ${GTK2_HIDPI} == "true" ]] ; then EXTRA_OPTIONS="--export-dpi=192" else EXTRA_OPTIONS="" fi if [ -f $ASSETS_DIR/$i.png ]; then echo $ASSETS_DIR/$i.png exists. else echo Rendering $ASSETS_DIR/$i.png $INKSCAPE --export-id=$i \ --export-id-only \ --export-background-opacity=0 \ $EXTRA_OPTIONS \ --export-png=$ASSETS_DIR/$i.png $SRC_FILE >/dev/null \ && $OPTIPNG -o7 --quiet $ASSETS_DIR/$i.png fi exit 0 materia-theme-20180321/src/gtk-2.0/render-asset.sh000077500000000000000000000012631325420104000212730ustar00rootroot00000000000000#! /bin/bash set -ueo pipefail INKSCAPE="/usr/bin/inkscape" OPTIPNG="/usr/bin/optipng" SRC_FILE="assets.svg" ASSETS_DIR="assets" i=${1} GTK2_HIDPI=$(echo ${GTK2_HIDPI-False} | tr '[:upper:]' '[:lower:]') if [[ ${GTK2_HIDPI} == "true" ]] ; then EXTRA_OPTIONS="--export-dpi=192" else EXTRA_OPTIONS="" fi if [ -f $ASSETS_DIR/$i.png ]; then echo $ASSETS_DIR/$i.png exists. else echo Rendering $ASSETS_DIR/$i.png $INKSCAPE --export-id=$i \ --export-id-only \ --export-background-opacity=0 \ $EXTRA_OPTIONS \ --export-png=$ASSETS_DIR/$i.png $SRC_FILE >/dev/null \ && $OPTIPNG -o7 --quiet $ASSETS_DIR/$i.png fi exit 0 materia-theme-20180321/src/gtk-2.0/render-assets-dark.sh000077500000000000000000000003151325420104000223720ustar00rootroot00000000000000#! /bin/bash set -ueo pipefail INDEX="assets.txt" _parallel() { which parallel && parallel $@ || ( while read i; do $1 $i done ) } cat $INDEX | _parallel ./render-asset-dark.sh exit 0 materia-theme-20180321/src/gtk-2.0/render-assets.sh000077500000000000000000000003101325420104000214460ustar00rootroot00000000000000#! /bin/bash set -ueo pipefail INDEX="assets.txt" _parallel() { which parallel && parallel $@ || ( while read i; do $1 $i done ) } cat $INDEX | _parallel ./render-asset.sh exit 0 materia-theme-20180321/src/gtk/000077500000000000000000000000001325420104000160415ustar00rootroot00000000000000materia-theme-20180321/src/gtk/3.18/000077500000000000000000000000001325420104000164325ustar00rootroot00000000000000materia-theme-20180321/src/gtk/3.18/gtk-dark.css000066400000000000000000002625741325420104000206700ustar00rootroot00000000000000@keyframes ripple_effect { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(currentColor, 0.15)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(currentColor, 0.15)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.15)); } } @keyframes flat_ripple_effect { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(currentColor, 0.15)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.15)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(currentColor, 0.15)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.15)); } } @keyframes list_ripple_effect { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(currentColor, 0.15)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(currentColor, 0.15)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); } } * { padding: 0; background-clip: padding-box; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #DD2C00; -GtkCheckButton-indicator-size: 24; -GtkCheckMenuItem-indicator-size: 16; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkScrolledWindow-scrollbars-within-bevel: 1; -GtkToolItemGroup-expander-size: 11; -GtkExpander-expander-size: 16; -GtkTreeView-expander-size: 11; -GtkTreeView-horizontal-separator: 4; -GtkMenu-horizontal-padding: 0; -GtkMenu-vertical-padding: 0; -GtkWidget-link-color: #338DD6; -GtkWidget-visited-link-color: #E040FB; -GtkWidget-focus-padding: 2; -GtkWidget-focus-line-width: 1; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 20; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; -GtkStatusbar-shadow-type: none; outline-style: solid; outline-width: 2px; outline-color: alpha(currentColor, 0.3); outline-offset: -4px; outline-radius: 2px; } /*************** * Base States * ***************/ .background { background-color: #212121; color: #FFFFFF; } /* 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. */ *:insensitive { -gtk-image-effect: dim; } .gtkstyle-fallback { background-color: #212121; color: #FFFFFF; } .gtkstyle-fallback:prelight { background-color: #141414; color: #FFFFFF; } .gtkstyle-fallback:active { background-color: #080808; color: #FFFFFF; } .gtkstyle-fallback:insensitive { background-color: #212121; color: rgba(255, 255, 255, 0.5); } .gtkstyle-fallback:selected { background-color: #338DD6; color: #FFFFFF; } .view { background-color: #303030; color: #FFFFFF; } .view:hover, .view:active, .view:selected, GtkCalendar:selected { border-radius: 2px; } .view:insensitive { color: rgba(255, 255, 255, 0.5); } .rubberband, GtkTreeView.view.rubberband, .content-view.rubberband { border: 1px solid #40C4FF; background-color: rgba(64, 196, 255, 0.3); } .label.separator { color: #FFFFFF; } .label:insensitive { color: rgba(255, 255, 255, 0.5); } .dim-label, .label.separator, .titlebar .subtitle, .header-bar .subtitle { opacity: 0.6; } GtkAssistant .sidebar { padding: 6px 0; } GtkAssistant .sidebar:dir(ltr) { border-right: 1px solid rgba(0, 0, 0, 0.26); } GtkAssistant .sidebar:dir(rtl) { border-left: 1px solid rgba(0, 0, 0, 0.26); } GtkAssistant .sidebar .label { opacity: 0.6; padding: 5px 12px 6px; font-weight: 500; } GtkAssistant .sidebar .label.highlight { opacity: 1; } GtkTextView { background-color: #292929; } .grid-child { padding: 4px; border-radius: 2px; } .popover.osd, .app-notification, .app-notification.frame, .osd .scale-popup, .floating-bar, .osd { opacity: 0.9; } /********************* * Spinner Animation * *********************/ @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } .spinner { background-color: blue; background-image: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } .spinner:active { opacity: 1; animation: spin 1s linear infinite; } .spinner:active:insensitive { opacity: 0.5; } /**************** * Text Entries * ****************/ .entry { padding: 7px 8px 8px; border-radius: 2px; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #303030; color: #FFFFFF; } .entry:focus { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } .entry:insensitive { color: rgba(255, 255, 255, 0.5); background-color: #292929; } .entry.flat, .notebook GtkGrid > .entry { border-radius: 0; transition: all 270ms cubic-bezier(0, 0, 0.2, 1); border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(#338DD6), to(transparent)) 0 0 0/0 0 0px; border-radius: 0; box-shadow: inset 0 -1px alpha(currentColor, 0.3); background-color: transparent; color: #FFFFFF; } .entry.flat:focus, .notebook GtkGrid > .entry:focus { border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#338DD6), to(transparent)) 0 0 2/0 0 2px; box-shadow: inset 0 -2px #338DD6; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0 270ms; } .entry.flat:insensitive, .notebook GtkGrid > .entry:insensitive { box-shadow: inset 0 -1px alpha(currentColor, 0.3); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .entry.image.left { padding-left: 2px; } .entry.image.right { padding-right: 2px; } .entry.progressbar, GtkTreeView.view.progressbar, GtkTreeView.view.trough { margin: 2px; border-style: none none solid; border-width: 2px; border-color: #338DD6; border-radius: 0; box-shadow: none; background-color: transparent; background-image: none; } .linked > .entry.flat, .notebook GtkGrid.linked > .entry, .linked.vertical > .entry.flat, .notebook GtkGrid.linked.vertical > .entry { border-radius: 0; } .entry.error { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #DD2C00; color: #FFFFFF; } .entry.error:focus { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } .entry.error:insensitive { color: rgba(255, 255, 255, 0.5); background-color: #292929; } .entry.error.flat, .notebook GtkGrid > .error.entry { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(#DD2C00), to(transparent)) 0 0 0/0 0 0px; border-radius: 0; box-shadow: inset 0 -1px #DD2C00; background-color: transparent; color: #FFFFFF; } .entry.error.flat:focus, .notebook GtkGrid > .error.entry:focus { border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#DD2C00), to(transparent)) 0 0 2/0 0 2px; box-shadow: inset 0 -2px #DD2C00; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0 270ms; } .entry.error.flat:insensitive, .notebook GtkGrid > .error.entry:insensitive { box-shadow: inset 0 -1px alpha(currentColor, 0.3); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .entry.warning { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FF6D00; color: #FFFFFF; } .entry.warning:focus { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } .entry.warning:insensitive { color: rgba(255, 255, 255, 0.5); background-color: #292929; } .entry.warning.flat, .notebook GtkGrid > .warning.entry { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(#FF6D00), to(transparent)) 0 0 0/0 0 0px; border-radius: 0; box-shadow: inset 0 -1px #FF6D00; background-color: transparent; color: #FFFFFF; } .entry.warning.flat:focus, .notebook GtkGrid > .warning.entry:focus { border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#FF6D00), to(transparent)) 0 0 2/0 0 2px; box-shadow: inset 0 -2px #FF6D00; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0 270ms; } .entry.warning.flat:insensitive, .notebook GtkGrid > .warning.entry:insensitive { box-shadow: inset 0 -1px alpha(currentColor, 0.3); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .entry.image:not(:hover):not(:active) { color: alpha(currentColor, 0.75); } .entry.image:insensitive { color: alpha(currentColor, 0.6); } GtkTreeView .entry:not(:selected), GtkTreeView .entry:not(:selected):focus { padding: 2px; border-image: none; border-radius: 0; box-shadow: none; background-color: #303030; } /*********** * Buttons * ***********/ @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#009688), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#009688), to(transparent)); } } .button { padding: 7px 10px 8px; border-radius: 2px; background-repeat: no-repeat; background-position: center, center; background-size: 90px 90px, auto; font-weight: 500; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #424242; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); color: rgba(255, 255, 255, 0.8); } .button:hover { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); color: #FFFFFF; } .button:active { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1), background-image 0; animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); color: #FFFFFF; } .button:insensitive { box-shadow: none; background-color: alpha(currentColor, 0.3); color: rgba(255, 255, 255, 0.3); } .button:insensitive > .label { color: inherit; } .button:checked { background-color: #338DD6; color: #FFFFFF; } .button:checked:insensitive { background-color: alpha(currentColor, 0.3); color: rgba(51, 141, 214, 0.5); } .button:checked:insensitive > .label { color: inherit; } .spinbutton .button, .popover .linked > .button, .notebook tab .button, GtkCalendar.button, .message-dialog.csd .dialog-action-area .button, .sidebar-button.button, .toolbar:not(.search-bar) .button, .titlebar .button:not(.suggested-action):not(.destructive-action), .header-bar .button:not(.suggested-action):not(.destructive-action), .frame.action-bar .button:not(.suggested-action):not(.destructive-action), .app-notification .button, .app-notification.frame .button, .button.flat { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); box-shadow: none; background-color: transparent; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); color: alpha(currentColor, 0.75); } .spinbutton .button:hover, .popover .linked > .button:hover, .notebook tab .button:hover, GtkCalendar.button:hover, .message-dialog.csd .dialog-action-area .button:hover, .sidebar-button.button:hover, .toolbar:not(.search-bar) .button:hover, .titlebar .button:hover:not(.suggested-action):not(.destructive-action), .header-bar .button:hover:not(.suggested-action):not(.destructive-action), .frame.action-bar .button:hover:not(.suggested-action):not(.destructive-action), .app-notification .button:hover, .button.flat:hover { box-shadow: none; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.15)); color: currentColor; } .spinbutton .button:active, .popover .linked > .button:active, .notebook tab .button:active, GtkCalendar.button:active, .message-dialog.csd .dialog-action-area .button:active, .sidebar-button.button:active, .toolbar:not(.search-bar) .button:active, .titlebar .button:active:not(.suggested-action):not(.destructive-action), .header-bar .button:active:not(.suggested-action):not(.destructive-action), .frame.action-bar .button:active:not(.suggested-action):not(.destructive-action), .app-notification .button:active, .button.flat:active { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-image 0; animation: flat_ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: none; color: currentColor; } .spinbutton .button:insensitive, .popover .linked > .button:insensitive, .notebook tab .button:insensitive, GtkCalendar.button:insensitive, .message-dialog.csd .dialog-action-area .button:insensitive, .sidebar-button.button:insensitive, .toolbar:not(.search-bar) .button:insensitive, .titlebar .button:insensitive:not(.suggested-action):not(.destructive-action), .header-bar .button:insensitive:not(.suggested-action):not(.destructive-action), .frame.action-bar .button:insensitive:not(.suggested-action):not(.destructive-action), .app-notification .button:insensitive, .button.flat:insensitive { box-shadow: none; background-color: transparent; color: alpha(currentColor, 0.375); } .spinbutton .button:insensitive > .label, .popover .linked > .button:insensitive > .label, .notebook tab .button:insensitive > .label, GtkCalendar.button:insensitive > .label, .message-dialog.csd .dialog-action-area .button:insensitive > .label, .sidebar-button.button:insensitive > .label, .toolbar:not(.search-bar) .button:insensitive > .label, .titlebar .button:insensitive:not(.suggested-action):not(.destructive-action) > .label, .header-bar .button:insensitive:not(.suggested-action):not(.destructive-action) > .label, .frame.action-bar .button:insensitive:not(.suggested-action):not(.destructive-action) > .label, .app-notification .button:insensitive > .label, .button.flat:insensitive > .label { color: inherit; } .toolbar:not(.search-bar) .button:checked, .titlebar .button:checked:not(.suggested-action):not(.destructive-action), .header-bar .button:checked:not(.suggested-action):not(.destructive-action), .frame.action-bar .button:checked:not(.suggested-action):not(.destructive-action), .app-notification .button:checked, .button.flat:checked { background-color: alpha(currentColor, 0.3); color: currentColor; } .toolbar:not(.search-bar) .button:checked:insensitive, .titlebar .button:checked:insensitive:not(.suggested-action):not(.destructive-action), .header-bar .button:checked:insensitive:not(.suggested-action):not(.destructive-action), .frame.action-bar .button:checked:insensitive:not(.suggested-action):not(.destructive-action), .app-notification .button:checked:insensitive, .button.flat:checked:insensitive { background-color: alpha(currentColor, 0.3); color: alpha(currentColor, 0.5); } .toolbar:not(.search-bar) .button:checked:insensitive > .label, .titlebar .button:checked:insensitive:not(.suggested-action):not(.destructive-action) > .label, .header-bar .button:checked:insensitive:not(.suggested-action):not(.destructive-action) > .label, .frame.action-bar .button:checked:insensitive:not(.suggested-action):not(.destructive-action) > .label, .app-notification .button:checked:insensitive > .label, .button.flat:checked:insensitive > .label { color: inherit; } .button.osd.image-button { padding: 16px; background-size: 60px 60px, auto; } .button.osd:insensitive { opacity: 0; } .button.suggested-action { background-color: #009688; color: #FFFFFF; } .button.suggested-action:insensitive { box-shadow: none; background-color: alpha(currentColor, 0.3); color: rgba(255, 255, 255, 0.5); } .button.suggested-action:insensitive > .label { color: inherit; } .button.suggested-action:checked { background-color: #4db6ac; } .toolbar:not(.search-bar) .suggested-action.button, .titlebar .suggested-action.button:not(.suggested-action):not(.destructive-action), .header-bar .suggested-action.button:not(.suggested-action):not(.destructive-action), .frame.action-bar .suggested-action.button:not(.suggested-action):not(.destructive-action), .app-notification .suggested-action.button, .button.suggested-action.flat { background-color: transparent; color: #009688; } .toolbar:not(.search-bar) .suggested-action.button:insensitive, .titlebar .suggested-action.button:insensitive:not(.suggested-action):not(.destructive-action), .header-bar .suggested-action.button:insensitive:not(.suggested-action):not(.destructive-action), .frame.action-bar .suggested-action.button:insensitive:not(.suggested-action):not(.destructive-action), .app-notification .suggested-action.button:insensitive, .button.suggested-action.flat:insensitive { box-shadow: none; background-color: transparent; color: alpha(currentColor, 0.5); } .toolbar:not(.search-bar) .suggested-action.button:insensitive > .label, .titlebar .suggested-action.button:insensitive:not(.suggested-action):not(.destructive-action) > .label, .header-bar .suggested-action.button:insensitive:not(.suggested-action):not(.destructive-action) > .label, .frame.action-bar .suggested-action.button:insensitive:not(.suggested-action):not(.destructive-action) > .label, .app-notification .suggested-action.button:insensitive > .label, .button.suggested-action.flat:insensitive > .label { color: inherit; } .toolbar:not(.search-bar) .suggested-action.button:checked, .titlebar .suggested-action.button:checked:not(.suggested-action):not(.destructive-action), .header-bar .suggested-action.button:checked:not(.suggested-action):not(.destructive-action), .frame.action-bar .suggested-action.button:checked:not(.suggested-action):not(.destructive-action), .app-notification .suggested-action.button:checked, .button.suggested-action.flat:checked { background-color: alpha(currentColor, 0.3); } .button.destructive-action { background-color: #FF5252; color: #FFFFFF; } .button.destructive-action:insensitive { box-shadow: none; background-color: alpha(currentColor, 0.3); color: rgba(255, 255, 255, 0.5); } .button.destructive-action:insensitive > .label { color: inherit; } .button.destructive-action:checked { background-color: #ff8686; } .toolbar:not(.search-bar) .destructive-action.button, .titlebar .destructive-action.button:not(.suggested-action):not(.destructive-action), .header-bar .destructive-action.button:not(.suggested-action):not(.destructive-action), .frame.action-bar .destructive-action.button:not(.suggested-action):not(.destructive-action), .app-notification .destructive-action.button, .button.destructive-action.flat { background-color: transparent; color: #FF5252; } .toolbar:not(.search-bar) .destructive-action.button:insensitive, .titlebar .destructive-action.button:insensitive:not(.suggested-action):not(.destructive-action), .header-bar .destructive-action.button:insensitive:not(.suggested-action):not(.destructive-action), .frame.action-bar .destructive-action.button:insensitive:not(.suggested-action):not(.destructive-action), .app-notification .destructive-action.button:insensitive, .button.destructive-action.flat:insensitive { box-shadow: none; background-color: transparent; color: alpha(currentColor, 0.5); } .toolbar:not(.search-bar) .destructive-action.button:insensitive > .label, .titlebar .destructive-action.button:insensitive:not(.suggested-action):not(.destructive-action) > .label, .header-bar .destructive-action.button:insensitive:not(.suggested-action):not(.destructive-action) > .label, .frame.action-bar .destructive-action.button:insensitive:not(.suggested-action):not(.destructive-action) > .label, .app-notification .destructive-action.button:insensitive > .label, .button.destructive-action.flat:insensitive > .label { color: inherit; } .toolbar:not(.search-bar) .destructive-action.button:checked, .titlebar .destructive-action.button:checked:not(.suggested-action):not(.destructive-action), .header-bar .destructive-action.button:checked:not(.suggested-action):not(.destructive-action), .frame.action-bar .destructive-action.button:checked:not(.suggested-action):not(.destructive-action), .app-notification .destructive-action.button:checked, .button.destructive-action.flat:checked { background-color: alpha(currentColor, 0.3); } .button.text-button, GtkScaleButton.button.text-button, GtkVolumeButton.button.text-button { padding-left: 16px; padding-right: 16px; } .button.text-button.image-button { padding: 7px 10px 8px; outline-radius: 2px; border-radius: 2px; background-size: 90px 90px, auto; } .button.text-button.image-button .label:first-child { padding-left: 6px; } .button.text-button.image-button .label:last-child { padding-right: 6px; } .stack-switcher > .button { outline-offset: -4px; } .stack-switcher > .button > .label { padding-left: 6px; padding-right: 6px; } .stack-switcher > .button > GtkImage { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } .stack-switcher > .button.text-button { padding: 7px 10px 8px; } .stack-switcher > .button.image-button { padding: 7px 4px; } .stack-switcher > .button.needs-attention:checked > .label, .stack-switcher > .button.needs-attention:checked > GtkImage { animation: none; background-image: none; } .primary-toolbar .button { icon-shadow: none; } .toolbar:not(.search-bar) .linked > .button, .titlebar .linked > .button:not(.suggested-action):not(.destructive-action), .header-bar .linked > .button:not(.suggested-action):not(.destructive-action), .frame.action-bar .linked > .button:not(.suggested-action):not(.destructive-action), .app-notification .linked > .button, .toolbar:not(.search-bar) .linked.vertical > .button, .titlebar .linked.vertical > .button:not(.suggested-action):not(.destructive-action), .header-bar .linked.vertical > .button:not(.suggested-action):not(.destructive-action), .frame.action-bar .linked.vertical > .button:not(.suggested-action):not(.destructive-action), .app-notification .linked.vertical > .button, .linked > .button.flat, .linked.vertical > .button.flat { border-radius: 2px; } .toolbar:not(.search-bar) .linked > .image-button.button, .titlebar .linked > .image-button.button:not(.suggested-action):not(.destructive-action), .header-bar .linked > .image-button.button:not(.suggested-action):not(.destructive-action), .frame.action-bar .linked > .image-button.button:not(.suggested-action):not(.destructive-action), .app-notification .linked > .image-button.button, .toolbar:not(.search-bar) .linked.vertical > .image-button.button, .titlebar .linked.vertical > .image-button.button:not(.suggested-action):not(.destructive-action), .header-bar .linked.vertical > .image-button.button:not(.suggested-action):not(.destructive-action), .frame.action-bar .linked.vertical > .image-button.button:not(.suggested-action):not(.destructive-action), .app-notification .linked.vertical > .image-button.button, .linked > .button.flat.image-button, .linked.vertical > .button.flat.image-button { outline-radius: 9999px; border-radius: 9999px; } .toolbar:not(.search-bar) .linked > .text-button.image-button.button, .titlebar .linked > .text-button.image-button.button:not(.suggested-action):not(.destructive-action), .header-bar .linked > .text-button.image-button.button:not(.suggested-action):not(.destructive-action), .frame.action-bar .linked > .text-button.image-button.button:not(.suggested-action):not(.destructive-action), .app-notification .linked > .text-button.image-button.button, .toolbar:not(.search-bar) .linked.vertical > .text-button.image-button.button, .titlebar .linked.vertical > .text-button.image-button.button:not(.suggested-action):not(.destructive-action), .header-bar .linked.vertical > .text-button.image-button.button:not(.suggested-action):not(.destructive-action), .frame.action-bar .linked.vertical > .text-button.image-button.button:not(.suggested-action):not(.destructive-action), .app-notification .linked.vertical > .text-button.image-button.button, .linked > .button.flat.text-button.image-button, .linked.vertical > .button.flat.text-button.image-button { outline-radius: 2px; border-radius: 2px; } .button.image-button, .inline-toolbar .button, .spinbutton .button, .notebook tab .button, GtkScaleButton.button, GtkVolumeButton.button, .header-bar .button.titlebutton, .titlebar .button.titlebutton, .nautilus-circular-button { padding: 10px; outline-radius: 100px; border-radius: 100px; background-size: 45px 45px, auto; } .stack-switcher > .button.needs-attention > .label, .stack-switcher > .button.needs-attention > GtkImage, .sidebar-item.needs-attention > .label { animation: needs_attention 270ms cubic-bezier(0, 0, 0.2, 1) forwards; background-repeat: no-repeat; background-position: right 3px; background-size: 6px 6px; } .stack-switcher > .button.needs-attention > .label:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .sidebar-item.needs-attention > .label:dir(rtl) { background-position: left 3px; } .linked > .entry, .linked > .button, .linked > GtkComboBox > .the-button-in-the-combobox:dir(ltr), .linked > GtkComboBox > .the-button-in-the-combobox:dir(rtl), .linked > GtkComboBoxText > .the-button-in-the-combobox:dir(ltr), .linked > GtkComboBoxText > .the-button-in-the-combobox:dir(rtl) { outline-radius: 2px; border-radius: 0; } .linked > .entry:first-child, .linked > .button:first-child, .linked > GtkComboBox:first-child > .the-button-in-the-combobox, .linked > GtkComboBoxText:first-child > .the-button-in-the-combobox { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .linked > .entry:last-child, .linked > .button:last-child, .linked > GtkComboBox:last-child > .the-button-in-the-combobox, .linked > GtkComboBoxText:last-child > .the-button-in-the-combobox { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .linked > .entry:only-child, .linked > .button:only-child, .linked > GtkComboBox:only-child > .the-button-in-the-combobox, .linked > GtkComboBoxText:only-child > .the-button-in-the-combobox { border-radius: 2px; } .linked.vertical > .entry, .linked.vertical > .button, .linked.vertical > GtkComboBoxText > .the-button-in-the-combobox, .linked.vertical > GtkComboBox > .the-button-in-the-combobox { outline-radius: 2px; border-radius: 0; } .linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, .linked.vertical > GtkComboBoxText:first-child > .the-button-in-the-combobox, .linked.vertical > GtkComboBox:first-child > .the-button-in-the-combobox { border-top-left-radius: 2px; border-top-right-radius: 2px; } .linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, .linked.vertical > GtkComboBoxText:last-child > .the-button-in-the-combobox, .linked.vertical > GtkComboBox:last-child > .the-button-in-the-combobox { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, .linked.vertical > GtkComboBoxText:only-child > .the-button-in-the-combobox, .linked.vertical > GtkComboBox:only-child > .the-button-in-the-combobox { border-radius: 2px; } /* menu buttons */ GtkColorButton.button { padding: 7px 8px 8px; } GtkColorButton.button GtkColorSwatch:first-child:last-child { border-radius: 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } /********* * Links * *********/ *:link, .button:link, .button:visited { color: #338DD6; } *:link:hover, .button:hover:link, .button:hover:visited, *:link:active, .button:active:link, .button:active:visited { color: #338DD6; } *:link:visited, .button:visited { color: #E040FB; } *:link:visited:hover, .button:visited:hover, *:link:visited:active, .button:visited:active { color: #E040FB; } *:selected *:link:visited, *:selected .button:visited { color: #add1ef; } *:link:selected, .button:selected:link, .button:selected:visited, .titlebar.selection-mode .subtitle:link, .header-bar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited { color: #d6e8f7; } .button:link > .label, .button:visited > .label { text-decoration-line: underline; } /***************** * GtkSpinButton * *****************/ .spinbutton .button { padding: 4px; border: solid 6px transparent; color: rgba(255, 255, 255, 0.7); } .spinbutton .button:hover, .spinbutton .button:active { color: #FFFFFF; } .spinbutton .button:insensitive { color: rgba(255, 255, 255, 0.3); } .spinbutton .button:active { background-color: alpha(currentColor, 0.3); } .spinbutton.vertical .button { padding-top: 10px; padding-bottom: 10px; border: none; } .spinbutton.vertical .button:first-child { border-radius: 2px 2px 0 0; } .spinbutton.vertical .button:last-child { border-radius: 0 0 2px 2px; } /************** * ComboBoxes * **************/ GtkComboBox { -GtkComboBox-arrow-scaling: 0.5; -GtkComboBox-shadow-type: none; } GtkComboBox > .the-button-in-the-combobox { padding: 5px 6px 6px; } GtkComboBox .menu { padding: 2px 0; } GtkComboBox .menu .menuitem { padding: 5px 6px 6px; } GtkComboBox .separator.vertical { -GtkWidget-wide-separators: true; } GtkComboBox.combobox-entry .entry:dir(ltr) { border-top-right-radius: 0; border-bottom-right-radius: 0; } GtkComboBox.combobox-entry .entry:dir(rtl) { border-top-left-radius: 0; border-bottom-left-radius: 0; } GtkComboBox.combobox-entry .button { padding: 10px; } GtkComboBox.combobox-entry .button:dir(ltr) { border-top-left-radius: 0; border-bottom-left-radius: 0; } GtkComboBox.combobox-entry .button:dir(rtl) { border-top-right-radius: 0; border-bottom-right-radius: 0; } /************ * Toolbars * ************/ .toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #212121; } .osd .toolbar, .toolbar.osd, .app-notification, .app-notification.frame { transition: border-image 180ms cubic-bezier(0, 0, 0.2, 1); padding: 6px; border-style: solid; border-width: 8px; border-image: -gtk-scaled(url("assets/box-shadow-dark.png"), url("assets/box-shadow-dark@2.png")) 10/10px stretch; border-radius: 2px; background-color: #303030; } .osd .toolbar:backdrop, .toolbar.osd:backdrop, .app-notification:backdrop { border-image: -gtk-scaled(url("assets/box-shadow-backdrop-dark.png"), url("assets/box-shadow-backdrop-dark@2.png")) 10/10px stretch; } .inline-toolbar { padding: 6px; border-style: solid; border-width: 0 1px 1px; border-color: rgba(0, 0, 0, 0.26); background-color: #292929; } .search-bar, .location-bar { padding: 6px; border-style: solid; border-width: 0 0 1px; border-color: rgba(0, 0, 0, 0.26); background-color: #212121; background-clip: border-box; } /*************** * Header bars * ***************/ .titlebar, .header-bar { transition: background-color 180ms cubic-bezier(0, 0, 0.2, 1); padding: 6px; border-radius: 2px 2px 0 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.1); background-color: #303030; color: #FFFFFF; } .titlebar:backdrop, .header-bar:backdrop { color: rgba(255, 255, 255, 0.7); } .titlebar .title, .header-bar .title { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); padding-left: 12px; padding-right: 12px; font-weight: bold; } .titlebar .subtitle, .header-bar .subtitle { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); padding-left: 12px; padding-right: 12px; font-size: smaller; } .titlebar .header-bar-separator, .titlebar > GtkBox > .separator.vertical, .header-bar .header-bar-separator, .header-bar > GtkBox > .separator.vertical { -GtkWidget-wide-separators: true; -GtkWidget-separator-width: 1px; border-style: solid; border-width: 0 1px; border-color: rgba(0, 0, 0, 0.26); } .titlebar .button:not(.suggested-action):not(.destructive-action), .header-bar .button:not(.suggested-action):not(.destructive-action) { border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(currentColor), to(transparent)) 0 0 0/0 0 0px; } .titlebar .button:not(.suggested-action):not(.destructive-action):checked, .header-bar .button:not(.suggested-action):not(.destructive-action):checked { border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(currentColor), to(transparent)) 0 0 2/0 0 2px; } .titlebar .button:not(.suggested-action):not(.destructive-action):checked, .titlebar .button:not(.suggested-action):not(.destructive-action):checked:insensitive, .header-bar .button:not(.suggested-action):not(.destructive-action):checked, .header-bar .button:not(.suggested-action):not(.destructive-action):checked:insensitive { background-color: transparent; } .titlebar .button.suggested-action:insensitive, .titlebar .button.destructive-action:insensitive, .header-bar .button.suggested-action:insensitive, .header-bar .button.destructive-action:insensitive { color: alpha(currentColor, 0.5); } .titlebar .button.suggested-action:insensitive > .label, .titlebar .button.destructive-action:insensitive > .label, .header-bar .button.suggested-action:insensitive > .label, .header-bar .button.destructive-action:insensitive > .label { color: inherit; } .titlebar.selection-mode, .header-bar.selection-mode { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.2); background-color: #338DD6; color: #FFFFFF; } .titlebar.selection-mode:backdrop, .header-bar.selection-mode:backdrop { color: rgba(255, 255, 255, 0.7); } .titlebar.selection-mode .button, .header-bar.selection-mode .button { border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(#FFFFFF), to(transparent)) 0 0 0/0 0 0px; color: rgba(255, 255, 255, 0.7); } .titlebar.selection-mode .button:hover, .titlebar.selection-mode .button:active, .titlebar.selection-mode .button:checked, .header-bar.selection-mode .button:hover, .header-bar.selection-mode .button:active, .header-bar.selection-mode .button:checked { color: #FFFFFF; } .titlebar.selection-mode .button:checked, .header-bar.selection-mode .button:checked { border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#FFFFFF), to(transparent)) 0 0 2/0 0 2px; color: #FFFFFF; } .titlebar.selection-mode .button:checked:insensitive, .header-bar.selection-mode .button:checked:insensitive { color: rgba(255, 255, 255, 0.5); } .titlebar.selection-mode .button:checked:insensitive > .label, .header-bar.selection-mode .button:checked:insensitive > .label { color: inherit; } .titlebar.selection-mode .button.suggested-action, .header-bar.selection-mode .button.suggested-action { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #424242; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); color: rgba(255, 255, 255, 0.8); } .titlebar.selection-mode .button.suggested-action:hover, .header-bar.selection-mode .button.suggested-action:hover { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); color: #FFFFFF; } .titlebar.selection-mode .button.suggested-action:active, .header-bar.selection-mode .button.suggested-action:active { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1), background-image 0; animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); color: #FFFFFF; } .titlebar.selection-mode .button.suggested-action:insensitive, .header-bar.selection-mode .button.suggested-action:insensitive { box-shadow: none; background-color: alpha(currentColor, 0.3); color: rgba(255, 255, 255, 0.3); } .titlebar.selection-mode .button.suggested-action:insensitive > .label, .header-bar.selection-mode .button.suggested-action:insensitive > .label { color: inherit; } .titlebar.selection-mode .selection-menu, .header-bar.selection-mode .selection-menu { padding-left: 16px; padding-right: 16px; } .titlebar.selection-mode .selection-menu GtkArrow, .header-bar.selection-mode .selection-menu GtkArrow { -GtkArrow-arrow-scaling: 1; } .titlebar.selection-mode .selection-menu .arrow, .header-bar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } .tiled .titlebar, .maximized .titlebar, .tiled .header-bar, .maximized .header-bar { border-radius: 0; box-shadow: none; } .titlebar.default-decoration, .header-bar.default-decoration { padding: 6px; border-width: 0; } .titlebar.default-decoration .button, .header-bar.default-decoration .button { padding: 4px; } /************ * Pathbars * ************/ .path-bar .button { padding: 7px 6px 8px; } .path-bar .button .label:last-child { padding-left: 2px; } .path-bar .button .label:first-child { padding-right: 2px; } .path-bar .button GtkImage { padding-top: 1px; } .path-bar .button GtkImage:only-child { padding-right: 4px; padding-left: 4px; } /************** * Tree Views * **************/ GtkTreeView.view { -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; border-left-color: alpha(currentColor, 0.3); border-top-color: rgba(0, 0, 0, 0.26); border-radius: 0; } GtkTreeView.view:hover, GtkTreeView.view:active, GtkTreeView.view:selected { border-radius: 0; } GtkTreeView.view.dnd { border-style: solid none; border-width: 1px; border-color: #99c6eb; } GtkTreeView.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } GtkTreeView.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } GtkTreeView.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GtkTreeView.view.expander:selected { color: rgba(255, 255, 255, 0.7); } GtkTreeView.view.expander:selected:hover, GtkTreeView.view.expander:selected:active { color: #FFFFFF; } GtkTreeView.view.progressbar { border-width: 4px; } GtkTreeView.view.progressbar:selected { border-color: currentColor; } GtkTreeView.view.trough { border-width: 4px; border-color: rgba(51, 141, 214, 0.3); } GtkTreeView.view.trough:selected { border-color: alpha(currentColor, 0.3); } column-header .button { padding: 3px 6px 4px; border-style: none solid solid none; border-width: 1px; border-color: rgba(0, 0, 0, 0.26); border-radius: 0; box-shadow: none; background-color: #303030; } column-header .button:hover, column-header .button:active { box-shadow: none; } column-header .button:insensitive { background-color: #303030; } column-header:last-child .button, column-header:last-child.button { border-right-style: none; } column-header.button.dnd, column-header .button.dnd { border-left-style: solid; background-clip: border-box; color: #338DD6; } /********* * Menus * *********/ .menubar { -GtkWidget-window-dragging: true; padding: 0; background-color: #303030; } .menubar > .menuitem { transition: all 180ms cubic-bezier(0, 0, 0.2, 1); padding: 4px 8px; color: rgba(255, 255, 255, 0.7); } .menubar > .menuitem:hover { transition: none; background-color: alpha(currentColor, 0.15); color: #FFFFFF; } .menubar > .menuitem:insensitive { color: rgba(255, 255, 255, 0.3); box-shadow: none; } .menu { margin: 4px 0; padding: 4px 0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); background-color: #303030; border: 1px solid rgba(0, 0, 0, 0.26); } .csd .menu { border: none; border-radius: 2px; } .menu .menuitem { transition: all 180ms cubic-bezier(0, 0, 0.2, 1); padding: 3px 4px 4px; font: initial; text-shadow: none; } .menu .menuitem:hover { transition: none; background-color: alpha(currentColor, 0.15); } .menu .menuitem:insensitive { color: rgba(255, 255, 255, 0.5); } .menu .menuitem.arrow { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } .menu .menuitem.arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } .menu.button { border-style: none; border-radius: 0; box-shadow: none; } .menu.button.top { border-bottom: 1px solid rgba(0, 0, 0, 0.26); } .menu.button.bottom { border-top: 1px solid rgba(0, 0, 0, 0.26); } .menu.button:hover { background-color: alpha(currentColor, 0.15); } .menu.button:insensitive { background-color: transparent; border-color: transparent; } .menuitem .accelerator { color: alpha(currentColor, 0.6); } .csd.popup { border-radius: 2px; } /*************** * Popovers * ***************/ .popover { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); padding: 2px; border: 1px solid; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3); border-radius: 3px; background-color: #424242; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } .popover:backdrop { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .popover > .list, .popover > .view, .popover > .toolbar, .popover.osd > .toolbar { border-style: none; border-image: none; background-color: transparent; } .popover .button.flat { padding: 5px 8px 6px; background-color: transparent; background-size: 160px 160px, auto; color: #FFFFFF; font: initial; } .popover .linked > .button { border-radius: 2px; } .popover .linked > .button:checked { background-color: #338DD6; color: #FFFFFF; } .popover .linked > .button.image-button { padding: 8px; background-size: 90px 90px, auto; } /***************** * Notebooks and * * Tabs * *****************/ .notebook { padding: 0; background-color: #303030; -GtkNotebook-initial-gap: 8; -GtkNotebook-arrow-spacing: 5; -GtkNotebook-tab-curvature: 0; -GtkNotebook-tab-overlap: 1; -GtkNotebook-has-tab-gap: false; -GtkWidget-focus-padding: 0; -GtkWidget-focus-line-width: 0; } .notebook.frame { border: 1px solid rgba(0, 0, 0, 0.26); } .notebook.frame.top { border-top-width: 0; } .notebook.frame.bottom { border-bottom-width: 0; } .notebook.frame.right { border-right-width: 0; } .notebook.frame.left { border-left-width: 0; } .notebook.header { background-color: #212121; } .notebook.header.frame { border: 1px solid rgba(0, 0, 0, 0.26); } .notebook.header.frame.top { border-bottom-width: 0; } .notebook.header.frame.bottom { border-top-width: 0; } .notebook.header.frame.right { border-left-width: 0; } .notebook.header.frame.left { border-right-width: 0; } .notebook.header.top { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } .notebook.header.bottom { box-shadow: inset 0 1px rgba(0, 0, 0, 0.26); } .notebook.header.right { box-shadow: inset 1px 0 rgba(0, 0, 0, 0.26); } .notebook.header.left { box-shadow: inset -1px 0 rgba(0, 0, 0, 0.26); } .notebook tab { border-width: 0; border-style: solid; border-color: transparent; background-color: transparent; outline-offset: 0; /* works for testnotebookdnd, but there's a superfluous border in gedit or web, commented out for now, needs gtk fixes &.reorderable-page { &.top { padding-top: ($vt_vpadding - 1px); border-top-width: 1px; border-left-width: 1px; border-right-width: 1px; } &.bottom { padding-bottom: ($vt_vpadding - 1px); border-bottom-width: 1px; border-left-width: 1px; border-right-width: 1px; } &.left { padding-left: ($ht_hpadding - 1px); border-left-width: 1px; border-top-width: 1px; border-bottom-width: 1px; } &.right { padding-right: ($ht_hpadding - 1px); border-right-width: 1px; border-top-width: 1px; border-bottom-width: 1px; } } */ } .notebook tab.top, .notebook tab.bottom { padding: 8px 12px; } .notebook tab.left, .notebook tab.right { padding: 8px 12px; } .notebook tab.reorderable-page { -GtkNotebook-tab-overlap: 1; } .notebook tab.reorderable-page.top, .notebook tab.reorderable-page.bottom { padding-left: 12px; padding-right: 12px; border-left-width: 1px; border-right-width: 1px; } .notebook tab.reorderable-page.left, .notebook tab.reorderable-page.right { border-bottom-width: 1px; border-top-width: 1px; } .notebook tab.top:hover, .notebook tab.top.prelight-page { box-shadow: inset 0 -2px alpha(currentColor, 0.3); } .notebook tab.top:active, .notebook tab.top.active-page { box-shadow: inset 0 -2px #338DD6; } .notebook tab.bottom:hover, .notebook tab.bottom.prelight-page { box-shadow: inset 0 2px alpha(currentColor, 0.3); } .notebook tab.bottom:active, .notebook tab.bottom.active-page { box-shadow: inset 0 2px #338DD6; } .notebook tab.left:hover, .notebook tab.left.prelight-page { box-shadow: inset -2px 0 alpha(currentColor, 0.3); } .notebook tab.left:active, .notebook tab.left.active-page { box-shadow: inset -2px 0 #338DD6; } .notebook tab.right:hover, .notebook tab.right.prelight-page { box-shadow: inset 2px 0 alpha(currentColor, 0.3); } .notebook tab.right:active, .notebook tab.right.active-page { box-shadow: inset 2px 0 #338DD6; } .notebook tab.reorderable-page.top { border-color: transparent; } .notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page { border-color: rgba(0, 0, 0, 0.26); border-bottom-width: 0; border-bottom-color: transparent; background-color: #292929; } .notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page { border-color: rgba(0, 0, 0, 0.26); border-bottom-width: 0; border-bottom-color: transparent; background-color: #303030; } .notebook tab.reorderable-page.bottom { border-color: transparent; } .notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page { border-color: rgba(0, 0, 0, 0.26); border-top-width: 0; border-top-color: transparent; background-color: #292929; } .notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page { border-color: rgba(0, 0, 0, 0.26); border-top-width: 0; border-top-color: transparent; background-color: #303030; } .notebook tab.reorderable-page.left { border-color: transparent; } .notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page { border-color: rgba(0, 0, 0, 0.26); border-right-width: 0; border-right-color: transparent; background-color: #292929; } .notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page { border-color: rgba(0, 0, 0, 0.26); border-right-width: 0; border-right-color: transparent; background-color: #303030; } .notebook tab.reorderable-page.right { border-color: transparent; } .notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page { border-color: rgba(0, 0, 0, 0.26); border-left-width: 0; border-left-color: transparent; background-color: #292929; } .notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page { border-color: rgba(0, 0, 0, 0.26); border-left-width: 0; border-left-color: transparent; background-color: #303030; } .notebook tab .label { padding: 0 2px; font-weight: 500; color: rgba(255, 255, 255, 0.7); } .notebook tab .prelight-page .label, .notebook tab .label.prelight-page { color: #FFFFFF; } .notebook tab .active-page .label, .notebook tab .label.active-page { color: #FFFFFF; } .notebook tab .button { padding: 0; background-size: 30px 30px, auto; } .notebook tab .button > GtkImage { padding: 4px; } .notebook.arrow:not(:hover):not(:active) { color: alpha(currentColor, 0.75); } .notebook.arrow:insensitive { color: rgba(255, 255, 255, 0.5); } /************** * Scrollbars * **************/ .scrollbar { -GtkRange-slider-width: 17px; -GtkRange-trough-border: 0; -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; -GtkScrollbar-min-slider-length: 32px; -GtkRange-stepper-spacing: 0; -GtkRange-trough-under-steppers: 1; } .scrollbar .button { border: none; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) { -GtkRange-slider-width: 12px; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { margin: 3px; border: 1px solid rgba(48, 48, 48, 0.3); } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .trough { border-style: none; background-color: transparent; } .scrollbar.overlay-indicator.dragging .trough, .scrollbar.overlay-indicator.hovering .trough { background-color: rgba(48, 48, 48, 0.9); } .scrollbar .trough { border: 1px none rgba(0, 0, 0, 0.26); background-color: #303030; background-clip: border-box; } .scrollbar .slider { background-color: rgba(255, 255, 255, 0.5); } .scrollbar .slider:hover { background-color: rgba(255, 255, 255, 0.7); } .scrollbar .slider:active { background-color: #FFFFFF; } .scrollbar .slider:insensitive { opacity: 0.5; } .scrollbar .slider { border-radius: 100px; margin: 4px; } .scrollbar.fine-tune .slider { margin: 6px; } .scrollbar.vertical .slider { margin-left: 5px; } .scrollbar.vertical .slider:dir(rtl) { margin-left: 4px; margin-right: 5px; } .scrollbar.vertical.fine-tune .slider { margin-left: 7px; } .scrollbar.vertical.fine-tune .slider:dir(rtl) { margin-left: 6px; margin-right: 7px; } .scrollbar.vertical .trough { border-left-style: solid; } .scrollbar.vertical .trough:dir(rtl) { border-left-style: none; border-right-style: solid; } .scrollbar.horizontal .slider { margin-top: 5px; } .scrollbar.horizontal.fine-tune .slider { margin-top: 7px; } .scrollbar.horizontal .trough { border-top-style: solid; } .scrollbars-junction, .scrollbars-junction.frame { border-style: solid none none solid; background-color: #303030; } .scrollbars-junction:dir(rtl), .scrollbars-junction.frame:dir(rtl) { border-style: solid solid none none; } /********** * Switch * **********/ GtkSwitch { -GtkSwitch-slider-width: 20px; -GtkSwitch-slider-height: 20px; outline-offset: -4px; outline-radius: 100px; font-size: 0; } GtkSwitch.trough { border: 8px solid transparent; border-radius: 100px; background-color: alpha(currentColor, 0.3); } GtkSwitch.trough:insensitive { color: alpha(currentColor, 0.5); } GtkSwitch.trough:active { background-color: rgba(0, 150, 136, 0.5); } GtkSwitch.trough:active:insensitive { background-color: rgba(0, 150, 136, 0.3); } GtkSwitch.slider { padding: 5px 4px; border-radius: 100px; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #303030; color: #FFFFFF; } GtkSwitch.slider:hover { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } GtkSwitch.slider:active { background-color: #009688; } GtkSwitch.slider:insensitive { color: rgba(255, 255, 255, 0.5); background-color: #292929; } /************************* * Check and Radio items * *************************/ .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } .check:hover { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-hover-dark.png"), url("assets/checkbox-unchecked-hover-dark@2.png")); } .check:active { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-active-dark.png"), url("assets/checkbox-unchecked-active-dark@2.png")); } .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-disabled-dark.png"), url("assets/checkbox-unchecked-disabled-dark@2.png")); } .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } .check:inconsistent:hover { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-hover-dark.png"), url("assets/checkbox-mixed-hover-dark@2.png")); } .check:inconsistent:active { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-active-dark.png"), url("assets/checkbox-mixed-active-dark@2.png")); } .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-disabled-dark.png"), url("assets/checkbox-mixed-disabled-dark@2.png")); } .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } .check:checked:hover { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-hover-dark.png"), url("assets/checkbox-checked-hover-dark@2.png")); } .check:checked:active { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-dark.png"), url("assets/checkbox-checked-active-dark@2.png")); } .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-disabled-dark.png"), url("assets/checkbox-checked-disabled-dark@2.png")); } .menu .menuitem.check { -gtk-icon-source: -gtk-scaled(url("assets/menu-checkbox-unchecked-dark.png"), url("assets/menu-checkbox-unchecked-dark@2.png")); } .menu .menuitem.check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/menu-checkbox-unchecked-disabled-dark.png"), url("assets/menu-checkbox-unchecked-disabled-dark@2.png")); } .menu .menuitem.check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/menu-checkbox-mixed-dark.png"), url("assets/menu-checkbox-mixed-dark@2.png")); } .menu .menuitem.check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/menu-checkbox-mixed-disabled-dark.png"), url("assets/menu-checkbox-mixed-disabled-dark@2.png")); } .menu .menuitem.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/menu-checkbox-checked-dark.png"), url("assets/menu-checkbox-checked-dark@2.png")); } .menu .menuitem.check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/menu-checkbox-checked-disabled-dark.png"), url("assets/menu-checkbox-checked-disabled-dark@2.png")); } .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } .radio:hover { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-hover-dark.png"), url("assets/radio-unchecked-hover-dark@2.png")); } .radio:active { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-active-dark.png"), url("assets/radio-unchecked-active-dark@2.png")); } .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-disabled-dark.png"), url("assets/radio-unchecked-disabled-dark@2.png")); } .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } .radio:inconsistent:hover { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-hover-dark.png"), url("assets/radio-mixed-hover-dark@2.png")); } .radio:inconsistent:active { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-active-dark.png"), url("assets/radio-mixed-active-dark@2.png")); } .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-disabled-dark.png"), url("assets/radio-mixed-disabled-dark@2.png")); } .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } .radio:checked:hover { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-hover-dark.png"), url("assets/radio-checked-hover-dark@2.png")); } .radio:checked:active { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-active-dark.png"), url("assets/radio-checked-active-dark@2.png")); } .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-disabled-dark.png"), url("assets/radio-checked-disabled-dark@2.png")); } .menu .menuitem.radio { -gtk-icon-source: -gtk-scaled(url("assets/menu-radio-unchecked-dark.png"), url("assets/menu-radio-unchecked-dark@2.png")); } .menu .menuitem.radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/menu-radio-unchecked-disabled-dark.png"), url("assets/menu-radio-unchecked-disabled-dark@2.png")); } .menu .menuitem.radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/menu-radio-mixed-dark.png"), url("assets/menu-radio-mixed-dark@2.png")); } .menu .menuitem.radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/menu-radio-mixed-disabled-dark.png"), url("assets/menu-radio-mixed-disabled-dark@2.png")); } .menu .menuitem.radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/menu-radio-checked-dark.png"), url("assets/menu-radio-checked-dark@2.png")); } .menu .menuitem.radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/menu-radio-checked-disabled-dark.png"), url("assets/menu-radio-checked-disabled-dark@2.png")); } .view.content-view.check:not(.list) { -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked-dark.png"), url("assets/selectionmode-checkbox-unchecked-dark@2.png")); background-color: transparent; icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .view.content-view.check:not(.list):hover, .view.content-view.check:not(.list):active { icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } .view.content-view.check:checked:not(.list) { -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked-dark.png"), url("assets/selectionmode-checkbox-checked-dark@2.png")); background-color: transparent; icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .view.content-view.check:checked:not(.list):hover, .view.content-view.check:checked:not(.list):active { icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } GtkCheckButton.text-button, GtkRadioButton.text-button { padding: 2px 4px; outline-offset: 0; } /************ * GtkScale * ************/ .scale, .scale.scale-has-marks-above.scale-has-marks-below, .scale.vertical.scale-has-marks-above.scale-has-marks-below { -GtkScale-slider-length: 20; -GtkRange-slider-width: 20; -GtkRange-trough-border: 2; outline-offset: -8px; outline-radius: 100px; } .scale.fine-tune.slider, .scale.scale-has-marks-above.scale-has-marks-below.fine-tune.slider, .scale.vertical.scale-has-marks-above.scale-has-marks-below.fine-tune.slider { background-size: 60%; } .scale.slider.slider, .scale.scale-has-marks-above.scale-has-marks-below.slider.slider, .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider.slider { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png")); background-repeat: no-repeat; background-position: center; background-size: 70%; box-shadow: none; } .scale.slider.slider:insensitive, .scale.scale-has-marks-above.scale-has-marks-below.slider.slider:insensitive, .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider.slider:insensitive { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/scale-slider-disabled-dark.png"), url("assets/scale-slider-disabled-dark@2.png")); background-repeat: no-repeat; background-position: center; background-size: 70%; box-shadow: none; } .scale.slider:hover, .scale.scale-has-marks-above.scale-has-marks-below.slider:hover, .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:hover { background-size: 80%; } .scale.slider:active, .scale.scale-has-marks-above.scale-has-marks-below.slider:active, .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:active { background-size: 90%; } .scale.trough, .scale.scale-has-marks-above.scale-has-marks-below.trough, .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough { margin: 11px 12px; background-color: alpha(currentColor, 0.3); } .scale.trough.highlight, .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight, .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight { background-color: #009688; } .scale.trough.highlight:insensitive, .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight:insensitive, .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight:insensitive { background-color: alpha(currentColor, 0.3); } .scale.trough:insensitive, .scale.scale-has-marks-above.scale-has-marks-below.trough:insensitive, .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:insensitive { color: rgba(255, 255, 255, 0.5); } .scale.trough.vertical, .scale.scale-has-marks-above.scale-has-marks-below.trough.vertical, .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.vertical { margin: 12px 11px; } .scale.separator, .scale.scale-has-marks-above.scale-has-marks-below.separator, .scale.vertical.scale-has-marks-above.scale-has-marks-below.separator { color: alpha(currentColor, 0.3); } .scale.scale-has-marks-below { -GtkScale-slider-length: 20; -GtkRange-slider-width: 25; -GtkRange-trough-border: 2; } .scale.scale-has-marks-below.slider { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } .scale.scale-has-marks-below.slider:insensitive { border-style: none; border-radius: 0; background-color: transparent; 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")); background-repeat: no-repeat; background-position: center; box-shadow: none; } .scale.scale-has-marks-above { -GtkScale-slider-length: 20; -GtkRange-slider-width: 25; -GtkRange-trough-border: 2; } .scale.scale-has-marks-above.slider { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } .scale.scale-has-marks-above.slider:insensitive { border-style: none; border-radius: 0; background-color: transparent; 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")); background-repeat: no-repeat; background-position: center; box-shadow: none; } .scale.vertical.scale-has-marks-below { -GtkScale-slider-length: 20; -GtkRange-slider-width: 25; -GtkRange-trough-border: 2; } .scale.vertical.scale-has-marks-below.slider { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } .scale.vertical.scale-has-marks-below.slider:insensitive { border-style: none; border-radius: 0; background-color: transparent; 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")); background-repeat: no-repeat; background-position: center; box-shadow: none; } .scale.vertical.scale-has-marks-above { -GtkScale-slider-length: 20; -GtkRange-slider-width: 25; -GtkRange-trough-border: 2; } .scale.vertical.scale-has-marks-above.slider { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } .scale.vertical.scale-has-marks-above.slider:insensitive { border-style: none; border-radius: 0; background-color: transparent; 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")); background-repeat: no-repeat; background-position: center; box-shadow: none; } .scale.scale-has-marks-above .trough { margin: 16px 12px 11px; } .scale.scale-has-marks-below .trough { margin: 11px 12px 16px; } .scale.vertical.scale-has-marks-above .trough { margin: 12px 11px 12px 16px; } .scale.vertical.scale-has-marks-below .trough { margin: 12px 16px 12px 11px; } /***************** * Progress bars * *****************/ GtkProgressBar { -GtkProgressBar-min-horizontal-bar-height: 4; -GtkProgressBar-min-vertical-bar-width: 4; padding: 0; font-size: smaller; color: rgba(255, 255, 255, 0.5); } GtkProgressBar.osd { -GtkProgressBar-xspacing: 0; -GtkProgressBar-yspacing: 0; -GtkProgressBar-min-horizontal-bar-height: 4; } GtkProgressBar.trough { border-radius: 0; background-color: rgba(51, 141, 214, 0.3); } GtkProgressBar.trough.osd { border-style: none; box-shadow: none; } .progressbar { border-radius: 0; background-color: #338DD6; } .progressbar.left { border-top-left-radius: 0; border-bottom-left-radius: 0; } .progressbar.right { border-top-right-radius: 0; border-bottom-right-radius: 0; } .progressbar.left.right { box-shadow: none; } .progressbar.vertical.bottom { border-bottom-left-radius: 0; border-bottom-right-radius: 0; box-shadow: none; } .progressbar.vertical.top { border-top-left-radius: 0; border-top-right-radius: 0; } .progressbar.osd { background-image: none; background-color: #338DD6; border-style: none; border-radius: 0; } /************* * Level Bar * *************/ .level-bar { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); color: rgba(255, 255, 255, 0.5); -GtkLevelBar-min-block-width: 36; -GtkLevelBar-min-block-height: 4; } .level-bar.vertical { -GtkLevelBar-min-block-width: 4; -GtkLevelBar-min-block-height: 36; } .level-bar.trough { padding: 2px; border-radius: 2px; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #303030; color: #FFFFFF; } .level-bar.trough:insensitive { color: rgba(255, 255, 255, 0.5); background-color: #292929; } .level-bar.trough.indicator-discrete.horizontal { padding: 2px 1px; } .level-bar.trough.indicator-discrete.vertical { padding: 1px 2px; } .level-bar.fill-block { background-color: #338DD6; border-radius: 0; box-shadow: none; } .level-bar.fill-block.indicator-discrete.horizontal { margin: 0 1px; } .level-bar.fill-block.indicator-discrete.vertical { margin: 1px 0; } .level-bar.fill-block.level-high { background-color: #00C853; } .level-bar.fill-block.level-low { background-color: #FF6D00; } .level-bar.fill-block.empty-fill-block { background-color: alpha(currentColor, 0.3); } /********** * Frames * **********/ .frame { border: 1px solid rgba(0, 0, 0, 0.26); padding: 0; } .frame.flat { border-style: none; } .frame.action-bar { padding: 6px; border-width: 1px 0 0; } GtkScrolledWindow GtkViewport.frame { border-style: none; } .separator { color: rgba(0, 0, 0, 0.26); } GtkFileChooserButton .separator.vertical, GtkFontButton .separator.vertical { -GtkWidget-wide-separators: true; } /********* * Lists * *********/ .list { border-color: rgba(0, 0, 0, 0.26); background-color: #303030; } .list-row, .grid-child { padding: 2px; } .list-row.activatable, .view, column-header .button { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0; box-shadow: inset 0 0 0 10000px alpha(currentColor, 0); background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); background-repeat: no-repeat; background-position: center, center; background-size: 240px 240px, auto; } .list-row.activatable:hover, .view:hover, column-header .button:hover { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, box-shadow 0; box-shadow: inset 0 0 0 10000px alpha(currentColor, 0.05); } .list-row.activatable:active, .view:active, column-header .button:active, GtkPlacesSidebar.sidebar .has-open-popup { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-image 0; animation: list_ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: inset 0 0 0 10000px alpha(currentColor, 0.15); } .list-row:selected .button:insensitive { color: rgba(255, 255, 255, 0.3); } .list-row:selected .button.flat { color: rgba(255, 255, 255, 0.7); } .list-row:selected .button.flat:hover, .list-row:selected .button.flat:active { color: #FFFFFF; } .list-row:selected .button.flat:insensitive { color: rgba(255, 255, 255, 0.3); } /********************* * App Notifications * *********************/ /************* * Expanders * *************/ .expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } .expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } .expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } .expander:not(:hover):not(:active) { color: alpha(currentColor, 0.75); } .expander:selected { color: #FFFFFF; } /************ * Calendar * ***********/ GtkCalendar { padding: 1px; border: 1px solid rgba(0, 0, 0, 0.26); color: #FFFFFF; } GtkCalendar:insensitive { color: rgba(255, 255, 255, 0.5); } GtkCalendar:selected { border-radius: 3px; } GtkCalendar.header { border-style: none none solid; border-radius: 0; } GtkCalendar:inconsistent { color: alpha(currentColor, 0.5); } GtkCalendar.highlight { font-size: smaller; color: alpha(currentColor, 0.6); } /*********** * Dialogs * ***********/ .message-dialog .dialog-action-area .button { padding: 8px; } .message-dialog.background { background-color: #424242; } .message-dialog .titlebar { border-style: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); background-color: #424242; } .message-dialog.csd.background { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .message-dialog.csd .dialog-action-area .button { padding: 9px 16px 10px; border-top: 1px solid rgba(0, 0, 0, 0.26); border-radius: 0; background-size: 240px 240px, auto; } .message-dialog.csd .dialog-action-area .button:first-child { border-radius: 0 0 0 2px; } .message-dialog.csd .dialog-action-area .button:last-child { border-radius: 0 0 2px 0; } GtkFileChooserDialog .dialog-action-box { border-top: 1px solid rgba(0, 0, 0, 0.26); } /*********** * Sidebar * ***********/ .sidebar { border: none; background-color: #424242; } GtkSidebarRow.list-row { padding: 0px; } GtkSidebarRow .sidebar-revealer { padding: 4px 14px 4px 12px; } GtkSidebarRow .sidebar-icon { opacity: 0.6; } GtkSidebarRow .sidebar-icon:dir(ltr) { padding-right: 8px; } GtkSidebarRow .sidebar-icon:dir(rtl) { padding-left: 8px; } GtkSidebarRow .sidebar-label:dir(ltr) { padding-right: 2px; } GtkSidebarRow .sidebar-label:dir(rtl) { padding-left: 2px; } GtkPlacesSidebar.sidebar .sidebar-placeholder-row { border: solid 1px #338DD6; } GtkPlacesSidebar.sidebar .sidebar-new-bookmark-row { color: #009688; } .sidebar-button.button.image-button { padding: 4px; } .sidebar-item { padding: 10px 4px; } .sidebar-item > .label { padding-left: 6px; padding-right: 6px; } /**************** * File chooser * ****************/ GtkPlacesView .server-list-button > GtkImage { -gtk-icon-transform: rotate(0turn); } GtkPlacesView .server-list-button:checked > GtkImage { -gtk-icon-transform: rotate(-0.5turn); } /********* * Paned * *********/ GtkPaned { -GtkPaned-handle-size: 1; -gtk-icon-source: none; margin: 0 8px 8px 0; } GtkPaned:dir(rtl) { margin-right: 0; margin-left: 8px; } GtkPaned .pane-separator { background-color: rgba(0, 0, 0, 0.26); } GtkPaned.wide { -GtkPaned-handle-size: 6; margin: 0; } GtkPaned.wide .pane-separator { background-color: transparent; border-style: none solid; border-color: rgba(0, 0, 0, 0.26); border-width: 1px; } GtkPaned.wide.vertical .pane-separator { border-style: solid none; } /************** * GtkInfoBar * **************/ GtkInfoBar { border-style: none; } .info { background-color: #66BB6A; } .question { background-color: #42A5F5; } .warning { background-color: #FFA726; } .error { background-color: #EF5350; } .info, .question, .warning, .error { color: #FFFFFF; } .info .button:insensitive, .question .button:insensitive, .warning .button:insensitive, .error .button:insensitive { color: rgba(255, 255, 255, 0.3); } /************ * Tooltips * ************/ .tooltip { color: #FFFFFF; padding: 4px; /* not working */ border-radius: 2px; box-shadow: none; } .tooltip.background { background-color: rgba(66, 66, 66, 0.9); } .tooltip.window-frame.csd { background-color: transparent; } .tooltip * { padding: 4px; background-color: transparent; color: inherit; } /***************** * Color Chooser * *****************/ GtkColorSwatch { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } GtkColorSwatch:insensitive { opacity: 0.5; box-shadow: none; } GtkColorSwatch.top { border-top-left-radius: 2px; border-top-right-radius: 2px; } GtkColorSwatch.bottom { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } GtkColorSwatch.left, GtkColorSwatch:first-child:not(.overlay):not(.top) { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } GtkColorSwatch.right, GtkColorSwatch:last-child:not(.overlay):not(.bottom) { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } GtkColorSwatch:only-child:not(.overlay) { border-radius: 2px; } GtkColorSwatch.top > .overlay { border-top-left-radius: 2px; border-top-right-radius: 2px; } GtkColorSwatch.bottom > .overlay { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } GtkColorSwatch:first-child:not(.top) > .overlay { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } GtkColorSwatch:last-child:not(.bottom) > .overlay { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } GtkColorSwatch:only-child > .overlay { border-radius: 2px; } GtkColorSwatch:hover { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } GtkColorEditor GtkColorSwatch { border-radius: 2px; } GtkColorEditor GtkColorSwatch:hover { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } GtkColorSwatch.color-dark { color: #FFFFFF; } GtkColorSwatch.color-light { color: rgba(0, 0, 0, 0.87); } GtkColorSwatch#add-color-button { background-image: linear-gradient(to right, #EF5350 25%, #FFA726 25%, #FFA726 50%, #66BB6A 50%, #66BB6A 75%, #42A5F5 75%); color: #FFFFFF; } /******** * Misc * ********/ .content-view { background-color: #212121; } .scale-popup .button { padding: 10px; } /********************** * Window Decorations * *********************/ .window-frame { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-radius: 2px 2px 0 0; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22); /* this is used for the resize cursor area */ margin: 8px; } .window-frame:backdrop { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } .window-frame.tiled { border-radius: 0; } .window-frame.popup { box-shadow: none; } .window-frame.ssd { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16); } .window-frame.csd.popup { border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } .window-frame.csd.tooltip { border-radius: 2px; box-shadow: none; } .window-frame.csd.message-dialog { border-radius: 2px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22); } .window-frame.csd.message-dialog:backdrop { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } .window-frame.solid-csd { border-radius: 0; margin: 0; background-color: #303030; box-shadow: none; } .header-bar .button.titlebutton:active, .titlebar .button.titlebutton:active { background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(currentColor, 0.15)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.15)); } .view:selected, GtkCalendar:selected, .label:selected, .grid-child:selected, .entry:selected, .menuitem.button.flat:selected, .list-row:selected, .sidebar:selected { background-color: #338DD6; color: #FFFFFF; } .view:insensitive:selected, GtkCalendar:insensitive:selected, .label:insensitive:selected, .grid-child:insensitive:selected, .entry:insensitive:selected, .menuitem.button.flat:insensitive:selected, .list-row:insensitive:selected, .sidebar:insensitive:selected, GtkPlacesSidebar.sidebar .list-row:selected:insensitive .label { color: rgba(255, 255, 255, 0.5); } .monospace { font: Monospace; } /********************** * Touch Copy & Paste * *********************/ .entry.cursor-handle, .cursor-handle { background-color: #009688; background-image: none; box-shadow: none; border-style: none; } .entry.cursor-handle.top:dir(ltr), .entry.cursor-handle.bottom:dir(rtl), .cursor-handle.top:dir(ltr), .cursor-handle.bottom:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-dark.png"), url("assets/text-select-start-dark@2.png")); padding-left: 10px; } .entry.cursor-handle.bottom:dir(ltr), .entry.cursor-handle.top:dir(rtl), .cursor-handle.bottom:dir(ltr), .cursor-handle.top:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-dark.png"), url("assets/text-select-end-dark@2.png")); padding-right: 10px; } .entry.cursor-handle.insertion-cursor:dir(ltr), .entry.cursor-handle.insertion-cursor:dir(rtl), .cursor-handle.insertion-cursor:dir(ltr), .cursor-handle.insertion-cursor:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")); } .entry.cursor-handle.top:hover:dir(ltr), .entry.cursor-handle.bottom:hover:dir(rtl), .cursor-handle.top:hover:dir(ltr), .cursor-handle.bottom:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-hover-dark.png"), url("assets/text-select-start-hover-dark@2.png")); padding-left: 10px; } .entry.cursor-handle.bottom:hover:dir(ltr), .entry.cursor-handle.top:hover:dir(rtl), .cursor-handle.bottom:hover:dir(ltr), .cursor-handle.top:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-hover-dark.png"), url("assets/text-select-end-hover-dark@2.png")); padding-right: 10px; } .entry.cursor-handle.insertion-cursor:hover:dir(ltr), .entry.cursor-handle.insertion-cursor:hover:dir(rtl), .cursor-handle.insertion-cursor:hover:dir(ltr), .cursor-handle.insertion-cursor:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider-hover-dark.png"), url("assets/scale-horz-marks-before-slider-hover-dark@2.png")); } .entry.cursor-handle.top:active:dir(ltr), .entry.cursor-handle.bottom:active:dir(rtl), .cursor-handle.top:active:dir(ltr), .cursor-handle.bottom:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-active-dark.png"), url("assets/text-select-start-active-dark@2.png")); padding-left: 10px; } .entry.cursor-handle.bottom:active:dir(ltr), .entry.cursor-handle.top:active:dir(rtl), .cursor-handle.bottom:active:dir(ltr), .cursor-handle.top:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-active-dark.png"), url("assets/text-select-end-active-dark@2.png")); padding-right: 10px; } .entry.cursor-handle.insertion-cursor:active:dir(ltr), .entry.cursor-handle.insertion-cursor:active:dir(rtl), .cursor-handle.insertion-cursor:active:dir(ltr), .cursor-handle.insertion-cursor:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider-active-dark.png"), url("assets/scale-horz-marks-before-slider-active-dark@2.png")); } /* Decouple the font of context menus from their entry/textview */ .context-menu { font: initial; } .touch-selection { font: initial; color: #FFFFFF; background-color: #303030; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } .touch-selection:backdrop { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(64, 196, 255, 0.3)), 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(64, 196, 255, 0.3)), 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(64, 196, 255, 0.3)), 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(64, 196, 255, 0.3)), to(transparent)); background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } .undershoot.top { background-color: transparent; background-image: linear-gradient(to left, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); padding-top: 1px; background-size: 12px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: left top; } .undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); padding-bottom: 1px; background-size: 12px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: left bottom; } .undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: left top; } .undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: right top; } .floating-bar { padding: 3px 0 4px; border-width: 1px; border-style: solid solid none; border-color: rgba(0, 0, 0, 0.26); border-radius: 3px 3px 0 0; background-color: #303030; background-clip: border-box; } .floating-bar.left { border-left-style: none; border-top-left-radius: 0; } .floating-bar.right { border-right-style: none; border-top-right-radius: 0; } .floating-bar .button { padding: 4px; } /************ * Nautilus * ************/ EelEditableLabel.entry { transition: none; } .nautilus-desktop.nautilus-canvas-item { color: #FFFFFF; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .nautilus-desktop.nautilus-canvas-item:selected { text-shadow: none; } /* Toolbar */ @keyframes needs_attention_keyframes { 0% { background-color: transparent; } 50% { background-color: alpha(currentColor, 0.3); } 100% { background-color: transparent; } } .nautilus-operations-button-needs-attention { color: #009688; animation: needs_attention_keyframes 2s cubic-bezier(0.4, 0, 0.2, 1); } .nautilus-operations-button-needs-attention-multiple { color: #009688; animation: needs_attention_keyframes 2s cubic-bezier(0.4, 0, 0.2, 1); animation-iteration-count: 2; } .disk-space-display.unknown { background-color: #FF6D00; } .disk-space-display.used { background-color: #338DD6; } .disk-space-display.free { background-color: alpha(currentColor, 0.3); color: rgba(255, 255, 255, 0.5); } /* View */ /************** * Tweak Tool * **************/ .tweak-categories { background-color: #292929; background-image: linear-gradient(to bottom, #292929); } .tweak-categories .separator { -GtkWidget-wide-separators: true; color: transparent; } /************ * Software * ************/ .button.install-progress:insensitive { background-color: alpha(currentColor, 0.3); } /*********** * Builder * ***********/ GbTerminalView { background-color: #303030; } /*********** * Firefox * ***********/ .menubar { color: rgba(255, 255, 255, 0.7); } .menubar:hover { color: #FFFFFF; } /*********** * Synapse * ***********/ SynapseGuiMatchListView GtkWidget:selected { background-color: #338DD6; } /********* * 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: #338DD6; -UnityDecoration-title-indent: 4px; -UnityDecoration-title-fade: 32px; -UnityDecoration-title-alignment: 0.0; } UnityDecoration.top { padding: 0 2px; border-style: none; border-radius: 2px 2px 0 0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); background-color: #303030; color: #FFFFFF; } UnityDecoration.top:backdrop { color: rgba(255, 255, 255, 0.7); } UnityDecoration.menuitem, UnityDecoration .menuitem { color: alpha(currentColor, 0.75); } UnityDecoration.menubar.menuitem:hover, UnityDecoration.menubar .menuitem *:hover { box-shadow: inset 0 -2px currentColor; background-color: transparent; color: currentColor; } .background:not(.csd) :not(.titlebar) .header-bar { border-radius: 0; box-shadow: none; } .background:not(.csd) :not(.titlebar) .header-bar.inline-toolbar { border-style: none; } UnityPanelWidget, .unity-panel { background-color: #212121; background-image: linear-gradient(to bottom, #212121); color: #FFFFFF; } UnityPanelWidget:backdrop, .unity-panel:backdrop { color: rgba(255, 255, 255, 0.7); } .unity-panel.menuitem, .unity-panel .menuitem { color: alpha(currentColor, 0.75); } .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem *:hover { box-shadow: inset 0 -2px currentColor; background-color: transparent; color: currentColor; } @keyframes playbackmenuitem_spinner { to { -gtk-icon-transform: rotate(1turn); } } .menu IdoPlaybackMenuItem.menuitem:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: playbackmenuitem_spinner 1s infinite linear; color: #338DD6; } /* GTK NAMED COLORS ---------------- use responsibly! */ /* widget text/foreground color */ @define-color theme_fg_color #FFFFFF; /* text color for entries, views and content in general */ @define-color theme_text_color #FFFFFF; /* widget base background color */ @define-color theme_bg_color #212121; /* text widgets and the like base background color */ @define-color theme_base_color #303030; /* base background color of selections */ @define-color theme_selected_bg_color #338DD6; /* text/foreground color of selections */ @define-color theme_selected_fg_color #FFFFFF; /* base background color of insensitive widgets */ @define-color insensitive_bg_color #212121; /* text foreground color of insensitive widgets */ @define-color insensitive_fg_color rgba(255, 255, 255, 0.5); /* insensitive text widgets and the like base background color */ @define-color insensitive_base_color #292929; /* widget text/foreground color on backdrop windows */ @define-color theme_unfocused_fg_color #FFFFFF; /* text color for entries, views and content in general on backdrop windows */ @define-color theme_unfocused_text_color #FFFFFF; /* widget base background color on backdrop windows */ @define-color theme_unfocused_bg_color #212121; /* text widgets and the like base background color on backdrop windows */ @define-color theme_unfocused_base_color #303030; /* base background color of selections on backdrop windows */ @define-color theme_unfocused_selected_bg_color #338DD6; /* text/foreground color of selections on backdrop windows */ @define-color theme_unfocused_selected_fg_color #FFFFFF; /* insensitive color on backdrop windows */ @define-color unfocused_insensitive_color rgba(255, 255, 255, 0.5); /* widgets main borders color */ @define-color borders rgba(0, 0, 0, 0.26); /* widgets main borders color on backdrop windows */ @define-color unfocused_borders rgba(0, 0, 0, 0.26); /* these are pretty self explicative */ @define-color warning_color #FF6D00; @define-color error_color #DD2C00; @define-color success_color #00C853; /* FIXME this is really an API */ @define-color content_view_bg #303030; @define-color placeholder_text_color #c1c1c1; materia-theme-20180321/src/gtk/3.18/gtk-dark.scss000066400000000000000000000004311325420104000210310ustar00rootroot00000000000000$variant: 'dark'; $titlebar: 'dark'; $compact: 'false'; @import '../../_sass/gtk/variables'; @import '../../_sass/colors'; @import '../../_sass/gtk/drawing-3.18'; @import '../../_sass/gtk/common-3.18'; @import '../../_sass/gtk/apps-3.18'; @import '../../_sass/gtk/colors-public'; materia-theme-20180321/src/gtk/3.18/gtk-light.css000066400000000000000000002617751325420104000210600ustar00rootroot00000000000000@keyframes ripple_effect { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(currentColor, 0.15)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(currentColor, 0.15)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.15)); } } @keyframes flat_ripple_effect { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(currentColor, 0.15)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.15)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(currentColor, 0.15)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.15)); } } @keyframes list_ripple_effect { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(currentColor, 0.15)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(currentColor, 0.15)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); } } * { padding: 0; background-clip: padding-box; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #DD2C00; -GtkCheckButton-indicator-size: 24; -GtkCheckMenuItem-indicator-size: 16; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkScrolledWindow-scrollbars-within-bevel: 1; -GtkToolItemGroup-expander-size: 11; -GtkExpander-expander-size: 16; -GtkTreeView-expander-size: 11; -GtkTreeView-horizontal-separator: 4; -GtkMenu-horizontal-padding: 0; -GtkMenu-vertical-padding: 0; -GtkWidget-link-color: #338DD6; -GtkWidget-visited-link-color: #E040FB; -GtkWidget-focus-padding: 2; -GtkWidget-focus-line-width: 1; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 20; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; -GtkStatusbar-shadow-type: none; outline-style: solid; outline-width: 2px; outline-color: alpha(currentColor, 0.3); outline-offset: -4px; outline-radius: 2px; } /*************** * Base States * ***************/ .background { background-color: #EEEEEE; color: rgba(0, 0, 0, 0.87); } /* 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. */ *:insensitive { -gtk-image-effect: dim; } .gtkstyle-fallback { background-color: #EEEEEE; color: rgba(0, 0, 0, 0.87); } .gtkstyle-fallback:prelight { background-color: #e1e1e1; color: rgba(0, 0, 0, 0.87); } .gtkstyle-fallback:active { background-color: #d5d5d5; color: rgba(0, 0, 0, 0.87); } .gtkstyle-fallback:insensitive { background-color: #EEEEEE; color: rgba(0, 0, 0, 0.38); } .gtkstyle-fallback:selected { background-color: #338DD6; color: #FFFFFF; } .view { background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .view:hover, .view:active, .view:selected, GtkCalendar:selected { border-radius: 2px; } .view:insensitive { color: rgba(0, 0, 0, 0.38); } .rubberband, GtkTreeView.view.rubberband, .content-view.rubberband { border: 1px solid #40C4FF; background-color: rgba(64, 196, 255, 0.3); } .label.separator { color: rgba(0, 0, 0, 0.87); } .label:insensitive { color: rgba(0, 0, 0, 0.38); } .dim-label, .label.separator, .titlebar .subtitle, .header-bar .subtitle { opacity: 0.6; } GtkAssistant .sidebar { padding: 6px 0; } GtkAssistant .sidebar:dir(ltr) { border-right: 1px solid rgba(0, 0, 0, 0.12); } GtkAssistant .sidebar:dir(rtl) { border-left: 1px solid rgba(0, 0, 0, 0.12); } GtkAssistant .sidebar .label { opacity: 0.6; padding: 5px 12px 6px; font-weight: 500; } GtkAssistant .sidebar .label.highlight { opacity: 1; } GtkTextView { background-color: #F5F5F5; } .grid-child { padding: 4px; border-radius: 2px; } .popover.osd, .app-notification, .app-notification.frame, .osd .scale-popup, .floating-bar, .osd { opacity: 0.9; } /********************* * Spinner Animation * *********************/ @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } .spinner { background-color: blue; background-image: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } .spinner:active { opacity: 1; animation: spin 1s linear infinite; } .spinner:active:insensitive { opacity: 0.5; } /**************** * Text Entries * ****************/ .entry { padding: 7px 8px 8px; border-radius: 2px; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .entry:focus { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } .entry:insensitive { color: rgba(0, 0, 0, 0.38); background-color: #F5F5F5; } .entry.flat, .notebook GtkGrid > .entry { border-radius: 0; transition: all 270ms cubic-bezier(0, 0, 0.2, 1); border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(#338DD6), to(transparent)) 0 0 0/0 0 0px; border-radius: 0; box-shadow: inset 0 -1px alpha(currentColor, 0.3); background-color: transparent; color: rgba(0, 0, 0, 0.87); } .entry.flat:focus, .notebook GtkGrid > .entry:focus { border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#338DD6), to(transparent)) 0 0 2/0 0 2px; box-shadow: inset 0 -2px #338DD6; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0 270ms; } .entry.flat:insensitive, .notebook GtkGrid > .entry:insensitive { box-shadow: inset 0 -1px alpha(currentColor, 0.3); background-color: transparent; color: rgba(0, 0, 0, 0.38); } .entry.image.left { padding-left: 2px; } .entry.image.right { padding-right: 2px; } .entry.progressbar, GtkTreeView.view.progressbar, GtkTreeView.view.trough { margin: 2px; border-style: none none solid; border-width: 2px; border-color: #338DD6; border-radius: 0; box-shadow: none; background-color: transparent; background-image: none; } .linked > .entry.flat, .notebook GtkGrid.linked > .entry, .linked.vertical > .entry.flat, .notebook GtkGrid.linked.vertical > .entry { border-radius: 0; } .entry.error { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #DD2C00; color: #FFFFFF; } .entry.error:focus { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } .entry.error:insensitive { color: rgba(0, 0, 0, 0.38); background-color: #F5F5F5; } .entry.error.flat, .notebook GtkGrid > .error.entry { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(#DD2C00), to(transparent)) 0 0 0/0 0 0px; border-radius: 0; box-shadow: inset 0 -1px #DD2C00; background-color: transparent; color: rgba(0, 0, 0, 0.87); } .entry.error.flat:focus, .notebook GtkGrid > .error.entry:focus { border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#DD2C00), to(transparent)) 0 0 2/0 0 2px; box-shadow: inset 0 -2px #DD2C00; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0 270ms; } .entry.error.flat:insensitive, .notebook GtkGrid > .error.entry:insensitive { box-shadow: inset 0 -1px alpha(currentColor, 0.3); background-color: transparent; color: rgba(0, 0, 0, 0.38); } .entry.warning { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FF6D00; color: #FFFFFF; } .entry.warning:focus { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } .entry.warning:insensitive { color: rgba(0, 0, 0, 0.38); background-color: #F5F5F5; } .entry.warning.flat, .notebook GtkGrid > .warning.entry { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(#FF6D00), to(transparent)) 0 0 0/0 0 0px; border-radius: 0; box-shadow: inset 0 -1px #FF6D00; background-color: transparent; color: rgba(0, 0, 0, 0.87); } .entry.warning.flat:focus, .notebook GtkGrid > .warning.entry:focus { border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#FF6D00), to(transparent)) 0 0 2/0 0 2px; box-shadow: inset 0 -2px #FF6D00; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0 270ms; } .entry.warning.flat:insensitive, .notebook GtkGrid > .warning.entry:insensitive { box-shadow: inset 0 -1px alpha(currentColor, 0.3); background-color: transparent; color: rgba(0, 0, 0, 0.38); } .entry.image:not(:hover):not(:active) { color: alpha(currentColor, 0.75); } .entry.image:insensitive { color: alpha(currentColor, 0.6); } GtkTreeView .entry:not(:selected), GtkTreeView .entry:not(:selected):focus { padding: 2px; border-image: none; border-radius: 0; box-shadow: none; background-color: #FFFFFF; } /*********** * Buttons * ***********/ @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#009688), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#009688), to(transparent)); } } .button { padding: 7px 10px 8px; border-radius: 2px; background-repeat: no-repeat; background-position: center, center; background-size: 90px 90px, auto; font-weight: 500; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FAFAFA; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); color: rgba(0, 0, 0, 0.62); } .button:hover { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); color: rgba(0, 0, 0, 0.87); } .button:active { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1), background-image 0; animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); color: rgba(0, 0, 0, 0.87); } .button:insensitive { box-shadow: none; background-color: alpha(currentColor, 0.3); color: rgba(0, 0, 0, 0.26); } .button:insensitive > .label { color: inherit; } .button:checked { background-color: #338DD6; color: #FFFFFF; } .button:checked:insensitive { background-color: alpha(currentColor, 0.3); color: rgba(51, 141, 214, 0.5); } .button:checked:insensitive > .label { color: inherit; } .spinbutton .button, .popover .linked > .button, .notebook tab .button, GtkCalendar.button, .message-dialog.csd .dialog-action-area .button, .sidebar-button.button, .toolbar:not(.search-bar) .button, .titlebar .button:not(.suggested-action):not(.destructive-action), .header-bar .button:not(.suggested-action):not(.destructive-action), .frame.action-bar .button:not(.suggested-action):not(.destructive-action), .app-notification .button, .app-notification.frame .button, .button.flat { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); box-shadow: none; background-color: transparent; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); color: alpha(currentColor, 0.75); } .spinbutton .button:hover, .popover .linked > .button:hover, .notebook tab .button:hover, GtkCalendar.button:hover, .message-dialog.csd .dialog-action-area .button:hover, .sidebar-button.button:hover, .toolbar:not(.search-bar) .button:hover, .titlebar .button:hover:not(.suggested-action):not(.destructive-action), .header-bar .button:hover:not(.suggested-action):not(.destructive-action), .frame.action-bar .button:hover:not(.suggested-action):not(.destructive-action), .app-notification .button:hover, .button.flat:hover { box-shadow: none; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.15)); color: currentColor; } .spinbutton .button:active, .popover .linked > .button:active, .notebook tab .button:active, GtkCalendar.button:active, .message-dialog.csd .dialog-action-area .button:active, .sidebar-button.button:active, .toolbar:not(.search-bar) .button:active, .titlebar .button:active:not(.suggested-action):not(.destructive-action), .header-bar .button:active:not(.suggested-action):not(.destructive-action), .frame.action-bar .button:active:not(.suggested-action):not(.destructive-action), .app-notification .button:active, .button.flat:active { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-image 0; animation: flat_ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: none; color: currentColor; } .spinbutton .button:insensitive, .popover .linked > .button:insensitive, .notebook tab .button:insensitive, GtkCalendar.button:insensitive, .message-dialog.csd .dialog-action-area .button:insensitive, .sidebar-button.button:insensitive, .toolbar:not(.search-bar) .button:insensitive, .titlebar .button:insensitive:not(.suggested-action):not(.destructive-action), .header-bar .button:insensitive:not(.suggested-action):not(.destructive-action), .frame.action-bar .button:insensitive:not(.suggested-action):not(.destructive-action), .app-notification .button:insensitive, .button.flat:insensitive { box-shadow: none; background-color: transparent; color: alpha(currentColor, 0.375); } .spinbutton .button:insensitive > .label, .popover .linked > .button:insensitive > .label, .notebook tab .button:insensitive > .label, GtkCalendar.button:insensitive > .label, .message-dialog.csd .dialog-action-area .button:insensitive > .label, .sidebar-button.button:insensitive > .label, .toolbar:not(.search-bar) .button:insensitive > .label, .titlebar .button:insensitive:not(.suggested-action):not(.destructive-action) > .label, .header-bar .button:insensitive:not(.suggested-action):not(.destructive-action) > .label, .frame.action-bar .button:insensitive:not(.suggested-action):not(.destructive-action) > .label, .app-notification .button:insensitive > .label, .button.flat:insensitive > .label { color: inherit; } .toolbar:not(.search-bar) .button:checked, .titlebar .button:checked:not(.suggested-action):not(.destructive-action), .header-bar .button:checked:not(.suggested-action):not(.destructive-action), .frame.action-bar .button:checked:not(.suggested-action):not(.destructive-action), .app-notification .button:checked, .button.flat:checked { background-color: alpha(currentColor, 0.3); color: currentColor; } .toolbar:not(.search-bar) .button:checked:insensitive, .titlebar .button:checked:insensitive:not(.suggested-action):not(.destructive-action), .header-bar .button:checked:insensitive:not(.suggested-action):not(.destructive-action), .frame.action-bar .button:checked:insensitive:not(.suggested-action):not(.destructive-action), .app-notification .button:checked:insensitive, .button.flat:checked:insensitive { background-color: alpha(currentColor, 0.3); color: alpha(currentColor, 0.5); } .toolbar:not(.search-bar) .button:checked:insensitive > .label, .titlebar .button:checked:insensitive:not(.suggested-action):not(.destructive-action) > .label, .header-bar .button:checked:insensitive:not(.suggested-action):not(.destructive-action) > .label, .frame.action-bar .button:checked:insensitive:not(.suggested-action):not(.destructive-action) > .label, .app-notification .button:checked:insensitive > .label, .button.flat:checked:insensitive > .label { color: inherit; } .button.osd.image-button { padding: 16px; background-size: 60px 60px, auto; } .button.osd:insensitive { opacity: 0; } .button.suggested-action { background-color: #009688; color: #FFFFFF; } .button.suggested-action:insensitive { box-shadow: none; background-color: alpha(currentColor, 0.3); color: rgba(0, 0, 0, 0.38); } .button.suggested-action:insensitive > .label { color: inherit; } .button.suggested-action:checked { background-color: #4db6ac; } .toolbar:not(.search-bar) .suggested-action.button, .titlebar .suggested-action.button:not(.suggested-action):not(.destructive-action), .header-bar .suggested-action.button:not(.suggested-action):not(.destructive-action), .frame.action-bar .suggested-action.button:not(.suggested-action):not(.destructive-action), .app-notification .suggested-action.button, .button.suggested-action.flat { background-color: transparent; color: #009688; } .toolbar:not(.search-bar) .suggested-action.button:insensitive, .titlebar .suggested-action.button:insensitive:not(.suggested-action):not(.destructive-action), .header-bar .suggested-action.button:insensitive:not(.suggested-action):not(.destructive-action), .frame.action-bar .suggested-action.button:insensitive:not(.suggested-action):not(.destructive-action), .app-notification .suggested-action.button:insensitive, .button.suggested-action.flat:insensitive { box-shadow: none; background-color: transparent; color: alpha(currentColor, 0.5); } .toolbar:not(.search-bar) .suggested-action.button:insensitive > .label, .titlebar .suggested-action.button:insensitive:not(.suggested-action):not(.destructive-action) > .label, .header-bar .suggested-action.button:insensitive:not(.suggested-action):not(.destructive-action) > .label, .frame.action-bar .suggested-action.button:insensitive:not(.suggested-action):not(.destructive-action) > .label, .app-notification .suggested-action.button:insensitive > .label, .button.suggested-action.flat:insensitive > .label { color: inherit; } .toolbar:not(.search-bar) .suggested-action.button:checked, .titlebar .suggested-action.button:checked:not(.suggested-action):not(.destructive-action), .header-bar .suggested-action.button:checked:not(.suggested-action):not(.destructive-action), .frame.action-bar .suggested-action.button:checked:not(.suggested-action):not(.destructive-action), .app-notification .suggested-action.button:checked, .button.suggested-action.flat:checked { background-color: alpha(currentColor, 0.3); } .button.destructive-action { background-color: #FF5252; color: #FFFFFF; } .button.destructive-action:insensitive { box-shadow: none; background-color: alpha(currentColor, 0.3); color: rgba(0, 0, 0, 0.38); } .button.destructive-action:insensitive > .label { color: inherit; } .button.destructive-action:checked { background-color: #ff8686; } .toolbar:not(.search-bar) .destructive-action.button, .titlebar .destructive-action.button:not(.suggested-action):not(.destructive-action), .header-bar .destructive-action.button:not(.suggested-action):not(.destructive-action), .frame.action-bar .destructive-action.button:not(.suggested-action):not(.destructive-action), .app-notification .destructive-action.button, .button.destructive-action.flat { background-color: transparent; color: #FF5252; } .toolbar:not(.search-bar) .destructive-action.button:insensitive, .titlebar .destructive-action.button:insensitive:not(.suggested-action):not(.destructive-action), .header-bar .destructive-action.button:insensitive:not(.suggested-action):not(.destructive-action), .frame.action-bar .destructive-action.button:insensitive:not(.suggested-action):not(.destructive-action), .app-notification .destructive-action.button:insensitive, .button.destructive-action.flat:insensitive { box-shadow: none; background-color: transparent; color: alpha(currentColor, 0.5); } .toolbar:not(.search-bar) .destructive-action.button:insensitive > .label, .titlebar .destructive-action.button:insensitive:not(.suggested-action):not(.destructive-action) > .label, .header-bar .destructive-action.button:insensitive:not(.suggested-action):not(.destructive-action) > .label, .frame.action-bar .destructive-action.button:insensitive:not(.suggested-action):not(.destructive-action) > .label, .app-notification .destructive-action.button:insensitive > .label, .button.destructive-action.flat:insensitive > .label { color: inherit; } .toolbar:not(.search-bar) .destructive-action.button:checked, .titlebar .destructive-action.button:checked:not(.suggested-action):not(.destructive-action), .header-bar .destructive-action.button:checked:not(.suggested-action):not(.destructive-action), .frame.action-bar .destructive-action.button:checked:not(.suggested-action):not(.destructive-action), .app-notification .destructive-action.button:checked, .button.destructive-action.flat:checked { background-color: alpha(currentColor, 0.3); } .button.text-button, GtkScaleButton.button.text-button, GtkVolumeButton.button.text-button { padding-left: 16px; padding-right: 16px; } .button.text-button.image-button { padding: 7px 10px 8px; outline-radius: 2px; border-radius: 2px; background-size: 90px 90px, auto; } .button.text-button.image-button .label:first-child { padding-left: 6px; } .button.text-button.image-button .label:last-child { padding-right: 6px; } .stack-switcher > .button { outline-offset: -4px; } .stack-switcher > .button > .label { padding-left: 6px; padding-right: 6px; } .stack-switcher > .button > GtkImage { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } .stack-switcher > .button.text-button { padding: 7px 10px 8px; } .stack-switcher > .button.image-button { padding: 7px 4px; } .stack-switcher > .button.needs-attention:checked > .label, .stack-switcher > .button.needs-attention:checked > GtkImage { animation: none; background-image: none; } .primary-toolbar .button { icon-shadow: none; } .toolbar:not(.search-bar) .linked > .button, .titlebar .linked > .button:not(.suggested-action):not(.destructive-action), .header-bar .linked > .button:not(.suggested-action):not(.destructive-action), .frame.action-bar .linked > .button:not(.suggested-action):not(.destructive-action), .app-notification .linked > .button, .toolbar:not(.search-bar) .linked.vertical > .button, .titlebar .linked.vertical > .button:not(.suggested-action):not(.destructive-action), .header-bar .linked.vertical > .button:not(.suggested-action):not(.destructive-action), .frame.action-bar .linked.vertical > .button:not(.suggested-action):not(.destructive-action), .app-notification .linked.vertical > .button, .linked > .button.flat, .linked.vertical > .button.flat { border-radius: 2px; } .toolbar:not(.search-bar) .linked > .image-button.button, .titlebar .linked > .image-button.button:not(.suggested-action):not(.destructive-action), .header-bar .linked > .image-button.button:not(.suggested-action):not(.destructive-action), .frame.action-bar .linked > .image-button.button:not(.suggested-action):not(.destructive-action), .app-notification .linked > .image-button.button, .toolbar:not(.search-bar) .linked.vertical > .image-button.button, .titlebar .linked.vertical > .image-button.button:not(.suggested-action):not(.destructive-action), .header-bar .linked.vertical > .image-button.button:not(.suggested-action):not(.destructive-action), .frame.action-bar .linked.vertical > .image-button.button:not(.suggested-action):not(.destructive-action), .app-notification .linked.vertical > .image-button.button, .linked > .button.flat.image-button, .linked.vertical > .button.flat.image-button { outline-radius: 9999px; border-radius: 9999px; } .toolbar:not(.search-bar) .linked > .text-button.image-button.button, .titlebar .linked > .text-button.image-button.button:not(.suggested-action):not(.destructive-action), .header-bar .linked > .text-button.image-button.button:not(.suggested-action):not(.destructive-action), .frame.action-bar .linked > .text-button.image-button.button:not(.suggested-action):not(.destructive-action), .app-notification .linked > .text-button.image-button.button, .toolbar:not(.search-bar) .linked.vertical > .text-button.image-button.button, .titlebar .linked.vertical > .text-button.image-button.button:not(.suggested-action):not(.destructive-action), .header-bar .linked.vertical > .text-button.image-button.button:not(.suggested-action):not(.destructive-action), .frame.action-bar .linked.vertical > .text-button.image-button.button:not(.suggested-action):not(.destructive-action), .app-notification .linked.vertical > .text-button.image-button.button, .linked > .button.flat.text-button.image-button, .linked.vertical > .button.flat.text-button.image-button { outline-radius: 2px; border-radius: 2px; } .button.image-button, .inline-toolbar .button, .spinbutton .button, .notebook tab .button, GtkScaleButton.button, GtkVolumeButton.button, .header-bar .button.titlebutton, .titlebar .button.titlebutton, .nautilus-circular-button { padding: 10px; outline-radius: 100px; border-radius: 100px; background-size: 45px 45px, auto; } .stack-switcher > .button.needs-attention > .label, .stack-switcher > .button.needs-attention > GtkImage, .sidebar-item.needs-attention > .label { animation: needs_attention 270ms cubic-bezier(0, 0, 0.2, 1) forwards; background-repeat: no-repeat; background-position: right 3px; background-size: 6px 6px; } .stack-switcher > .button.needs-attention > .label:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .sidebar-item.needs-attention > .label:dir(rtl) { background-position: left 3px; } .linked > .entry, .linked > .button, .linked > GtkComboBox > .the-button-in-the-combobox:dir(ltr), .linked > GtkComboBox > .the-button-in-the-combobox:dir(rtl), .linked > GtkComboBoxText > .the-button-in-the-combobox:dir(ltr), .linked > GtkComboBoxText > .the-button-in-the-combobox:dir(rtl) { outline-radius: 2px; border-radius: 0; } .linked > .entry:first-child, .linked > .button:first-child, .linked > GtkComboBox:first-child > .the-button-in-the-combobox, .linked > GtkComboBoxText:first-child > .the-button-in-the-combobox { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .linked > .entry:last-child, .linked > .button:last-child, .linked > GtkComboBox:last-child > .the-button-in-the-combobox, .linked > GtkComboBoxText:last-child > .the-button-in-the-combobox { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .linked > .entry:only-child, .linked > .button:only-child, .linked > GtkComboBox:only-child > .the-button-in-the-combobox, .linked > GtkComboBoxText:only-child > .the-button-in-the-combobox { border-radius: 2px; } .linked.vertical > .entry, .linked.vertical > .button, .linked.vertical > GtkComboBoxText > .the-button-in-the-combobox, .linked.vertical > GtkComboBox > .the-button-in-the-combobox { outline-radius: 2px; border-radius: 0; } .linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, .linked.vertical > GtkComboBoxText:first-child > .the-button-in-the-combobox, .linked.vertical > GtkComboBox:first-child > .the-button-in-the-combobox { border-top-left-radius: 2px; border-top-right-radius: 2px; } .linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, .linked.vertical > GtkComboBoxText:last-child > .the-button-in-the-combobox, .linked.vertical > GtkComboBox:last-child > .the-button-in-the-combobox { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, .linked.vertical > GtkComboBoxText:only-child > .the-button-in-the-combobox, .linked.vertical > GtkComboBox:only-child > .the-button-in-the-combobox { border-radius: 2px; } /* menu buttons */ GtkColorButton.button { padding: 7px 8px 8px; } GtkColorButton.button GtkColorSwatch:first-child:last-child { border-radius: 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } /********* * Links * *********/ *:link, .button:link, .button:visited { color: #338DD6; } *:link:hover, .button:hover:link, .button:hover:visited, *:link:active, .button:active:link, .button:active:visited { color: #338DD6; } *:link:visited, .button:visited { color: #E040FB; } *:link:visited:hover, .button:visited:hover, *:link:visited:active, .button:visited:active { color: #E040FB; } *:selected *:link:visited, *:selected .button:visited { color: #add1ef; } *:link:selected, .button:selected:link, .button:selected:visited, .titlebar.selection-mode .subtitle:link, .header-bar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited { color: #d6e8f7; } .button:link > .label, .button:visited > .label { text-decoration-line: underline; } /***************** * GtkSpinButton * *****************/ .spinbutton .button { padding: 4px; border: solid 6px transparent; color: rgba(0, 0, 0, 0.54); } .spinbutton .button:hover, .spinbutton .button:active { color: rgba(0, 0, 0, 0.87); } .spinbutton .button:insensitive { color: rgba(0, 0, 0, 0.26); } .spinbutton .button:active { background-color: alpha(currentColor, 0.3); } .spinbutton.vertical .button { padding-top: 10px; padding-bottom: 10px; border: none; } .spinbutton.vertical .button:first-child { border-radius: 2px 2px 0 0; } .spinbutton.vertical .button:last-child { border-radius: 0 0 2px 2px; } /************** * ComboBoxes * **************/ GtkComboBox { -GtkComboBox-arrow-scaling: 0.5; -GtkComboBox-shadow-type: none; } GtkComboBox > .the-button-in-the-combobox { padding: 5px 6px 6px; } GtkComboBox .menu { padding: 2px 0; } GtkComboBox .menu .menuitem { padding: 5px 6px 6px; } GtkComboBox .separator.vertical { -GtkWidget-wide-separators: true; } GtkComboBox.combobox-entry .entry:dir(ltr) { border-top-right-radius: 0; border-bottom-right-radius: 0; } GtkComboBox.combobox-entry .entry:dir(rtl) { border-top-left-radius: 0; border-bottom-left-radius: 0; } GtkComboBox.combobox-entry .button { padding: 10px; } GtkComboBox.combobox-entry .button:dir(ltr) { border-top-left-radius: 0; border-bottom-left-radius: 0; } GtkComboBox.combobox-entry .button:dir(rtl) { border-top-right-radius: 0; border-bottom-right-radius: 0; } /************ * Toolbars * ************/ .toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #EEEEEE; } .osd .toolbar, .toolbar.osd, .app-notification, .app-notification.frame { transition: border-image 180ms cubic-bezier(0, 0, 0.2, 1); padding: 6px; border-style: solid; border-width: 8px; border-image: -gtk-scaled(url("assets/box-shadow.png"), url("assets/box-shadow@2.png")) 10/10px stretch; border-radius: 2px; background-color: #FFFFFF; } .osd .toolbar:backdrop, .toolbar.osd:backdrop, .app-notification:backdrop { border-image: -gtk-scaled(url("assets/box-shadow-backdrop.png"), url("assets/box-shadow-backdrop@2.png")) 10/10px stretch; } .inline-toolbar { padding: 6px; border-style: solid; border-width: 0 1px 1px; border-color: rgba(0, 0, 0, 0.12); background-color: #F5F5F5; } .search-bar, .location-bar { padding: 6px; border-style: solid; border-width: 0 0 1px; border-color: rgba(0, 0, 0, 0.12); background-color: #EEEEEE; background-clip: border-box; } /*************** * Header bars * ***************/ .titlebar, .header-bar { transition: background-color 180ms cubic-bezier(0, 0, 0.2, 1); padding: 6px; border-radius: 2px 2px 0 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #E0E0E0; color: rgba(0, 0, 0, 0.87); } .titlebar:backdrop, .header-bar:backdrop { color: rgba(0, 0, 0, 0.54); } .titlebar .title, .header-bar .title { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); padding-left: 12px; padding-right: 12px; font-weight: bold; } .titlebar .subtitle, .header-bar .subtitle { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); padding-left: 12px; padding-right: 12px; font-size: smaller; } .titlebar .header-bar-separator, .titlebar > GtkBox > .separator.vertical, .header-bar .header-bar-separator, .header-bar > GtkBox > .separator.vertical { -GtkWidget-wide-separators: true; -GtkWidget-separator-width: 1px; border-style: solid; border-width: 0 1px; border-color: rgba(0, 0, 0, 0.12); } .titlebar .button:not(.suggested-action):not(.destructive-action), .header-bar .button:not(.suggested-action):not(.destructive-action) { border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(#338DD6), to(transparent)) 0 0 0/0 0 0px; } .titlebar .button:not(.suggested-action):not(.destructive-action):checked, .header-bar .button:not(.suggested-action):not(.destructive-action):checked { border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#338DD6), to(transparent)) 0 0 2/0 0 2px; } .titlebar .button:not(.suggested-action):not(.destructive-action):checked, .titlebar .button:not(.suggested-action):not(.destructive-action):checked:insensitive, .header-bar .button:not(.suggested-action):not(.destructive-action):checked, .header-bar .button:not(.suggested-action):not(.destructive-action):checked:insensitive { background-color: transparent; } .titlebar .button.suggested-action:insensitive, .titlebar .button.destructive-action:insensitive, .header-bar .button.suggested-action:insensitive, .header-bar .button.destructive-action:insensitive { color: alpha(currentColor, 0.5); } .titlebar .button.suggested-action:insensitive > .label, .titlebar .button.destructive-action:insensitive > .label, .header-bar .button.suggested-action:insensitive > .label, .header-bar .button.destructive-action:insensitive > .label { color: inherit; } .titlebar.selection-mode, .header-bar.selection-mode { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.2); background-color: #338DD6; color: #FFFFFF; } .titlebar.selection-mode:backdrop, .header-bar.selection-mode:backdrop { color: rgba(255, 255, 255, 0.7); } .titlebar.selection-mode .button, .header-bar.selection-mode .button { border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(#FFFFFF), to(transparent)) 0 0 0/0 0 0px; color: rgba(255, 255, 255, 0.7); } .titlebar.selection-mode .button:hover, .titlebar.selection-mode .button:active, .titlebar.selection-mode .button:checked, .header-bar.selection-mode .button:hover, .header-bar.selection-mode .button:active, .header-bar.selection-mode .button:checked { color: #FFFFFF; } .titlebar.selection-mode .button:checked, .header-bar.selection-mode .button:checked { border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#FFFFFF), to(transparent)) 0 0 2/0 0 2px; color: #FFFFFF; } .titlebar.selection-mode .button:checked:insensitive, .header-bar.selection-mode .button:checked:insensitive { color: rgba(255, 255, 255, 0.5); } .titlebar.selection-mode .button:checked:insensitive > .label, .header-bar.selection-mode .button:checked:insensitive > .label { color: inherit; } .titlebar.selection-mode .button.suggested-action, .header-bar.selection-mode .button.suggested-action { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FAFAFA; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); color: rgba(0, 0, 0, 0.62); } .titlebar.selection-mode .button.suggested-action:hover, .header-bar.selection-mode .button.suggested-action:hover { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); color: rgba(0, 0, 0, 0.87); } .titlebar.selection-mode .button.suggested-action:active, .header-bar.selection-mode .button.suggested-action:active { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1), background-image 0; animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); color: rgba(0, 0, 0, 0.87); } .titlebar.selection-mode .button.suggested-action:insensitive, .header-bar.selection-mode .button.suggested-action:insensitive { box-shadow: none; background-color: alpha(currentColor, 0.3); color: rgba(0, 0, 0, 0.26); } .titlebar.selection-mode .button.suggested-action:insensitive > .label, .header-bar.selection-mode .button.suggested-action:insensitive > .label { color: inherit; } .titlebar.selection-mode .selection-menu, .header-bar.selection-mode .selection-menu { padding-left: 16px; padding-right: 16px; } .titlebar.selection-mode .selection-menu GtkArrow, .header-bar.selection-mode .selection-menu GtkArrow { -GtkArrow-arrow-scaling: 1; } .titlebar.selection-mode .selection-menu .arrow, .header-bar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } .tiled .titlebar, .maximized .titlebar, .tiled .header-bar, .maximized .header-bar { border-radius: 0; box-shadow: none; } .titlebar.default-decoration, .header-bar.default-decoration { padding: 6px; border-width: 0; } .titlebar.default-decoration .button, .header-bar.default-decoration .button { padding: 4px; } /************ * Pathbars * ************/ .path-bar .button { padding: 7px 6px 8px; } .path-bar .button .label:last-child { padding-left: 2px; } .path-bar .button .label:first-child { padding-right: 2px; } .path-bar .button GtkImage { padding-top: 1px; } .path-bar .button GtkImage:only-child { padding-right: 4px; padding-left: 4px; } /************** * Tree Views * **************/ GtkTreeView.view { -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; border-left-color: alpha(currentColor, 0.3); border-top-color: rgba(0, 0, 0, 0.12); border-radius: 0; } GtkTreeView.view:hover, GtkTreeView.view:active, GtkTreeView.view:selected { border-radius: 0; } GtkTreeView.view.dnd { border-style: solid none; border-width: 1px; border-color: rgba(29, 80, 121, 0.935); } GtkTreeView.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } GtkTreeView.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } GtkTreeView.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GtkTreeView.view.expander:selected { color: rgba(255, 255, 255, 0.7); } GtkTreeView.view.expander:selected:hover, GtkTreeView.view.expander:selected:active { color: #FFFFFF; } GtkTreeView.view.progressbar { border-width: 4px; } GtkTreeView.view.progressbar:selected { border-color: currentColor; } GtkTreeView.view.trough { border-width: 4px; border-color: rgba(51, 141, 214, 0.3); } GtkTreeView.view.trough:selected { border-color: alpha(currentColor, 0.3); } column-header .button { padding: 3px 6px 4px; border-style: none solid solid none; border-width: 1px; border-color: rgba(0, 0, 0, 0.12); border-radius: 0; box-shadow: none; background-color: #FFFFFF; } column-header .button:hover, column-header .button:active { box-shadow: none; } column-header .button:insensitive { background-color: #FFFFFF; } column-header:last-child .button, column-header:last-child.button { border-right-style: none; } column-header.button.dnd, column-header .button.dnd { border-left-style: solid; background-clip: padding-box; color: #338DD6; } /********* * Menus * *********/ .menubar { -GtkWidget-window-dragging: true; padding: 0; background-color: #E0E0E0; } .menubar > .menuitem { transition: all 180ms cubic-bezier(0, 0, 0.2, 1); padding: 4px 8px; color: rgba(0, 0, 0, 0.54); } .menubar > .menuitem:hover { transition: none; background-color: alpha(currentColor, 0.15); color: rgba(0, 0, 0, 0.87); } .menubar > .menuitem:insensitive { color: rgba(0, 0, 0, 0.26); box-shadow: none; } .menu { margin: 4px 0; padding: 4px 0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.12); } .csd .menu { border: none; border-radius: 2px; } .menu .menuitem { transition: all 180ms cubic-bezier(0, 0, 0.2, 1); padding: 3px 4px 4px; font: initial; text-shadow: none; } .menu .menuitem:hover { transition: none; background-color: alpha(currentColor, 0.15); } .menu .menuitem:insensitive { color: rgba(0, 0, 0, 0.38); } .menu .menuitem.arrow { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } .menu .menuitem.arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } .menu.button { border-style: none; border-radius: 0; box-shadow: none; } .menu.button.top { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .menu.button.bottom { border-top: 1px solid rgba(0, 0, 0, 0.12); } .menu.button:hover { background-color: alpha(currentColor, 0.15); } .menu.button:insensitive { background-color: transparent; border-color: transparent; } .menuitem .accelerator { color: alpha(currentColor, 0.6); } .csd.popup { border-radius: 2px; } /*************** * Popovers * ***************/ .popover { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); padding: 2px; border: 1px solid; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3); border-radius: 3px; background-color: #FAFAFA; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } .popover:backdrop { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .popover > .list, .popover > .view, .popover > .toolbar, .popover.osd > .toolbar { border-style: none; border-image: none; background-color: transparent; } .popover .button.flat { padding: 5px 8px 6px; background-color: transparent; background-size: 160px 160px, auto; color: rgba(0, 0, 0, 0.87); font: initial; } .popover .linked > .button { border-radius: 2px; } .popover .linked > .button:checked { background-color: #338DD6; color: #FFFFFF; } .popover .linked > .button.image-button { padding: 8px; background-size: 90px 90px, auto; } /***************** * Notebooks and * * Tabs * *****************/ .notebook { padding: 0; background-color: #FFFFFF; -GtkNotebook-initial-gap: 8; -GtkNotebook-arrow-spacing: 5; -GtkNotebook-tab-curvature: 0; -GtkNotebook-tab-overlap: 1; -GtkNotebook-has-tab-gap: false; -GtkWidget-focus-padding: 0; -GtkWidget-focus-line-width: 0; } .notebook.frame { border: 1px solid rgba(0, 0, 0, 0.12); } .notebook.frame.top { border-top-width: 0; } .notebook.frame.bottom { border-bottom-width: 0; } .notebook.frame.right { border-right-width: 0; } .notebook.frame.left { border-left-width: 0; } .notebook.header { background-color: #EEEEEE; } .notebook.header.frame { border: 1px solid rgba(0, 0, 0, 0.12); } .notebook.header.frame.top { border-bottom-width: 0; } .notebook.header.frame.bottom { border-top-width: 0; } .notebook.header.frame.right { border-left-width: 0; } .notebook.header.frame.left { border-right-width: 0; } .notebook.header.top { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); } .notebook.header.bottom { box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); } .notebook.header.right { box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12); } .notebook.header.left { box-shadow: inset -1px 0 rgba(0, 0, 0, 0.12); } .notebook tab { border-width: 0; border-style: solid; border-color: transparent; background-color: transparent; outline-offset: 0; /* works for testnotebookdnd, but there's a superfluous border in gedit or web, commented out for now, needs gtk fixes &.reorderable-page { &.top { padding-top: ($vt_vpadding - 1px); border-top-width: 1px; border-left-width: 1px; border-right-width: 1px; } &.bottom { padding-bottom: ($vt_vpadding - 1px); border-bottom-width: 1px; border-left-width: 1px; border-right-width: 1px; } &.left { padding-left: ($ht_hpadding - 1px); border-left-width: 1px; border-top-width: 1px; border-bottom-width: 1px; } &.right { padding-right: ($ht_hpadding - 1px); border-right-width: 1px; border-top-width: 1px; border-bottom-width: 1px; } } */ } .notebook tab.top, .notebook tab.bottom { padding: 8px 12px; } .notebook tab.left, .notebook tab.right { padding: 8px 12px; } .notebook tab.reorderable-page { -GtkNotebook-tab-overlap: 1; } .notebook tab.reorderable-page.top, .notebook tab.reorderable-page.bottom { padding-left: 12px; padding-right: 12px; border-left-width: 1px; border-right-width: 1px; } .notebook tab.reorderable-page.left, .notebook tab.reorderable-page.right { border-bottom-width: 1px; border-top-width: 1px; } .notebook tab.top:hover, .notebook tab.top.prelight-page { box-shadow: inset 0 -2px alpha(currentColor, 0.3); } .notebook tab.top:active, .notebook tab.top.active-page { box-shadow: inset 0 -2px #338DD6; } .notebook tab.bottom:hover, .notebook tab.bottom.prelight-page { box-shadow: inset 0 2px alpha(currentColor, 0.3); } .notebook tab.bottom:active, .notebook tab.bottom.active-page { box-shadow: inset 0 2px #338DD6; } .notebook tab.left:hover, .notebook tab.left.prelight-page { box-shadow: inset -2px 0 alpha(currentColor, 0.3); } .notebook tab.left:active, .notebook tab.left.active-page { box-shadow: inset -2px 0 #338DD6; } .notebook tab.right:hover, .notebook tab.right.prelight-page { box-shadow: inset 2px 0 alpha(currentColor, 0.3); } .notebook tab.right:active, .notebook tab.right.active-page { box-shadow: inset 2px 0 #338DD6; } .notebook tab.reorderable-page.top { border-color: transparent; } .notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page { border-color: rgba(0, 0, 0, 0.12); border-bottom-width: 0; border-bottom-color: transparent; background-color: #F5F5F5; } .notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page { border-color: rgba(0, 0, 0, 0.12); border-bottom-width: 0; border-bottom-color: transparent; background-color: #FFFFFF; } .notebook tab.reorderable-page.bottom { border-color: transparent; } .notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page { border-color: rgba(0, 0, 0, 0.12); border-top-width: 0; border-top-color: transparent; background-color: #F5F5F5; } .notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page { border-color: rgba(0, 0, 0, 0.12); border-top-width: 0; border-top-color: transparent; background-color: #FFFFFF; } .notebook tab.reorderable-page.left { border-color: transparent; } .notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page { border-color: rgba(0, 0, 0, 0.12); border-right-width: 0; border-right-color: transparent; background-color: #F5F5F5; } .notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page { border-color: rgba(0, 0, 0, 0.12); border-right-width: 0; border-right-color: transparent; background-color: #FFFFFF; } .notebook tab.reorderable-page.right { border-color: transparent; } .notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page { border-color: rgba(0, 0, 0, 0.12); border-left-width: 0; border-left-color: transparent; background-color: #F5F5F5; } .notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page { border-color: rgba(0, 0, 0, 0.12); border-left-width: 0; border-left-color: transparent; background-color: #FFFFFF; } .notebook tab .label { padding: 0 2px; font-weight: 500; color: rgba(0, 0, 0, 0.54); } .notebook tab .prelight-page .label, .notebook tab .label.prelight-page { color: rgba(0, 0, 0, 0.87); } .notebook tab .active-page .label, .notebook tab .label.active-page { color: rgba(0, 0, 0, 0.87); } .notebook tab .button { padding: 0; background-size: 30px 30px, auto; } .notebook tab .button > GtkImage { padding: 4px; } .notebook.arrow:not(:hover):not(:active) { color: alpha(currentColor, 0.75); } .notebook.arrow:insensitive { color: rgba(0, 0, 0, 0.38); } /************** * Scrollbars * **************/ .scrollbar { -GtkRange-slider-width: 17px; -GtkRange-trough-border: 0; -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; -GtkScrollbar-min-slider-length: 32px; -GtkRange-stepper-spacing: 0; -GtkRange-trough-under-steppers: 1; } .scrollbar .button { border: none; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) { -GtkRange-slider-width: 12px; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { margin: 3px; border: 1px solid rgba(255, 255, 255, 0.3); } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .trough { border-style: none; background-color: transparent; } .scrollbar.overlay-indicator.dragging .trough, .scrollbar.overlay-indicator.hovering .trough { background-color: rgba(255, 255, 255, 0.9); } .scrollbar .trough { border: 1px none rgba(0, 0, 0, 0.12); background-color: #FFFFFF; background-clip: padding-box; } .scrollbar .slider { background-color: rgba(0, 0, 0, 0.38); } .scrollbar .slider:hover { background-color: rgba(0, 0, 0, 0.54); } .scrollbar .slider:active { background-color: rgba(0, 0, 0, 0.87); } .scrollbar .slider:insensitive { opacity: 0.5; } .scrollbar .slider { border-radius: 100px; margin: 4px; } .scrollbar.fine-tune .slider { margin: 6px; } .scrollbar.vertical .slider { margin-left: 5px; } .scrollbar.vertical .slider:dir(rtl) { margin-left: 4px; margin-right: 5px; } .scrollbar.vertical.fine-tune .slider { margin-left: 7px; } .scrollbar.vertical.fine-tune .slider:dir(rtl) { margin-left: 6px; margin-right: 7px; } .scrollbar.vertical .trough { border-left-style: solid; } .scrollbar.vertical .trough:dir(rtl) { border-left-style: none; border-right-style: solid; } .scrollbar.horizontal .slider { margin-top: 5px; } .scrollbar.horizontal.fine-tune .slider { margin-top: 7px; } .scrollbar.horizontal .trough { border-top-style: solid; } .scrollbars-junction, .scrollbars-junction.frame { border-style: solid none none solid; background-color: #FFFFFF; } .scrollbars-junction:dir(rtl), .scrollbars-junction.frame:dir(rtl) { border-style: solid solid none none; } /********** * Switch * **********/ GtkSwitch { -GtkSwitch-slider-width: 20px; -GtkSwitch-slider-height: 20px; outline-offset: -4px; outline-radius: 100px; font-size: 0; } GtkSwitch.trough { border: 8px solid transparent; border-radius: 100px; background-color: alpha(currentColor, 0.3); } GtkSwitch.trough:insensitive { color: alpha(currentColor, 0.5); } GtkSwitch.trough:active { background-color: rgba(0, 150, 136, 0.5); } GtkSwitch.trough:active:insensitive { background-color: rgba(0, 150, 136, 0.3); } GtkSwitch.slider { padding: 5px 4px; border-radius: 100px; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } GtkSwitch.slider:hover { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } GtkSwitch.slider:active { background-color: #009688; } GtkSwitch.slider:insensitive { color: rgba(0, 0, 0, 0.38); background-color: #F5F5F5; } /************************* * Check and Radio items * *************************/ .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } .check:hover { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-hover.png"), url("assets/checkbox-unchecked-hover@2.png")); } .check:active { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-active.png"), url("assets/checkbox-unchecked-active@2.png")); } .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-disabled.png"), url("assets/checkbox-unchecked-disabled@2.png")); } .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); } .check:inconsistent:hover { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-hover.png"), url("assets/checkbox-mixed-hover@2.png")); } .check:inconsistent:active { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-active.png"), url("assets/checkbox-mixed-active@2.png")); } .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-disabled.png"), url("assets/checkbox-mixed-disabled@2.png")); } .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); } .check:checked:hover { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-hover.png"), url("assets/checkbox-checked-hover@2.png")); } .check:checked:active { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active.png"), url("assets/checkbox-checked-active@2.png")); } .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-disabled.png"), url("assets/checkbox-checked-disabled@2.png")); } .menu .menuitem.check { -gtk-icon-source: -gtk-scaled(url("assets/menu-checkbox-unchecked.png"), url("assets/menu-checkbox-unchecked@2.png")); } .menu .menuitem.check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/menu-checkbox-unchecked-disabled.png"), url("assets/menu-checkbox-unchecked-disabled@2.png")); } .menu .menuitem.check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/menu-checkbox-mixed.png"), url("assets/menu-checkbox-mixed@2.png")); } .menu .menuitem.check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/menu-checkbox-mixed-disabled.png"), url("assets/menu-checkbox-mixed-disabled@2.png")); } .menu .menuitem.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/menu-checkbox-checked.png"), url("assets/menu-checkbox-checked@2.png")); } .menu .menuitem.check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/menu-checkbox-checked-disabled.png"), url("assets/menu-checkbox-checked-disabled@2.png")); } .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); } .radio:hover { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-hover.png"), url("assets/radio-unchecked-hover@2.png")); } .radio:active { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-active.png"), url("assets/radio-unchecked-active@2.png")); } .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-disabled.png"), url("assets/radio-unchecked-disabled@2.png")); } .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); } .radio:inconsistent:hover { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-hover.png"), url("assets/radio-mixed-hover@2.png")); } .radio:inconsistent:active { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-active.png"), url("assets/radio-mixed-active@2.png")); } .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-disabled.png"), url("assets/radio-mixed-disabled@2.png")); } .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); } .radio:checked:hover { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-hover.png"), url("assets/radio-checked-hover@2.png")); } .radio:checked:active { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-active.png"), url("assets/radio-checked-active@2.png")); } .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-disabled.png"), url("assets/radio-checked-disabled@2.png")); } .menu .menuitem.radio { -gtk-icon-source: -gtk-scaled(url("assets/menu-radio-unchecked.png"), url("assets/menu-radio-unchecked@2.png")); } .menu .menuitem.radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/menu-radio-unchecked-disabled.png"), url("assets/menu-radio-unchecked-disabled@2.png")); } .menu .menuitem.radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/menu-radio-mixed.png"), url("assets/menu-radio-mixed@2.png")); } .menu .menuitem.radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/menu-radio-mixed-disabled.png"), url("assets/menu-radio-mixed-disabled@2.png")); } .menu .menuitem.radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/menu-radio-checked.png"), url("assets/menu-radio-checked@2.png")); } .menu .menuitem.radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/menu-radio-checked-disabled.png"), url("assets/menu-radio-checked-disabled@2.png")); } .view.content-view.check:not(.list) { -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked.png"), url("assets/selectionmode-checkbox-unchecked@2.png")); background-color: transparent; icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .view.content-view.check:not(.list):hover, .view.content-view.check:not(.list):active { icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } .view.content-view.check:checked:not(.list) { -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked.png"), url("assets/selectionmode-checkbox-checked@2.png")); background-color: transparent; icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .view.content-view.check:checked:not(.list):hover, .view.content-view.check:checked:not(.list):active { icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } GtkCheckButton.text-button, GtkRadioButton.text-button { padding: 2px 4px; outline-offset: 0; } /************ * GtkScale * ************/ .scale, .scale.scale-has-marks-above.scale-has-marks-below, .scale.vertical.scale-has-marks-above.scale-has-marks-below { -GtkScale-slider-length: 20; -GtkRange-slider-width: 20; -GtkRange-trough-border: 2; outline-offset: -8px; outline-radius: 100px; } .scale.fine-tune.slider, .scale.scale-has-marks-above.scale-has-marks-below.fine-tune.slider, .scale.vertical.scale-has-marks-above.scale-has-marks-below.fine-tune.slider { background-size: 60%; } .scale.slider.slider, .scale.scale-has-marks-above.scale-has-marks-below.slider.slider, .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider.slider { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png")); background-repeat: no-repeat; background-position: center; background-size: 70%; box-shadow: none; } .scale.slider.slider:insensitive, .scale.scale-has-marks-above.scale-has-marks-below.slider.slider:insensitive, .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider.slider:insensitive { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/scale-slider-disabled.png"), url("assets/scale-slider-disabled@2.png")); background-repeat: no-repeat; background-position: center; background-size: 70%; box-shadow: none; } .scale.slider:hover, .scale.scale-has-marks-above.scale-has-marks-below.slider:hover, .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:hover { background-size: 80%; } .scale.slider:active, .scale.scale-has-marks-above.scale-has-marks-below.slider:active, .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:active { background-size: 90%; } .scale.trough, .scale.scale-has-marks-above.scale-has-marks-below.trough, .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough { margin: 11px 12px; background-color: alpha(currentColor, 0.3); } .scale.trough.highlight, .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight, .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight { background-color: #009688; } .scale.trough.highlight:insensitive, .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight:insensitive, .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight:insensitive { background-color: alpha(currentColor, 0.3); } .scale.trough:insensitive, .scale.scale-has-marks-above.scale-has-marks-below.trough:insensitive, .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:insensitive { color: rgba(0, 0, 0, 0.38); } .scale.trough.vertical, .scale.scale-has-marks-above.scale-has-marks-below.trough.vertical, .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.vertical { margin: 12px 11px; } .scale.separator, .scale.scale-has-marks-above.scale-has-marks-below.separator, .scale.vertical.scale-has-marks-above.scale-has-marks-below.separator { color: alpha(currentColor, 0.3); } .scale.scale-has-marks-below { -GtkScale-slider-length: 20; -GtkRange-slider-width: 25; -GtkRange-trough-border: 2; } .scale.scale-has-marks-below.slider { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } .scale.scale-has-marks-below.slider:insensitive { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled.png"), url("assets/scale-horz-marks-after-slider-disabled@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } .scale.scale-has-marks-above { -GtkScale-slider-length: 20; -GtkRange-slider-width: 25; -GtkRange-trough-border: 2; } .scale.scale-has-marks-above.slider { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } .scale.scale-has-marks-above.slider:insensitive { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled.png"), url("assets/scale-horz-marks-before-slider-disabled@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } .scale.vertical.scale-has-marks-below { -GtkScale-slider-length: 20; -GtkRange-slider-width: 25; -GtkRange-trough-border: 2; } .scale.vertical.scale-has-marks-below.slider { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } .scale.vertical.scale-has-marks-below.slider:insensitive { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled.png"), url("assets/scale-vert-marks-after-slider-disabled@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } .scale.vertical.scale-has-marks-above { -GtkScale-slider-length: 20; -GtkRange-slider-width: 25; -GtkRange-trough-border: 2; } .scale.vertical.scale-has-marks-above.slider { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } .scale.vertical.scale-has-marks-above.slider:insensitive { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled.png"), url("assets/scale-vert-marks-before-slider-disabled@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } .scale.scale-has-marks-above .trough { margin: 16px 12px 11px; } .scale.scale-has-marks-below .trough { margin: 11px 12px 16px; } .scale.vertical.scale-has-marks-above .trough { margin: 12px 11px 12px 16px; } .scale.vertical.scale-has-marks-below .trough { margin: 12px 16px 12px 11px; } /***************** * Progress bars * *****************/ GtkProgressBar { -GtkProgressBar-min-horizontal-bar-height: 4; -GtkProgressBar-min-vertical-bar-width: 4; padding: 0; font-size: smaller; color: rgba(0, 0, 0, 0.38); } GtkProgressBar.osd { -GtkProgressBar-xspacing: 0; -GtkProgressBar-yspacing: 0; -GtkProgressBar-min-horizontal-bar-height: 4; } GtkProgressBar.trough { border-radius: 0; background-color: rgba(51, 141, 214, 0.3); } GtkProgressBar.trough.osd { border-style: none; box-shadow: none; } .progressbar { border-radius: 0; background-color: #338DD6; } .progressbar.left { border-top-left-radius: 0; border-bottom-left-radius: 0; } .progressbar.right { border-top-right-radius: 0; border-bottom-right-radius: 0; } .progressbar.left.right { box-shadow: none; } .progressbar.vertical.bottom { border-bottom-left-radius: 0; border-bottom-right-radius: 0; box-shadow: none; } .progressbar.vertical.top { border-top-left-radius: 0; border-top-right-radius: 0; } .progressbar.osd { background-image: none; background-color: #338DD6; border-style: none; border-radius: 0; } /************* * Level Bar * *************/ .level-bar { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); color: rgba(0, 0, 0, 0.38); -GtkLevelBar-min-block-width: 36; -GtkLevelBar-min-block-height: 4; } .level-bar.vertical { -GtkLevelBar-min-block-width: 4; -GtkLevelBar-min-block-height: 36; } .level-bar.trough { padding: 2px; border-radius: 2px; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .level-bar.trough:insensitive { color: rgba(0, 0, 0, 0.38); background-color: #F5F5F5; } .level-bar.trough.indicator-discrete.horizontal { padding: 2px 1px; } .level-bar.trough.indicator-discrete.vertical { padding: 1px 2px; } .level-bar.fill-block { background-color: #338DD6; border-radius: 0; box-shadow: none; } .level-bar.fill-block.indicator-discrete.horizontal { margin: 0 1px; } .level-bar.fill-block.indicator-discrete.vertical { margin: 1px 0; } .level-bar.fill-block.level-high { background-color: #00C853; } .level-bar.fill-block.level-low { background-color: #FF6D00; } .level-bar.fill-block.empty-fill-block { background-color: alpha(currentColor, 0.3); } /********** * Frames * **********/ .frame { border: 1px solid rgba(0, 0, 0, 0.12); padding: 0; } .frame.flat { border-style: none; } .frame.action-bar { padding: 6px; border-width: 1px 0 0; } GtkScrolledWindow GtkViewport.frame { border-style: none; } .separator { color: rgba(0, 0, 0, 0.12); } GtkFileChooserButton .separator.vertical, GtkFontButton .separator.vertical { -GtkWidget-wide-separators: true; } /********* * Lists * *********/ .list { border-color: rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } .list-row, .grid-child { padding: 2px; } .list-row.activatable, .view, column-header .button { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0; box-shadow: inset 0 0 0 10000px alpha(currentColor, 0); background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); background-repeat: no-repeat; background-position: center, center; background-size: 240px 240px, auto; } .list-row.activatable:hover, .view:hover, column-header .button:hover { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, box-shadow 0; box-shadow: inset 0 0 0 10000px alpha(currentColor, 0.05); } .list-row.activatable:active, .view:active, column-header .button:active, GtkPlacesSidebar.sidebar .has-open-popup { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-image 0; animation: list_ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: inset 0 0 0 10000px alpha(currentColor, 0.15); } .list-row:selected .button:insensitive { color: rgba(255, 255, 255, 0.3); } .list-row:selected .button.flat { color: rgba(255, 255, 255, 0.7); } .list-row:selected .button.flat:hover, .list-row:selected .button.flat:active { color: #FFFFFF; } .list-row:selected .button.flat:insensitive { color: rgba(255, 255, 255, 0.3); } /********************* * App Notifications * *********************/ /************* * Expanders * *************/ .expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } .expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } .expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } .expander:not(:hover):not(:active) { color: alpha(currentColor, 0.75); } .expander:selected { color: #FFFFFF; } /************ * Calendar * ***********/ GtkCalendar { padding: 1px; border: 1px solid rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } GtkCalendar:insensitive { color: rgba(0, 0, 0, 0.38); } GtkCalendar:selected { border-radius: 3px; } GtkCalendar.header { border-style: none none solid; border-radius: 0; } GtkCalendar:inconsistent { color: alpha(currentColor, 0.5); } GtkCalendar.highlight { font-size: smaller; color: alpha(currentColor, 0.6); } /*********** * Dialogs * ***********/ .message-dialog .dialog-action-area .button { padding: 8px; } .message-dialog.background { background-color: #FAFAFA; } .message-dialog .titlebar { border-style: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FAFAFA; } .message-dialog.csd.background { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .message-dialog.csd .dialog-action-area .button { padding: 9px 16px 10px; border-top: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0; background-size: 240px 240px, auto; } .message-dialog.csd .dialog-action-area .button:first-child { border-radius: 0 0 0 2px; } .message-dialog.csd .dialog-action-area .button:last-child { border-radius: 0 0 2px 0; } GtkFileChooserDialog .dialog-action-box { border-top: 1px solid rgba(0, 0, 0, 0.12); } /*********** * Sidebar * ***********/ .sidebar { border: none; background-color: #FAFAFA; } GtkSidebarRow.list-row { padding: 0px; } GtkSidebarRow .sidebar-revealer { padding: 4px 14px 4px 12px; } GtkSidebarRow .sidebar-icon { opacity: 0.6; } GtkSidebarRow .sidebar-icon:dir(ltr) { padding-right: 8px; } GtkSidebarRow .sidebar-icon:dir(rtl) { padding-left: 8px; } GtkSidebarRow .sidebar-label:dir(ltr) { padding-right: 2px; } GtkSidebarRow .sidebar-label:dir(rtl) { padding-left: 2px; } GtkPlacesSidebar.sidebar .sidebar-placeholder-row { border: solid 1px #338DD6; } GtkPlacesSidebar.sidebar .sidebar-new-bookmark-row { color: #009688; } .sidebar-button.button.image-button { padding: 4px; } .sidebar-item { padding: 10px 4px; } .sidebar-item > .label { padding-left: 6px; padding-right: 6px; } /**************** * File chooser * ****************/ GtkPlacesView .server-list-button > GtkImage { -gtk-icon-transform: rotate(0turn); } GtkPlacesView .server-list-button:checked > GtkImage { -gtk-icon-transform: rotate(-0.5turn); } /********* * Paned * *********/ GtkPaned { -GtkPaned-handle-size: 1; -gtk-icon-source: none; margin: 0 8px 8px 0; } GtkPaned:dir(rtl) { margin-right: 0; margin-left: 8px; } GtkPaned .pane-separator { background-color: rgba(0, 0, 0, 0.12); } GtkPaned.wide { -GtkPaned-handle-size: 6; margin: 0; } GtkPaned.wide .pane-separator { background-color: transparent; border-style: none solid; border-color: rgba(0, 0, 0, 0.12); border-width: 1px; } GtkPaned.wide.vertical .pane-separator { border-style: solid none; } /************** * GtkInfoBar * **************/ GtkInfoBar { border-style: none; } .info { background-color: #66BB6A; } .question { background-color: #42A5F5; } .warning { background-color: #FFA726; } .error { background-color: #EF5350; } .info, .question, .warning, .error { color: #FFFFFF; } .info .button:insensitive, .question .button:insensitive, .warning .button:insensitive, .error .button:insensitive { color: rgba(255, 255, 255, 0.3); } /************ * Tooltips * ************/ .tooltip { color: #FFFFFF; padding: 4px; /* not working */ border-radius: 2px; box-shadow: none; } .tooltip.background { background-color: rgba(66, 66, 66, 0.9); } .tooltip.window-frame.csd { background-color: transparent; } .tooltip * { padding: 4px; background-color: transparent; color: inherit; } /***************** * Color Chooser * *****************/ GtkColorSwatch { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } GtkColorSwatch:insensitive { opacity: 0.5; box-shadow: none; } GtkColorSwatch.top { border-top-left-radius: 2px; border-top-right-radius: 2px; } GtkColorSwatch.bottom { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } GtkColorSwatch.left, GtkColorSwatch:first-child:not(.overlay):not(.top) { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } GtkColorSwatch.right, GtkColorSwatch:last-child:not(.overlay):not(.bottom) { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } GtkColorSwatch:only-child:not(.overlay) { border-radius: 2px; } GtkColorSwatch.top > .overlay { border-top-left-radius: 2px; border-top-right-radius: 2px; } GtkColorSwatch.bottom > .overlay { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } GtkColorSwatch:first-child:not(.top) > .overlay { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } GtkColorSwatch:last-child:not(.bottom) > .overlay { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } GtkColorSwatch:only-child > .overlay { border-radius: 2px; } GtkColorSwatch:hover { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } GtkColorEditor GtkColorSwatch { border-radius: 2px; } GtkColorEditor GtkColorSwatch:hover { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } GtkColorSwatch.color-dark { color: #FFFFFF; } GtkColorSwatch.color-light { color: rgba(0, 0, 0, 0.87); } GtkColorSwatch#add-color-button { background-image: linear-gradient(to right, #EF5350 25%, #FFA726 25%, #FFA726 50%, #66BB6A 50%, #66BB6A 75%, #42A5F5 75%); color: #FFFFFF; } /******** * Misc * ********/ .content-view { background-color: #EEEEEE; } .scale-popup .button { padding: 10px; } /********************** * Window Decorations * *********************/ .window-frame { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-radius: 2px 2px 0 0; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22); /* this is used for the resize cursor area */ margin: 8px; } .window-frame:backdrop { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } .window-frame.tiled { border-radius: 0; } .window-frame.popup { box-shadow: none; } .window-frame.ssd { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16); } .window-frame.csd.popup { border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } .window-frame.csd.tooltip { border-radius: 2px; box-shadow: none; } .window-frame.csd.message-dialog { border-radius: 2px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22); } .window-frame.csd.message-dialog:backdrop { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } .window-frame.solid-csd { border-radius: 0; margin: 0; background-color: #E0E0E0; box-shadow: none; } .header-bar .button.titlebutton:active, .titlebar .button.titlebutton:active { background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(currentColor, 0.15)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.15)); } .view:selected, GtkCalendar:selected, .label:selected, .grid-child:selected, .entry:selected, .menuitem.button.flat:selected, .list-row:selected, .sidebar:selected { background-color: #338DD6; color: #FFFFFF; } .view:insensitive:selected, GtkCalendar:insensitive:selected, .label:insensitive:selected, .grid-child:insensitive:selected, .entry:insensitive:selected, .menuitem.button.flat:insensitive:selected, .list-row:insensitive:selected, .sidebar:insensitive:selected, GtkPlacesSidebar.sidebar .list-row:selected:insensitive .label { color: rgba(255, 255, 255, 0.5); } .monospace { font: Monospace; } /********************** * Touch Copy & Paste * *********************/ .entry.cursor-handle, .cursor-handle { background-color: #009688; background-image: none; box-shadow: none; border-style: none; } .entry.cursor-handle.top:dir(ltr), .entry.cursor-handle.bottom:dir(rtl), .cursor-handle.top:dir(ltr), .cursor-handle.bottom:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start.png"), url("assets/text-select-start@2.png")); padding-left: 10px; } .entry.cursor-handle.bottom:dir(ltr), .entry.cursor-handle.top:dir(rtl), .cursor-handle.bottom:dir(ltr), .cursor-handle.top:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end.png"), url("assets/text-select-end@2.png")); padding-right: 10px; } .entry.cursor-handle.insertion-cursor:dir(ltr), .entry.cursor-handle.insertion-cursor:dir(rtl), .cursor-handle.insertion-cursor:dir(ltr), .cursor-handle.insertion-cursor:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png")); } .entry.cursor-handle.top:hover:dir(ltr), .entry.cursor-handle.bottom:hover:dir(rtl), .cursor-handle.top:hover:dir(ltr), .cursor-handle.bottom:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-hover.png"), url("assets/text-select-start-hover@2.png")); padding-left: 10px; } .entry.cursor-handle.bottom:hover:dir(ltr), .entry.cursor-handle.top:hover:dir(rtl), .cursor-handle.bottom:hover:dir(ltr), .cursor-handle.top:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-hover.png"), url("assets/text-select-end-hover@2.png")); padding-right: 10px; } .entry.cursor-handle.insertion-cursor:hover:dir(ltr), .entry.cursor-handle.insertion-cursor:hover:dir(rtl), .cursor-handle.insertion-cursor:hover:dir(ltr), .cursor-handle.insertion-cursor:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider-hover.png"), url("assets/scale-horz-marks-before-slider-hover@2.png")); } .entry.cursor-handle.top:active:dir(ltr), .entry.cursor-handle.bottom:active:dir(rtl), .cursor-handle.top:active:dir(ltr), .cursor-handle.bottom:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-active.png"), url("assets/text-select-start-active@2.png")); padding-left: 10px; } .entry.cursor-handle.bottom:active:dir(ltr), .entry.cursor-handle.top:active:dir(rtl), .cursor-handle.bottom:active:dir(ltr), .cursor-handle.top:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-active.png"), url("assets/text-select-end-active@2.png")); padding-right: 10px; } .entry.cursor-handle.insertion-cursor:active:dir(ltr), .entry.cursor-handle.insertion-cursor:active:dir(rtl), .cursor-handle.insertion-cursor:active:dir(ltr), .cursor-handle.insertion-cursor:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider-active.png"), url("assets/scale-horz-marks-before-slider-active@2.png")); } /* Decouple the font of context menus from their entry/textview */ .context-menu { font: initial; } .touch-selection { font: initial; color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } .touch-selection:backdrop { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(64, 196, 255, 0.3)), 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(64, 196, 255, 0.3)), 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(64, 196, 255, 0.3)), 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(64, 196, 255, 0.3)), to(transparent)); background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } .undershoot.top { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); padding-top: 1px; background-size: 12px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: left top; } .undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); padding-bottom: 1px; background-size: 12px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: left bottom; } .undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: left top; } .undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: right top; } .floating-bar { padding: 3px 0 4px; border-width: 1px; border-style: solid solid none; border-color: rgba(0, 0, 0, 0.12); border-radius: 3px 3px 0 0; background-color: #FFFFFF; background-clip: padding-box; } .floating-bar.left { border-left-style: none; border-top-left-radius: 0; } .floating-bar.right { border-right-style: none; border-top-right-radius: 0; } .floating-bar .button { padding: 4px; } /************ * Nautilus * ************/ EelEditableLabel.entry { transition: none; } .nautilus-desktop.nautilus-canvas-item { color: #FFFFFF; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .nautilus-desktop.nautilus-canvas-item:selected { text-shadow: none; } /* Toolbar */ @keyframes needs_attention_keyframes { 0% { background-color: transparent; } 50% { background-color: alpha(currentColor, 0.3); } 100% { background-color: transparent; } } .nautilus-operations-button-needs-attention { color: #009688; animation: needs_attention_keyframes 2s cubic-bezier(0.4, 0, 0.2, 1); } .nautilus-operations-button-needs-attention-multiple { color: #009688; animation: needs_attention_keyframes 2s cubic-bezier(0.4, 0, 0.2, 1); animation-iteration-count: 2; } .disk-space-display.unknown { background-color: #FF6D00; } .disk-space-display.used { background-color: #338DD6; } .disk-space-display.free { background-color: alpha(currentColor, 0.3); color: rgba(0, 0, 0, 0.38); } /* View */ /************** * Tweak Tool * **************/ .tweak-categories { background-color: #F5F5F5; background-image: linear-gradient(to bottom, #F5F5F5); } .tweak-categories .separator { -GtkWidget-wide-separators: true; color: transparent; } /************ * Software * ************/ .button.install-progress:insensitive { background-color: alpha(currentColor, 0.3); } /*********** * Builder * ***********/ GbTerminalView { background-color: #FFFFFF; } /*********** * Firefox * ***********/ .menubar { color: rgba(0, 0, 0, 0.54); } .menubar:hover { color: rgba(0, 0, 0, 0.87); } /*********** * Synapse * ***********/ SynapseGuiMatchListView GtkWidget:selected { background-color: #338DD6; } /********* * 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: #338DD6; -UnityDecoration-title-indent: 4px; -UnityDecoration-title-fade: 32px; -UnityDecoration-title-alignment: 0.0; } UnityDecoration.top { padding: 0 2px; border-style: none; border-radius: 2px 2px 0 0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: #E0E0E0; color: rgba(0, 0, 0, 0.87); } UnityDecoration.top:backdrop { color: rgba(0, 0, 0, 0.54); } UnityDecoration.menuitem, UnityDecoration .menuitem { color: alpha(currentColor, 0.75); } UnityDecoration.menubar.menuitem:hover, UnityDecoration.menubar .menuitem *:hover { box-shadow: inset 0 -2px currentColor; background-color: transparent; color: currentColor; } .background:not(.csd) :not(.titlebar) .header-bar { border-radius: 0; box-shadow: none; } .background:not(.csd) :not(.titlebar) .header-bar.inline-toolbar { border-style: none; } UnityPanelWidget, .unity-panel { background-color: #cfcfcf; background-image: linear-gradient(to bottom, #cfcfcf); color: rgba(0, 0, 0, 0.87); } UnityPanelWidget:backdrop, .unity-panel:backdrop { color: rgba(0, 0, 0, 0.54); } .unity-panel.menuitem, .unity-panel .menuitem { color: alpha(currentColor, 0.75); } .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem *:hover { box-shadow: inset 0 -2px currentColor; background-color: transparent; color: currentColor; } @keyframes playbackmenuitem_spinner { to { -gtk-icon-transform: rotate(1turn); } } .menu IdoPlaybackMenuItem.menuitem:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: playbackmenuitem_spinner 1s infinite linear; color: #338DD6; } /* GTK NAMED COLORS ---------------- use responsibly! */ /* widget text/foreground color */ @define-color theme_fg_color rgba(0, 0, 0, 0.87); /* text color for entries, views and content in general */ @define-color theme_text_color rgba(0, 0, 0, 0.87); /* widget base background color */ @define-color theme_bg_color #EEEEEE; /* text widgets and the like base background color */ @define-color theme_base_color #FFFFFF; /* base background color of selections */ @define-color theme_selected_bg_color #338DD6; /* text/foreground color of selections */ @define-color theme_selected_fg_color #FFFFFF; /* base background color of insensitive widgets */ @define-color insensitive_bg_color #EEEEEE; /* text foreground color of insensitive widgets */ @define-color insensitive_fg_color rgba(0, 0, 0, 0.38); /* insensitive text widgets and the like base background color */ @define-color insensitive_base_color #F5F5F5; /* widget text/foreground color on backdrop windows */ @define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.87); /* text color for entries, views and content in general on backdrop windows */ @define-color theme_unfocused_text_color rgba(0, 0, 0, 0.87); /* widget base background color on backdrop windows */ @define-color theme_unfocused_bg_color #EEEEEE; /* text widgets and the like base background color on backdrop windows */ @define-color theme_unfocused_base_color #FFFFFF; /* base background color of selections on backdrop windows */ @define-color theme_unfocused_selected_bg_color #338DD6; /* text/foreground color of selections on backdrop windows */ @define-color theme_unfocused_selected_fg_color #FFFFFF; /* insensitive color on backdrop windows */ @define-color unfocused_insensitive_color rgba(0, 0, 0, 0.38); /* widgets main borders color */ @define-color borders rgba(0, 0, 0, 0.12); /* widgets main borders color on backdrop windows */ @define-color unfocused_borders rgba(0, 0, 0, 0.12); /* these are pretty self explicative */ @define-color warning_color #FF6D00; @define-color error_color #DD2C00; @define-color success_color #00C853; /* FIXME this is really an API */ @define-color content_view_bg #FFFFFF; @define-color placeholder_text_color #757575; materia-theme-20180321/src/gtk/3.18/gtk-light.scss000066400000000000000000000004331325420104000212210ustar00rootroot00000000000000$variant: 'light'; $titlebar: 'light'; $compact: 'false'; @import '../../_sass/gtk/variables'; @import '../../_sass/colors'; @import '../../_sass/gtk/drawing-3.18'; @import '../../_sass/gtk/common-3.18'; @import '../../_sass/gtk/apps-3.18'; @import '../../_sass/gtk/colors-public'; materia-theme-20180321/src/gtk/3.18/gtk.css000066400000000000000000002617511325420104000177450ustar00rootroot00000000000000@keyframes ripple_effect { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(currentColor, 0.15)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(currentColor, 0.15)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.15)); } } @keyframes flat_ripple_effect { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(currentColor, 0.15)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.15)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(currentColor, 0.15)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.15)); } } @keyframes list_ripple_effect { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(currentColor, 0.15)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(currentColor, 0.15)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); } } * { padding: 0; background-clip: padding-box; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #DD2C00; -GtkCheckButton-indicator-size: 24; -GtkCheckMenuItem-indicator-size: 16; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkScrolledWindow-scrollbars-within-bevel: 1; -GtkToolItemGroup-expander-size: 11; -GtkExpander-expander-size: 16; -GtkTreeView-expander-size: 11; -GtkTreeView-horizontal-separator: 4; -GtkMenu-horizontal-padding: 0; -GtkMenu-vertical-padding: 0; -GtkWidget-link-color: #338DD6; -GtkWidget-visited-link-color: #E040FB; -GtkWidget-focus-padding: 2; -GtkWidget-focus-line-width: 1; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 20; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; -GtkStatusbar-shadow-type: none; outline-style: solid; outline-width: 2px; outline-color: alpha(currentColor, 0.3); outline-offset: -4px; outline-radius: 2px; } /*************** * Base States * ***************/ .background { background-color: #EEEEEE; color: rgba(0, 0, 0, 0.87); } /* 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. */ *:insensitive { -gtk-image-effect: dim; } .gtkstyle-fallback { background-color: #EEEEEE; color: rgba(0, 0, 0, 0.87); } .gtkstyle-fallback:prelight { background-color: #e1e1e1; color: rgba(0, 0, 0, 0.87); } .gtkstyle-fallback:active { background-color: #d5d5d5; color: rgba(0, 0, 0, 0.87); } .gtkstyle-fallback:insensitive { background-color: #EEEEEE; color: rgba(0, 0, 0, 0.38); } .gtkstyle-fallback:selected { background-color: #338DD6; color: #FFFFFF; } .view { background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .view:hover, .view:active, .view:selected, GtkCalendar:selected { border-radius: 2px; } .view:insensitive { color: rgba(0, 0, 0, 0.38); } .rubberband, GtkTreeView.view.rubberband, .content-view.rubberband { border: 1px solid #40C4FF; background-color: rgba(64, 196, 255, 0.3); } .label.separator { color: rgba(0, 0, 0, 0.87); } .label:insensitive { color: rgba(0, 0, 0, 0.38); } .dim-label, .label.separator, .titlebar .subtitle, .header-bar .subtitle { opacity: 0.6; } GtkAssistant .sidebar { padding: 6px 0; } GtkAssistant .sidebar:dir(ltr) { border-right: 1px solid rgba(0, 0, 0, 0.12); } GtkAssistant .sidebar:dir(rtl) { border-left: 1px solid rgba(0, 0, 0, 0.12); } GtkAssistant .sidebar .label { opacity: 0.6; padding: 5px 12px 6px; font-weight: 500; } GtkAssistant .sidebar .label.highlight { opacity: 1; } GtkTextView { background-color: #F5F5F5; } .grid-child { padding: 4px; border-radius: 2px; } .popover.osd, .app-notification, .app-notification.frame, .osd .scale-popup, .floating-bar, .osd { opacity: 0.9; } /********************* * Spinner Animation * *********************/ @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } .spinner { background-color: blue; background-image: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } .spinner:active { opacity: 1; animation: spin 1s linear infinite; } .spinner:active:insensitive { opacity: 0.5; } /**************** * Text Entries * ****************/ .entry { padding: 7px 8px 8px; border-radius: 2px; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .entry:focus { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } .entry:insensitive { color: rgba(0, 0, 0, 0.38); background-color: #F5F5F5; } .entry.flat, .notebook GtkGrid > .entry { border-radius: 0; transition: all 270ms cubic-bezier(0, 0, 0.2, 1); border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(#338DD6), to(transparent)) 0 0 0/0 0 0px; border-radius: 0; box-shadow: inset 0 -1px alpha(currentColor, 0.3); background-color: transparent; color: rgba(0, 0, 0, 0.87); } .entry.flat:focus, .notebook GtkGrid > .entry:focus { border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#338DD6), to(transparent)) 0 0 2/0 0 2px; box-shadow: inset 0 -2px #338DD6; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0 270ms; } .entry.flat:insensitive, .notebook GtkGrid > .entry:insensitive { box-shadow: inset 0 -1px alpha(currentColor, 0.3); background-color: transparent; color: rgba(0, 0, 0, 0.38); } .entry.image.left { padding-left: 2px; } .entry.image.right { padding-right: 2px; } .entry.progressbar, GtkTreeView.view.progressbar, GtkTreeView.view.trough { margin: 2px; border-style: none none solid; border-width: 2px; border-color: #338DD6; border-radius: 0; box-shadow: none; background-color: transparent; background-image: none; } .linked > .entry.flat, .notebook GtkGrid.linked > .entry, .linked.vertical > .entry.flat, .notebook GtkGrid.linked.vertical > .entry { border-radius: 0; } .entry.error { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #DD2C00; color: #FFFFFF; } .entry.error:focus { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } .entry.error:insensitive { color: rgba(0, 0, 0, 0.38); background-color: #F5F5F5; } .entry.error.flat, .notebook GtkGrid > .error.entry { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(#DD2C00), to(transparent)) 0 0 0/0 0 0px; border-radius: 0; box-shadow: inset 0 -1px #DD2C00; background-color: transparent; color: rgba(0, 0, 0, 0.87); } .entry.error.flat:focus, .notebook GtkGrid > .error.entry:focus { border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#DD2C00), to(transparent)) 0 0 2/0 0 2px; box-shadow: inset 0 -2px #DD2C00; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0 270ms; } .entry.error.flat:insensitive, .notebook GtkGrid > .error.entry:insensitive { box-shadow: inset 0 -1px alpha(currentColor, 0.3); background-color: transparent; color: rgba(0, 0, 0, 0.38); } .entry.warning { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FF6D00; color: #FFFFFF; } .entry.warning:focus { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } .entry.warning:insensitive { color: rgba(0, 0, 0, 0.38); background-color: #F5F5F5; } .entry.warning.flat, .notebook GtkGrid > .warning.entry { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(#FF6D00), to(transparent)) 0 0 0/0 0 0px; border-radius: 0; box-shadow: inset 0 -1px #FF6D00; background-color: transparent; color: rgba(0, 0, 0, 0.87); } .entry.warning.flat:focus, .notebook GtkGrid > .warning.entry:focus { border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#FF6D00), to(transparent)) 0 0 2/0 0 2px; box-shadow: inset 0 -2px #FF6D00; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0 270ms; } .entry.warning.flat:insensitive, .notebook GtkGrid > .warning.entry:insensitive { box-shadow: inset 0 -1px alpha(currentColor, 0.3); background-color: transparent; color: rgba(0, 0, 0, 0.38); } .entry.image:not(:hover):not(:active) { color: alpha(currentColor, 0.75); } .entry.image:insensitive { color: alpha(currentColor, 0.6); } GtkTreeView .entry:not(:selected), GtkTreeView .entry:not(:selected):focus { padding: 2px; border-image: none; border-radius: 0; box-shadow: none; background-color: #FFFFFF; } /*********** * Buttons * ***********/ @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#009688), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#009688), to(transparent)); } } .button { padding: 7px 10px 8px; border-radius: 2px; background-repeat: no-repeat; background-position: center, center; background-size: 90px 90px, auto; font-weight: 500; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FAFAFA; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); color: rgba(0, 0, 0, 0.62); } .button:hover { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); color: rgba(0, 0, 0, 0.87); } .button:active { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1), background-image 0; animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); color: rgba(0, 0, 0, 0.87); } .button:insensitive { box-shadow: none; background-color: alpha(currentColor, 0.3); color: rgba(0, 0, 0, 0.26); } .button:insensitive > .label { color: inherit; } .button:checked { background-color: #338DD6; color: #FFFFFF; } .button:checked:insensitive { background-color: alpha(currentColor, 0.3); color: rgba(51, 141, 214, 0.5); } .button:checked:insensitive > .label { color: inherit; } .spinbutton .button, .popover .linked > .button, .notebook tab .button, GtkCalendar.button, .message-dialog.csd .dialog-action-area .button, .sidebar-button.button, .toolbar:not(.search-bar) .button, .titlebar .button:not(.suggested-action):not(.destructive-action), .header-bar .button:not(.suggested-action):not(.destructive-action), .frame.action-bar .button:not(.suggested-action):not(.destructive-action), .app-notification .button, .app-notification.frame .button, .button.flat { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); box-shadow: none; background-color: transparent; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); color: alpha(currentColor, 0.75); } .spinbutton .button:hover, .popover .linked > .button:hover, .notebook tab .button:hover, GtkCalendar.button:hover, .message-dialog.csd .dialog-action-area .button:hover, .sidebar-button.button:hover, .toolbar:not(.search-bar) .button:hover, .titlebar .button:hover:not(.suggested-action):not(.destructive-action), .header-bar .button:hover:not(.suggested-action):not(.destructive-action), .frame.action-bar .button:hover:not(.suggested-action):not(.destructive-action), .app-notification .button:hover, .button.flat:hover { box-shadow: none; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.15)); color: currentColor; } .spinbutton .button:active, .popover .linked > .button:active, .notebook tab .button:active, GtkCalendar.button:active, .message-dialog.csd .dialog-action-area .button:active, .sidebar-button.button:active, .toolbar:not(.search-bar) .button:active, .titlebar .button:active:not(.suggested-action):not(.destructive-action), .header-bar .button:active:not(.suggested-action):not(.destructive-action), .frame.action-bar .button:active:not(.suggested-action):not(.destructive-action), .app-notification .button:active, .button.flat:active { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-image 0; animation: flat_ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: none; color: currentColor; } .spinbutton .button:insensitive, .popover .linked > .button:insensitive, .notebook tab .button:insensitive, GtkCalendar.button:insensitive, .message-dialog.csd .dialog-action-area .button:insensitive, .sidebar-button.button:insensitive, .toolbar:not(.search-bar) .button:insensitive, .titlebar .button:insensitive:not(.suggested-action):not(.destructive-action), .header-bar .button:insensitive:not(.suggested-action):not(.destructive-action), .frame.action-bar .button:insensitive:not(.suggested-action):not(.destructive-action), .app-notification .button:insensitive, .button.flat:insensitive { box-shadow: none; background-color: transparent; color: alpha(currentColor, 0.375); } .spinbutton .button:insensitive > .label, .popover .linked > .button:insensitive > .label, .notebook tab .button:insensitive > .label, GtkCalendar.button:insensitive > .label, .message-dialog.csd .dialog-action-area .button:insensitive > .label, .sidebar-button.button:insensitive > .label, .toolbar:not(.search-bar) .button:insensitive > .label, .titlebar .button:insensitive:not(.suggested-action):not(.destructive-action) > .label, .header-bar .button:insensitive:not(.suggested-action):not(.destructive-action) > .label, .frame.action-bar .button:insensitive:not(.suggested-action):not(.destructive-action) > .label, .app-notification .button:insensitive > .label, .button.flat:insensitive > .label { color: inherit; } .toolbar:not(.search-bar) .button:checked, .titlebar .button:checked:not(.suggested-action):not(.destructive-action), .header-bar .button:checked:not(.suggested-action):not(.destructive-action), .frame.action-bar .button:checked:not(.suggested-action):not(.destructive-action), .app-notification .button:checked, .button.flat:checked { background-color: alpha(currentColor, 0.3); color: currentColor; } .toolbar:not(.search-bar) .button:checked:insensitive, .titlebar .button:checked:insensitive:not(.suggested-action):not(.destructive-action), .header-bar .button:checked:insensitive:not(.suggested-action):not(.destructive-action), .frame.action-bar .button:checked:insensitive:not(.suggested-action):not(.destructive-action), .app-notification .button:checked:insensitive, .button.flat:checked:insensitive { background-color: alpha(currentColor, 0.3); color: alpha(currentColor, 0.5); } .toolbar:not(.search-bar) .button:checked:insensitive > .label, .titlebar .button:checked:insensitive:not(.suggested-action):not(.destructive-action) > .label, .header-bar .button:checked:insensitive:not(.suggested-action):not(.destructive-action) > .label, .frame.action-bar .button:checked:insensitive:not(.suggested-action):not(.destructive-action) > .label, .app-notification .button:checked:insensitive > .label, .button.flat:checked:insensitive > .label { color: inherit; } .button.osd.image-button { padding: 16px; background-size: 60px 60px, auto; } .button.osd:insensitive { opacity: 0; } .button.suggested-action { background-color: #009688; color: #FFFFFF; } .button.suggested-action:insensitive { box-shadow: none; background-color: alpha(currentColor, 0.3); color: rgba(0, 0, 0, 0.38); } .button.suggested-action:insensitive > .label { color: inherit; } .button.suggested-action:checked { background-color: #4db6ac; } .toolbar:not(.search-bar) .suggested-action.button, .titlebar .suggested-action.button:not(.suggested-action):not(.destructive-action), .header-bar .suggested-action.button:not(.suggested-action):not(.destructive-action), .frame.action-bar .suggested-action.button:not(.suggested-action):not(.destructive-action), .app-notification .suggested-action.button, .button.suggested-action.flat { background-color: transparent; color: #009688; } .toolbar:not(.search-bar) .suggested-action.button:insensitive, .titlebar .suggested-action.button:insensitive:not(.suggested-action):not(.destructive-action), .header-bar .suggested-action.button:insensitive:not(.suggested-action):not(.destructive-action), .frame.action-bar .suggested-action.button:insensitive:not(.suggested-action):not(.destructive-action), .app-notification .suggested-action.button:insensitive, .button.suggested-action.flat:insensitive { box-shadow: none; background-color: transparent; color: alpha(currentColor, 0.5); } .toolbar:not(.search-bar) .suggested-action.button:insensitive > .label, .titlebar .suggested-action.button:insensitive:not(.suggested-action):not(.destructive-action) > .label, .header-bar .suggested-action.button:insensitive:not(.suggested-action):not(.destructive-action) > .label, .frame.action-bar .suggested-action.button:insensitive:not(.suggested-action):not(.destructive-action) > .label, .app-notification .suggested-action.button:insensitive > .label, .button.suggested-action.flat:insensitive > .label { color: inherit; } .toolbar:not(.search-bar) .suggested-action.button:checked, .titlebar .suggested-action.button:checked:not(.suggested-action):not(.destructive-action), .header-bar .suggested-action.button:checked:not(.suggested-action):not(.destructive-action), .frame.action-bar .suggested-action.button:checked:not(.suggested-action):not(.destructive-action), .app-notification .suggested-action.button:checked, .button.suggested-action.flat:checked { background-color: alpha(currentColor, 0.3); } .button.destructive-action { background-color: #FF5252; color: #FFFFFF; } .button.destructive-action:insensitive { box-shadow: none; background-color: alpha(currentColor, 0.3); color: rgba(0, 0, 0, 0.38); } .button.destructive-action:insensitive > .label { color: inherit; } .button.destructive-action:checked { background-color: #ff8686; } .toolbar:not(.search-bar) .destructive-action.button, .titlebar .destructive-action.button:not(.suggested-action):not(.destructive-action), .header-bar .destructive-action.button:not(.suggested-action):not(.destructive-action), .frame.action-bar .destructive-action.button:not(.suggested-action):not(.destructive-action), .app-notification .destructive-action.button, .button.destructive-action.flat { background-color: transparent; color: #FF5252; } .toolbar:not(.search-bar) .destructive-action.button:insensitive, .titlebar .destructive-action.button:insensitive:not(.suggested-action):not(.destructive-action), .header-bar .destructive-action.button:insensitive:not(.suggested-action):not(.destructive-action), .frame.action-bar .destructive-action.button:insensitive:not(.suggested-action):not(.destructive-action), .app-notification .destructive-action.button:insensitive, .button.destructive-action.flat:insensitive { box-shadow: none; background-color: transparent; color: alpha(currentColor, 0.5); } .toolbar:not(.search-bar) .destructive-action.button:insensitive > .label, .titlebar .destructive-action.button:insensitive:not(.suggested-action):not(.destructive-action) > .label, .header-bar .destructive-action.button:insensitive:not(.suggested-action):not(.destructive-action) > .label, .frame.action-bar .destructive-action.button:insensitive:not(.suggested-action):not(.destructive-action) > .label, .app-notification .destructive-action.button:insensitive > .label, .button.destructive-action.flat:insensitive > .label { color: inherit; } .toolbar:not(.search-bar) .destructive-action.button:checked, .titlebar .destructive-action.button:checked:not(.suggested-action):not(.destructive-action), .header-bar .destructive-action.button:checked:not(.suggested-action):not(.destructive-action), .frame.action-bar .destructive-action.button:checked:not(.suggested-action):not(.destructive-action), .app-notification .destructive-action.button:checked, .button.destructive-action.flat:checked { background-color: alpha(currentColor, 0.3); } .button.text-button, GtkScaleButton.button.text-button, GtkVolumeButton.button.text-button { padding-left: 16px; padding-right: 16px; } .button.text-button.image-button { padding: 7px 10px 8px; outline-radius: 2px; border-radius: 2px; background-size: 90px 90px, auto; } .button.text-button.image-button .label:first-child { padding-left: 6px; } .button.text-button.image-button .label:last-child { padding-right: 6px; } .stack-switcher > .button { outline-offset: -4px; } .stack-switcher > .button > .label { padding-left: 6px; padding-right: 6px; } .stack-switcher > .button > GtkImage { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } .stack-switcher > .button.text-button { padding: 7px 10px 8px; } .stack-switcher > .button.image-button { padding: 7px 4px; } .stack-switcher > .button.needs-attention:checked > .label, .stack-switcher > .button.needs-attention:checked > GtkImage { animation: none; background-image: none; } .primary-toolbar .button { icon-shadow: none; } .toolbar:not(.search-bar) .linked > .button, .titlebar .linked > .button:not(.suggested-action):not(.destructive-action), .header-bar .linked > .button:not(.suggested-action):not(.destructive-action), .frame.action-bar .linked > .button:not(.suggested-action):not(.destructive-action), .app-notification .linked > .button, .toolbar:not(.search-bar) .linked.vertical > .button, .titlebar .linked.vertical > .button:not(.suggested-action):not(.destructive-action), .header-bar .linked.vertical > .button:not(.suggested-action):not(.destructive-action), .frame.action-bar .linked.vertical > .button:not(.suggested-action):not(.destructive-action), .app-notification .linked.vertical > .button, .linked > .button.flat, .linked.vertical > .button.flat { border-radius: 2px; } .toolbar:not(.search-bar) .linked > .image-button.button, .titlebar .linked > .image-button.button:not(.suggested-action):not(.destructive-action), .header-bar .linked > .image-button.button:not(.suggested-action):not(.destructive-action), .frame.action-bar .linked > .image-button.button:not(.suggested-action):not(.destructive-action), .app-notification .linked > .image-button.button, .toolbar:not(.search-bar) .linked.vertical > .image-button.button, .titlebar .linked.vertical > .image-button.button:not(.suggested-action):not(.destructive-action), .header-bar .linked.vertical > .image-button.button:not(.suggested-action):not(.destructive-action), .frame.action-bar .linked.vertical > .image-button.button:not(.suggested-action):not(.destructive-action), .app-notification .linked.vertical > .image-button.button, .linked > .button.flat.image-button, .linked.vertical > .button.flat.image-button { outline-radius: 9999px; border-radius: 9999px; } .toolbar:not(.search-bar) .linked > .text-button.image-button.button, .titlebar .linked > .text-button.image-button.button:not(.suggested-action):not(.destructive-action), .header-bar .linked > .text-button.image-button.button:not(.suggested-action):not(.destructive-action), .frame.action-bar .linked > .text-button.image-button.button:not(.suggested-action):not(.destructive-action), .app-notification .linked > .text-button.image-button.button, .toolbar:not(.search-bar) .linked.vertical > .text-button.image-button.button, .titlebar .linked.vertical > .text-button.image-button.button:not(.suggested-action):not(.destructive-action), .header-bar .linked.vertical > .text-button.image-button.button:not(.suggested-action):not(.destructive-action), .frame.action-bar .linked.vertical > .text-button.image-button.button:not(.suggested-action):not(.destructive-action), .app-notification .linked.vertical > .text-button.image-button.button, .linked > .button.flat.text-button.image-button, .linked.vertical > .button.flat.text-button.image-button { outline-radius: 2px; border-radius: 2px; } .button.image-button, .inline-toolbar .button, .spinbutton .button, .notebook tab .button, GtkScaleButton.button, GtkVolumeButton.button, .header-bar .button.titlebutton, .titlebar .button.titlebutton, .nautilus-circular-button { padding: 10px; outline-radius: 100px; border-radius: 100px; background-size: 45px 45px, auto; } .stack-switcher > .button.needs-attention > .label, .stack-switcher > .button.needs-attention > GtkImage, .sidebar-item.needs-attention > .label { animation: needs_attention 270ms cubic-bezier(0, 0, 0.2, 1) forwards; background-repeat: no-repeat; background-position: right 3px; background-size: 6px 6px; } .stack-switcher > .button.needs-attention > .label:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .sidebar-item.needs-attention > .label:dir(rtl) { background-position: left 3px; } .linked > .entry, .linked > .button, .linked > GtkComboBox > .the-button-in-the-combobox:dir(ltr), .linked > GtkComboBox > .the-button-in-the-combobox:dir(rtl), .linked > GtkComboBoxText > .the-button-in-the-combobox:dir(ltr), .linked > GtkComboBoxText > .the-button-in-the-combobox:dir(rtl) { outline-radius: 2px; border-radius: 0; } .linked > .entry:first-child, .linked > .button:first-child, .linked > GtkComboBox:first-child > .the-button-in-the-combobox, .linked > GtkComboBoxText:first-child > .the-button-in-the-combobox { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .linked > .entry:last-child, .linked > .button:last-child, .linked > GtkComboBox:last-child > .the-button-in-the-combobox, .linked > GtkComboBoxText:last-child > .the-button-in-the-combobox { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .linked > .entry:only-child, .linked > .button:only-child, .linked > GtkComboBox:only-child > .the-button-in-the-combobox, .linked > GtkComboBoxText:only-child > .the-button-in-the-combobox { border-radius: 2px; } .linked.vertical > .entry, .linked.vertical > .button, .linked.vertical > GtkComboBoxText > .the-button-in-the-combobox, .linked.vertical > GtkComboBox > .the-button-in-the-combobox { outline-radius: 2px; border-radius: 0; } .linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, .linked.vertical > GtkComboBoxText:first-child > .the-button-in-the-combobox, .linked.vertical > GtkComboBox:first-child > .the-button-in-the-combobox { border-top-left-radius: 2px; border-top-right-radius: 2px; } .linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, .linked.vertical > GtkComboBoxText:last-child > .the-button-in-the-combobox, .linked.vertical > GtkComboBox:last-child > .the-button-in-the-combobox { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, .linked.vertical > GtkComboBoxText:only-child > .the-button-in-the-combobox, .linked.vertical > GtkComboBox:only-child > .the-button-in-the-combobox { border-radius: 2px; } /* menu buttons */ GtkColorButton.button { padding: 7px 8px 8px; } GtkColorButton.button GtkColorSwatch:first-child:last-child { border-radius: 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } /********* * Links * *********/ *:link, .button:link, .button:visited { color: #338DD6; } *:link:hover, .button:hover:link, .button:hover:visited, *:link:active, .button:active:link, .button:active:visited { color: #338DD6; } *:link:visited, .button:visited { color: #E040FB; } *:link:visited:hover, .button:visited:hover, *:link:visited:active, .button:visited:active { color: #E040FB; } *:selected *:link:visited, *:selected .button:visited { color: #add1ef; } *:link:selected, .button:selected:link, .button:selected:visited, .titlebar.selection-mode .subtitle:link, .header-bar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited { color: #d6e8f7; } .button:link > .label, .button:visited > .label { text-decoration-line: underline; } /***************** * GtkSpinButton * *****************/ .spinbutton .button { padding: 4px; border: solid 6px transparent; color: rgba(0, 0, 0, 0.54); } .spinbutton .button:hover, .spinbutton .button:active { color: rgba(0, 0, 0, 0.87); } .spinbutton .button:insensitive { color: rgba(0, 0, 0, 0.26); } .spinbutton .button:active { background-color: alpha(currentColor, 0.3); } .spinbutton.vertical .button { padding-top: 10px; padding-bottom: 10px; border: none; } .spinbutton.vertical .button:first-child { border-radius: 2px 2px 0 0; } .spinbutton.vertical .button:last-child { border-radius: 0 0 2px 2px; } /************** * ComboBoxes * **************/ GtkComboBox { -GtkComboBox-arrow-scaling: 0.5; -GtkComboBox-shadow-type: none; } GtkComboBox > .the-button-in-the-combobox { padding: 5px 6px 6px; } GtkComboBox .menu { padding: 2px 0; } GtkComboBox .menu .menuitem { padding: 5px 6px 6px; } GtkComboBox .separator.vertical { -GtkWidget-wide-separators: true; } GtkComboBox.combobox-entry .entry:dir(ltr) { border-top-right-radius: 0; border-bottom-right-radius: 0; } GtkComboBox.combobox-entry .entry:dir(rtl) { border-top-left-radius: 0; border-bottom-left-radius: 0; } GtkComboBox.combobox-entry .button { padding: 10px; } GtkComboBox.combobox-entry .button:dir(ltr) { border-top-left-radius: 0; border-bottom-left-radius: 0; } GtkComboBox.combobox-entry .button:dir(rtl) { border-top-right-radius: 0; border-bottom-right-radius: 0; } /************ * Toolbars * ************/ .toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #EEEEEE; } .osd .toolbar, .toolbar.osd, .app-notification, .app-notification.frame { transition: border-image 180ms cubic-bezier(0, 0, 0.2, 1); padding: 6px; border-style: solid; border-width: 8px; border-image: -gtk-scaled(url("assets/box-shadow.png"), url("assets/box-shadow@2.png")) 10/10px stretch; border-radius: 2px; background-color: #FFFFFF; } .osd .toolbar:backdrop, .toolbar.osd:backdrop, .app-notification:backdrop { border-image: -gtk-scaled(url("assets/box-shadow-backdrop.png"), url("assets/box-shadow-backdrop@2.png")) 10/10px stretch; } .inline-toolbar { padding: 6px; border-style: solid; border-width: 0 1px 1px; border-color: rgba(0, 0, 0, 0.12); background-color: #F5F5F5; } .search-bar, .location-bar { padding: 6px; border-style: solid; border-width: 0 0 1px; border-color: rgba(0, 0, 0, 0.12); background-color: #EEEEEE; background-clip: border-box; } /*************** * Header bars * ***************/ .titlebar, .header-bar { transition: background-color 180ms cubic-bezier(0, 0, 0.2, 1); padding: 6px; border-radius: 2px 2px 0 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.1); background-color: #303030; color: #FFFFFF; } .titlebar:backdrop, .header-bar:backdrop { color: rgba(255, 255, 255, 0.7); } .titlebar .title, .header-bar .title { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); padding-left: 12px; padding-right: 12px; font-weight: bold; } .titlebar .subtitle, .header-bar .subtitle { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); padding-left: 12px; padding-right: 12px; font-size: smaller; } .titlebar .header-bar-separator, .titlebar > GtkBox > .separator.vertical, .header-bar .header-bar-separator, .header-bar > GtkBox > .separator.vertical { -GtkWidget-wide-separators: true; -GtkWidget-separator-width: 1px; border-style: solid; border-width: 0 1px; border-color: rgba(0, 0, 0, 0.12); } .titlebar .button:not(.suggested-action):not(.destructive-action), .header-bar .button:not(.suggested-action):not(.destructive-action) { border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(currentColor), to(transparent)) 0 0 0/0 0 0px; } .titlebar .button:not(.suggested-action):not(.destructive-action):checked, .header-bar .button:not(.suggested-action):not(.destructive-action):checked { border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(currentColor), to(transparent)) 0 0 2/0 0 2px; } .titlebar .button:not(.suggested-action):not(.destructive-action):checked, .titlebar .button:not(.suggested-action):not(.destructive-action):checked:insensitive, .header-bar .button:not(.suggested-action):not(.destructive-action):checked, .header-bar .button:not(.suggested-action):not(.destructive-action):checked:insensitive { background-color: transparent; } .titlebar .button.suggested-action:insensitive, .titlebar .button.destructive-action:insensitive, .header-bar .button.suggested-action:insensitive, .header-bar .button.destructive-action:insensitive { color: alpha(currentColor, 0.5); } .titlebar .button.suggested-action:insensitive > .label, .titlebar .button.destructive-action:insensitive > .label, .header-bar .button.suggested-action:insensitive > .label, .header-bar .button.destructive-action:insensitive > .label { color: inherit; } .titlebar.selection-mode, .header-bar.selection-mode { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.2); background-color: #338DD6; color: #FFFFFF; } .titlebar.selection-mode:backdrop, .header-bar.selection-mode:backdrop { color: rgba(255, 255, 255, 0.7); } .titlebar.selection-mode .button, .header-bar.selection-mode .button { border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(#FFFFFF), to(transparent)) 0 0 0/0 0 0px; color: rgba(255, 255, 255, 0.7); } .titlebar.selection-mode .button:hover, .titlebar.selection-mode .button:active, .titlebar.selection-mode .button:checked, .header-bar.selection-mode .button:hover, .header-bar.selection-mode .button:active, .header-bar.selection-mode .button:checked { color: #FFFFFF; } .titlebar.selection-mode .button:checked, .header-bar.selection-mode .button:checked { border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#FFFFFF), to(transparent)) 0 0 2/0 0 2px; color: #FFFFFF; } .titlebar.selection-mode .button:checked:insensitive, .header-bar.selection-mode .button:checked:insensitive { color: rgba(255, 255, 255, 0.5); } .titlebar.selection-mode .button:checked:insensitive > .label, .header-bar.selection-mode .button:checked:insensitive > .label { color: inherit; } .titlebar.selection-mode .button.suggested-action, .header-bar.selection-mode .button.suggested-action { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FAFAFA; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); color: rgba(0, 0, 0, 0.62); } .titlebar.selection-mode .button.suggested-action:hover, .header-bar.selection-mode .button.suggested-action:hover { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); color: rgba(0, 0, 0, 0.87); } .titlebar.selection-mode .button.suggested-action:active, .header-bar.selection-mode .button.suggested-action:active { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1), background-image 0; animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); color: rgba(0, 0, 0, 0.87); } .titlebar.selection-mode .button.suggested-action:insensitive, .header-bar.selection-mode .button.suggested-action:insensitive { box-shadow: none; background-color: alpha(currentColor, 0.3); color: rgba(0, 0, 0, 0.26); } .titlebar.selection-mode .button.suggested-action:insensitive > .label, .header-bar.selection-mode .button.suggested-action:insensitive > .label { color: inherit; } .titlebar.selection-mode .selection-menu, .header-bar.selection-mode .selection-menu { padding-left: 16px; padding-right: 16px; } .titlebar.selection-mode .selection-menu GtkArrow, .header-bar.selection-mode .selection-menu GtkArrow { -GtkArrow-arrow-scaling: 1; } .titlebar.selection-mode .selection-menu .arrow, .header-bar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } .tiled .titlebar, .maximized .titlebar, .tiled .header-bar, .maximized .header-bar { border-radius: 0; box-shadow: none; } .titlebar.default-decoration, .header-bar.default-decoration { padding: 6px; border-width: 0; } .titlebar.default-decoration .button, .header-bar.default-decoration .button { padding: 4px; } /************ * Pathbars * ************/ .path-bar .button { padding: 7px 6px 8px; } .path-bar .button .label:last-child { padding-left: 2px; } .path-bar .button .label:first-child { padding-right: 2px; } .path-bar .button GtkImage { padding-top: 1px; } .path-bar .button GtkImage:only-child { padding-right: 4px; padding-left: 4px; } /************** * Tree Views * **************/ GtkTreeView.view { -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; border-left-color: alpha(currentColor, 0.3); border-top-color: rgba(0, 0, 0, 0.12); border-radius: 0; } GtkTreeView.view:hover, GtkTreeView.view:active, GtkTreeView.view:selected { border-radius: 0; } GtkTreeView.view.dnd { border-style: solid none; border-width: 1px; border-color: rgba(29, 80, 121, 0.935); } GtkTreeView.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } GtkTreeView.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } GtkTreeView.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GtkTreeView.view.expander:selected { color: rgba(255, 255, 255, 0.7); } GtkTreeView.view.expander:selected:hover, GtkTreeView.view.expander:selected:active { color: #FFFFFF; } GtkTreeView.view.progressbar { border-width: 4px; } GtkTreeView.view.progressbar:selected { border-color: currentColor; } GtkTreeView.view.trough { border-width: 4px; border-color: rgba(51, 141, 214, 0.3); } GtkTreeView.view.trough:selected { border-color: alpha(currentColor, 0.3); } column-header .button { padding: 3px 6px 4px; border-style: none solid solid none; border-width: 1px; border-color: rgba(0, 0, 0, 0.12); border-radius: 0; box-shadow: none; background-color: #FFFFFF; } column-header .button:hover, column-header .button:active { box-shadow: none; } column-header .button:insensitive { background-color: #FFFFFF; } column-header:last-child .button, column-header:last-child.button { border-right-style: none; } column-header.button.dnd, column-header .button.dnd { border-left-style: solid; background-clip: padding-box; color: #338DD6; } /********* * Menus * *********/ .menubar { -GtkWidget-window-dragging: true; padding: 0; background-color: #303030; } .menubar > .menuitem { transition: all 180ms cubic-bezier(0, 0, 0.2, 1); padding: 4px 8px; color: rgba(255, 255, 255, 0.7); } .menubar > .menuitem:hover { transition: none; background-color: alpha(currentColor, 0.15); color: #FFFFFF; } .menubar > .menuitem:insensitive { color: rgba(255, 255, 255, 0.3); box-shadow: none; } .menu { margin: 4px 0; padding: 4px 0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.12); } .csd .menu { border: none; border-radius: 2px; } .menu .menuitem { transition: all 180ms cubic-bezier(0, 0, 0.2, 1); padding: 3px 4px 4px; font: initial; text-shadow: none; } .menu .menuitem:hover { transition: none; background-color: alpha(currentColor, 0.15); } .menu .menuitem:insensitive { color: rgba(0, 0, 0, 0.38); } .menu .menuitem.arrow { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } .menu .menuitem.arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } .menu.button { border-style: none; border-radius: 0; box-shadow: none; } .menu.button.top { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .menu.button.bottom { border-top: 1px solid rgba(0, 0, 0, 0.12); } .menu.button:hover { background-color: alpha(currentColor, 0.15); } .menu.button:insensitive { background-color: transparent; border-color: transparent; } .menuitem .accelerator { color: alpha(currentColor, 0.6); } .csd.popup { border-radius: 2px; } /*************** * Popovers * ***************/ .popover { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); padding: 2px; border: 1px solid; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3); border-radius: 3px; background-color: #FAFAFA; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } .popover:backdrop { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .popover > .list, .popover > .view, .popover > .toolbar, .popover.osd > .toolbar { border-style: none; border-image: none; background-color: transparent; } .popover .button.flat { padding: 5px 8px 6px; background-color: transparent; background-size: 160px 160px, auto; color: rgba(0, 0, 0, 0.87); font: initial; } .popover .linked > .button { border-radius: 2px; } .popover .linked > .button:checked { background-color: #338DD6; color: #FFFFFF; } .popover .linked > .button.image-button { padding: 8px; background-size: 90px 90px, auto; } /***************** * Notebooks and * * Tabs * *****************/ .notebook { padding: 0; background-color: #FFFFFF; -GtkNotebook-initial-gap: 8; -GtkNotebook-arrow-spacing: 5; -GtkNotebook-tab-curvature: 0; -GtkNotebook-tab-overlap: 1; -GtkNotebook-has-tab-gap: false; -GtkWidget-focus-padding: 0; -GtkWidget-focus-line-width: 0; } .notebook.frame { border: 1px solid rgba(0, 0, 0, 0.12); } .notebook.frame.top { border-top-width: 0; } .notebook.frame.bottom { border-bottom-width: 0; } .notebook.frame.right { border-right-width: 0; } .notebook.frame.left { border-left-width: 0; } .notebook.header { background-color: #EEEEEE; } .notebook.header.frame { border: 1px solid rgba(0, 0, 0, 0.12); } .notebook.header.frame.top { border-bottom-width: 0; } .notebook.header.frame.bottom { border-top-width: 0; } .notebook.header.frame.right { border-left-width: 0; } .notebook.header.frame.left { border-right-width: 0; } .notebook.header.top { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); } .notebook.header.bottom { box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); } .notebook.header.right { box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12); } .notebook.header.left { box-shadow: inset -1px 0 rgba(0, 0, 0, 0.12); } .notebook tab { border-width: 0; border-style: solid; border-color: transparent; background-color: transparent; outline-offset: 0; /* works for testnotebookdnd, but there's a superfluous border in gedit or web, commented out for now, needs gtk fixes &.reorderable-page { &.top { padding-top: ($vt_vpadding - 1px); border-top-width: 1px; border-left-width: 1px; border-right-width: 1px; } &.bottom { padding-bottom: ($vt_vpadding - 1px); border-bottom-width: 1px; border-left-width: 1px; border-right-width: 1px; } &.left { padding-left: ($ht_hpadding - 1px); border-left-width: 1px; border-top-width: 1px; border-bottom-width: 1px; } &.right { padding-right: ($ht_hpadding - 1px); border-right-width: 1px; border-top-width: 1px; border-bottom-width: 1px; } } */ } .notebook tab.top, .notebook tab.bottom { padding: 8px 12px; } .notebook tab.left, .notebook tab.right { padding: 8px 12px; } .notebook tab.reorderable-page { -GtkNotebook-tab-overlap: 1; } .notebook tab.reorderable-page.top, .notebook tab.reorderable-page.bottom { padding-left: 12px; padding-right: 12px; border-left-width: 1px; border-right-width: 1px; } .notebook tab.reorderable-page.left, .notebook tab.reorderable-page.right { border-bottom-width: 1px; border-top-width: 1px; } .notebook tab.top:hover, .notebook tab.top.prelight-page { box-shadow: inset 0 -2px alpha(currentColor, 0.3); } .notebook tab.top:active, .notebook tab.top.active-page { box-shadow: inset 0 -2px #338DD6; } .notebook tab.bottom:hover, .notebook tab.bottom.prelight-page { box-shadow: inset 0 2px alpha(currentColor, 0.3); } .notebook tab.bottom:active, .notebook tab.bottom.active-page { box-shadow: inset 0 2px #338DD6; } .notebook tab.left:hover, .notebook tab.left.prelight-page { box-shadow: inset -2px 0 alpha(currentColor, 0.3); } .notebook tab.left:active, .notebook tab.left.active-page { box-shadow: inset -2px 0 #338DD6; } .notebook tab.right:hover, .notebook tab.right.prelight-page { box-shadow: inset 2px 0 alpha(currentColor, 0.3); } .notebook tab.right:active, .notebook tab.right.active-page { box-shadow: inset 2px 0 #338DD6; } .notebook tab.reorderable-page.top { border-color: transparent; } .notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page { border-color: rgba(0, 0, 0, 0.12); border-bottom-width: 0; border-bottom-color: transparent; background-color: #F5F5F5; } .notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page { border-color: rgba(0, 0, 0, 0.12); border-bottom-width: 0; border-bottom-color: transparent; background-color: #FFFFFF; } .notebook tab.reorderable-page.bottom { border-color: transparent; } .notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page { border-color: rgba(0, 0, 0, 0.12); border-top-width: 0; border-top-color: transparent; background-color: #F5F5F5; } .notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page { border-color: rgba(0, 0, 0, 0.12); border-top-width: 0; border-top-color: transparent; background-color: #FFFFFF; } .notebook tab.reorderable-page.left { border-color: transparent; } .notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page { border-color: rgba(0, 0, 0, 0.12); border-right-width: 0; border-right-color: transparent; background-color: #F5F5F5; } .notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page { border-color: rgba(0, 0, 0, 0.12); border-right-width: 0; border-right-color: transparent; background-color: #FFFFFF; } .notebook tab.reorderable-page.right { border-color: transparent; } .notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page { border-color: rgba(0, 0, 0, 0.12); border-left-width: 0; border-left-color: transparent; background-color: #F5F5F5; } .notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page { border-color: rgba(0, 0, 0, 0.12); border-left-width: 0; border-left-color: transparent; background-color: #FFFFFF; } .notebook tab .label { padding: 0 2px; font-weight: 500; color: rgba(0, 0, 0, 0.54); } .notebook tab .prelight-page .label, .notebook tab .label.prelight-page { color: rgba(0, 0, 0, 0.87); } .notebook tab .active-page .label, .notebook tab .label.active-page { color: rgba(0, 0, 0, 0.87); } .notebook tab .button { padding: 0; background-size: 30px 30px, auto; } .notebook tab .button > GtkImage { padding: 4px; } .notebook.arrow:not(:hover):not(:active) { color: alpha(currentColor, 0.75); } .notebook.arrow:insensitive { color: rgba(0, 0, 0, 0.38); } /************** * Scrollbars * **************/ .scrollbar { -GtkRange-slider-width: 17px; -GtkRange-trough-border: 0; -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; -GtkScrollbar-min-slider-length: 32px; -GtkRange-stepper-spacing: 0; -GtkRange-trough-under-steppers: 1; } .scrollbar .button { border: none; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) { -GtkRange-slider-width: 12px; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { margin: 3px; border: 1px solid rgba(255, 255, 255, 0.3); } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .trough { border-style: none; background-color: transparent; } .scrollbar.overlay-indicator.dragging .trough, .scrollbar.overlay-indicator.hovering .trough { background-color: rgba(255, 255, 255, 0.9); } .scrollbar .trough { border: 1px none rgba(0, 0, 0, 0.12); background-color: #FFFFFF; background-clip: padding-box; } .scrollbar .slider { background-color: rgba(0, 0, 0, 0.38); } .scrollbar .slider:hover { background-color: rgba(0, 0, 0, 0.54); } .scrollbar .slider:active { background-color: rgba(0, 0, 0, 0.87); } .scrollbar .slider:insensitive { opacity: 0.5; } .scrollbar .slider { border-radius: 100px; margin: 4px; } .scrollbar.fine-tune .slider { margin: 6px; } .scrollbar.vertical .slider { margin-left: 5px; } .scrollbar.vertical .slider:dir(rtl) { margin-left: 4px; margin-right: 5px; } .scrollbar.vertical.fine-tune .slider { margin-left: 7px; } .scrollbar.vertical.fine-tune .slider:dir(rtl) { margin-left: 6px; margin-right: 7px; } .scrollbar.vertical .trough { border-left-style: solid; } .scrollbar.vertical .trough:dir(rtl) { border-left-style: none; border-right-style: solid; } .scrollbar.horizontal .slider { margin-top: 5px; } .scrollbar.horizontal.fine-tune .slider { margin-top: 7px; } .scrollbar.horizontal .trough { border-top-style: solid; } .scrollbars-junction, .scrollbars-junction.frame { border-style: solid none none solid; background-color: #FFFFFF; } .scrollbars-junction:dir(rtl), .scrollbars-junction.frame:dir(rtl) { border-style: solid solid none none; } /********** * Switch * **********/ GtkSwitch { -GtkSwitch-slider-width: 20px; -GtkSwitch-slider-height: 20px; outline-offset: -4px; outline-radius: 100px; font-size: 0; } GtkSwitch.trough { border: 8px solid transparent; border-radius: 100px; background-color: alpha(currentColor, 0.3); } GtkSwitch.trough:insensitive { color: alpha(currentColor, 0.5); } GtkSwitch.trough:active { background-color: rgba(0, 150, 136, 0.5); } GtkSwitch.trough:active:insensitive { background-color: rgba(0, 150, 136, 0.3); } GtkSwitch.slider { padding: 5px 4px; border-radius: 100px; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } GtkSwitch.slider:hover { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } GtkSwitch.slider:active { background-color: #009688; } GtkSwitch.slider:insensitive { color: rgba(0, 0, 0, 0.38); background-color: #F5F5F5; } /************************* * Check and Radio items * *************************/ .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } .check:hover { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-hover.png"), url("assets/checkbox-unchecked-hover@2.png")); } .check:active { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-active.png"), url("assets/checkbox-unchecked-active@2.png")); } .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-disabled.png"), url("assets/checkbox-unchecked-disabled@2.png")); } .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); } .check:inconsistent:hover { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-hover.png"), url("assets/checkbox-mixed-hover@2.png")); } .check:inconsistent:active { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-active.png"), url("assets/checkbox-mixed-active@2.png")); } .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-disabled.png"), url("assets/checkbox-mixed-disabled@2.png")); } .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); } .check:checked:hover { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-hover.png"), url("assets/checkbox-checked-hover@2.png")); } .check:checked:active { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active.png"), url("assets/checkbox-checked-active@2.png")); } .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-disabled.png"), url("assets/checkbox-checked-disabled@2.png")); } .menu .menuitem.check { -gtk-icon-source: -gtk-scaled(url("assets/menu-checkbox-unchecked.png"), url("assets/menu-checkbox-unchecked@2.png")); } .menu .menuitem.check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/menu-checkbox-unchecked-disabled.png"), url("assets/menu-checkbox-unchecked-disabled@2.png")); } .menu .menuitem.check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/menu-checkbox-mixed.png"), url("assets/menu-checkbox-mixed@2.png")); } .menu .menuitem.check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/menu-checkbox-mixed-disabled.png"), url("assets/menu-checkbox-mixed-disabled@2.png")); } .menu .menuitem.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/menu-checkbox-checked.png"), url("assets/menu-checkbox-checked@2.png")); } .menu .menuitem.check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/menu-checkbox-checked-disabled.png"), url("assets/menu-checkbox-checked-disabled@2.png")); } .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); } .radio:hover { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-hover.png"), url("assets/radio-unchecked-hover@2.png")); } .radio:active { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-active.png"), url("assets/radio-unchecked-active@2.png")); } .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-disabled.png"), url("assets/radio-unchecked-disabled@2.png")); } .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); } .radio:inconsistent:hover { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-hover.png"), url("assets/radio-mixed-hover@2.png")); } .radio:inconsistent:active { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-active.png"), url("assets/radio-mixed-active@2.png")); } .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-disabled.png"), url("assets/radio-mixed-disabled@2.png")); } .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); } .radio:checked:hover { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-hover.png"), url("assets/radio-checked-hover@2.png")); } .radio:checked:active { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-active.png"), url("assets/radio-checked-active@2.png")); } .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-disabled.png"), url("assets/radio-checked-disabled@2.png")); } .menu .menuitem.radio { -gtk-icon-source: -gtk-scaled(url("assets/menu-radio-unchecked.png"), url("assets/menu-radio-unchecked@2.png")); } .menu .menuitem.radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/menu-radio-unchecked-disabled.png"), url("assets/menu-radio-unchecked-disabled@2.png")); } .menu .menuitem.radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/menu-radio-mixed.png"), url("assets/menu-radio-mixed@2.png")); } .menu .menuitem.radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/menu-radio-mixed-disabled.png"), url("assets/menu-radio-mixed-disabled@2.png")); } .menu .menuitem.radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/menu-radio-checked.png"), url("assets/menu-radio-checked@2.png")); } .menu .menuitem.radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/menu-radio-checked-disabled.png"), url("assets/menu-radio-checked-disabled@2.png")); } .view.content-view.check:not(.list) { -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked.png"), url("assets/selectionmode-checkbox-unchecked@2.png")); background-color: transparent; icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .view.content-view.check:not(.list):hover, .view.content-view.check:not(.list):active { icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } .view.content-view.check:checked:not(.list) { -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked.png"), url("assets/selectionmode-checkbox-checked@2.png")); background-color: transparent; icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .view.content-view.check:checked:not(.list):hover, .view.content-view.check:checked:not(.list):active { icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } GtkCheckButton.text-button, GtkRadioButton.text-button { padding: 2px 4px; outline-offset: 0; } /************ * GtkScale * ************/ .scale, .scale.scale-has-marks-above.scale-has-marks-below, .scale.vertical.scale-has-marks-above.scale-has-marks-below { -GtkScale-slider-length: 20; -GtkRange-slider-width: 20; -GtkRange-trough-border: 2; outline-offset: -8px; outline-radius: 100px; } .scale.fine-tune.slider, .scale.scale-has-marks-above.scale-has-marks-below.fine-tune.slider, .scale.vertical.scale-has-marks-above.scale-has-marks-below.fine-tune.slider { background-size: 60%; } .scale.slider.slider, .scale.scale-has-marks-above.scale-has-marks-below.slider.slider, .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider.slider { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png")); background-repeat: no-repeat; background-position: center; background-size: 70%; box-shadow: none; } .scale.slider.slider:insensitive, .scale.scale-has-marks-above.scale-has-marks-below.slider.slider:insensitive, .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider.slider:insensitive { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/scale-slider-disabled.png"), url("assets/scale-slider-disabled@2.png")); background-repeat: no-repeat; background-position: center; background-size: 70%; box-shadow: none; } .scale.slider:hover, .scale.scale-has-marks-above.scale-has-marks-below.slider:hover, .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:hover { background-size: 80%; } .scale.slider:active, .scale.scale-has-marks-above.scale-has-marks-below.slider:active, .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:active { background-size: 90%; } .scale.trough, .scale.scale-has-marks-above.scale-has-marks-below.trough, .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough { margin: 11px 12px; background-color: alpha(currentColor, 0.3); } .scale.trough.highlight, .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight, .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight { background-color: #009688; } .scale.trough.highlight:insensitive, .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight:insensitive, .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight:insensitive { background-color: alpha(currentColor, 0.3); } .scale.trough:insensitive, .scale.scale-has-marks-above.scale-has-marks-below.trough:insensitive, .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:insensitive { color: rgba(0, 0, 0, 0.38); } .scale.trough.vertical, .scale.scale-has-marks-above.scale-has-marks-below.trough.vertical, .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.vertical { margin: 12px 11px; } .scale.separator, .scale.scale-has-marks-above.scale-has-marks-below.separator, .scale.vertical.scale-has-marks-above.scale-has-marks-below.separator { color: alpha(currentColor, 0.3); } .scale.scale-has-marks-below { -GtkScale-slider-length: 20; -GtkRange-slider-width: 25; -GtkRange-trough-border: 2; } .scale.scale-has-marks-below.slider { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } .scale.scale-has-marks-below.slider:insensitive { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled.png"), url("assets/scale-horz-marks-after-slider-disabled@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } .scale.scale-has-marks-above { -GtkScale-slider-length: 20; -GtkRange-slider-width: 25; -GtkRange-trough-border: 2; } .scale.scale-has-marks-above.slider { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } .scale.scale-has-marks-above.slider:insensitive { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled.png"), url("assets/scale-horz-marks-before-slider-disabled@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } .scale.vertical.scale-has-marks-below { -GtkScale-slider-length: 20; -GtkRange-slider-width: 25; -GtkRange-trough-border: 2; } .scale.vertical.scale-has-marks-below.slider { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } .scale.vertical.scale-has-marks-below.slider:insensitive { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled.png"), url("assets/scale-vert-marks-after-slider-disabled@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } .scale.vertical.scale-has-marks-above { -GtkScale-slider-length: 20; -GtkRange-slider-width: 25; -GtkRange-trough-border: 2; } .scale.vertical.scale-has-marks-above.slider { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } .scale.vertical.scale-has-marks-above.slider:insensitive { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled.png"), url("assets/scale-vert-marks-before-slider-disabled@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } .scale.scale-has-marks-above .trough { margin: 16px 12px 11px; } .scale.scale-has-marks-below .trough { margin: 11px 12px 16px; } .scale.vertical.scale-has-marks-above .trough { margin: 12px 11px 12px 16px; } .scale.vertical.scale-has-marks-below .trough { margin: 12px 16px 12px 11px; } /***************** * Progress bars * *****************/ GtkProgressBar { -GtkProgressBar-min-horizontal-bar-height: 4; -GtkProgressBar-min-vertical-bar-width: 4; padding: 0; font-size: smaller; color: rgba(0, 0, 0, 0.38); } GtkProgressBar.osd { -GtkProgressBar-xspacing: 0; -GtkProgressBar-yspacing: 0; -GtkProgressBar-min-horizontal-bar-height: 4; } GtkProgressBar.trough { border-radius: 0; background-color: rgba(51, 141, 214, 0.3); } GtkProgressBar.trough.osd { border-style: none; box-shadow: none; } .progressbar { border-radius: 0; background-color: #338DD6; } .progressbar.left { border-top-left-radius: 0; border-bottom-left-radius: 0; } .progressbar.right { border-top-right-radius: 0; border-bottom-right-radius: 0; } .progressbar.left.right { box-shadow: none; } .progressbar.vertical.bottom { border-bottom-left-radius: 0; border-bottom-right-radius: 0; box-shadow: none; } .progressbar.vertical.top { border-top-left-radius: 0; border-top-right-radius: 0; } .progressbar.osd { background-image: none; background-color: #338DD6; border-style: none; border-radius: 0; } /************* * Level Bar * *************/ .level-bar { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); color: rgba(0, 0, 0, 0.38); -GtkLevelBar-min-block-width: 36; -GtkLevelBar-min-block-height: 4; } .level-bar.vertical { -GtkLevelBar-min-block-width: 4; -GtkLevelBar-min-block-height: 36; } .level-bar.trough { padding: 2px; border-radius: 2px; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .level-bar.trough:insensitive { color: rgba(0, 0, 0, 0.38); background-color: #F5F5F5; } .level-bar.trough.indicator-discrete.horizontal { padding: 2px 1px; } .level-bar.trough.indicator-discrete.vertical { padding: 1px 2px; } .level-bar.fill-block { background-color: #338DD6; border-radius: 0; box-shadow: none; } .level-bar.fill-block.indicator-discrete.horizontal { margin: 0 1px; } .level-bar.fill-block.indicator-discrete.vertical { margin: 1px 0; } .level-bar.fill-block.level-high { background-color: #00C853; } .level-bar.fill-block.level-low { background-color: #FF6D00; } .level-bar.fill-block.empty-fill-block { background-color: alpha(currentColor, 0.3); } /********** * Frames * **********/ .frame { border: 1px solid rgba(0, 0, 0, 0.12); padding: 0; } .frame.flat { border-style: none; } .frame.action-bar { padding: 6px; border-width: 1px 0 0; } GtkScrolledWindow GtkViewport.frame { border-style: none; } .separator { color: rgba(0, 0, 0, 0.12); } GtkFileChooserButton .separator.vertical, GtkFontButton .separator.vertical { -GtkWidget-wide-separators: true; } /********* * Lists * *********/ .list { border-color: rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } .list-row, .grid-child { padding: 2px; } .list-row.activatable, .view, column-header .button { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0; box-shadow: inset 0 0 0 10000px alpha(currentColor, 0); background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); background-repeat: no-repeat; background-position: center, center; background-size: 240px 240px, auto; } .list-row.activatable:hover, .view:hover, column-header .button:hover { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, box-shadow 0; box-shadow: inset 0 0 0 10000px alpha(currentColor, 0.05); } .list-row.activatable:active, .view:active, column-header .button:active, GtkPlacesSidebar.sidebar .has-open-popup { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-image 0; animation: list_ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: inset 0 0 0 10000px alpha(currentColor, 0.15); } .list-row:selected .button:insensitive { color: rgba(255, 255, 255, 0.3); } .list-row:selected .button.flat { color: rgba(255, 255, 255, 0.7); } .list-row:selected .button.flat:hover, .list-row:selected .button.flat:active { color: #FFFFFF; } .list-row:selected .button.flat:insensitive { color: rgba(255, 255, 255, 0.3); } /********************* * App Notifications * *********************/ /************* * Expanders * *************/ .expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } .expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } .expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } .expander:not(:hover):not(:active) { color: alpha(currentColor, 0.75); } .expander:selected { color: #FFFFFF; } /************ * Calendar * ***********/ GtkCalendar { padding: 1px; border: 1px solid rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } GtkCalendar:insensitive { color: rgba(0, 0, 0, 0.38); } GtkCalendar:selected { border-radius: 3px; } GtkCalendar.header { border-style: none none solid; border-radius: 0; } GtkCalendar:inconsistent { color: alpha(currentColor, 0.5); } GtkCalendar.highlight { font-size: smaller; color: alpha(currentColor, 0.6); } /*********** * Dialogs * ***********/ .message-dialog .dialog-action-area .button { padding: 8px; } .message-dialog.background { background-color: #FAFAFA; } .message-dialog .titlebar { border-style: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FAFAFA; } .message-dialog.csd.background { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .message-dialog.csd .dialog-action-area .button { padding: 9px 16px 10px; border-top: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0; background-size: 240px 240px, auto; } .message-dialog.csd .dialog-action-area .button:first-child { border-radius: 0 0 0 2px; } .message-dialog.csd .dialog-action-area .button:last-child { border-radius: 0 0 2px 0; } GtkFileChooserDialog .dialog-action-box { border-top: 1px solid rgba(0, 0, 0, 0.12); } /*********** * Sidebar * ***********/ .sidebar { border: none; background-color: #FAFAFA; } GtkSidebarRow.list-row { padding: 0px; } GtkSidebarRow .sidebar-revealer { padding: 4px 14px 4px 12px; } GtkSidebarRow .sidebar-icon { opacity: 0.6; } GtkSidebarRow .sidebar-icon:dir(ltr) { padding-right: 8px; } GtkSidebarRow .sidebar-icon:dir(rtl) { padding-left: 8px; } GtkSidebarRow .sidebar-label:dir(ltr) { padding-right: 2px; } GtkSidebarRow .sidebar-label:dir(rtl) { padding-left: 2px; } GtkPlacesSidebar.sidebar .sidebar-placeholder-row { border: solid 1px #338DD6; } GtkPlacesSidebar.sidebar .sidebar-new-bookmark-row { color: #009688; } .sidebar-button.button.image-button { padding: 4px; } .sidebar-item { padding: 10px 4px; } .sidebar-item > .label { padding-left: 6px; padding-right: 6px; } /**************** * File chooser * ****************/ GtkPlacesView .server-list-button > GtkImage { -gtk-icon-transform: rotate(0turn); } GtkPlacesView .server-list-button:checked > GtkImage { -gtk-icon-transform: rotate(-0.5turn); } /********* * Paned * *********/ GtkPaned { -GtkPaned-handle-size: 1; -gtk-icon-source: none; margin: 0 8px 8px 0; } GtkPaned:dir(rtl) { margin-right: 0; margin-left: 8px; } GtkPaned .pane-separator { background-color: rgba(0, 0, 0, 0.12); } GtkPaned.wide { -GtkPaned-handle-size: 6; margin: 0; } GtkPaned.wide .pane-separator { background-color: transparent; border-style: none solid; border-color: rgba(0, 0, 0, 0.12); border-width: 1px; } GtkPaned.wide.vertical .pane-separator { border-style: solid none; } /************** * GtkInfoBar * **************/ GtkInfoBar { border-style: none; } .info { background-color: #66BB6A; } .question { background-color: #42A5F5; } .warning { background-color: #FFA726; } .error { background-color: #EF5350; } .info, .question, .warning, .error { color: #FFFFFF; } .info .button:insensitive, .question .button:insensitive, .warning .button:insensitive, .error .button:insensitive { color: rgba(255, 255, 255, 0.3); } /************ * Tooltips * ************/ .tooltip { color: #FFFFFF; padding: 4px; /* not working */ border-radius: 2px; box-shadow: none; } .tooltip.background { background-color: rgba(66, 66, 66, 0.9); } .tooltip.window-frame.csd { background-color: transparent; } .tooltip * { padding: 4px; background-color: transparent; color: inherit; } /***************** * Color Chooser * *****************/ GtkColorSwatch { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } GtkColorSwatch:insensitive { opacity: 0.5; box-shadow: none; } GtkColorSwatch.top { border-top-left-radius: 2px; border-top-right-radius: 2px; } GtkColorSwatch.bottom { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } GtkColorSwatch.left, GtkColorSwatch:first-child:not(.overlay):not(.top) { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } GtkColorSwatch.right, GtkColorSwatch:last-child:not(.overlay):not(.bottom) { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } GtkColorSwatch:only-child:not(.overlay) { border-radius: 2px; } GtkColorSwatch.top > .overlay { border-top-left-radius: 2px; border-top-right-radius: 2px; } GtkColorSwatch.bottom > .overlay { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } GtkColorSwatch:first-child:not(.top) > .overlay { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } GtkColorSwatch:last-child:not(.bottom) > .overlay { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } GtkColorSwatch:only-child > .overlay { border-radius: 2px; } GtkColorSwatch:hover { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } GtkColorEditor GtkColorSwatch { border-radius: 2px; } GtkColorEditor GtkColorSwatch:hover { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } GtkColorSwatch.color-dark { color: #FFFFFF; } GtkColorSwatch.color-light { color: rgba(0, 0, 0, 0.87); } GtkColorSwatch#add-color-button { background-image: linear-gradient(to right, #EF5350 25%, #FFA726 25%, #FFA726 50%, #66BB6A 50%, #66BB6A 75%, #42A5F5 75%); color: #FFFFFF; } /******** * Misc * ********/ .content-view { background-color: #EEEEEE; } .scale-popup .button { padding: 10px; } /********************** * Window Decorations * *********************/ .window-frame { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-radius: 2px 2px 0 0; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22); /* this is used for the resize cursor area */ margin: 8px; } .window-frame:backdrop { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } .window-frame.tiled { border-radius: 0; } .window-frame.popup { box-shadow: none; } .window-frame.ssd { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16); } .window-frame.csd.popup { border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } .window-frame.csd.tooltip { border-radius: 2px; box-shadow: none; } .window-frame.csd.message-dialog { border-radius: 2px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22); } .window-frame.csd.message-dialog:backdrop { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } .window-frame.solid-csd { border-radius: 0; margin: 0; background-color: #303030; box-shadow: none; } .header-bar .button.titlebutton:active, .titlebar .button.titlebutton:active { background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(currentColor, 0.15)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.15)); } .view:selected, GtkCalendar:selected, .label:selected, .grid-child:selected, .entry:selected, .menuitem.button.flat:selected, .list-row:selected, .sidebar:selected { background-color: #338DD6; color: #FFFFFF; } .view:insensitive:selected, GtkCalendar:insensitive:selected, .label:insensitive:selected, .grid-child:insensitive:selected, .entry:insensitive:selected, .menuitem.button.flat:insensitive:selected, .list-row:insensitive:selected, .sidebar:insensitive:selected, GtkPlacesSidebar.sidebar .list-row:selected:insensitive .label { color: rgba(255, 255, 255, 0.5); } .monospace { font: Monospace; } /********************** * Touch Copy & Paste * *********************/ .entry.cursor-handle, .cursor-handle { background-color: #009688; background-image: none; box-shadow: none; border-style: none; } .entry.cursor-handle.top:dir(ltr), .entry.cursor-handle.bottom:dir(rtl), .cursor-handle.top:dir(ltr), .cursor-handle.bottom:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start.png"), url("assets/text-select-start@2.png")); padding-left: 10px; } .entry.cursor-handle.bottom:dir(ltr), .entry.cursor-handle.top:dir(rtl), .cursor-handle.bottom:dir(ltr), .cursor-handle.top:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end.png"), url("assets/text-select-end@2.png")); padding-right: 10px; } .entry.cursor-handle.insertion-cursor:dir(ltr), .entry.cursor-handle.insertion-cursor:dir(rtl), .cursor-handle.insertion-cursor:dir(ltr), .cursor-handle.insertion-cursor:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png")); } .entry.cursor-handle.top:hover:dir(ltr), .entry.cursor-handle.bottom:hover:dir(rtl), .cursor-handle.top:hover:dir(ltr), .cursor-handle.bottom:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-hover.png"), url("assets/text-select-start-hover@2.png")); padding-left: 10px; } .entry.cursor-handle.bottom:hover:dir(ltr), .entry.cursor-handle.top:hover:dir(rtl), .cursor-handle.bottom:hover:dir(ltr), .cursor-handle.top:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-hover.png"), url("assets/text-select-end-hover@2.png")); padding-right: 10px; } .entry.cursor-handle.insertion-cursor:hover:dir(ltr), .entry.cursor-handle.insertion-cursor:hover:dir(rtl), .cursor-handle.insertion-cursor:hover:dir(ltr), .cursor-handle.insertion-cursor:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider-hover.png"), url("assets/scale-horz-marks-before-slider-hover@2.png")); } .entry.cursor-handle.top:active:dir(ltr), .entry.cursor-handle.bottom:active:dir(rtl), .cursor-handle.top:active:dir(ltr), .cursor-handle.bottom:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-active.png"), url("assets/text-select-start-active@2.png")); padding-left: 10px; } .entry.cursor-handle.bottom:active:dir(ltr), .entry.cursor-handle.top:active:dir(rtl), .cursor-handle.bottom:active:dir(ltr), .cursor-handle.top:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-active.png"), url("assets/text-select-end-active@2.png")); padding-right: 10px; } .entry.cursor-handle.insertion-cursor:active:dir(ltr), .entry.cursor-handle.insertion-cursor:active:dir(rtl), .cursor-handle.insertion-cursor:active:dir(ltr), .cursor-handle.insertion-cursor:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider-active.png"), url("assets/scale-horz-marks-before-slider-active@2.png")); } /* Decouple the font of context menus from their entry/textview */ .context-menu { font: initial; } .touch-selection { font: initial; color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } .touch-selection:backdrop { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(64, 196, 255, 0.3)), 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(64, 196, 255, 0.3)), 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(64, 196, 255, 0.3)), 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(64, 196, 255, 0.3)), to(transparent)); background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } .undershoot.top { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); padding-top: 1px; background-size: 12px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: left top; } .undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); padding-bottom: 1px; background-size: 12px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: left bottom; } .undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: left top; } .undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: right top; } .floating-bar { padding: 3px 0 4px; border-width: 1px; border-style: solid solid none; border-color: rgba(0, 0, 0, 0.12); border-radius: 3px 3px 0 0; background-color: #FFFFFF; background-clip: padding-box; } .floating-bar.left { border-left-style: none; border-top-left-radius: 0; } .floating-bar.right { border-right-style: none; border-top-right-radius: 0; } .floating-bar .button { padding: 4px; } /************ * Nautilus * ************/ EelEditableLabel.entry { transition: none; } .nautilus-desktop.nautilus-canvas-item { color: #FFFFFF; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .nautilus-desktop.nautilus-canvas-item:selected { text-shadow: none; } /* Toolbar */ @keyframes needs_attention_keyframes { 0% { background-color: transparent; } 50% { background-color: alpha(currentColor, 0.3); } 100% { background-color: transparent; } } .nautilus-operations-button-needs-attention { color: #009688; animation: needs_attention_keyframes 2s cubic-bezier(0.4, 0, 0.2, 1); } .nautilus-operations-button-needs-attention-multiple { color: #009688; animation: needs_attention_keyframes 2s cubic-bezier(0.4, 0, 0.2, 1); animation-iteration-count: 2; } .disk-space-display.unknown { background-color: #FF6D00; } .disk-space-display.used { background-color: #338DD6; } .disk-space-display.free { background-color: alpha(currentColor, 0.3); color: rgba(0, 0, 0, 0.38); } /* View */ /************** * Tweak Tool * **************/ .tweak-categories { background-color: #F5F5F5; background-image: linear-gradient(to bottom, #F5F5F5); } .tweak-categories .separator { -GtkWidget-wide-separators: true; color: transparent; } /************ * Software * ************/ .button.install-progress:insensitive { background-color: alpha(currentColor, 0.3); } /*********** * Builder * ***********/ GbTerminalView { background-color: #FFFFFF; } /*********** * Firefox * ***********/ .menubar { color: rgba(255, 255, 255, 0.7); } .menubar:hover { color: #FFFFFF; } /*********** * Synapse * ***********/ SynapseGuiMatchListView GtkWidget:selected { background-color: #338DD6; } /********* * 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: #338DD6; -UnityDecoration-title-indent: 4px; -UnityDecoration-title-fade: 32px; -UnityDecoration-title-alignment: 0.0; } UnityDecoration.top { padding: 0 2px; border-style: none; border-radius: 2px 2px 0 0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); background-color: #303030; color: #FFFFFF; } UnityDecoration.top:backdrop { color: rgba(255, 255, 255, 0.7); } UnityDecoration.menuitem, UnityDecoration .menuitem { color: alpha(currentColor, 0.75); } UnityDecoration.menubar.menuitem:hover, UnityDecoration.menubar .menuitem *:hover { box-shadow: inset 0 -2px currentColor; background-color: transparent; color: currentColor; } .background:not(.csd) :not(.titlebar) .header-bar { border-radius: 0; box-shadow: none; } .background:not(.csd) :not(.titlebar) .header-bar.inline-toolbar { border-style: none; } UnityPanelWidget, .unity-panel { background-color: #212121; background-image: linear-gradient(to bottom, #212121); color: #FFFFFF; } UnityPanelWidget:backdrop, .unity-panel:backdrop { color: rgba(255, 255, 255, 0.7); } .unity-panel.menuitem, .unity-panel .menuitem { color: alpha(currentColor, 0.75); } .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem *:hover { box-shadow: inset 0 -2px currentColor; background-color: transparent; color: currentColor; } @keyframes playbackmenuitem_spinner { to { -gtk-icon-transform: rotate(1turn); } } .menu IdoPlaybackMenuItem.menuitem:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: playbackmenuitem_spinner 1s infinite linear; color: #338DD6; } /* GTK NAMED COLORS ---------------- use responsibly! */ /* widget text/foreground color */ @define-color theme_fg_color rgba(0, 0, 0, 0.87); /* text color for entries, views and content in general */ @define-color theme_text_color rgba(0, 0, 0, 0.87); /* widget base background color */ @define-color theme_bg_color #EEEEEE; /* text widgets and the like base background color */ @define-color theme_base_color #FFFFFF; /* base background color of selections */ @define-color theme_selected_bg_color #338DD6; /* text/foreground color of selections */ @define-color theme_selected_fg_color #FFFFFF; /* base background color of insensitive widgets */ @define-color insensitive_bg_color #EEEEEE; /* text foreground color of insensitive widgets */ @define-color insensitive_fg_color rgba(0, 0, 0, 0.38); /* insensitive text widgets and the like base background color */ @define-color insensitive_base_color #F5F5F5; /* widget text/foreground color on backdrop windows */ @define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.87); /* text color for entries, views and content in general on backdrop windows */ @define-color theme_unfocused_text_color rgba(0, 0, 0, 0.87); /* widget base background color on backdrop windows */ @define-color theme_unfocused_bg_color #EEEEEE; /* text widgets and the like base background color on backdrop windows */ @define-color theme_unfocused_base_color #FFFFFF; /* base background color of selections on backdrop windows */ @define-color theme_unfocused_selected_bg_color #338DD6; /* text/foreground color of selections on backdrop windows */ @define-color theme_unfocused_selected_fg_color #FFFFFF; /* insensitive color on backdrop windows */ @define-color unfocused_insensitive_color rgba(0, 0, 0, 0.38); /* widgets main borders color */ @define-color borders rgba(0, 0, 0, 0.12); /* widgets main borders color on backdrop windows */ @define-color unfocused_borders rgba(0, 0, 0, 0.12); /* these are pretty self explicative */ @define-color warning_color #FF6D00; @define-color error_color #DD2C00; @define-color success_color #00C853; /* FIXME this is really an API */ @define-color content_view_bg #FFFFFF; @define-color placeholder_text_color #757575; materia-theme-20180321/src/gtk/3.18/gtk.scss000066400000000000000000000004321325420104000201130ustar00rootroot00000000000000$variant: 'light'; $titlebar: 'dark'; $compact: 'false'; @import '../../_sass/gtk/variables'; @import '../../_sass/colors'; @import '../../_sass/gtk/drawing-3.18'; @import '../../_sass/gtk/common-3.18'; @import '../../_sass/gtk/apps-3.18'; @import '../../_sass/gtk/colors-public'; materia-theme-20180321/src/gtk/3.20/000077500000000000000000000000001325420104000164235ustar00rootroot00000000000000materia-theme-20180321/src/gtk/3.20/gtk-compact.css000066400000000000000000004521021325420104000213520ustar00rootroot00000000000000@keyframes ripple_effect { to { background-size: 1000% 1000%; } } @keyframes header_ripple_effect { from { background-image: radial-gradient(circle farthest-corner at center, #338DD6 0%, transparent 0%); } to { background-image: radial-gradient(circle farthest-corner at center, #338DD6 100%, transparent 0%); } } * { background-clip: padding-box; -GtkToolButton-icon-spacing: 0; -GtkTextView-error-underline-color: #DD2C00; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 24; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-style: solid; outline-width: 2px; outline-color: transparent; outline-offset: -4px; -gtk-outline-radius: 2px; -gtk-secondary-caret-color: #338DD6; } notebook:focus tab, *:focus { outline-color: alpha(currentColor, 0.3); } /*************** * Base States * ***************/ .background { background-color: #EEEEEE; color: rgba(0, 0, 0, 0.87); } /* 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: #EEEEEE; color: rgba(0, 0, 0, 0.87); } .gtkstyle-fallback:hover { background-color: #e1e1e1; color: rgba(0, 0, 0, 0.87); } .gtkstyle-fallback:active { background-color: #d5d5d5; color: rgba(0, 0, 0, 0.87); } .gtkstyle-fallback:disabled { background-color: #EEEEEE; color: rgba(0, 0, 0, 0.38); } .gtkstyle-fallback:selected { background-color: #338DD6; color: #FFFFFF; } .view { background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .view:disabled { color: rgba(0, 0, 0, 0.38); } .view:hover, .view:active, .view:selected { border-radius: 2px; } textview text { background-color: #FFFFFF; } textview border { background-color: #F5F5F5; color: rgba(0, 0, 0, 0.38); } .rubberband, rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, .content-view .rubberband { border: 1px solid #40C4FF; background-color: rgba(64, 196, 255, 0.3); } flowbox flowboxchild { padding: 4px; border-radius: 2px; } .content-view .tile:selected { background-color: transparent; color: inherit; } label { caret-color: currentColor; } label.separator { color: rgba(0, 0, 0, 0.87); } label selection { background-color: #338DD6; color: #FFFFFF; } label:disabled { color: rgba(0, 0, 0, 0.38); } tab label:disabled, button label:disabled { color: inherit; } .dim-label, label.separator, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, .budgie-notification .notification-body, .budgie-switcher .notification-body { opacity: 0.6; } assistant .sidebar { padding: 4px 0; } assistant .sidebar label { min-height: 32px; padding: 0 12px; color: rgba(0, 0, 0, 0.38); font-weight: 500; } assistant .sidebar label.highlight { color: rgba(0, 0, 0, 0.87); } popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .app-notification, .osd .scale-popup, .nautilus-window .floating-bar, .osd { opacity: 0.9; } /********************* * Spinner Animation * *********************/ @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } spinner:checked { opacity: 1; animation: spin 1s linear infinite; } spinner:checked:disabled { opacity: 0.5; } /**************** * Text Entries * ****************/ spinbutton:not(.vertical), entry { min-height: 32px; padding: 0 8px; border-radius: 2px; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } spinbutton:focus:not(.vertical), entry:focus { border-image: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } spinbutton:disabled:not(.vertical), entry:disabled { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #F5F5F5; color: rgba(0, 0, 0, 0.38); } spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) entry:not(.search), notebook > stack:not(:only-child) spinbutton:not(.vertical), messagedialog entry, colorchooser .popover.osd spinbutton:not(.vertical), layoutpane entry.search, editortweak entry.search, .raven .raven-background spinbutton:not(.vertical), #login_window entry, entry.flat { border-radius: 0; transition: all 270ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); background-color: transparent; color: rgba(0, 0, 0, 0.87); } spinbutton.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry:focus:not(.search), notebook > stack:not(:only-child) spinbutton:focus:not(.vertical), messagedialog entry:focus, colorchooser .popover.osd spinbutton:focus:not(.vertical), layoutpane entry.search:focus, editortweak entry.search:focus, .raven .raven-background spinbutton:focus:not(.vertical), #login_window entry:focus, entry.flat:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } spinbutton.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry:disabled:not(.search), notebook > stack:not(:only-child) spinbutton:disabled:not(.vertical), messagedialog entry:disabled, colorchooser .popover.osd spinbutton:disabled:not(.vertical), layoutpane entry.search:disabled, editortweak entry.search:disabled, .raven .raven-background spinbutton:disabled:not(.vertical), #login_window entry:disabled, entry.flat:disabled { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: transparent; color: rgba(0, 0, 0, 0.38); } spinbutton:not(.vertical) image, entry image { color: rgba(0, 0, 0, 0.54); } spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active, entry image:hover, entry image:active { color: rgba(0, 0, 0, 0.87); } spinbutton:not(.vertical) image:disabled, entry image:disabled { color: rgba(0, 0, 0, 0.38); } spinbutton:not(.vertical) image.left, entry image.left { margin-left: 0px; margin-right: 6px; } spinbutton:not(.vertical) image.right, entry image.right { margin-left: 6px; margin-right: 0px; } spinbutton:not(.vertical) undershoot.left, entry undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: left top; } spinbutton:not(.vertical) undershoot.right, entry undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: right top; } spinbutton.error:not(.vertical), entry.error { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #DD2C00; color: #FFFFFF; } spinbutton.error:focus:not(.vertical), entry.error:focus { border-image: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } spinbutton.error:disabled:not(.vertical), entry.error:disabled { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #F5F5F5; color: rgba(0, 0, 0, 0.38); } spinbutton.error.flat:not(.vertical), notebook > stack:not(:only-child) entry.error:not(.search), notebook > stack:not(:only-child) spinbutton.error:not(.vertical), messagedialog entry.error, colorchooser .popover.osd spinbutton.error:not(.vertical), layoutpane entry.error.search, editortweak entry.error.search, .raven .raven-background spinbutton.error:not(.vertical), #login_window entry.error, entry.error.flat { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 0%, transparent 0%) 0 0 0/0 0 0px; box-shadow: inset 0 -1px #DD2C00; background-color: transparent; color: rgba(0, 0, 0, 0.87); } spinbutton.error.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.error:focus:not(.search), notebook > stack:not(:only-child) spinbutton.error:focus:not(.vertical), messagedialog entry.error:focus, colorchooser .popover.osd spinbutton.error:focus:not(.vertical), layoutpane entry.error.search:focus, editortweak entry.error.search:focus, .raven .raven-background spinbutton.error:focus:not(.vertical), #login_window entry.error:focus, entry.error.flat:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 100%, transparent 0%) 0 0 2/0 0 2px; box-shadow: inset 0 -1px #DD2C00; } spinbutton.error.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.error:disabled:not(.search), notebook > stack:not(:only-child) spinbutton.error:disabled:not(.vertical), messagedialog entry.error:disabled, colorchooser .popover.osd spinbutton.error:disabled:not(.vertical), layoutpane entry.error.search:disabled, editortweak entry.error.search:disabled, .raven .raven-background spinbutton.error:disabled:not(.vertical), #login_window entry.error:disabled, entry.error.flat:disabled { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: transparent; color: rgba(0, 0, 0, 0.38); } spinbutton.error:not(.vertical) image, entry.error image { color: rgba(255, 255, 255, 0.7); } spinbutton.error:not(.vertical) image:hover, spinbutton.error:not(.vertical) image:active, entry.error image:hover, entry.error image:active { color: #FFFFFF; } spinbutton.error:not(.vertical) image:disabled, entry.error image:disabled { color: rgba(255, 255, 255, 0.5); } spinbutton.warning:not(.vertical), entry.warning { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FF6D00; color: #FFFFFF; } spinbutton.warning:focus:not(.vertical), entry.warning:focus { border-image: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } spinbutton.warning:disabled:not(.vertical), entry.warning:disabled { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #F5F5F5; color: rgba(0, 0, 0, 0.38); } spinbutton.warning.flat:not(.vertical), notebook > stack:not(:only-child) entry.warning:not(.search), notebook > stack:not(:only-child) spinbutton.warning:not(.vertical), messagedialog entry.warning, colorchooser .popover.osd spinbutton.warning:not(.vertical), layoutpane entry.warning.search, editortweak entry.warning.search, .raven .raven-background spinbutton.warning:not(.vertical), #login_window entry.warning, entry.warning.flat { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 0%, transparent 0%) 0 0 0/0 0 0px; box-shadow: inset 0 -1px #FF6D00; background-color: transparent; color: rgba(0, 0, 0, 0.87); } spinbutton.warning.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.warning:focus:not(.search), notebook > stack:not(:only-child) spinbutton.warning:focus:not(.vertical), messagedialog entry.warning:focus, colorchooser .popover.osd spinbutton.warning:focus:not(.vertical), layoutpane entry.warning.search:focus, editortweak entry.warning.search:focus, .raven .raven-background spinbutton.warning:focus:not(.vertical), #login_window entry.warning:focus, entry.warning.flat:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 100%, transparent 0%) 0 0 2/0 0 2px; box-shadow: inset 0 -1px #FF6D00; } spinbutton.warning.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.warning:disabled:not(.search), notebook > stack:not(:only-child) spinbutton.warning:disabled:not(.vertical), messagedialog entry.warning:disabled, colorchooser .popover.osd spinbutton.warning:disabled:not(.vertical), layoutpane entry.warning.search:disabled, editortweak entry.warning.search:disabled, .raven .raven-background spinbutton.warning:disabled:not(.vertical), #login_window entry.warning:disabled, entry.warning.flat:disabled { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: transparent; color: rgba(0, 0, 0, 0.38); } spinbutton.warning:not(.vertical) image, entry.warning image { color: rgba(255, 255, 255, 0.7); } spinbutton.warning:not(.vertical) image:hover, spinbutton.warning:not(.vertical) image:active, entry.warning image:hover, entry.warning image:active { color: #FFFFFF; } spinbutton.warning:not(.vertical) image:disabled, entry.warning image:disabled { color: rgba(255, 255, 255, 0.5); } spinbutton:not(.vertical) progress, entry progress { margin: 2px -6px; border-bottom: 2px solid #338DD6; background-color: transparent; } .linked:not(.vertical) > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) .linked:not(.vertical) > entry:not(.search), notebook > stack:not(:only-child) .linked:not(.vertical) > spinbutton:not(.vertical), messagedialog .linked:not(.vertical) > entry, colorchooser .popover.osd .linked:not(.vertical) > spinbutton:not(.vertical), layoutpane .linked:not(.vertical) > entry.search, editortweak .linked:not(.vertical) > entry.search, .raven .raven-background .linked:not(.vertical) > spinbutton:not(.vertical), #login_window .linked:not(.vertical) > entry, .linked.vertical > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) .linked.vertical > entry:not(.search), notebook > stack:not(:only-child) .linked.vertical > spinbutton:not(.vertical), messagedialog .linked.vertical > entry, colorchooser .popover.osd .linked.vertical > spinbutton:not(.vertical), layoutpane .linked.vertical > entry.search, editortweak .linked.vertical > entry.search, .raven .raven-background .linked.vertical > spinbutton:not(.vertical), #login_window .linked.vertical > entry, .linked:not(.vertical) > entry.flat, .linked.vertical > entry.flat { border-radius: 0; } treeview entry.flat, treeview entry { min-height: 0; padding: 2px; border-radius: 0; background-color: #FFFFFF; } treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus { border-image: none; box-shadow: none; } .entry-tag, .documents-entry-tag, .photos-entry-tag { margin: 4px; border-radius: 9999px; box-shadow: none; background-color: #338DD6; color: #FFFFFF; } .entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } :dir(ltr) .entry-tag, :dir(ltr) .documents-entry-tag, :dir(ltr) .photos-entry-tag { margin-left: 8px; margin-right: -4px; padding-left: 8px; padding-right: 4px; } :dir(rtl) .entry-tag, :dir(rtl) .documents-entry-tag, :dir(rtl) .photos-entry-tag { margin-left: -4px; margin-right: 8px; padding-left: 4px; padding-right: 8px; } .entry-tag.button, .button.documents-entry-tag, .button.photos-entry-tag { box-shadow: none; background-color: transparent; } .entry-tag.button:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active) { color: rgba(255, 255, 255, 0.7); } /*********** * Buttons * ***********/ @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#009688), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#009688), to(transparent)); } } button { min-height: 24px; min-width: 16px; padding: 4px 8px; border-radius: 2px; font-weight: 500; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1), background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 9999px transparent; background-color: #FAFAFA; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; color: rgba(0, 0, 0, 0.62); } button:hover { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px transparent; color: rgba(0, 0, 0, 0.87); } button:active { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px alpha(currentColor, 0.15); background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%); background-size: 0% 0%; color: rgba(0, 0, 0, 0.87); } button:disabled { box-shadow: none; background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.26); } button:checked { background-color: #338DD6; color: #FFFFFF; } button:checked:disabled { background-color: rgba(51, 141, 214, 0.3); color: rgba(51, 141, 214, 0.5); } modelbutton.flat, .menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button, popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check, radio, calendar.button, messagedialog.csd .dialog-action-area button, button.sidebar-button, .gedit-search-slider button, #mate-menu button, .budgie-settings-window buttonbox.inline-toolbar button, .raven .raven-header:not(.top) button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, .lightdm-gtk-greeter button, :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) .path-bar button, layouttabbar button, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, toolbar button, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), headerbar button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button, button.flat { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 9999px transparent; background-color: transparent; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; color: rgba(0, 0, 0, 0.54); } modelbutton.flat:hover, .menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background.menu button:hover, popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover, radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button:hover, button.sidebar-button:hover, .gedit-search-slider button:hover, #mate-menu button:hover, .budgie-settings-window buttonbox.inline-toolbar button:hover, .raven .raven-header:not(.top) button:hover, .drop-shadow button:hover, .budgie-session-dialog .linked.horizontal > button:hover, .lightdm-gtk-greeter button:hover, :not(headerbar) .caja-pathbar button:hover, .caja-pathbar :not(headerbar) button:hover, :not(headerbar) .path-bar button:hover, layouttabbar button:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, toolbar button:hover, .titlebar:not(headerbar) button:hover:not(.suggested-action):not(.destructive-action), headerbar button:hover:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:hover, button.flat:hover { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15); color: rgba(0, 0, 0, 0.87); } modelbutton.flat:active, .menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background.menu button:active, popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active, radio:active, calendar.button:active, messagedialog.csd .dialog-action-area button:active, button.sidebar-button:active, .gedit-search-slider button:active, #mate-menu button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, .raven .raven-header:not(.top) button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, .lightdm-gtk-greeter button:active, :not(headerbar) .caja-pathbar button:active, .caja-pathbar :not(headerbar) button:active, :not(headerbar) .path-bar button:active, layouttabbar button:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, toolbar button:active, .titlebar:not(headerbar) button:active:not(.suggested-action):not(.destructive-action), headerbar button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:active, button.flat:active { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15); background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%); background-size: 0% 0%; color: rgba(0, 0, 0, 0.87); } modelbutton.flat:disabled, .menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background.menu button:disabled, popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled, radio:disabled, calendar.button:disabled, messagedialog.csd .dialog-action-area button:disabled, button.sidebar-button:disabled, .gedit-search-slider button:disabled, #mate-menu button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, .raven .raven-header:not(.top) button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, .lightdm-gtk-greeter button:disabled, :not(headerbar) .caja-pathbar button:disabled, .caja-pathbar :not(headerbar) button:disabled, :not(headerbar) .path-bar button:disabled, layouttabbar button:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, toolbar button:disabled, .titlebar:not(headerbar) button:disabled:not(.suggested-action):not(.destructive-action), headerbar button:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:disabled, button.flat:disabled { box-shadow: none; background-color: transparent; color: rgba(0, 0, 0, 0.26); } :not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .path-bar button:checked, layouttabbar button:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, toolbar button:checked, .titlebar:not(headerbar) button:checked:not(.suggested-action):not(.destructive-action), headerbar button:checked:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked, button.flat:checked { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } :not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar) .path-bar button:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, toolbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled:not(.suggested-action):not(.destructive-action), headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked:disabled, button.flat:checked:disabled { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.38); } button.text-button { padding-left: 16px; padding-right: 16px; } button.image-button { min-width: 24px; padding: 4px; } button.text-button.image-button { border-radius: 2px; -gtk-outline-radius: 2px; } button.text-button.image-button label:first-child { margin-left: 12px; } button.text-button.image-button label:last-child { margin-right: 12px; } button.text-button.image-button image:not(:only-child) { margin: 0 4px; } toolbar .linked > button, .titlebar:not(headerbar) .linked > button:not(.suggested-action):not(.destructive-action), headerbar .linked > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button, toolbar .linked.vertical > button, .titlebar:not(headerbar) .linked.vertical > button:not(.suggested-action):not(.destructive-action), headerbar .linked.vertical > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked.vertical > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked.vertical > button, .linked > button.flat, .linked.vertical > button.flat { border-radius: 2px; } toolbar .linked > button.text-button.image-button, .titlebar:not(headerbar) .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action), headerbar .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.text-button.image-button, toolbar .linked.vertical > button.text-button.image-button, .titlebar:not(headerbar) .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action), headerbar .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked.vertical > button.text-button.image-button, .linked > button.flat.text-button.image-button, .linked.vertical > button.flat.text-button.image-button { border-radius: 2px; -gtk-outline-radius: 2px; } infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, row:selected button:disabled { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.3); } row:selected button.sidebar-button, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, .raven-mpris button.image-button, row:selected button.flat { color: rgba(255, 255, 255, 0.7); } row:selected button.sidebar-button:hover, infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, .raven-mpris button.image-button:hover, row:selected button.sidebar-button:active, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .raven-mpris button.image-button:active, row:selected button.flat:hover, row:selected button.flat:active { color: #FFFFFF; } row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .raven-mpris button.image-button:disabled, row:selected button.flat:disabled { color: rgba(255, 255, 255, 0.3); } row:selected button.sidebar-button:checked, infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .raven-mpris button.image-button:checked, row:selected button.flat:checked { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } row:selected button.sidebar-button:checked:disabled, infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .raven-mpris button.image-button:checked:disabled, row:selected button.flat:checked:disabled { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } button.osd { padding: 10px 14px; } button.osd.image-button { padding: 10px; } button.osd:disabled { opacity: 0; } button.suggested-action { background-color: #009688; color: #FFFFFF; } button.suggested-action:disabled { box-shadow: none; background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.38); } button.suggested-action:checked { background-color: #4db6ac; } button.suggested-action.flat { background-color: transparent; color: #009688; } button.suggested-action.flat:disabled { box-shadow: none; background-color: transparent; color: rgba(0, 0, 0, 0.38); } button.suggested-action.flat:checked { background-color: rgba(0, 150, 136, 0.3); } button.destructive-action { background-color: #FF5252; color: #FFFFFF; } button.destructive-action:disabled { box-shadow: none; background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.38); } button.destructive-action:checked { background-color: #ff8686; } button.destructive-action.flat { background-color: transparent; color: #FF5252; } button.destructive-action.flat:disabled { box-shadow: none; background-color: transparent; color: rgba(0, 0, 0, 0.38); } button.destructive-action.flat:checked { background-color: rgba(255, 82, 82, 0.3); } .stack-switcher > button { outline-offset: -4px; } .stack-switcher > button > label { padding-left: 6px; padding-right: 6px; } .stack-switcher > button > image { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } .stack-switcher > button.text-button { padding-left: 10px; padding-right: 10px; } .stack-switcher > button.image-button { padding-left: 2px; padding-right: 2px; } .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { animation: none; background-image: none; } .primary-toolbar button { -gtk-icon-shadow: none; } button.image-button, toolbar .linked > button.image-button, .titlebar:not(headerbar) .linked > button.image-button:not(.suggested-action):not(.destructive-action), headerbar .linked > button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.image-button, toolbar .linked.vertical > button.image-button, headerbar .linked.vertical > button.image-button:not(.suggested-action):not(.destructive-action), .app-notification .linked.vertical > button.image-button, .linked > button.flat.image-button, .linked.vertical > button.flat.image-button, .inline-toolbar button:not(.text-button), check, radio, button.titlebutton, .nautilus-window headerbar > revealer > button, .raven .raven-header:not(.top) button.image-button, .raven .expander-button, button.close, button.circular { border-radius: 9999px; -gtk-outline-radius: 9999px; } spinbutton:not(.vertical) button, notebook > header tab button.flat, button.sidebar-button, .nautilus-window .floating-bar button, .gedit-document-panel row button.flat, .gedit-search-slider button:dir(ltr), .gedit-search-slider button:dir(rtl), .pluma-window paned.horizontal box.vertical box.horizontal button.flat { min-height: 20px; min-width: 20px; padding: 0; border-radius: 9999px; -gtk-outline-radius: 9999px; } .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label { animation: needs_attention 270ms cubic-bezier(0, 0, 0.2, 1) forwards; background-repeat: no-repeat; background-position: right 3px; background-size: 6px 6px; } .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) { background-position: left 3px; } .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked > button, .linked:not(.vertical) > combobox > box > button.combo { border-radius: 0; -gtk-outline-radius: 2px; } .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .linked > button:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .linked > button:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo { border-radius: 2px; } .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button, .linked.vertical > combobox > box > button.combo { border-radius: 0; -gtk-outline-radius: 2px; } .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo { border-top-left-radius: 2px; border-top-right-radius: 2px; } .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo { border-radius: 2px; } /* menu buttons */ modelbutton.flat, .menuitem.button.flat { min-height: 28px; padding: 0 8px; border-radius: 2px; color: inherit; } modelbutton.flat arrow { background: none; } modelbutton.flat arrow:hover { background: none; } modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } button.color { min-height: 20px; min-width: 20px; padding: 6px; } /********* * Links * *********/ *:link, button:link, button:visited, *:link:hover, button:hover:link, button:hover:visited, *:link:active, button:active:link, button:active:visited { color: #338DD6; } *:link:visited, button:visited, *:link:visited:hover, button:visited:hover, *:link:visited:active, button:visited:active { color: #E040FB; } infobar.info *:link, infobar.info button:link, infobar.info button:visited, infobar.question *:link, infobar.question button:link, infobar.question button:visited, infobar.warning *:link, infobar.warning button:link, infobar.warning button:visited, infobar.error *:link, infobar.error button:link, infobar.error button:visited, *:link:selected, button:selected:link, button:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:link, headerbar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited { color: #FFFFFF; } button:link > label, button:visited > label { text-decoration-line: underline; } /***************** * GtkSpinButton * *****************/ spinbutton:not(.vertical) { padding: 0; } notebook > stack:not(:only-child) spinbutton:not(.vertical) entry, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:focus, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:disabled, spinbutton:not(.vertical) entry { min-width: 28px; margin: 0; border-image: none; border-radius: 0; box-shadow: none; background-color: transparent; } spinbutton:not(.vertical) button { border: solid 6px transparent; } spinbutton:not(.vertical) button.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:disabled { color: rgba(0, 0, 0, 0.38); } spinbutton.vertical:drop(active) { box-shadow: none; } spinbutton.vertical entry { min-height: 32px; min-width: 44px; padding: 0; } spinbutton.vertical button { min-height: 32px; min-width: 44px; padding: 0; } spinbutton.vertical button.up { border-radius: 2px 2px 0 0; } spinbutton.vertical button.down { border-radius: 0 0 2px 2px; } treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; } treeview spinbutton:not(.vertical) entry { min-height: 0; padding: 1px 2px; } /************** * ComboBoxes * **************/ combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } combobox decoration, combobox button.combo:checked { transition: none; } combobox button.combo cellview:dir(ltr) { margin-left: 0px; } combobox button.combo cellview:dir(rtl) { margin-right: 0px; } combobox #gtk-combobox-popup-menu { padding: 2px 0; } combobox #gtk-combobox-popup-menu menuitem { min-height: 28px; padding: 0 8px; } combobox #gtk-combobox-popup-menu > arrow.top { margin-top: -2px; } combobox #gtk-combobox-popup-menu > arrow.bottom { margin-bottom: -6px; } combobox:drop(active) { box-shadow: none; } notebook > stack:not(:only-child) button.combo, .raven .raven-background button.combo, #login_window #user_combobox button { border-radius: 0; background-image: none; font-weight: inherit; transition: all 270ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); background-color: transparent; color: rgba(0, 0, 0, 0.87); } notebook > stack:not(:only-child) button.combo:hover, .raven .raven-background button.combo:hover, #login_window #user_combobox button:hover { box-shadow: inset 0 -2px rgba(0, 0, 0, 0.38); } notebook > stack:not(:only-child) button.combo:checked, .raven .raven-background button.combo:checked, #login_window #user_combobox button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px; } notebook > stack:not(:only-child) button.combo:disabled, .raven .raven-background button.combo:disabled, #login_window #user_combobox button:disabled { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.38); } /************ * Toolbars * ************/ toolbar { -GtkWidget-window-dragging: true; padding: 2px; background-color: #EEEEEE; } .osd toolbar { background-color: transparent; } toolbar.osd, .app-notification, frame.documents-dropdown { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); padding: 6px; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.4); } toolbar.osd.left, .left.app-notification, frame.left.documents-dropdown, toolbar.osd.right, .right.app-notification, frame.right.documents-dropdown, toolbar.osd.top, .top.app-notification, frame.top.documents-dropdown, toolbar.osd.bottom, .bottom.app-notification, frame.bottom.documents-dropdown { border-radius: 0; } toolbar.horizontal > separator { margin: 2px; } toolbar.vertical > separator { margin: 2px; } toolbar:not(.inline-toolbar):not(.osd) scale, toolbar:not(.inline-toolbar):not(.osd) entry, toolbar:not(.inline-toolbar):not(.osd) spinbutton, toolbar:not(.inline-toolbar):not(.osd) button { margin: 2px; } toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child), toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child), toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) { margin-left: 0; } toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child), toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child), toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) { margin-right: 0; } toolbar:not(.inline-toolbar):not(.osd) spinbutton entry, toolbar:not(.inline-toolbar):not(.osd) spinbutton button { margin: 0; } toolbar:not(.inline-toolbar):not(.osd) switch { margin: 8px 2px; } .inline-toolbar { padding: 6px; border-style: solid; border-width: 0 1px 1px; border-color: rgba(0, 0, 0, 0.12); background-color: #F5F5F5; } searchbar > revealer > box, .location-bar { padding: 6px; border-style: solid; border-width: 0 0 1px; border-color: rgba(0, 0, 0, 0.12); background-color: #EEEEEE; background-clip: border-box; } searchbar > revealer > box { margin: -6px; padding: 6px; } /*************** * Header bars * ***************/ .titlebar:not(headerbar), headerbar { transition: background-color 180ms cubic-bezier(0, 0, 0.2, 1), color 270ms cubic-bezier(0, 0, 0.2, 1); min-height: 44px; padding: 0 6px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.1); background-color: #303030; color: #FFFFFF; } .titlebar:disabled:not(headerbar) :not(button) > label, headerbar:disabled :not(button) > label { color: rgba(255, 255, 255, 0.5); } .titlebar:backdrop:not(headerbar), headerbar:backdrop { color: rgba(255, 255, 255, 0.7); } .titlebar:backdrop:disabled:not(headerbar) :not(button) > label, headerbar:backdrop:disabled :not(button) > label { color: rgba(255, 255, 255, 0.3); } .titlebar:not(headerbar) .title, headerbar .title { padding: 0 12px; font-weight: bold; } .titlebar:not(headerbar) .subtitle, headerbar .subtitle { padding: 0 12px; font-size: smaller; } .titlebar:not(headerbar) .linked:not(.vertical) > entry:not(.flat), headerbar .linked:not(.vertical) > entry:not(.flat) { border-radius: 2px; } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), headerbar button:not(.suggested-action):not(.destructive-action) { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px; color: rgba(255, 255, 255, 0.7); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active, headerbar button:not(.suggested-action):not(.destructive-action):hover, headerbar button:not(.suggested-action):not(.destructive-action):active { color: #FFFFFF; } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled, headerbar button:not(.suggested-action):not(.destructive-action):disabled { color: rgba(255, 255, 255, 0.3); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, headerbar 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: #FFFFFF; } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled { color: rgba(255, 255, 255, 0.5); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, headerbar button:not(.suggested-action):not(.destructive-action):checked, headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled { background-color: transparent; } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop, headerbar button:not(.suggested-action):not(.destructive-action):backdrop { color: rgba(255, 255, 255, 0.5); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:active, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:hover, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:active { color: rgba(255, 255, 255, 0.7); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:disabled { color: rgba(255, 255, 255, 0.3); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked { color: rgba(255, 255, 255, 0.7); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { color: rgba(255, 255, 255, 0.3); } .titlebar:not(headerbar) button.suggested-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled, headerbar button.suggested-action:disabled, headerbar button.destructive-action:disabled { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } .selection-mode.titlebar:not(headerbar), headerbar.selection-mode { transition: background-color 0.00001s 270ms, color 270ms cubic-bezier(0, 0, 0.2, 1); animation: header_ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.2); background-color: #338DD6; color: #FFFFFF; } .selection-mode.titlebar:backdrop:not(headerbar), headerbar.selection-mode:backdrop { color: rgba(255, 255, 255, 0.7); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), headerbar.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: #FFFFFF; } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled { color: rgba(255, 255, 255, 0.5); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, headerbar.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: #FFFFFF; } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled { color: rgba(255, 255, 255, 0.5); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop { color: rgba(255, 255, 255, 0.7); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled { color: rgba(255, 255, 255, 0.3); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked { color: rgba(255, 255, 255, 0.7); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { color: rgba(255, 255, 255, 0.3); } .selection-mode.titlebar:not(headerbar) .selection-menu, headerbar.selection-mode .selection-menu { padding-left: 16px; padding-right: 16px; } .selection-mode.titlebar:not(headerbar) .selection-menu arrow, headerbar.selection-mode .selection-menu arrow { -GtkArrow-arrow-scaling: 1; } .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } .tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 20px; padding: 6px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } .tiled .default-decoration.titlebar:not(headerbar), .maximized .default-decoration.titlebar:not(headerbar), .fullscreen .default-decoration.titlebar:not(headerbar), .tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { box-shadow: none; } .default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { min-height: 20px; min-width: 20px; margin: 0; padding: 0; } .background:not(.csd) .default-decoration.titlebar:not(headerbar) button.titlebutton:active, .background:not(.csd) headerbar.default-decoration button.titlebutton:active { background-size: 1000% 1000%; } headerbar entry, headerbar spinbutton, headerbar button { margin-top: 6px; margin-bottom: 6px; } headerbar switch { margin-top: 10px; margin-bottom: 10px; } headerbar spinbutton button { margin-top: 0; margin-bottom: 0; } .background .titlebar { border-top-left-radius: 2px; border-top-right-radius: 2px; } .background.tiled .titlebar, .background.tiled-top .titlebar, .background.tiled-right .titlebar, .background.tiled-bottom .titlebar, .background.tiled-left .titlebar, .background.maximized .titlebar, .background.solid-csd .titlebar { border-top-left-radius: 0; border-top-right-radius: 0; } window separator:first-child + headerbar, window headerbar:first-child { border-top-left-radius: 2px; } window headerbar:last-child { border-top-right-radius: 2px; } window stack headerbar:first-child, window stack headerbar:last-child { border-top-left-radius: 2px; border-top-right-radius: 2px; } window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child { border-top-left-radius: 0; border-top-right-radius: 0; } window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; box-shadow: none; } .titlebar:not(headerbar) > separator { background-color: #303030; background-image: image(rgba(0, 0, 0, 0.12)); } /************ * Pathbars * ************/ .caja-pathbar button, .path-bar button { padding-left: 4px; padding-right: 4px; } .caja-pathbar button label:not(:only-child):first-child, .path-bar button label:not(:only-child):first-child { margin-left: 4px; } .caja-pathbar button label:not(:only-child):last-child, .path-bar button label:not(:only-child):last-child { margin-right: 4px; } .caja-pathbar button.slider-button, .path-bar button.slider-button { padding-left: 4px; padding-right: 4px; } :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) .path-bar button { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px; border-radius: 2px; } :not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .path-bar button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px; } :not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar) .path-bar button:checked, :not(headerbar) .path-bar button:checked:disabled { background-color: transparent; } /************** * Tree Views * **************/ treeview.view { border-left-color: rgba(0, 0, 0, 0.26); border-top-color: rgba(0, 0, 0, 0.12); } * { -GtkTreeView-horizontal-separator: 4; -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; } treeview.view:selected { border-left-color: rgba(255, 255, 255, 0.3); } treeview.view:hover, treeview.view:active, treeview.view:selected { border-radius: 0; } treeview.view.separator { min-height: 5px; color: rgba(0, 0, 0, 0.12); } treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #009688; } treeview.view:drop(active).after { border-top-style: none; } treeview.view:drop(active).before { border-bottom-style: none; } treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -gtk-icon-transform: rotate(-90deg); color: rgba(0, 0, 0, 0.54); } treeview.view.expander:dir(rtl) { -gtk-icon-transform: rotate(90deg); } treeview.view.expander:checked { -gtk-icon-transform: unset; } treeview.view.expander:hover, treeview.view.expander:active { color: rgba(0, 0, 0, 0.87); } treeview.view.expander:disabled { color: rgba(0, 0, 0, 0.26); } treeview.view.expander:selected { color: rgba(255, 255, 255, 0.7); } treeview.view.expander:selected:hover, treeview.view.expander:selected:active { color: #FFFFFF; } treeview.view.expander:selected:disabled { color: rgba(255, 255, 255, 0.3); } treeview.view.progressbar { border-bottom: 4px solid #338DD6; box-shadow: none; background-color: transparent; } treeview.view.progressbar:selected { border-bottom-color: #FFFFFF; } treeview.view.trough { border-bottom: 4px solid rgba(51, 141, 214, 0.3); box-shadow: none; background-color: transparent; } treeview.view.trough:selected { border-bottom-color: rgba(255, 255, 255, 0.3); } treeview.view header button { padding: 2px 6px; border-style: none solid solid none; border-width: 1px; border-color: rgba(0, 0, 0, 0.12); border-radius: 0; background-clip: border-box; } treeview.view header button, treeview.view header button:hover, treeview.view header button:active { box-shadow: none; } treeview.view header button, treeview.view header button:disabled { background-color: #FFFFFF; } 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(0, 0, 0, 0.12); border-radius: 0; box-shadow: none; background-color: #FFFFFF; background-clip: border-box; color: #338DD6; } treeview.view acceleditor > label { background-color: #338DD6; } /********* * Menus * *********/ menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0; background-color: #303030; } menubar > menuitem, .menubar > menuitem { transition: all 180ms 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); } menubar > menuitem label:disabled, .menubar > menuitem label:disabled { color: inherit; } .csd.popup { background-color: transparent; } menu, .menu, .context-menu { margin: 4px 0; padding: 4px 0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.12); } .csd menu, .csd .menu, .csd .context-menu { border: none; border-radius: 2px; } menu menuitem, .menu menuitem, .context-menu menuitem { transition: background-color 180ms cubic-bezier(0, 0, 0.2, 1); min-height: 20px; min-width: 40px; padding: 4px 8px; font: initial; text-shadow: none; } menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { transition: none; background-color: rgba(0, 0, 0, 0.12); } menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: rgba(0, 0, 0, 0.38); } menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; min-width: 16px; } menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 8px; } menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 8px; } menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { color: inherit; } menu > arrow, .menu > arrow, .context-menu > arrow { min-height: 16px; min-width: 16px; padding: 4px; background-color: #FFFFFF; color: rgba(0, 0, 0, 0.54); } menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -4px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); border-radius: 2px 2px 0 0; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-bottom: -12px; border-top: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0 0 2px 2px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-image: image(rgba(0, 0, 0, 0.12)); color: rgba(0, 0, 0, 0.87); } menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { border-color: transparent; background-color: transparent; color: transparent; } menu separator, .menu separator, .context-menu separator { margin: 4px 0; } menuitem accelerator { color: rgba(0, 0, 0, 0.54); } .popup:not(.csd) menu menuitem { color: #212121; } .popup:not(.csd) menu menuitem:hover { background-color: #E0E0E0; } .popup:not(.csd) menu menuitem:disabled { color: #9E9E9E; } .popup:not(.csd) menu accelerator { color: #757575; } /************ * Popovers * ************/ popover.background { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); padding: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); background-color: #FAFAFA; } popover.background:backdrop { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } 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: 3px; } 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: 2px; } popover.background separator { margin: 4px 0; } popover.background list separator { margin: 0; } /************* * Notebooks * *************/ notebook > header { border-width: 1px; border-color: rgba(0, 0, 0, 0.12); background-color: #EEEEEE; background-clip: border-box; } notebook > header.top { border-bottom-style: solid; } notebook > header.top > tabs { margin-bottom: -1px; } notebook > header.top > tabs > tab:hover { box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26); } notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -2px #338DD6; } notebook > header.bottom { border-top-style: solid; } notebook > header.bottom > tabs { margin-top: -1px; } notebook > header.bottom > tabs > tab:hover { box-shadow: inset 0 2px rgba(0, 0, 0, 0.26); } notebook > header.bottom > tabs > tab:checked { box-shadow: inset 0 2px #338DD6; } notebook > header.left { border-right-style: solid; } notebook > header.left > tabs { margin-right: -1px; } notebook > header.left > tabs > tab:hover { box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26); } notebook > header.left > tabs > tab:checked { box-shadow: inset -2px 0 #338DD6; } notebook > header.right { border-left-style: solid; } notebook > header.right > tabs { margin-left: -1px; } notebook > header.right > tabs > tab:hover { box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26); } notebook > header.right > tabs > tab:checked { box-shadow: inset 2px 0 #338DD6; } notebook > header.top > tabs > arrow { border-top-style: none; } notebook > header.bottom > tabs > arrow { border-bottom-style: none; } notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { padding-left: 4px; padding-right: 4px; } notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { margin-left: -8px; -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { margin-right: -8px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } notebook > header.left > tabs > arrow { border-left-style: none; } notebook > header.right > tabs > arrow { border-right-style: none; } notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { padding-top: 4px; padding-bottom: 4px; } notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { margin-top: -8px; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { margin-bottom: -8px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; } notebook > header tab { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; min-height: 20px; min-width: 20px; padding: 6px 12px; outline-offset: -6px; border-width: 1px; border-color: transparent; background-image: radial-gradient(circle farthest-corner at center, #338DD6 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; color: rgba(0, 0, 0, 0.54); font-weight: 500; } notebook > header tab:hover { color: rgba(0, 0, 0, 0.87); } notebook > header tab:hover.reorderable-page { border-color: rgba(0, 0, 0, 0.12); background-color: #F5F5F5; } notebook > header tab:disabled { color: rgba(0, 0, 0, 0.26); } notebook > header tab:checked { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 270ms cubic-bezier(0, 0, 0.2, 1), background-image 720ms cubic-bezier(0, 0, 0.2, 1); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-size: 1000% 1000%; color: rgba(0, 0, 0, 0.87); } notebook > header tab:checked:disabled { color: rgba(0, 0, 0, 0.38); } notebook > header tab:checked.reorderable-page { border-color: rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } notebook > header tab button.flat:last-child { margin-left: 6px; margin-right: -6px; } notebook > header tab button.flat:first-child { margin-left: -6px; margin-right: 6px; } notebook > header.top tabs, notebook > header.bottom tabs { padding-left: 8px; padding-right: 8px; } notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { margin-left: 0; } notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { margin-right: 0; } notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { margin: 0 -1px; border-style: none solid; } notebook > header.left tabs, notebook > header.right tabs { padding-top: 8px; padding-bottom: 8px; } notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { margin-top: 0; } notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { margin-bottom: 0; } notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { margin: -1px 0; border-style: solid none; } notebook > stack:not(:only-child) { background-color: #FFFFFF; } /************** * Scrollbars * **************/ scrollbar { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); background-color: #FFFFFF; background-clip: padding-box; } * { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; } scrollbar.top { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } scrollbar.bottom { border-top: 1px solid rgba(0, 0, 0, 0.12); } scrollbar.left { border-right: 1px solid rgba(0, 0, 0, 0.12); } scrollbar.right { border-left: 1px solid rgba(0, 0, 0, 0.12); } scrollbar slider { transition: all 180ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0; min-width: 8px; min-height: 8px; border: 4px solid transparent; border-radius: 9999px; background-clip: padding-box; background-color: rgba(0, 0, 0, 0.38); } scrollbar slider:hover { background-color: rgba(0, 0, 0, 0.54); } scrollbar slider:active { background-color: rgba(0, 0, 0, 0.87); } scrollbar slider:disabled { background-color: rgba(0, 0, 0, 0.26); } scrollbar.fine-tune slider { transition: all 180ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0; 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(.dragging):not(.hovering) { border-color: transparent; background-color: transparent; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { min-width: 4px; min-height: 4px; margin: 3px; border: 1px solid rgba(255, 255, 255, 0.3); } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 4px; min-height: 4px; margin: 3px; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 9999px; background-color: rgba(0, 0, 0, 0.38); background-clip: padding-box; -gtk-icon-source: none; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { background-color: rgba(0, 0, 0, 0.26); } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { min-width: 24px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { min-width: 8px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { min-height: 24px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { min-height: 8px; } scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { background-color: rgba(255, 255, 255, 0.9); } scrollbar.horizontal slider { min-width: 24px; } scrollbar.vertical slider { min-height: 24px; } scrollbar button { min-width: 16px; min-height: 16px; padding: 0; border-radius: 0; } scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } scrollbar.vertical button.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } scrollbar.horizontal button.down { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } /********** * Switch * **********/ switch { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); margin: 6px 0; padding: 0 2px; border: 5px solid transparent; border-radius: 9999px; background-color: rgba(0, 0, 0, 0.26); background-clip: padding-box; font-size: 0; } switch:disabled { background-color: rgba(0, 0, 0, 0.12); } switch:checked { background-color: rgba(0, 150, 136, 0.5); } switch:checked:disabled { background-color: rgba(0, 150, 136, 0.3); } switch slider { transition: all 180ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); min-width: 20px; min-height: 20px; margin: -3px -2px; border-radius: 9999px; outline-width: 0; outline-color: rgba(0, 0, 0, 0.12); outline-offset: 0; -gtk-outline-radius: 9999px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FAFAFA; } switch:focus slider { outline-width: 14px; } switch:hover slider { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } switch:checked slider { background-color: #009688; outline-color: rgba(0, 150, 136, 0.2); } switch:disabled slider { background-color: #EEEEEE; } /************************* * Check and Radio items * *************************/ .view.content-view.check:not(list), .content-view .tile check:not(list) { min-height: 40px; min-width: 40px; margin: 0; padding: 0; box-shadow: none; background-color: transparent; background-image: none; -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .view.content-view.check:not(list):hover, .view.content-view.check:not(list):active, .content-view .tile check:not(list):hover, .content-view .tile check:not(list):active { -gtk-icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } .view.content-view.check:not(list), .content-view .tile check:not(list) { -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked.png"), url("assets/selectionmode-checkbox-unchecked@2.png")); } .view.content-view.check:not(list):checked, .content-view .tile check:not(list):checked { -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked.png"), url("assets/selectionmode-checkbox-checked@2.png")); } checkbutton.text-button, radiobutton.text-button { padding: 2px; outline-offset: 0; } checkbutton.text-button label:not(:only-child), radiobutton.text-button label:not(:only-child) { margin: 0 4px; } check, radio { min-height: 24px; min-width: 24px; margin: -8px; padding: 8px; } check:checked, check:indeterminate, radio:checked, radio:indeterminate { color: #009688; } check:checked:disabled, check:indeterminate:disabled, radio:checked:disabled, radio:indeterminate:disabled { color: rgba(0, 150, 136, 0.5); } row:selected check:not(:checked):not(:indeterminate), row:selected radio:not(:checked):not(:indeterminate) { color: rgba(255, 255, 255, 0.7); } row:selected check:not(:checked):not(:indeterminate):hover, row:selected check:not(:checked):not(:indeterminate):active, row:selected radio:not(:checked):not(:indeterminate):hover, row:selected radio:not(:checked):not(:indeterminate):active { color: #FFFFFF; } row:selected check:not(:checked):not(:indeterminate):disabled, row:selected radio:not(:checked):not(:indeterminate):disabled { color: rgba(255, 255, 255, 0.3); } popover check, popover check:hover, popover check:active, popover check:disabled, popover radio, popover radio:hover, popover radio:active, popover radio:disabled { box-shadow: none; background-image: none; } popover check:not(:checked):not(:indeterminate):not(:disabled), popover radio:not(:checked):not(:indeterminate):not(:disabled) { color: rgba(0, 0, 0, 0.54); } popover check.left:dir(rtl), popover radio.left:dir(rtl) { margin-left: -12px; margin-right: -4px; } popover check.right:dir(ltr), popover radio.right:dir(ltr) { margin-left: -4px; margin-right: -12px; } menu menuitem check, menu menuitem radio { transition: none; margin: 0; padding: 0; } menu menuitem check:dir(ltr), menu menuitem radio:dir(ltr) { margin-right: 8px; } menu menuitem check:dir(rtl), menu menuitem radio:dir(rtl) { margin-left: 8px; } menu menuitem check:not(:checked):not(:indeterminate):not(:disabled), menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled) { color: rgba(0, 0, 0, 0.54); } menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled { box-shadow: none; } check { -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg")); } check:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")); } check:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg")); } radio { -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg")); border-image-slice: 20; border-image-width: 20px; } radio:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg")); } radio { border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#009688), to(transparent)); } radio:checked:not(:indeterminate) { border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#009688), to(transparent)); } radio:checked:not(:indeterminate):disabled { border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(rgba(0, 150, 136, 0.5)), to(transparent)); } window.background:not(.csd) > widget > checkbutton > check, menu menuitem check { min-height: 16px; min-width: 16px; border-radius: 2px; -gtk-outline-radius: 2px; -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg")); } window.background:not(.csd) > widget > checkbutton > check:checked, menu menuitem check:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg")); } window.background:not(.csd) > widget > checkbutton > check:indeterminate, menu menuitem check:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg")); } window.background:not(.csd) > widget > radiobutton > radio, menu menuitem radio { min-height: 16px; min-width: 16px; border-image: none; -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg")); } window.background:not(.csd) > widget > radiobutton > radio:checked, menu menuitem radio:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg")); } window.background:not(.csd) > widget > radiobutton > radio:indeterminate, menu menuitem radio:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg")); } check:not(:checked):active { -gtk-icon-transform: rotate(90deg); } check:not(:checked):indeterminate:active, radio:not(:checked):indeterminate:active { -gtk-icon-transform: scaleX(-1); } check:not(:checked), radio:not(:checked) { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0; } check:not(:checked):active, radio:not(:checked):active { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0; } menu menuitem check:not(:checked), menu menuitem radio:not(:checked) { transition: none; } treeview.view check, treeview.view radio { padding: 0; } treeview.view check:hover, treeview.view radio:hover { box-shadow: inset 0 0 0 9999px alpha(rgba(0, 0, 0, 0.87), 0.05); } treeview.view check:hover:disabled, treeview.view radio:hover:disabled { box-shadow: none; } treeview.view check:hover:selected, treeview.view radio:hover:selected { box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05); } treeview.view check, treeview.view radio { color: rgba(0, 0, 0, 0.54); } treeview.view check:hover, treeview.view check:active, treeview.view radio:hover, treeview.view radio:active { color: rgba(0, 0, 0, 0.87); } treeview.view check:disabled, treeview.view radio:disabled { color: rgba(0, 0, 0, 0.26); } treeview.view check:checked, treeview.view check:indeterminate, treeview.view radio:checked, treeview.view radio:indeterminate { color: #009688; } treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled, treeview.view radio:checked:disabled, treeview.view radio:indeterminate:disabled { color: rgba(0, 150, 136, 0.5); } treeview.view check:selected, treeview.view radio:selected { color: rgba(255, 255, 255, 0.7); } treeview.view check:selected:hover, treeview.view check:selected:active, treeview.view radio:selected:hover, treeview.view radio:selected:active { color: #FFFFFF; } treeview.view check:selected:disabled, treeview.view radio:selected:disabled { color: rgba(255, 255, 255, 0.3); } treeview.view check:selected:checked, treeview.view check:selected:indeterminate, treeview.view radio:selected:checked, treeview.view radio:selected:indeterminate { color: #009688; } treeview.view check:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled, treeview.view radio:selected:checked:disabled, treeview.view radio:selected:indeterminate:disabled { color: rgba(0, 150, 136, 0.5); } treeview.view radio:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")); border-image: none; } /************ * GtkScale * ************/ scale { min-height: 8px; min-width: 8px; padding: 12px; } scale slider { min-height: 24px; min-width: 24px; margin: -11px; } scale trough { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); outline-offset: 2px; background-color: rgba(0, 0, 0, 0.26); } scale trough:disabled { background-color: rgba(0, 0, 0, 0.12); } scale highlight { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); background-color: #009688; } scale highlight:disabled { background-color: transparent; } scale fill { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); background-color: rgba(0, 0, 0, 0.26); } scale fill:disabled { background-color: transparent; } scale slider { transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1); background-repeat: no-repeat; background-position: center; background-size: calc(100% - 10px); } scale slider { background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png")); } scale slider:disabled { background-image: -gtk-scaled(url("assets/scale-slider-disabled.png"), url("assets/scale-slider-disabled@2.png")); } scale slider:hover { background-size: calc(100% - 8px); } scale slider:active { background-size: calc(100% - 6px); } scale.fine-tune slider { background-size: calc(100% - 12px); } scale marks label, scale value { color: rgba(0, 0, 0, 0.38); } scale marks { color: rgba(0, 0, 0, 0.26); } scale marks.top { margin-bottom: 8px; margin-top: -16px; } scale marks.bottom { margin-top: 8px; margin-bottom: -16px; } scale marks.top { margin-right: 8px; margin-left: -16px; } scale marks.bottom { margin-left: 8px; margin-right: -16px; } 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 { min-height: 30px; min-width: 24px; margin-top: -17px; background-position: center calc(100% - 5px); } scale.horizontal.marks-before:not(.marks-after) slider { background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png")); } scale.horizontal.marks-before:not(.marks-after) slider:disabled { background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled.png"), url("assets/scale-horz-marks-before-slider-disabled@2.png")); } scale.horizontal.marks-before:not(.marks-after) slider:hover { background-position: center calc(100% - 4px); } scale.horizontal.marks-before:not(.marks-after) slider:active { background-position: center calc(100% - 3px); } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { background-position: center calc(100% - 6px); } scale.horizontal.marks-after:not(.marks-before) slider { min-height: 30px; min-width: 24px; margin-bottom: -17px; background-position: center calc(5px); } scale.horizontal.marks-after:not(.marks-before) slider { background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png")); } scale.horizontal.marks-after:not(.marks-before) slider:disabled { background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled.png"), url("assets/scale-horz-marks-after-slider-disabled@2.png")); } scale.horizontal.marks-after:not(.marks-before) slider:hover { background-position: center calc(4px); } scale.horizontal.marks-after:not(.marks-before) slider:active { background-position: center calc(3px); } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { background-position: center calc(6px); } scale.vertical.marks-before:not(.marks-after) slider { min-height: 24px; min-width: 30px; margin-left: -17px; background-position: calc(5px) center; } scale.vertical.marks-before:not(.marks-after) slider { background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png")); } scale.vertical.marks-before:not(.marks-after) slider:disabled { background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled.png"), url("assets/scale-vert-marks-before-slider-disabled@2.png")); } scale.vertical.marks-before:not(.marks-after) slider:hover { background-position: calc(4px) center; } scale.vertical.marks-before:not(.marks-after) slider:active { background-position: calc(3px) center; } scale.vertical.marks-before:not(.marks-after).fine-tune slider { background-position: calc(6px) center; } scale.vertical.marks-after:not(.marks-before) slider { min-height: 24px; min-width: 30px; margin-right: -17px; background-position: calc(100% - 5px) center; } scale.vertical.marks-after:not(.marks-before) slider { background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png")); } scale.vertical.marks-after:not(.marks-before) slider:disabled { background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled.png"), url("assets/scale-vert-marks-after-slider-disabled@2.png")); } scale.vertical.marks-after:not(.marks-before) slider:hover { background-position: calc(100% - 4px) center; } scale.vertical.marks-after:not(.marks-before) slider:active { background-position: calc(100% - 3px) center; } scale.vertical.marks-after:not(.marks-before).fine-tune slider { background-position: calc(100% - 6px) center; } 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: -12px; margin-top: -2px; } scale.color.vertical:dir(ltr) { padding: 0 0 0 12px; } scale.color.vertical:dir(ltr) slider { margin-left: -12px; margin-right: -2px; } scale.color.vertical:dir(rtl) { padding: 0 12px 0 0; } scale.color.vertical:dir(rtl) slider { margin-right: -12px; margin-left: -2px; } /***************** * Progress bars * *****************/ progressbar { color: rgba(0, 0, 0, 0.38); 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(51, 141, 214, 0.3); } progressbar progress { background-color: #338DD6; } progressbar trough.empty progress { all: unset; } /************* * Level Bar * *************/ levelbar.horizontal block { min-height: 4px; } levelbar.horizontal.discrete block { min-width: 32px; } levelbar.horizontal.discrete block:not(:last-child) { margin-right: 2px; } levelbar.vertical block { min-width: 4px; } levelbar.vertical.discrete block { min-height: 32px; } levelbar.vertical.discrete block:not(:last-child) { margin-bottom: 2px; } levelbar trough { padding: 2px; border-radius: 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FFFFFF; } levelbar trough:disabled { background-color: #F5F5F5; } levelbar block.low { background-color: #FF6D00; } levelbar block.high, levelbar block:not(.empty) { background-color: #338DD6; } levelbar block.full { background-color: #00C853; } levelbar block.empty { background-color: rgba(0, 0, 0, 0.12); } /**************** * Print dialog * *****************/ printdialog paper { padding: 0; border: 1px solid rgba(0, 0, 0, 0.12); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } printdialog .dialog-action-box { margin: 12px; } /********** * Frames * **********/ frame > border, .frame { margin: 0; padding: 0; border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0; box-shadow: none; } frame > border.flat, .frame.flat, frame.flat > border { border-style: none; } actionbar > revealer > box { padding: 6px; border-top: 1px solid rgba(0, 0, 0, 0.12); } scrolledwindow viewport.frame { border-style: none; } overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(64, 196, 255, 0.3)), 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(64, 196, 255, 0.3)), 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(64, 196, 255, 0.3)), 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(64, 196, 255, 0.3)), to(transparent)); background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } undershoot.top { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); padding-top: 1px; background-size: 12px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: left top; } undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); padding-bottom: 1px; background-size: 12px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: left bottom; } undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: left top; } undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: right top; } junction { border-style: solid none none solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } junction:dir(rtl) { border-style: solid solid none none; } separator { min-width: 1px; min-height: 1px; background-color: rgba(0, 0, 0, 0.12); } button.font separator, button.file separator, .tweak-categories separator { min-width: 0; min-height: 0; background-color: transparent; } /********* * Lists * *********/ list { border-color: rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } list row { padding: 2px; } row.activatable, .view, treeview.view header button, .budgie-menu button { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 9999px transparent; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } row.activatable:hover, .view:hover, treeview.view header button:hover, .budgie-menu button:hover { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, box-shadow 0, background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05); } row.activatable.has-open-popup, .has-open-popup.view, treeview.view header button.has-open-popup, .budgie-menu button.has-open-popup, row.activatable:active, .view:active, treeview.view header button:active, .budgie-menu button:active { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 0, background-image 0; animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15); background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%); background-size: 0% 0%; } /********************* * App Notifications * *********************/ .app-notification { margin: 8px; } .app-notification.frame, .app-notification border { border-style: none; } /************* * Expanders * *************/ expander title > arrow { transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1); min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -gtk-icon-transform: rotate(-90deg); color: rgba(0, 0, 0, 0.54); } expander title > arrow:dir(rtl) { -gtk-icon-transform: rotate(90deg); } expander title > arrow:checked { -gtk-icon-transform: unset; } expander title > arrow:hover, expander title > arrow:active { color: rgba(0, 0, 0, 0.87); } expander title > arrow:disabled { color: rgba(0, 0, 0, 0.26); } expander title > arrow:selected { color: rgba(255, 255, 255, 0.7); } expander title > arrow:selected:hover, expander title > arrow:selected:active { color: #FFFFFF; } expander title > arrow:selected:disabled { color: rgba(255, 255, 255, 0.3); } /************ * Calendar * ************/ calendar { padding: 1px; border: 1px solid rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } calendar:disabled { color: rgba(0, 0, 0, 0.38); } calendar:selected { border-radius: 3px; } calendar.header { border-style: none none solid; border-radius: 0; } calendar.highlight { color: rgba(0, 0, 0, 0.54); font-weight: 500; } calendar:indeterminate { color: rgba(0, 0, 0, 0.26); } /*********** * Dialogs * ***********/ messagedialog.background { background-color: #FAFAFA; } messagedialog .titlebar { min-height: 20px; border-style: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FAFAFA; color: rgba(0, 0, 0, 0.87); } messagedialog .titlebar:backdrop { color: rgba(0, 0, 0, 0.54); } messagedialog.csd.background { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } messagedialog.csd .dialog-action-area button { padding: 8px 16px; border-top: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0; } messagedialog.csd .dialog-action-area button:first-child { border-bottom-left-radius: 2px; } messagedialog.csd .dialog-action-area button:last-child { border-bottom-right-radius: 2px; } filechooser .dialog-action-box { border-top: 1px solid rgba(0, 0, 0, 0.12); } filechooser #pathbarbox { border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: #EEEEEE; } filechooserbutton:drop(active) { box-shadow: none; } /*********** * Sidebar * ***********/ .sidebar { border-style: none; background-color: #F5F5F5; } stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { border-right: 1px solid rgba(0, 0, 0, 0.12); border-left-style: none; } stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { border-left: 1px solid rgba(0, 0, 0, 0.12); border-right-style: none; } .sidebar list { background-color: transparent; } paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; } stacksidebar row { padding: 10px 4px; } stacksidebar row > label { padding-left: 6px; padding-right: 6px; } /**************** * File chooser * ****************/ row image.sidebar-icon { color: rgba(0, 0, 0, 0.54); } row:selected image.sidebar-icon { color: rgba(255, 255, 255, 0.7); } placessidebar > viewport.frame { border-style: none; } placessidebar list { padding: 1px 0 4px; } placessidebar row { min-height: 32px; margin: -1px 0; padding: 0; } placessidebar row > revealer { padding: 0 12px; } placessidebar row:selected { color: #FFFFFF; } placessidebar row:disabled { color: rgba(0, 0, 0, 0.38); } placessidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; } placessidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; } placessidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; } placessidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } placessidebar row.sidebar-placeholder-row { min-height: 2px; padding: 0 8px; background-image: image(#009688); background-clip: content-box; } placessidebar row.sidebar-new-bookmark-row { color: #009688; } placessidebar row:drop(active):not(:disabled) { box-shadow: inset 0 0 0 2px #009688; } placesview .server-list-button > image { -gtk-icon-transform: rotate(0turn); } placesview .server-list-button:checked > image { -gtk-icon-transform: rotate(-0.5turn); } placesview > actionbar > revealer > box > label { padding-left: 8px; padding-right: 8px; } /********* * Paned * *********/ paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(rgba(0, 0, 0, 0.12)); background-size: 1px 1px; background-clip: content-box; } paned > separator.wide { min-width: 6px; min-height: 6px; background-color: #EEEEEE; background-image: image(rgba(0, 0, 0, 0.12)), image(rgba(0, 0, 0, 0.12)); background-size: 1px 1px, 1px 1px; } paned.horizontal > separator { background-repeat: repeat-y; } paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; } paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; } paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; } paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; } paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; } /************** * GtkInfoBar * **************/ infobar { border-style: none; } infobar.info { background-color: #66BB6A; } infobar.question { background-color: #42A5F5; } infobar.warning { background-color: #FFA726; } infobar.error { background-color: #EF5350; } infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error { color: #FFFFFF; } /************ * Tooltips * ************/ tooltip { border-radius: 2px; box-shadow: none; } tooltip.background { background-color: rgba(66, 66, 66, 0.9); color: #FFFFFF; } tooltip decoration { background-color: transparent; } tooltip label { min-height: 20px; padding: 0 2px; } /***************** * Color Chooser * *****************/ colorswatch.top { border-top-left-radius: 2.5px; border-top-right-radius: 2.5px; } colorswatch.top overlay { border-top-left-radius: 2px; border-top-right-radius: 2px; } colorswatch.bottom { border-bottom-left-radius: 2.5px; border-bottom-right-radius: 2.5px; } colorswatch.bottom overlay { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 2.5px; border-bottom-left-radius: 2.5px; } colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 2.5px; border-bottom-right-radius: 2.5px; } colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } colorswatch.dark { color: #FFFFFF; } colorswatch.light { color: rgba(0, 0, 0, 0.87); } colorswatch:drop(active) { box-shadow: none; } colorswatch:drop(active).light overlay { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #009688; } colorswatch:drop(active).dark overlay { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #009688; } colorswatch overlay { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } colorswatch overlay:hover { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } colorswatch#add-color-button { border-radius: 2px 2px 0 0; color: #FFFFFF; } colorswatch#add-color-button:only-child { border-radius: 2px; } colorswatch#add-color-button overlay { background-image: linear-gradient(to right, #EF5350 25%, #FFA726 25%, #FFA726 50%, #66BB6A 50%, #66BB6A 75%, #42A5F5 75%); } colorswatch:disabled { opacity: 0.5; } colorswatch:disabled overlay { box-shadow: none; } colorswatch#editor-color-sample { border-radius: 2.5px; } colorswatch#editor-color-sample overlay { border-radius: 2px; } colorchooser .popover.osd { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } colorchooser .popover.osd:backdrop { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.4); } /******** * Misc * ********/ .content-view { background-color: #EEEEEE; } /********************** * Window Decorations * **********************/ decoration { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-radius: 2px 2px 0 0; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent; margin: 8px; } decoration:backdrop { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px 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: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } tooltip.csd decoration { border-radius: 2px; box-shadow: none; } messagedialog.csd decoration { border-radius: 2px; } .solid-csd decoration { margin: 0; border-radius: 0; box-shadow: none; background-color: #303030; } .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, popover.background.menu button:checked, popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked { background-color: #338DD6; } row:selected label, label:selected, .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, popover.background.menu button:checked, popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked { color: #FFFFFF; } row:selected label:disabled, label:disabled:selected, .view selection:disabled, .view:disabled:selected, flowbox flowboxchild:disabled:selected, label:disabled selection, spinbutton:not(.vertical) selection:disabled, entry selection:disabled, modelbutton.flat:disabled:selected, .menuitem.button.flat:disabled:selected, popover.background.menu button:disabled:checked, popover.background button.model:disabled:checked, row:disabled:selected, calendar:disabled:selected, text:disabled:selected, .budgie-menu button:disabled:checked { color: rgba(255, 255, 255, 0.5); } .monospace { font-family: monospace; } /********************** * Touch Copy & Paste * **********************/ cursor-handle { border-radius: 9999px; background-color: #009688; background-image: none; } cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { padding-left: 6px; border-top-right-radius: 0; } cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { padding-right: 6px; border-top-left-radius: 0; } cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { -GtkWidget-text-handle-width: 24; -GtkWidget-text-handle-height: 30; -gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png")); } .context-menu { font: initial; } .keycap { min-width: 12px; min-height: 26px; margin-top: 2px; padding-bottom: 2px; padding-left: 8px; padding-right: 8px; border: solid 1px rgba(0, 0, 0, 0.12); border-radius: 3px; box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); font-size: smaller; } :not(decoration):not(window):drop(active) { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 2px #009688; caret-color: #009688; } stackswitcher button.text-button { min-width: 100px; } stackswitcher button.circular, stackswitcher button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; } /********* * Emoji * *********/ popover.emoji-picker { padding: 0; } popover.emoji-picker entry { border-bottom: 1px solid rgba(0, 0, 0, 0.12); border-bottom-left-radius: 0; border-bottom-right-radius: 0; box-shadow: none; } popover.emoji-picker scrolledwindow { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } button.emoji-section { margin-top: -1px; padding: 0 8px; min-width: 24px; min-height: 32px; border-radius: 0; outline-offset: -6px; box-shadow: none; } button.emoji-section:hover { box-shadow: inset 0 2px rgba(0, 0, 0, 0.26); } button.emoji-section:active { box-shadow: inset 0 2px #338DD6; background-image: radial-gradient(circle farthest-corner at center, rgba(51, 141, 214, 0.7) 10%, transparent 0%); } button.emoji-section:checked { box-shadow: inset 0 2px #338DD6; background-color: transparent; } button.emoji-section:first-child { margin-left: 4px; } button.emoji-section:last-child { margin-right: 4px; } .emoji { min-width: 3em; min-height: 3em; padding: 0; } .emoji widget { transition: all 180ms cubic-bezier(0, 0, 0.2, 1); } .emoji widget:hover { font-size: larger; } /************ * Nautilus * ************/ .nautilus-window, .nautilus-window notebook, .nautilus-window notebook > stack { background-color: #FFFFFF; } .nautilus-desktop.nautilus-canvas-item:not(:selected), .caja-desktop.caja-canvas-item:not(:selected) { color: #FFFFFF; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } @keyframes needs_attention_keyframes { to { background-color: alpha(currentColor, 0.3); } } .nautilus-operations-button-needs-attention { animation: needs_attention_keyframes 270ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate; } .nautilus-operations-button-needs-attention-multiple { animation: needs_attention_keyframes 270ms cubic-bezier(0.4, 0, 0.2, 1) 4 alternate; } .nautilus-window .floating-bar { min-height: 32px; padding: 0; border-style: solid solid none; border-width: 1px; border-color: rgba(0, 0, 0, 0.12); border-radius: 3px 3px 0 0; background-color: #FFFFFF; background-clip: padding-box; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), border-width 0; } .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: 6px; } .disk-space-display.unknown { background-color: #FF6D00; } .disk-space-display.used { background-color: #338DD6; } .disk-space-display.free { background-color: rgba(0, 0, 0, 0.12); } .nautilus-window paned > separator { background-color: #EEEEEE; } /********* * gedit * *********/ .open-document-selector-path-label { color: rgba(0, 0, 0, 0.54); font-size: smaller; } .open-document-selector-path-label:selected { color: rgba(255, 255, 255, 0.7); } .gedit-document-panel { background-color: #F5F5F5; } .gedit-document-panel row button.flat { margin-top: 8px; margin-bottom: 8px; } .gedit-document-panel-group-row:not(:first-child) { border-top: 1px solid rgba(0, 0, 0, 0.12); } .gedit-side-panel-paned statusbar { border-top: 1px solid rgba(0, 0, 0, 0.12); } .gedit-search-slider { margin: 4px 4px 8px; } .gedit-search-slider entry:dir(ltr), .gedit-search-slider entry:dir(rtl) { border-radius: 2px; } .gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag, .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag { all: unset; color: rgba(0, 0, 0, 0.38); } .gedit-search-slider entry:dir(ltr) { margin-right: -58px; padding-right: 58px; } .gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag { margin-left: 6px; } .gedit-search-slider entry:dir(ltr) image.right { margin-right: 0; } .gedit-search-slider entry:dir(rtl) { margin-left: -58px; padding-left: 58px; } .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag { margin-right: 6px; } .gedit-search-slider entry:dir(rtl) image.left { margin-left: 0; } .gedit-search-slider entry.error ~ button { color: rgba(255, 255, 255, 0.7); } .gedit-search-slider entry.error ~ button:hover, .gedit-search-slider entry.error ~ button:active { color: #FFFFFF; } .gedit-search-slider entry.error ~ button:disabled { color: rgba(255, 255, 255, 0.3); } .gedit-search-slider button { border: solid 6px transparent; } .gedit-search-slider button:last-child:dir(ltr), .gedit-search-slider button:not(:first-child):dir(rtl) { margin-left: -3px; } .gedit-search-slider button:first-child:dir(rtl), .gedit-search-slider 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; } /************** * Tweak Tool * **************/ .tweak-categories { background-image: image(#F5F5F5); } .tweak { padding: 3px; } .tweak.title:hover { box-shadow: none; } .tweak-group-white, .tweak-white, .tweak-white:hover { background-image: image(#FFFFFF); } .tweak-startup, .tweak-startup:hover { background-image: image(#FFFFFF); } .tweak-group-startup { background-image: image(#FFFFFF); border: 1px solid rgba(0, 0, 0, 0.12); } /*********** * Builder * ***********/ workbench stack.titlebar { padding: 0; } workbench:not(.tiled):not(.maximized):not(.fullscreen) stack.titlebar headerbar { border-radius: 2px 2px 0 0; } perspectiveswitcher { background-color: #EEEEEE; } perspectiveswitcher button:checked { color: #338DD6; } layouttabbar { border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: #EEEEEE; } layouttabbar > box > button { margin: 4px 0; } layouttab { margin: 0 8px; border-style: none solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.12); box-shadow: inset 0 -2px #338DD6; background-color: #FFFFFF; } layouttab separator.vertical { margin: 8px 4px; } layouttab button.text-button, layouttab button.image-button, layouttab button { margin-top: 8px; margin-bottom: 8px; padding: 0 4px; } layout { border: 1px solid rgba(0, 0, 0, 0.12); -PnlDockBin-handle-size: 1; } entry.search-missing { background-color: #DD2C00; color: #FFFFFF; } workbench treeview.image { color: rgba(0, 0, 0, 0.54); } workbench treeview.image:selected { color: rgba(255, 255, 255, 0.7); } dockbin { border: 1px solid rgba(0, 0, 0, 0.12); -PnlDockBin-handle-size: 1; } dockpaned { border: 1px solid rgba(0, 0, 0, 0.12); } eggsearchbar box.search-bar { padding: 0 8px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: #EEEEEE; } docktabstrip { padding: 0 8px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: #EEEEEE; } docktab { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; min-height: 20px; min-width: 20px; margin-bottom: -1px; padding: 6px 6px; outline-offset: -6px; border-width: 1px; border-color: transparent; background-image: radial-gradient(circle farthest-corner at center, #338DD6 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; color: rgba(0, 0, 0, 0.54); font-weight: 500; } docktab:hover { box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } docktab:checked { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 270ms cubic-bezier(0, 0, 0.2, 1), background-image 720ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 -2px #338DD6; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-size: 1000% 1000%; color: rgba(0, 0, 0, 0.87); } dockoverlayedge { background-color: #EEEEEE; } dockoverlayedge docktabstrip { padding: 0; border: none; } dockoverlayedge.left-edge docktab:hover { box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26); } dockoverlayedge.left-edge docktab:checked { box-shadow: inset -2px 0 #338DD6; } dockoverlayedge.right-edge docktab:hover { box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26); } dockoverlayedge.right-edge docktab:checked { box-shadow: inset 2px 0 #338DD6; } pillbox { background-color: #EEEEEE; border-radius: 2px; } buildperspective row { padding: 10px; } layoutpane entry.search { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } editortweak entry.search { margin-bottom: -1px; box-shadow: none; } frame.gb-search-frame { border-bottom-right-radius: 5px; } .gb-search-entry-occurrences-tag { box-shadow: none; background-color: transparent; } docktabstrip { min-height: 39px; } workbench preferences preferencesgroup list entry { padding-top: 8px; padding-bottom: 8px; } /********** * Photos * **********/ GdMainIconView.content-view { -GdMainIconView-icon-size: 48; } .documents-counter { margin: 8px; border-radius: 9999px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); background-color: #009688; color: #FFFFFF; font-weight: bold; } .documents-scrolledwin.frame { border-style: none; } .photos-fade-in { opacity: 1; transition: opacity 180ms cubic-bezier(0, 0, 0.2, 1); } .photos-fade-out { opacity: 0; transition: opacity 180ms cubic-bezier(0, 0, 0.2, 1); } overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) { border-style: none none none solid; } overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) { border-style: none solid none none; } /********* * Music * *********/ .side-panel:dir(ltr) { border-style: solid; border-color: rgba(0, 0, 0, 0.12); } .side-panel:dir(rtl) { border-style: solid; border-color: rgba(0, 0, 0, 0.12); } .side-panel .view { background-image: image(#F5F5F5); } .side-panel .view:hover { background-image: image(rgba(235, 235, 235, 0.9935)); } .side-panel .view:selected { background-image: image(#338DD6); } .side-panel .view:selected:hover { background-image: image(#3d93d8); } .songs-list:hover { background-image: image(alpha(currentColor, 0.05)); } frame.documents-dropdown { margin: 8px; } frame.documents-dropdown > border { border: none; } box.vertical:not(.titlebar) > revealer > toolbar.search-bar { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } box.vertical:not(.titlebar) > revealer > toolbar.search-bar button > widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } /********* * To Do * *********/ task-row { transition: all 180ms cubic-bezier(0, 0, 0.2, 1); margin: 0 -4px; } task-row:hover { transition: none; } task-row label { margin: 0 8px; } task-row image { margin: 0 4px; } task-list-view > box > revealer > box > button { min-height: 32px; margin: -4px; padding: 0 12px; } task-list-view > box > revealer > box > button label { margin: 0 8px; } task-list-view > box > revealer > box > button image { margin: 0 4px; } /******* * eog * *******/ #eog-thumb-nav scrolledwindow { border-top: none; } #eog-thumb-nav button { -gtk-outline-radius: 2px; } /************* * 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(0, 0, 0, 0.12); } list.categories { background-image: image(#F5F5F5); } /********* * Boxes * *********/ .transparent-bg + stack overlay > label { min-height: 24px; padding: 0 4px; border-radius: 2px; background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; } /************** * Calculator * **************/ button.title label { min-height: 32px; } /********* * Geary * *********/ .geary-titlebar-left:dir(ltr) { margin-right: 5px; padding-right: 0; } .geary-titlebar-left:dir(rtl) { margin-left: 5px; padding-left: 0; } .geary-titlebar-left > separator { background-color: rgba(0, 0, 0, 0.05); } .geary-titlebar-right:dir(ltr) { margin-left: -5px; } .geary-titlebar-right:dir(rtl) { margin-right: -5px; } /********* * Tilix * *********/ overlay > revealer.left > scrolledwindow.frame, overlay > revealer.right > scrolledwindow.frame { border-style: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22); } 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(#FAFAFA); } button.image-button.session-new-button { min-width: 28px; } /*********** * 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: 2px; } /************ * Chromium * ************/ tooltip.chromium { background-color: #424242; } /*********** * Firefox * ***********/ window.background:not(.csd) > widget > separator { color: rgba(0, 0, 0, 0.26); } window.background:not(.csd) > widget > scrollbar { background-clip: border-box; } window.background:not(.csd) > widget > scrollbar, window.background:not(.csd) > widget > frame > border { border-color: rgba(0, 0, 0, 0.26); } window.background:not(.csd) > widget > entry, window.background:not(.csd) > widget > button > button { border: 1px solid rgba(0, 0, 0, 0.26); border-radius: 3px; box-shadow: none; } window.background:not(.csd) > widget > entry { min-height: 30px; } window.background:not(.csd) > widget > entry:focus { border-color: #338DD6; } window.background:not(.csd) > widget > button > button { padding: 4px 8px; background-size: auto; } window.background:not(.csd) > widget > button > button:hover { background-image: image(alpha(currentColor, 0.05)); } window.background:not(.csd) > widget > button > button:active { background-image: image(alpha(currentColor, 0.1)); } window.background:not(.csd) > widget > checkbutton > check:not(:checked), window.background:not(.csd) > widget > radiobutton > radio:not(:checked) { color: #757575; } window.background:not(.csd) > widget > checkbutton > check:not(:checked):hover, window.background:not(.csd) > widget > checkbutton > check:not(:checked):active, window.background:not(.csd) > widget > radiobutton > radio:not(:checked):hover, window.background:not(.csd) > widget > radiobutton > radio:not(:checked):active { color: #212121; } window.background:not(.csd) > widget > checkbutton > check:not(:checked):disabled, window.background:not(.csd) > widget > radiobutton > radio:not(:checked):disabled { color: rgba(117, 117, 117, 0.5); } window.background:not(.csd) > window > menu, window.background:not(.csd) > menu > menu { border: none; } window.background:not(.csd) > widget > menubar { color: rgba(255, 255, 255, 0.7); } window.background:not(.csd) > widget > menubar:hover { color: #FFFFFF; } window.background:not(.csd) > widget > menubar:disabled { color: rgba(255, 255, 255, 0.3); } window.background:not(.csd) > widget > frame { color: rgba(0, 0, 0, 0.26); } window.background:not(.csd) > widget > checkbutton > check, window.background:not(.csd) > widget > radiobutton > radio { margin: 0; padding: 0; } window.background:not(.csd) > window.background > menu > separator { color: rgba(0, 0, 0, 0.12); } /************ * 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: 2px; -gtk-outline-radius: 2px; } #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: 2px; -gtk-outline-radius: 2px; } #CanvasTable button { min-height: 16px; min-width: 16px; padding: 0; } #CanvasTable #HorizontalScrollbar { border-top: 1px solid rgba(0, 0, 0, 0.12); } #CanvasTable #VerticalScrollbar:dir(ltr) { border-left: 1px solid rgba(0, 0, 0, 0.12); } #CanvasTable #VerticalScrollbar:dir(rtl) { border-right: 1px solid rgba(0, 0, 0, 0.12); } #Canvas_and_Dock frame > border { border: none; } #Canvas_and_Dock widget > widget > button.flat { min-height: 16px; min-width: 16px; padding: 4px; } #Canvas_and_Dock widget > widget > box.horizontal image { padding: 4px; } #Canvas_and_Dock box.horizontal > box.vertical > button.flat { min-height: 16px; min-width: 24px; padding: 8px 4px; } /*********** * Synapse * ***********/ box.vertical > widget > widget:selected { background-color: #338DD6; } /********* * 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: #338DD6; -UnityDecoration-title-indent: 4px; -UnityDecoration-title-fade: 32px; -UnityDecoration-title-alignment: 0.0; } UnityDecoration .top { padding: 0 2px; border-style: none; border-radius: 2px 2px 0 0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); background-color: #303030; color: #FFFFFF; } UnityDecoration .top:backdrop { color: rgba(255, 255, 255, 0.7); } UnityDecoration .menuitem { color: rgba(255, 255, 255, 0.7); } UnityDecoration .menuitem:hover { box-shadow: inset 0 -2px currentColor; background-color: transparent; color: #FFFFFF; } .background:not(.csd) headerbar:not(.titlebar) { border-radius: 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .background:not(.csd) headerbar:not(.titlebar).inline-toolbar { border-style: none; } UnityPanelWidget, .unity-panel { background-color: #212121; 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 { box-shadow: inset 0 -2px currentColor; background-color: transparent; color: #FFFFFF; } .menu IdoPlaybackMenuItem.menuitem:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: spin 1s linear infinite; color: #338DD6; } /************** * Mate-Panel * **************/ .mate-panel-menu-bar menubar, #PanelApplet-window-menu-applet-button { background-color: transparent; } .mate-panel-menu-bar { background-color: #212121; font-weight: 500; } .mate-panel-menu-bar:not(.popup) { color: rgba(255, 255, 255, 0.7); } .mate-panel-menu-bar button { min-height: 16px; min-width: 16px; padding: 0; border-radius: 0; } .mate-panel-menu-bar button:checked { background-color: rgba(255, 255, 255, 0.12); } PanelToplevel.horizontal > grid > button { min-width: 24px; } PanelToplevel.vertical > grid > button { min-height: 24px; } PanelSeparator { color: rgba(255, 255, 255, 0.12); } MatePanelAppletFrameDBus { border-style: solid; border-color: rgba(255, 255, 255, 0.12); } .mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus { border-width: 0 1px; } .mate-panel-menu-bar.vertical MatePanelAppletFrameDBus { border-width: 1px 0; } .mate-panel-menu-bar menubar > menuitem { color: rgba(255, 255, 255, 0.7); } .mate-panel-menu-bar menubar > menuitem:hover { 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 0px; } .mate-panel-menu-bar #tasklist-button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; } .mate-panel-menu-bar #tasklist-button image:dir(ltr), .mate-panel-menu-bar #tasklist-button label:dir(rtl) { padding-left: 4px; } .mate-panel-menu-bar #tasklist-button label:dir(ltr), .mate-panel-menu-bar #tasklist-button image:dir(rtl) { padding-right: 4px; } .mate-panel-menu-bar.vertical #tasklist-button { min-height: 32px; } .mate-panel-menu-bar.horizontal #showdesktop-button image { min-width: 24px; padding: 0 4px; } .mate-panel-menu-bar.vertical #showdesktop-button image { min-height: 24px; padding: 4px 0; } PanelApplet.wnck-applet .wnck-pager { background-color: transparent; color: #40C4FF; } PanelApplet.wnck-applet .wnck-pager:hover { background-color: rgba(255, 255, 255, 0.12); } PanelApplet.wnck-applet .wnck-pager:active { background-color: rgba(255, 255, 255, 0.3); } PanelApplet.wnck-applet .wnck-pager:selected { background-color: #338DD6; } .mate-panel-menu-bar.horizontal #clock-applet-button label { padding: 0 8px; } .mate-panel-menu-bar.vertical #clock-applet-button label { padding: 8px 0; } #MatePanelPopupWindow { border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 3px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } #MatePanelPopupWindow frame > border { border-style: none; } #MatePanelPopupWindow button { padding: 4px 16px; } #MatePanelPopupWindow ClockMap { border: 1px solid rgba(0, 0, 0, 0.12); } #MatePanelPopupWindow widget { color: rgba(0, 0, 0, 0.12); } na-tray-applet { -NaTrayApplet-icon-padding: 3px; -NaTrayApplet-icon-size: 16; } .mate-panel-menu-bar { -PanelMenuBar-icon-visible: true; } .mate-panel-applet-slider { border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 3px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: #EEEEEE; } .mate-panel-applet-slider frame > border { border-style: none; } #PanelApplet:not(:selected) > box { transition: all 180ms 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(0, 0, 0, 0.12); } #mate-menu button { min-height: 24px; min-width: 24px; padding: 4px 0; color: rgba(0, 0, 0, 0.87); font-weight: normal; } #mate-menu button label:not(:first-child) { color: rgba(0, 0, 0, 0.54); } #mate-menu entry { margin: 0 0 8px; } #mate-menu entry image { margin: 0; } #mate-menu entry + button { margin: 0 4px 8px; padding: 4px; } /********************* * CAJA File manager * *********************/ .caja-navigation-window button.toggle.image-button { border-radius: 2px; } .caja-pathbar button { margin: 0 -1px 0 -2px; } .caja-pathbar button > widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -GtkArrow-arrow-scaling: 1; } .caja-side-pane notebook viewport.frame, .caja-side-pane notebook widget .vertical { background-color: #FFFFFF; } .caja-side-pane notebook, .caja-notebook { border-top: 1px solid rgba(0, 0, 0, 0.12); } .caja-side-pane notebook .frame, .caja-notebook .frame { border-style: none; } .caja-navigation-window statusbar { margin: 0 -10px; padding: 0 4px; border-top: 1px solid rgba(0, 0, 0, 0.12); } .caja-notebook frame > border { border-style: none; } #caja-extra-view-widget { border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: #EEEEEE; } #caja-extra-view-widget > box > box > label { font-weight: bold; } /********* * Pluma * *********/ .pluma-window statusbar { margin: 0 -10px; padding: 0 4px; border-top: 1px solid rgba(0, 0, 0, 0.12); } .pluma-window statusbar frame > border { border-style: none; } .pluma-window statusbar frame button.flat { padding: 0 4px; border-radius: 0; } .pluma-window statusbar frame button.flat widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -GtkArrow-arrow-scaling: 1; } .pluma-print-preview toolbar { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .pluma-window paned.horizontal box.vertical box.horizontal button.flat { margin: 1px; } .pluma-window paned.horizontal box.vertical .frame { border-style: none; } .pluma-window paned.horizontal box.vertical notebook.frame { margin-top: -1px; border-top: 1px solid rgba(0, 0, 0, 0.12); } .pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } /********* * Atril * *********/ .atril-window paned.horizontal box.vertical .frame { border-style: none; } .atril-window paned.horizontal box.vertical notebook .frame { border-top: 1px solid rgba(0, 0, 0, 0.12); } /* mate-screensaver lock dialog */ .lock-dialog { border-radius: 2px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), inset 0 1px rgba(255, 255, 255, 0.4); } .lock-dialog frame > border { border-style: none; } /****************** * 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: 2px; -gtk-outline-radius: 2px; } .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: 3px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); background-color: #FAFAFA; } .budgie-popover .container { padding: 2px; } .budgie-popover border { border: none; } .budgie-popover list { background-color: transparent; } .budgie-popover row { padding: 0; } .budgie-popover row:hover { box-shadow: none; } .budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { min-height: 28px; padding: 0 8px; color: rgba(0, 0, 0, 0.87); font-weight: normal; } .budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled { color: rgba(0, 0, 0, 0.38); } .budgie-popover.budgie-menu .container { padding: 0; } .budgie-popover.user-menu .container { padding: 8px; } .budgie-popover.user-menu separator { margin: 4px 0; } .budgie-popover.sound-popover separator { margin: 3px 0; } .budgie-popover.night-light-indicator .container { padding: 8px; } .budgie-popover.places-menu .container { padding: 8px; } .budgie-popover.places-menu .places-list:not(.always-expand) { margin-top: 4px; padding-top: 4px; border-top: 1px solid rgba(0, 0, 0, 0.12); } .budgie-popover.places-menu .alternative-label { padding: 3px; font-size: 15px; } .budgie-popover.workspace-popover .container { padding: 2px 8px 8px; } .budgie-popover.workspace-popover separator { margin: 4px 0; } .budgie-popover.workspace-popover flowboxchild { padding: 0; } .workspace-switcher .workspace-layout { border: 0 solid rgba(255, 255, 255, 0.12); } .top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { border-left-width: 1px; } .top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { border-right-width: 1px; } .left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { border-top-width: 1px; } .workspace-switcher .workspace-item, .workspace-switcher .workspace-add-button { border: 0 solid rgba(255, 255, 255, 0.12); } .top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { border-right-width: 1px; } .top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { border-left-width: 1px; } .left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { border-bottom-width: 1px; } .workspace-switcher .workspace-item { transition: all 180ms 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: 2px; } .budgie-menu.background { padding: 0; background-color: #FFFFFF; } .budgie-menu scrollbar, .budgie-menu entry.search { background-color: transparent; } .budgie-menu entry.search { border-bottom: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0; box-shadow: none; font-size: 120%; } .budgie-menu .categories:dir(ltr) { border-bottom-left-radius: 2px; } .budgie-menu .categories:dir(rtl) { border-bottom-right-radius: 2px; } .budgie-menu button { min-height: 32px; padding: 0 8px; border-radius: 0; color: rgba(0, 0, 0, 0.87); font-weight: normal; } .budgie-menu button:disabled { color: rgba(0, 0, 0, 0.38); } .budgie-menu button:checked:disabled { background-color: #338DD6; } .budgie-menu row { padding: 0; } .budgie-menu row:hover { box-shadow: none; } popover.background.user-menu { padding: 8px; } popover.background.user-menu .content-box { background-color: transparent; } popover.background.user-menu separator { margin: 4px 0; } popover.background.user-menu row { padding: 0; box-shadow: none; background-image: none; } popover.background.places-menu { padding: 8px; } popover.background.places-menu .name-button.text-button { padding-left: 8px; padding-right: 8px; } popover.background.places-menu .name-button.text-button image:dir(ltr) { margin-right: 3px; } popover.background.places-menu .name-button.text-button image:dir(rtl) { margin-left: 3px; } popover.background.places-menu .places-section-header > image:dir(ltr) { margin: 0 -2px 0 5px; } popover.background.places-menu .places-section-header > image:dir(rtl) { margin: 0 5px 0 -2px; } popover.background.places-menu .places-list { margin-top: 4px; padding-top: 4px; border-top: 1px solid rgba(0, 0, 0, 0.12); background-color: transparent; } popover.background.places-menu row { padding: 0; box-shadow: none; background-image: none; } .budgie-panel { transition: background-color 270ms cubic-bezier(0, 0, 0.2, 1); background-color: #212121; color: rgba(255, 255, 255, 0.7); font-weight: 500; } .budgie-panel.transparent { background-color: rgba(0, 0, 0, 0.6); } .budgie-panel button { min-height: 16px; min-width: 16px; padding: 0; border-radius: 0; } .budgie-panel button:checked { background-color: rgba(255, 255, 255, 0.12); } .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: #FF5252; } .budgie-panel #tasklist-button { padding: 0 4px; } .budgie-panel.vertical #tasklist-button { min-height: 32px; } .budgie-panel button.flat.launcher { padding: 0; } .budgie-panel button.flat.launcher:not(:checked) { color: rgba(255, 255, 255, 0.5); } .budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { color: rgba(255, 255, 255, 0.7); } .budgie-panel button.flat.launcher:not(:checked):disabled { color: rgba(255, 255, 255, 0.3); } .top .budgie-panel #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; } .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, .top .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .top button.flat.launcher, .top .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .top button.flat.launcher.running { 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; } .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, .bottom .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .bottom button.flat.launcher, .bottom .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .bottom button.flat.launcher.running { 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; } .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, .left .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .left button.flat.launcher, .left .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .left button.flat.launcher.running { 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; } .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, .right .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .right button.flat.launcher, .right .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .right button.flat.launcher.running { 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 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22); } .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: #FAFAFA; } .raven > box { margin-bottom: -10px; } .raven > stack { margin-bottom: -10px; } .raven stackswitcher.linked > button { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 0%, transparent 0%) 0 0 0/0 0 0px; border-radius: 0; } .raven stackswitcher.linked > button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 100%, transparent 0%) 0 0 2/0 0 2px; background-color: transparent; } .raven .raven-header { min-height: 32px; padding: 3px; } .raven .raven-header:not(.top) { margin-top: -6px; } .raven .raven-header.top { padding: 2px 0; background-color: #338DD6; color: #FFFFFF; } .raven .raven-header.top stackswitcher button { margin: -6px 0; min-height: 32px; } .raven .raven-header.top button.image-button:dir(ltr) { margin-right: 2px; } .raven .raven-header.top button.image-button:dir(rtl) { margin-left: 2px; } .raven .raven-header.top > image { margin: 0 8px; } .raven .raven-header.top > label { margin: 0 -8px; font-weight: bold; } .raven .raven-header.bottom { border-top: 1px solid rgba(0, 0, 0, 0.12); } .raven viewport.frame .raven-header { margin-top: -8px; } .raven .raven-background { border-style: solid none; border-width: 1px; border-color: rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } .raven .raven-background.frame { border-style: solid none; } .raven .raven-background > overlay > widget > image { color: rgba(0, 0, 0, 0.12); } .raven .raven-background grid > label:first-child { min-height: 32px; } .raven scrolledwindow.raven-background { border-bottom-style: none; } .raven .raven-header.top + .raven-background { border-style: none; background-color: #338DD6; color: #FFFFFF; } .raven .raven-header.top + .raven-background stackswitcher button { margin: -4px 0; } .raven .powerstrip button { margin: 2px 0 1px; padding: 10px; } .raven .option-subtitle { font-size: smaller; } calendar.raven-calendar { border-style: none; background-color: transparent; } calendar.raven-calendar:selected { border-radius: 2px; background-color: #338DD6; } .raven-mpris { background-color: rgba(0, 0, 0, 0.6); color: #FFFFFF; } .raven-mpris label { min-height: 24px; } .raven-mpris button.image-button { padding: 10px; } .budgie-notification-window, .budgie-osd-window, .budgie-switcher-window { background-color: transparent; } .budgie-notification .notification-title, .budgie-switcher .notification-title { font-size: 120%; } .budgie-osd .budgie-osd-text { font-size: 120%; } .drop-shadow { margin: 5px 9px; padding: 3px; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FAFAFA; } .drop-shadow .linked > button { border-radius: 2px; } .budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { border-radius: 2px; background-color: #FAFAFA; } .budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration { border-radius: 2px; } .budgie-session-dialog label:not(:last-child), .budgie-session-dialog .dialog-title { font-size: 120%; } .budgie-session-dialog .linked.horizontal > button { padding: 8px 16px; border-top: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0; } .budgie-session-dialog .linked.horizontal > button:first-child { border-bottom-left-radius: 2px; } .budgie-session-dialog .linked.horizontal > button:last-child { border-bottom-right-radius: 2px; } .budgie-polkit-dialog .message { color: rgba(0, 0, 0, 0.38); } .budgie-polkit-dialog .failure { color: #FF5252; } .budgie-run-dialog { background-color: #FFFFFF; } .budgie-run-dialog entry.search { font-size: 120%; padding: 6px 14px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: transparent; } .budgie-run-dialog list .dim-label, .budgie-run-dialog list label.separator, .budgie-run-dialog list .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .budgie-run-dialog list .subtitle, .budgie-run-dialog list headerbar .subtitle, headerbar .budgie-run-dialog list .subtitle, .budgie-run-dialog list .budgie-notification .notification-body, .budgie-notification .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher .notification-body, .budgie-switcher .budgie-run-dialog list .notification-body { opacity: 1; } .budgie-run-dialog scrolledwindow { border-top: 1px solid rgba(0, 0, 0, 0.12); } /************************ * LightDM GTK+ Greeter * ************************/ #panel_window { background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; } #panel_window menubar, #panel_window separator { background-color: transparent; } #panel_window separator { padding: 0 4px; } #panel_window separator:first-child { padding: 0 8px; } #panel_window menubar > menuitem { color: rgba(255, 255, 255, 0.7); } #panel_window menubar > menuitem:hover { color: #FFFFFF; } #panel_window menubar > menuitem:disabled label { color: rgba(255, 255, 255, 0.3); } #login_window, #shutdown_dialog, #restart_dialog { margin: 8px; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FAFAFA; } #content_frame { padding-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); } #buttonbox_frame { padding-top: 24px; } #buttonbox_frame button { margin: -16px; } #greeter_infobar { margin-top: -1px; } /* GTK NAMED COLORS ---------------- use responsibly! */ /* widget text/foreground color */ @define-color theme_fg_color rgba(0, 0, 0, 0.87); /* text color for entries, views and content in general */ @define-color theme_text_color rgba(0, 0, 0, 0.87); /* widget base background color */ @define-color theme_bg_color #EEEEEE; /* text widgets and the like base background color */ @define-color theme_base_color #FFFFFF; /* base background color of selections */ @define-color theme_selected_bg_color #338DD6; /* text/foreground color of selections */ @define-color theme_selected_fg_color #FFFFFF; /* base background color of insensitive widgets */ @define-color insensitive_bg_color #EEEEEE; /* text foreground color of insensitive widgets */ @define-color insensitive_fg_color rgba(0, 0, 0, 0.38); /* insensitive text widgets and the like base background color */ @define-color insensitive_base_color #F5F5F5; /* widget text/foreground color on backdrop windows */ @define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.87); /* text color for entries, views and content in general on backdrop windows */ @define-color theme_unfocused_text_color rgba(0, 0, 0, 0.87); /* widget base background color on backdrop windows */ @define-color theme_unfocused_bg_color #EEEEEE; /* text widgets and the like base background color on backdrop windows */ @define-color theme_unfocused_base_color #FFFFFF; /* base background color of selections on backdrop windows */ @define-color theme_unfocused_selected_bg_color #338DD6; /* text/foreground color of selections on backdrop windows */ @define-color theme_unfocused_selected_fg_color #FFFFFF; /* insensitive color on backdrop windows */ @define-color unfocused_insensitive_color rgba(0, 0, 0, 0.38); /* widgets main borders color */ @define-color borders rgba(0, 0, 0, 0.12); /* widgets main borders color on backdrop windows */ @define-color unfocused_borders rgba(0, 0, 0, 0.12); /* these are pretty self explicative */ @define-color warning_color #FF6D00; @define-color error_color #DD2C00; @define-color success_color #00C853; /* FIXME this is really an API */ @define-color content_view_bg #FFFFFF; @define-color placeholder_text_color #757575; materia-theme-20180321/src/gtk/3.20/gtk-compact.scss000066400000000000000000000004311325420104000215270ustar00rootroot00000000000000$variant: 'light'; $titlebar: 'dark'; $compact: 'true'; @import '../../_sass/gtk/variables'; @import '../../_sass/colors'; @import '../../_sass/gtk/drawing-3.20'; @import '../../_sass/gtk/common-3.20'; @import '../../_sass/gtk/apps-3.20'; @import '../../_sass/gtk/colors-public'; materia-theme-20180321/src/gtk/3.20/gtk-dark-compact.css000066400000000000000000004523101325420104000222720ustar00rootroot00000000000000@keyframes ripple_effect { to { background-size: 1000% 1000%; } } @keyframes header_ripple_effect { from { background-image: radial-gradient(circle farthest-corner at center, #338DD6 0%, transparent 0%); } to { background-image: radial-gradient(circle farthest-corner at center, #338DD6 100%, transparent 0%); } } * { background-clip: padding-box; -GtkToolButton-icon-spacing: 0; -GtkTextView-error-underline-color: #DD2C00; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 24; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-style: solid; outline-width: 2px; outline-color: transparent; outline-offset: -4px; -gtk-outline-radius: 2px; -gtk-secondary-caret-color: #338DD6; } notebook:focus tab, *:focus { outline-color: alpha(currentColor, 0.3); } /*************** * Base States * ***************/ .background { background-color: #212121; color: #FFFFFF; } /* 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: #212121; color: #FFFFFF; } .gtkstyle-fallback:hover { background-color: #141414; color: #FFFFFF; } .gtkstyle-fallback:active { background-color: #080808; color: #FFFFFF; } .gtkstyle-fallback:disabled { background-color: #212121; color: rgba(255, 255, 255, 0.5); } .gtkstyle-fallback:selected { background-color: #338DD6; color: #FFFFFF; } .view { background-color: #303030; color: #FFFFFF; } .view:disabled { color: rgba(255, 255, 255, 0.5); } .view:hover, .view:active, .view:selected { border-radius: 2px; } textview text { background-color: #303030; } textview border { background-color: #292929; color: rgba(255, 255, 255, 0.5); } .rubberband, rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, .content-view .rubberband { border: 1px solid #40C4FF; background-color: rgba(64, 196, 255, 0.3); } flowbox flowboxchild { padding: 4px; border-radius: 2px; } .content-view .tile:selected { background-color: transparent; color: inherit; } label { caret-color: currentColor; } label.separator { color: #FFFFFF; } label selection { background-color: #338DD6; color: #FFFFFF; } label:disabled { color: rgba(255, 255, 255, 0.5); } tab label:disabled, button label:disabled { color: inherit; } .dim-label, label.separator, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, .budgie-notification .notification-body, .budgie-switcher .notification-body { opacity: 0.6; } assistant .sidebar { padding: 4px 0; } assistant .sidebar label { min-height: 32px; padding: 0 12px; color: rgba(255, 255, 255, 0.5); font-weight: 500; } assistant .sidebar label.highlight { color: #FFFFFF; } popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .app-notification, .osd .scale-popup, .nautilus-window .floating-bar, .osd { opacity: 0.9; } /********************* * Spinner Animation * *********************/ @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } spinner:checked { opacity: 1; animation: spin 1s linear infinite; } spinner:checked:disabled { opacity: 0.5; } /**************** * Text Entries * ****************/ spinbutton:not(.vertical), entry { min-height: 32px; padding: 0 8px; border-radius: 2px; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #303030; color: #FFFFFF; } spinbutton:focus:not(.vertical), entry:focus { border-image: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } spinbutton:disabled:not(.vertical), entry:disabled { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #292929; color: rgba(255, 255, 255, 0.5); } spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) entry:not(.search), notebook > stack:not(:only-child) spinbutton:not(.vertical), messagedialog entry, colorchooser .popover.osd spinbutton:not(.vertical), layoutpane entry.search, editortweak entry.search, .raven .raven-background spinbutton:not(.vertical), #login_window entry, entry.flat { border-radius: 0; transition: all 270ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); background-color: transparent; color: #FFFFFF; } spinbutton.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry:focus:not(.search), notebook > stack:not(:only-child) spinbutton:focus:not(.vertical), messagedialog entry:focus, colorchooser .popover.osd spinbutton:focus:not(.vertical), layoutpane entry.search:focus, editortweak entry.search:focus, .raven .raven-background spinbutton:focus:not(.vertical), #login_window entry:focus, entry.flat:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } spinbutton.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry:disabled:not(.search), notebook > stack:not(:only-child) spinbutton:disabled:not(.vertical), messagedialog entry:disabled, colorchooser .popover.osd spinbutton:disabled:not(.vertical), layoutpane entry.search:disabled, editortweak entry.search:disabled, .raven .raven-background spinbutton:disabled:not(.vertical), #login_window entry:disabled, entry.flat:disabled { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); background-color: transparent; color: rgba(255, 255, 255, 0.5); } spinbutton:not(.vertical) image, entry image { color: rgba(255, 255, 255, 0.7); } spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active, entry image:hover, entry image:active { color: #FFFFFF; } spinbutton:not(.vertical) image:disabled, entry image:disabled { color: rgba(255, 255, 255, 0.5); } spinbutton:not(.vertical) image.left, entry image.left { margin-left: 0px; margin-right: 6px; } spinbutton:not(.vertical) image.right, entry image.right { margin-left: 6px; margin-right: 0px; } spinbutton:not(.vertical) undershoot.left, entry undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: left top; } spinbutton:not(.vertical) undershoot.right, entry undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: right top; } spinbutton.error:not(.vertical), entry.error { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #DD2C00; color: #FFFFFF; } spinbutton.error:focus:not(.vertical), entry.error:focus { border-image: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } spinbutton.error:disabled:not(.vertical), entry.error:disabled { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #292929; color: rgba(255, 255, 255, 0.5); } spinbutton.error.flat:not(.vertical), notebook > stack:not(:only-child) entry.error:not(.search), notebook > stack:not(:only-child) spinbutton.error:not(.vertical), messagedialog entry.error, colorchooser .popover.osd spinbutton.error:not(.vertical), layoutpane entry.error.search, editortweak entry.error.search, .raven .raven-background spinbutton.error:not(.vertical), #login_window entry.error, entry.error.flat { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 0%, transparent 0%) 0 0 0/0 0 0px; box-shadow: inset 0 -1px #DD2C00; background-color: transparent; color: #FFFFFF; } spinbutton.error.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.error:focus:not(.search), notebook > stack:not(:only-child) spinbutton.error:focus:not(.vertical), messagedialog entry.error:focus, colorchooser .popover.osd spinbutton.error:focus:not(.vertical), layoutpane entry.error.search:focus, editortweak entry.error.search:focus, .raven .raven-background spinbutton.error:focus:not(.vertical), #login_window entry.error:focus, entry.error.flat:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 100%, transparent 0%) 0 0 2/0 0 2px; box-shadow: inset 0 -1px #DD2C00; } spinbutton.error.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.error:disabled:not(.search), notebook > stack:not(:only-child) spinbutton.error:disabled:not(.vertical), messagedialog entry.error:disabled, colorchooser .popover.osd spinbutton.error:disabled:not(.vertical), layoutpane entry.error.search:disabled, editortweak entry.error.search:disabled, .raven .raven-background spinbutton.error:disabled:not(.vertical), #login_window entry.error:disabled, entry.error.flat:disabled { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); background-color: transparent; color: rgba(255, 255, 255, 0.5); } spinbutton.error:not(.vertical) image, entry.error image { color: rgba(255, 255, 255, 0.7); } spinbutton.error:not(.vertical) image:hover, spinbutton.error:not(.vertical) image:active, entry.error image:hover, entry.error image:active { color: #FFFFFF; } spinbutton.error:not(.vertical) image:disabled, entry.error image:disabled { color: rgba(255, 255, 255, 0.5); } spinbutton.warning:not(.vertical), entry.warning { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FF6D00; color: #FFFFFF; } spinbutton.warning:focus:not(.vertical), entry.warning:focus { border-image: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } spinbutton.warning:disabled:not(.vertical), entry.warning:disabled { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #292929; color: rgba(255, 255, 255, 0.5); } spinbutton.warning.flat:not(.vertical), notebook > stack:not(:only-child) entry.warning:not(.search), notebook > stack:not(:only-child) spinbutton.warning:not(.vertical), messagedialog entry.warning, colorchooser .popover.osd spinbutton.warning:not(.vertical), layoutpane entry.warning.search, editortweak entry.warning.search, .raven .raven-background spinbutton.warning:not(.vertical), #login_window entry.warning, entry.warning.flat { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 0%, transparent 0%) 0 0 0/0 0 0px; box-shadow: inset 0 -1px #FF6D00; background-color: transparent; color: #FFFFFF; } spinbutton.warning.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.warning:focus:not(.search), notebook > stack:not(:only-child) spinbutton.warning:focus:not(.vertical), messagedialog entry.warning:focus, colorchooser .popover.osd spinbutton.warning:focus:not(.vertical), layoutpane entry.warning.search:focus, editortweak entry.warning.search:focus, .raven .raven-background spinbutton.warning:focus:not(.vertical), #login_window entry.warning:focus, entry.warning.flat:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 100%, transparent 0%) 0 0 2/0 0 2px; box-shadow: inset 0 -1px #FF6D00; } spinbutton.warning.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.warning:disabled:not(.search), notebook > stack:not(:only-child) spinbutton.warning:disabled:not(.vertical), messagedialog entry.warning:disabled, colorchooser .popover.osd spinbutton.warning:disabled:not(.vertical), layoutpane entry.warning.search:disabled, editortweak entry.warning.search:disabled, .raven .raven-background spinbutton.warning:disabled:not(.vertical), #login_window entry.warning:disabled, entry.warning.flat:disabled { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); background-color: transparent; color: rgba(255, 255, 255, 0.5); } spinbutton.warning:not(.vertical) image, entry.warning image { color: rgba(255, 255, 255, 0.7); } spinbutton.warning:not(.vertical) image:hover, spinbutton.warning:not(.vertical) image:active, entry.warning image:hover, entry.warning image:active { color: #FFFFFF; } spinbutton.warning:not(.vertical) image:disabled, entry.warning image:disabled { color: rgba(255, 255, 255, 0.5); } spinbutton:not(.vertical) progress, entry progress { margin: 2px -6px; border-bottom: 2px solid #338DD6; background-color: transparent; } .linked:not(.vertical) > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) .linked:not(.vertical) > entry:not(.search), notebook > stack:not(:only-child) .linked:not(.vertical) > spinbutton:not(.vertical), messagedialog .linked:not(.vertical) > entry, colorchooser .popover.osd .linked:not(.vertical) > spinbutton:not(.vertical), layoutpane .linked:not(.vertical) > entry.search, editortweak .linked:not(.vertical) > entry.search, .raven .raven-background .linked:not(.vertical) > spinbutton:not(.vertical), #login_window .linked:not(.vertical) > entry, .linked.vertical > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) .linked.vertical > entry:not(.search), notebook > stack:not(:only-child) .linked.vertical > spinbutton:not(.vertical), messagedialog .linked.vertical > entry, colorchooser .popover.osd .linked.vertical > spinbutton:not(.vertical), layoutpane .linked.vertical > entry.search, editortweak .linked.vertical > entry.search, .raven .raven-background .linked.vertical > spinbutton:not(.vertical), #login_window .linked.vertical > entry, .linked:not(.vertical) > entry.flat, .linked.vertical > entry.flat { border-radius: 0; } treeview entry.flat, treeview entry { min-height: 0; padding: 2px; border-radius: 0; background-color: #303030; } treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus { border-image: none; box-shadow: none; } .entry-tag, .documents-entry-tag, .photos-entry-tag { margin: 4px; border-radius: 9999px; box-shadow: none; background-color: #338DD6; color: #FFFFFF; } .entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } :dir(ltr) .entry-tag, :dir(ltr) .documents-entry-tag, :dir(ltr) .photos-entry-tag { margin-left: 8px; margin-right: -4px; padding-left: 8px; padding-right: 4px; } :dir(rtl) .entry-tag, :dir(rtl) .documents-entry-tag, :dir(rtl) .photos-entry-tag { margin-left: -4px; margin-right: 8px; padding-left: 4px; padding-right: 8px; } .entry-tag.button, .button.documents-entry-tag, .button.photos-entry-tag { box-shadow: none; background-color: transparent; } .entry-tag.button:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active) { color: rgba(255, 255, 255, 0.7); } /*********** * Buttons * ***********/ @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#009688), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#009688), to(transparent)); } } button { min-height: 24px; min-width: 16px; padding: 4px 8px; border-radius: 2px; font-weight: 500; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1), background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 9999px transparent; background-color: #424242; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; color: rgba(255, 255, 255, 0.8); } button:hover { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px transparent; color: #FFFFFF; } button:active { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px alpha(currentColor, 0.15); background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%); background-size: 0% 0%; color: #FFFFFF; } button:disabled { box-shadow: none; background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.3); } button:checked { background-color: #338DD6; color: #FFFFFF; } button:checked:disabled { background-color: rgba(51, 141, 214, 0.3); color: rgba(51, 141, 214, 0.5); } modelbutton.flat, .menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button, popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check, radio, calendar.button, messagedialog.csd .dialog-action-area button, button.sidebar-button, .gedit-search-slider button, #mate-menu button, .budgie-settings-window buttonbox.inline-toolbar button, .raven .raven-header:not(.top) button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, .lightdm-gtk-greeter button, :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) .path-bar button, layouttabbar button, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, toolbar button, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), headerbar button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button, button.flat { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 9999px transparent; background-color: transparent; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; color: rgba(255, 255, 255, 0.7); } modelbutton.flat:hover, .menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background.menu button:hover, popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover, radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button:hover, button.sidebar-button:hover, .gedit-search-slider button:hover, #mate-menu button:hover, .budgie-settings-window buttonbox.inline-toolbar button:hover, .raven .raven-header:not(.top) button:hover, .drop-shadow button:hover, .budgie-session-dialog .linked.horizontal > button:hover, .lightdm-gtk-greeter button:hover, :not(headerbar) .caja-pathbar button:hover, .caja-pathbar :not(headerbar) button:hover, :not(headerbar) .path-bar button:hover, layouttabbar button:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, toolbar button:hover, .titlebar:not(headerbar) button:hover:not(.suggested-action):not(.destructive-action), headerbar button:hover:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:hover, button.flat:hover { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15); color: #FFFFFF; } modelbutton.flat:active, .menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background.menu button:active, popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active, radio:active, calendar.button:active, messagedialog.csd .dialog-action-area button:active, button.sidebar-button:active, .gedit-search-slider button:active, #mate-menu button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, .raven .raven-header:not(.top) button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, .lightdm-gtk-greeter button:active, :not(headerbar) .caja-pathbar button:active, .caja-pathbar :not(headerbar) button:active, :not(headerbar) .path-bar button:active, layouttabbar button:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, toolbar button:active, .titlebar:not(headerbar) button:active:not(.suggested-action):not(.destructive-action), headerbar button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:active, button.flat:active { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15); background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%); background-size: 0% 0%; color: #FFFFFF; } modelbutton.flat:disabled, .menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background.menu button:disabled, popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled, radio:disabled, calendar.button:disabled, messagedialog.csd .dialog-action-area button:disabled, button.sidebar-button:disabled, .gedit-search-slider button:disabled, #mate-menu button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, .raven .raven-header:not(.top) button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, .lightdm-gtk-greeter button:disabled, :not(headerbar) .caja-pathbar button:disabled, .caja-pathbar :not(headerbar) button:disabled, :not(headerbar) .path-bar button:disabled, layouttabbar button:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, toolbar button:disabled, .titlebar:not(headerbar) button:disabled:not(.suggested-action):not(.destructive-action), headerbar button:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:disabled, button.flat:disabled { box-shadow: none; background-color: transparent; color: rgba(255, 255, 255, 0.3); } :not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .path-bar button:checked, layouttabbar button:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, toolbar button:checked, .titlebar:not(headerbar) button:checked:not(.suggested-action):not(.destructive-action), headerbar button:checked:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked, button.flat:checked { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } :not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar) .path-bar button:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, toolbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled:not(.suggested-action):not(.destructive-action), headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked:disabled, button.flat:checked:disabled { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } button.text-button { padding-left: 16px; padding-right: 16px; } button.image-button { min-width: 24px; padding: 4px; } button.text-button.image-button { border-radius: 2px; -gtk-outline-radius: 2px; } button.text-button.image-button label:first-child { margin-left: 12px; } button.text-button.image-button label:last-child { margin-right: 12px; } button.text-button.image-button image:not(:only-child) { margin: 0 4px; } toolbar .linked > button, .titlebar:not(headerbar) .linked > button:not(.suggested-action):not(.destructive-action), headerbar .linked > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button, toolbar .linked.vertical > button, .titlebar:not(headerbar) .linked.vertical > button:not(.suggested-action):not(.destructive-action), headerbar .linked.vertical > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked.vertical > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked.vertical > button, .linked > button.flat, .linked.vertical > button.flat { border-radius: 2px; } toolbar .linked > button.text-button.image-button, .titlebar:not(headerbar) .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action), headerbar .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.text-button.image-button, toolbar .linked.vertical > button.text-button.image-button, .titlebar:not(headerbar) .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action), headerbar .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked.vertical > button.text-button.image-button, .linked > button.flat.text-button.image-button, .linked.vertical > button.flat.text-button.image-button { border-radius: 2px; -gtk-outline-radius: 2px; } infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, row:selected button:disabled { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.3); } row:selected button.sidebar-button, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, .raven-mpris button.image-button, row:selected button.flat { color: rgba(255, 255, 255, 0.7); } row:selected button.sidebar-button:hover, infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, .raven-mpris button.image-button:hover, row:selected button.sidebar-button:active, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .raven-mpris button.image-button:active, row:selected button.flat:hover, row:selected button.flat:active { color: #FFFFFF; } row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .raven-mpris button.image-button:disabled, row:selected button.flat:disabled { color: rgba(255, 255, 255, 0.3); } row:selected button.sidebar-button:checked, infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .raven-mpris button.image-button:checked, row:selected button.flat:checked { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } row:selected button.sidebar-button:checked:disabled, infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .raven-mpris button.image-button:checked:disabled, row:selected button.flat:checked:disabled { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } button.osd { padding: 10px 14px; } button.osd.image-button { padding: 10px; } button.osd:disabled { opacity: 0; } button.suggested-action { background-color: #009688; color: #FFFFFF; } button.suggested-action:disabled { box-shadow: none; background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } button.suggested-action:checked { background-color: #4db6ac; } button.suggested-action.flat { background-color: transparent; color: #009688; } button.suggested-action.flat:disabled { box-shadow: none; background-color: transparent; color: rgba(255, 255, 255, 0.5); } button.suggested-action.flat:checked { background-color: rgba(0, 150, 136, 0.3); } button.destructive-action { background-color: #FF5252; color: #FFFFFF; } button.destructive-action:disabled { box-shadow: none; background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } button.destructive-action:checked { background-color: #ff8686; } button.destructive-action.flat { background-color: transparent; color: #FF5252; } button.destructive-action.flat:disabled { box-shadow: none; background-color: transparent; color: rgba(255, 255, 255, 0.5); } button.destructive-action.flat:checked { background-color: rgba(255, 82, 82, 0.3); } .stack-switcher > button { outline-offset: -4px; } .stack-switcher > button > label { padding-left: 6px; padding-right: 6px; } .stack-switcher > button > image { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } .stack-switcher > button.text-button { padding-left: 10px; padding-right: 10px; } .stack-switcher > button.image-button { padding-left: 2px; padding-right: 2px; } .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { animation: none; background-image: none; } .primary-toolbar button { -gtk-icon-shadow: none; } button.image-button, toolbar .linked > button.image-button, .titlebar:not(headerbar) .linked > button.image-button:not(.suggested-action):not(.destructive-action), headerbar .linked > button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.image-button, toolbar .linked.vertical > button.image-button, headerbar .linked.vertical > button.image-button:not(.suggested-action):not(.destructive-action), .app-notification .linked.vertical > button.image-button, .linked > button.flat.image-button, .linked.vertical > button.flat.image-button, .inline-toolbar button:not(.text-button), check, radio, button.titlebutton, .nautilus-window headerbar > revealer > button, .raven .raven-header:not(.top) button.image-button, .raven .expander-button, button.close, button.circular { border-radius: 9999px; -gtk-outline-radius: 9999px; } spinbutton:not(.vertical) button, notebook > header tab button.flat, button.sidebar-button, .nautilus-window .floating-bar button, .gedit-document-panel row button.flat, .gedit-search-slider button:dir(ltr), .gedit-search-slider button:dir(rtl), .pluma-window paned.horizontal box.vertical box.horizontal button.flat { min-height: 20px; min-width: 20px; padding: 0; border-radius: 9999px; -gtk-outline-radius: 9999px; } .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label { animation: needs_attention 270ms cubic-bezier(0, 0, 0.2, 1) forwards; background-repeat: no-repeat; background-position: right 3px; background-size: 6px 6px; } .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) { background-position: left 3px; } .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked > button, .linked:not(.vertical) > combobox > box > button.combo { border-radius: 0; -gtk-outline-radius: 2px; } .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .linked > button:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .linked > button:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo { border-radius: 2px; } .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button, .linked.vertical > combobox > box > button.combo { border-radius: 0; -gtk-outline-radius: 2px; } .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo { border-top-left-radius: 2px; border-top-right-radius: 2px; } .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo { border-radius: 2px; } /* menu buttons */ modelbutton.flat, .menuitem.button.flat { min-height: 28px; padding: 0 8px; border-radius: 2px; color: inherit; } modelbutton.flat arrow { background: none; } modelbutton.flat arrow:hover { background: none; } modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } button.color { min-height: 20px; min-width: 20px; padding: 6px; } /********* * Links * *********/ *:link, button:link, button:visited, *:link:hover, button:hover:link, button:hover:visited, *:link:active, button:active:link, button:active:visited { color: #338DD6; } *:link:visited, button:visited, *:link:visited:hover, button:visited:hover, *:link:visited:active, button:visited:active { color: #E040FB; } infobar.info *:link, infobar.info button:link, infobar.info button:visited, infobar.question *:link, infobar.question button:link, infobar.question button:visited, infobar.warning *:link, infobar.warning button:link, infobar.warning button:visited, infobar.error *:link, infobar.error button:link, infobar.error button:visited, *:link:selected, button:selected:link, button:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:link, headerbar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited { color: #FFFFFF; } button:link > label, button:visited > label { text-decoration-line: underline; } /***************** * GtkSpinButton * *****************/ spinbutton:not(.vertical) { padding: 0; } notebook > stack:not(:only-child) spinbutton:not(.vertical) entry, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:focus, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:disabled, spinbutton:not(.vertical) entry { min-width: 28px; margin: 0; border-image: none; border-radius: 0; box-shadow: none; background-color: transparent; } spinbutton:not(.vertical) button { border: solid 6px transparent; } spinbutton:not(.vertical) button.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:disabled { color: rgba(255, 255, 255, 0.5); } spinbutton.vertical:drop(active) { box-shadow: none; } spinbutton.vertical entry { min-height: 32px; min-width: 44px; padding: 0; } spinbutton.vertical button { min-height: 32px; min-width: 44px; padding: 0; } spinbutton.vertical button.up { border-radius: 2px 2px 0 0; } spinbutton.vertical button.down { border-radius: 0 0 2px 2px; } treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; } treeview spinbutton:not(.vertical) entry { min-height: 0; padding: 1px 2px; } /************** * ComboBoxes * **************/ combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } combobox decoration, combobox button.combo:checked { transition: none; } combobox button.combo cellview:dir(ltr) { margin-left: 0px; } combobox button.combo cellview:dir(rtl) { margin-right: 0px; } combobox #gtk-combobox-popup-menu { padding: 2px 0; } combobox #gtk-combobox-popup-menu menuitem { min-height: 28px; padding: 0 8px; } combobox #gtk-combobox-popup-menu > arrow.top { margin-top: -2px; } combobox #gtk-combobox-popup-menu > arrow.bottom { margin-bottom: -6px; } combobox:drop(active) { box-shadow: none; } notebook > stack:not(:only-child) button.combo, .raven .raven-background button.combo, #login_window #user_combobox button { border-radius: 0; background-image: none; font-weight: inherit; transition: all 270ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); background-color: transparent; color: #FFFFFF; } notebook > stack:not(:only-child) button.combo:hover, .raven .raven-background button.combo:hover, #login_window #user_combobox button:hover { box-shadow: inset 0 -2px rgba(255, 255, 255, 0.5); } notebook > stack:not(:only-child) button.combo:checked, .raven .raven-background button.combo:checked, #login_window #user_combobox button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px; } notebook > stack:not(:only-child) button.combo:disabled, .raven .raven-background button.combo:disabled, #login_window #user_combobox button:disabled { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } /************ * Toolbars * ************/ toolbar { -GtkWidget-window-dragging: true; padding: 2px; background-color: #212121; } .osd toolbar { background-color: transparent; } toolbar.osd, .app-notification, frame.documents-dropdown { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); padding: 6px; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1); background-color: #303030; } toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.1); } toolbar.osd.left, .left.app-notification, frame.left.documents-dropdown, toolbar.osd.right, .right.app-notification, frame.right.documents-dropdown, toolbar.osd.top, .top.app-notification, frame.top.documents-dropdown, toolbar.osd.bottom, .bottom.app-notification, frame.bottom.documents-dropdown { border-radius: 0; } toolbar.horizontal > separator { margin: 2px; } toolbar.vertical > separator { margin: 2px; } toolbar:not(.inline-toolbar):not(.osd) scale, toolbar:not(.inline-toolbar):not(.osd) entry, toolbar:not(.inline-toolbar):not(.osd) spinbutton, toolbar:not(.inline-toolbar):not(.osd) button { margin: 2px; } toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child), toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child), toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) { margin-left: 0; } toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child), toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child), toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) { margin-right: 0; } toolbar:not(.inline-toolbar):not(.osd) spinbutton entry, toolbar:not(.inline-toolbar):not(.osd) spinbutton button { margin: 0; } toolbar:not(.inline-toolbar):not(.osd) switch { margin: 8px 2px; } .inline-toolbar { padding: 6px; border-style: solid; border-width: 0 1px 1px; border-color: rgba(0, 0, 0, 0.26); background-color: #292929; } searchbar > revealer > box, .location-bar { padding: 6px; border-style: solid; border-width: 0 0 1px; border-color: rgba(0, 0, 0, 0.26); background-color: #212121; background-clip: border-box; } searchbar > revealer > box { margin: -6px; padding: 6px; } /*************** * Header bars * ***************/ .titlebar:not(headerbar), headerbar { transition: background-color 180ms cubic-bezier(0, 0, 0.2, 1), color 270ms cubic-bezier(0, 0, 0.2, 1); min-height: 44px; padding: 0 6px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.1); background-color: #303030; color: #FFFFFF; } .titlebar:disabled:not(headerbar) :not(button) > label, headerbar:disabled :not(button) > label { color: rgba(255, 255, 255, 0.5); } .titlebar:backdrop:not(headerbar), headerbar:backdrop { color: rgba(255, 255, 255, 0.7); } .titlebar:backdrop:disabled:not(headerbar) :not(button) > label, headerbar:backdrop:disabled :not(button) > label { color: rgba(255, 255, 255, 0.3); } .titlebar:not(headerbar) .title, headerbar .title { padding: 0 12px; font-weight: bold; } .titlebar:not(headerbar) .subtitle, headerbar .subtitle { padding: 0 12px; font-size: smaller; } .titlebar:not(headerbar) .linked:not(.vertical) > entry:not(.flat), headerbar .linked:not(.vertical) > entry:not(.flat) { border-radius: 2px; } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), headerbar button:not(.suggested-action):not(.destructive-action) { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px; color: rgba(255, 255, 255, 0.7); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active, headerbar button:not(.suggested-action):not(.destructive-action):hover, headerbar button:not(.suggested-action):not(.destructive-action):active { color: #FFFFFF; } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled, headerbar button:not(.suggested-action):not(.destructive-action):disabled { color: rgba(255, 255, 255, 0.3); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, headerbar 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: #FFFFFF; } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled { color: rgba(255, 255, 255, 0.5); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, headerbar button:not(.suggested-action):not(.destructive-action):checked, headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled { background-color: transparent; } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop, headerbar button:not(.suggested-action):not(.destructive-action):backdrop { color: rgba(255, 255, 255, 0.5); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:active, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:hover, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:active { color: rgba(255, 255, 255, 0.7); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:disabled { color: rgba(255, 255, 255, 0.3); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked { color: rgba(255, 255, 255, 0.7); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { color: rgba(255, 255, 255, 0.3); } .titlebar:not(headerbar) button.suggested-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled, headerbar button.suggested-action:disabled, headerbar button.destructive-action:disabled { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } .selection-mode.titlebar:not(headerbar), headerbar.selection-mode { transition: background-color 0.00001s 270ms, color 270ms cubic-bezier(0, 0, 0.2, 1); animation: header_ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.2); background-color: #338DD6; color: #FFFFFF; } .selection-mode.titlebar:backdrop:not(headerbar), headerbar.selection-mode:backdrop { color: rgba(255, 255, 255, 0.7); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), headerbar.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: #FFFFFF; } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled { color: rgba(255, 255, 255, 0.5); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, headerbar.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: #FFFFFF; } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled { color: rgba(255, 255, 255, 0.5); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop { color: rgba(255, 255, 255, 0.7); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled { color: rgba(255, 255, 255, 0.3); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked { color: rgba(255, 255, 255, 0.7); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { color: rgba(255, 255, 255, 0.3); } .selection-mode.titlebar:not(headerbar) .selection-menu, headerbar.selection-mode .selection-menu { padding-left: 16px; padding-right: 16px; } .selection-mode.titlebar:not(headerbar) .selection-menu arrow, headerbar.selection-mode .selection-menu arrow { -GtkArrow-arrow-scaling: 1; } .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } .tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 20px; padding: 6px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } .tiled .default-decoration.titlebar:not(headerbar), .maximized .default-decoration.titlebar:not(headerbar), .fullscreen .default-decoration.titlebar:not(headerbar), .tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { box-shadow: none; } .default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { min-height: 20px; min-width: 20px; margin: 0; padding: 0; } .background:not(.csd) .default-decoration.titlebar:not(headerbar) button.titlebutton:active, .background:not(.csd) headerbar.default-decoration button.titlebutton:active { background-size: 1000% 1000%; } headerbar entry, headerbar spinbutton, headerbar button { margin-top: 6px; margin-bottom: 6px; } headerbar switch { margin-top: 10px; margin-bottom: 10px; } headerbar spinbutton button { margin-top: 0; margin-bottom: 0; } .background .titlebar { border-top-left-radius: 2px; border-top-right-radius: 2px; } .background.tiled .titlebar, .background.tiled-top .titlebar, .background.tiled-right .titlebar, .background.tiled-bottom .titlebar, .background.tiled-left .titlebar, .background.maximized .titlebar, .background.solid-csd .titlebar { border-top-left-radius: 0; border-top-right-radius: 0; } window separator:first-child + headerbar, window headerbar:first-child { border-top-left-radius: 2px; } window headerbar:last-child { border-top-right-radius: 2px; } window stack headerbar:first-child, window stack headerbar:last-child { border-top-left-radius: 2px; border-top-right-radius: 2px; } window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child { border-top-left-radius: 0; border-top-right-radius: 0; } window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; box-shadow: none; } .titlebar:not(headerbar) > separator { background-color: #303030; background-image: image(rgba(0, 0, 0, 0.26)); } /************ * Pathbars * ************/ .caja-pathbar button, .path-bar button { padding-left: 4px; padding-right: 4px; } .caja-pathbar button label:not(:only-child):first-child, .path-bar button label:not(:only-child):first-child { margin-left: 4px; } .caja-pathbar button label:not(:only-child):last-child, .path-bar button label:not(:only-child):last-child { margin-right: 4px; } .caja-pathbar button.slider-button, .path-bar button.slider-button { padding-left: 4px; padding-right: 4px; } :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) .path-bar button { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px; border-radius: 2px; } :not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .path-bar button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px; } :not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar) .path-bar button:checked, :not(headerbar) .path-bar button:checked:disabled { background-color: transparent; } /************** * Tree Views * **************/ treeview.view { border-left-color: rgba(255, 255, 255, 0.3); border-top-color: rgba(0, 0, 0, 0.26); } * { -GtkTreeView-horizontal-separator: 4; -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; } treeview.view:selected { border-left-color: rgba(255, 255, 255, 0.3); } treeview.view:hover, treeview.view:active, treeview.view:selected { border-radius: 0; } treeview.view.separator { min-height: 5px; color: rgba(0, 0, 0, 0.26); } treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #009688; } treeview.view:drop(active).after { border-top-style: none; } treeview.view:drop(active).before { border-bottom-style: none; } treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -gtk-icon-transform: rotate(-90deg); color: rgba(255, 255, 255, 0.7); } treeview.view.expander:dir(rtl) { -gtk-icon-transform: rotate(90deg); } treeview.view.expander:checked { -gtk-icon-transform: unset; } treeview.view.expander:hover, treeview.view.expander:active { color: #FFFFFF; } treeview.view.expander:disabled { color: rgba(255, 255, 255, 0.3); } treeview.view.expander:selected { color: rgba(255, 255, 255, 0.7); } treeview.view.expander:selected:hover, treeview.view.expander:selected:active { color: #FFFFFF; } treeview.view.expander:selected:disabled { color: rgba(255, 255, 255, 0.3); } treeview.view.progressbar { border-bottom: 4px solid #338DD6; box-shadow: none; background-color: transparent; } treeview.view.progressbar:selected { border-bottom-color: #FFFFFF; } treeview.view.trough { border-bottom: 4px solid rgba(51, 141, 214, 0.3); box-shadow: none; background-color: transparent; } treeview.view.trough:selected { border-bottom-color: rgba(255, 255, 255, 0.3); } treeview.view header button { padding: 2px 6px; border-style: none solid solid none; border-width: 1px; border-color: rgba(0, 0, 0, 0.26); border-radius: 0; background-clip: border-box; } treeview.view header button, treeview.view header button:hover, treeview.view header button:active { box-shadow: none; } treeview.view header button, treeview.view header button:disabled { background-color: #303030; } 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(0, 0, 0, 0.26); border-radius: 0; box-shadow: none; background-color: #303030; background-clip: border-box; color: #338DD6; } treeview.view acceleditor > label { background-color: #338DD6; } /********* * Menus * *********/ menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0; background-color: #303030; } menubar > menuitem, .menubar > menuitem { transition: all 180ms 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); } menubar > menuitem label:disabled, .menubar > menuitem label:disabled { color: inherit; } .csd.popup { background-color: transparent; } menu, .menu, .context-menu { margin: 4px 0; padding: 4px 0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); background-color: #303030; border: 1px solid rgba(0, 0, 0, 0.26); } .csd menu, .csd .menu, .csd .context-menu { border: none; border-radius: 2px; } menu menuitem, .menu menuitem, .context-menu menuitem { transition: background-color 180ms cubic-bezier(0, 0, 0.2, 1); min-height: 20px; min-width: 40px; padding: 4px 8px; font: initial; text-shadow: none; } menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { transition: none; background-color: rgba(255, 255, 255, 0.12); } menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: rgba(255, 255, 255, 0.5); } menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; min-width: 16px; } menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 8px; } menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 8px; } menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { color: inherit; } menu > arrow, .menu > arrow, .context-menu > arrow { min-height: 16px; min-width: 16px; padding: 4px; background-color: #303030; color: rgba(255, 255, 255, 0.7); } menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -4px; border-bottom: 1px solid rgba(0, 0, 0, 0.26); border-radius: 2px 2px 0 0; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-bottom: -12px; border-top: 1px solid rgba(0, 0, 0, 0.26); border-radius: 0 0 2px 2px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-image: image(rgba(255, 255, 255, 0.12)); color: #FFFFFF; } 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(255, 255, 255, 0.7); } .popup:not(.csd) menu menuitem { color: #FFFFFF; } .popup:not(.csd) menu menuitem:hover { background-color: #494949; } .popup:not(.csd) menu menuitem:disabled { color: #989898; } .popup:not(.csd) menu accelerator { color: #c1c1c1; } /************ * Popovers * ************/ popover.background { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); padding: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); background-color: #424242; } popover.background:backdrop { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } 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: 3px; } 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: 2px; } popover.background separator { margin: 4px 0; } popover.background list separator { margin: 0; } /************* * Notebooks * *************/ notebook > header { border-width: 1px; border-color: rgba(0, 0, 0, 0.26); background-color: #212121; background-clip: border-box; } notebook > header.top { border-bottom-style: solid; } notebook > header.top > tabs { margin-bottom: -1px; } notebook > header.top > tabs > tab:hover { box-shadow: inset 0 -2px rgba(255, 255, 255, 0.3); } notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -2px #338DD6; } notebook > header.bottom { border-top-style: solid; } notebook > header.bottom > tabs { margin-top: -1px; } notebook > header.bottom > tabs > tab:hover { box-shadow: inset 0 2px rgba(255, 255, 255, 0.3); } notebook > header.bottom > tabs > tab:checked { box-shadow: inset 0 2px #338DD6; } notebook > header.left { border-right-style: solid; } notebook > header.left > tabs { margin-right: -1px; } notebook > header.left > tabs > tab:hover { box-shadow: inset -2px 0 rgba(255, 255, 255, 0.3); } notebook > header.left > tabs > tab:checked { box-shadow: inset -2px 0 #338DD6; } notebook > header.right { border-left-style: solid; } notebook > header.right > tabs { margin-left: -1px; } notebook > header.right > tabs > tab:hover { box-shadow: inset 2px 0 rgba(255, 255, 255, 0.3); } notebook > header.right > tabs > tab:checked { box-shadow: inset 2px 0 #338DD6; } notebook > header.top > tabs > arrow { border-top-style: none; } notebook > header.bottom > tabs > arrow { border-bottom-style: none; } notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { padding-left: 4px; padding-right: 4px; } notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { margin-left: -8px; -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { margin-right: -8px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } notebook > header.left > tabs > arrow { border-left-style: none; } notebook > header.right > tabs > arrow { border-right-style: none; } notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { padding-top: 4px; padding-bottom: 4px; } notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { margin-top: -8px; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { margin-bottom: -8px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; } notebook > header tab { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; min-height: 20px; min-width: 20px; padding: 6px 12px; outline-offset: -6px; border-width: 1px; border-color: transparent; background-image: radial-gradient(circle farthest-corner at center, #338DD6 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; color: rgba(255, 255, 255, 0.7); font-weight: 500; } notebook > header tab:hover { color: #FFFFFF; } notebook > header tab:hover.reorderable-page { border-color: rgba(0, 0, 0, 0.26); background-color: #292929; } notebook > header tab:disabled { color: rgba(255, 255, 255, 0.3); } notebook > header tab:checked { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 270ms cubic-bezier(0, 0, 0.2, 1), background-image 720ms cubic-bezier(0, 0, 0.2, 1); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-size: 1000% 1000%; color: #FFFFFF; } notebook > header tab:checked:disabled { color: rgba(255, 255, 255, 0.5); } notebook > header tab:checked.reorderable-page { border-color: rgba(0, 0, 0, 0.26); background-color: #303030; } notebook > header tab button.flat:last-child { margin-left: 6px; margin-right: -6px; } notebook > header tab button.flat:first-child { margin-left: -6px; margin-right: 6px; } notebook > header.top tabs, notebook > header.bottom tabs { padding-left: 8px; padding-right: 8px; } notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { margin-left: 0; } notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { margin-right: 0; } notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { margin: 0 -1px; border-style: none solid; } notebook > header.left tabs, notebook > header.right tabs { padding-top: 8px; padding-bottom: 8px; } notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { margin-top: 0; } notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { margin-bottom: 0; } notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { margin: -1px 0; border-style: solid none; } notebook > stack:not(:only-child) { background-color: #303030; } /************** * Scrollbars * **************/ scrollbar { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); background-color: #303030; background-clip: border-box; } * { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; } scrollbar.top { border-bottom: 1px solid rgba(0, 0, 0, 0.26); } scrollbar.bottom { border-top: 1px solid rgba(0, 0, 0, 0.26); } scrollbar.left { border-right: 1px solid rgba(0, 0, 0, 0.26); } scrollbar.right { border-left: 1px solid rgba(0, 0, 0, 0.26); } scrollbar slider { transition: all 180ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0; min-width: 8px; min-height: 8px; border: 4px solid transparent; border-radius: 9999px; background-clip: padding-box; background-color: rgba(255, 255, 255, 0.5); } scrollbar slider:hover { background-color: rgba(255, 255, 255, 0.7); } scrollbar slider:active { background-color: #FFFFFF; } scrollbar slider:disabled { background-color: rgba(255, 255, 255, 0.3); } scrollbar.fine-tune slider { transition: all 180ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0; 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(.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(48, 48, 48, 0.3); } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 4px; min-height: 4px; margin: 3px; border: 1px solid rgba(48, 48, 48, 0.3); border-radius: 9999px; background-color: rgba(255, 255, 255, 0.5); background-clip: padding-box; -gtk-icon-source: none; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { background-color: rgba(255, 255, 255, 0.3); } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { min-width: 24px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { min-width: 8px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { min-height: 24px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { min-height: 8px; } scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { background-color: rgba(48, 48, 48, 0.9); } scrollbar.horizontal slider { min-width: 24px; } scrollbar.vertical slider { min-height: 24px; } scrollbar button { min-width: 16px; min-height: 16px; padding: 0; border-radius: 0; } scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } scrollbar.vertical button.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } scrollbar.horizontal button.down { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } /********** * Switch * **********/ switch { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); margin: 6px 0; padding: 0 2px; border: 5px solid transparent; border-radius: 9999px; background-color: rgba(255, 255, 255, 0.3); background-clip: padding-box; font-size: 0; } switch:disabled { background-color: rgba(255, 255, 255, 0.12); } switch:checked { background-color: rgba(0, 150, 136, 0.5); } switch:checked:disabled { background-color: rgba(0, 150, 136, 0.3); } switch slider { transition: all 180ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); min-width: 20px; min-height: 20px; margin: -3px -2px; border-radius: 9999px; outline-width: 0; outline-color: rgba(255, 255, 255, 0.12); outline-offset: 0; -gtk-outline-radius: 9999px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #424242; } switch:focus slider { outline-width: 14px; } switch:hover slider { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } switch:checked slider { background-color: #009688; outline-color: rgba(0, 150, 136, 0.2); } switch:disabled slider { background-color: #212121; } /************************* * Check and Radio items * *************************/ .view.content-view.check:not(list), .content-view .tile check:not(list) { min-height: 40px; min-width: 40px; margin: 0; padding: 0; box-shadow: none; background-color: transparent; background-image: none; -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .view.content-view.check:not(list):hover, .view.content-view.check:not(list):active, .content-view .tile check:not(list):hover, .content-view .tile check:not(list):active { -gtk-icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } .view.content-view.check:not(list), .content-view .tile check:not(list) { -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked-dark.png"), url("assets/selectionmode-checkbox-unchecked-dark@2.png")); } .view.content-view.check:not(list):checked, .content-view .tile check:not(list):checked { -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked-dark.png"), url("assets/selectionmode-checkbox-checked-dark@2.png")); } checkbutton.text-button, radiobutton.text-button { padding: 2px; outline-offset: 0; } checkbutton.text-button label:not(:only-child), radiobutton.text-button label:not(:only-child) { margin: 0 4px; } check, radio { min-height: 24px; min-width: 24px; margin: -8px; padding: 8px; } check:checked, check:indeterminate, radio:checked, radio:indeterminate { color: #009688; } check:checked:disabled, check:indeterminate:disabled, radio:checked:disabled, radio:indeterminate:disabled { color: rgba(0, 150, 136, 0.5); } row:selected check:not(:checked):not(:indeterminate), row:selected radio:not(:checked):not(:indeterminate) { color: rgba(255, 255, 255, 0.7); } row:selected check:not(:checked):not(:indeterminate):hover, row:selected check:not(:checked):not(:indeterminate):active, row:selected radio:not(:checked):not(:indeterminate):hover, row:selected radio:not(:checked):not(:indeterminate):active { color: #FFFFFF; } row:selected check:not(:checked):not(:indeterminate):disabled, row:selected radio:not(:checked):not(:indeterminate):disabled { color: rgba(255, 255, 255, 0.3); } popover check, popover check:hover, popover check:active, popover check:disabled, popover radio, popover radio:hover, popover radio:active, popover radio:disabled { box-shadow: none; background-image: none; } popover check:not(:checked):not(:indeterminate):not(:disabled), popover radio:not(:checked):not(:indeterminate):not(:disabled) { color: rgba(255, 255, 255, 0.7); } popover check.left:dir(rtl), popover radio.left:dir(rtl) { margin-left: -12px; margin-right: -4px; } popover check.right:dir(ltr), popover radio.right:dir(ltr) { margin-left: -4px; margin-right: -12px; } menu menuitem check, menu menuitem radio { transition: none; margin: 0; padding: 0; } menu menuitem check:dir(ltr), menu menuitem radio:dir(ltr) { margin-right: 8px; } menu menuitem check:dir(rtl), menu menuitem radio:dir(rtl) { margin-left: 8px; } menu menuitem check:not(:checked):not(:indeterminate):not(:disabled), menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled) { color: rgba(255, 255, 255, 0.7); } menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled { box-shadow: none; } check { -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg")); } check:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")); } check:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg")); } radio { -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg")); border-image-slice: 20; border-image-width: 20px; } radio:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg")); } radio { border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#009688), to(transparent)); } radio:checked:not(:indeterminate) { border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#009688), to(transparent)); } radio:checked:not(:indeterminate):disabled { border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(rgba(0, 150, 136, 0.5)), to(transparent)); } window.background:not(.csd) > widget > checkbutton > check, menu menuitem check { min-height: 16px; min-width: 16px; border-radius: 2px; -gtk-outline-radius: 2px; -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg")); } window.background:not(.csd) > widget > checkbutton > check:checked, menu menuitem check:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg")); } window.background:not(.csd) > widget > checkbutton > check:indeterminate, menu menuitem check:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg")); } window.background:not(.csd) > widget > radiobutton > radio, menu menuitem radio { min-height: 16px; min-width: 16px; border-image: none; -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg")); } window.background:not(.csd) > widget > radiobutton > radio:checked, menu menuitem radio:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg")); } window.background:not(.csd) > widget > radiobutton > radio:indeterminate, menu menuitem radio:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg")); } check:not(:checked):active { -gtk-icon-transform: rotate(90deg); } check:not(:checked):indeterminate:active, radio:not(:checked):indeterminate:active { -gtk-icon-transform: scaleX(-1); } check:not(:checked), radio:not(:checked) { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0; } check:not(:checked):active, radio:not(:checked):active { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0; } menu menuitem check:not(:checked), menu menuitem radio:not(:checked) { transition: none; } treeview.view check, treeview.view radio { padding: 0; } treeview.view check:hover, treeview.view radio:hover { box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05); } treeview.view check:hover:disabled, treeview.view radio:hover:disabled { box-shadow: none; } treeview.view check:hover:selected, treeview.view radio:hover:selected { box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05); } treeview.view check, treeview.view radio { color: rgba(255, 255, 255, 0.7); } treeview.view check:hover, treeview.view check:active, treeview.view radio:hover, treeview.view radio:active { color: #FFFFFF; } treeview.view check:disabled, treeview.view radio:disabled { color: rgba(255, 255, 255, 0.3); } treeview.view check:checked, treeview.view check:indeterminate, treeview.view radio:checked, treeview.view radio:indeterminate { color: #009688; } treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled, treeview.view radio:checked:disabled, treeview.view radio:indeterminate:disabled { color: rgba(0, 150, 136, 0.5); } treeview.view check:selected, treeview.view radio:selected { color: rgba(255, 255, 255, 0.7); } treeview.view check:selected:hover, treeview.view check:selected:active, treeview.view radio:selected:hover, treeview.view radio:selected:active { color: #FFFFFF; } treeview.view check:selected:disabled, treeview.view radio:selected:disabled { color: rgba(255, 255, 255, 0.3); } treeview.view check:selected:checked, treeview.view check:selected:indeterminate, treeview.view radio:selected:checked, treeview.view radio:selected:indeterminate { color: #009688; } treeview.view check:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled, treeview.view radio:selected:checked:disabled, treeview.view radio:selected:indeterminate:disabled { color: rgba(0, 150, 136, 0.5); } treeview.view radio:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")); border-image: none; } /************ * GtkScale * ************/ scale { min-height: 8px; min-width: 8px; padding: 12px; } scale slider { min-height: 24px; min-width: 24px; margin: -11px; } scale trough { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); outline-offset: 2px; background-color: rgba(255, 255, 255, 0.3); } scale trough:disabled { background-color: rgba(255, 255, 255, 0.12); } scale highlight { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); background-color: #009688; } scale highlight:disabled { background-color: transparent; } scale fill { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); background-color: rgba(255, 255, 255, 0.3); } scale fill:disabled { background-color: transparent; } scale slider { transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1); background-repeat: no-repeat; background-position: center; background-size: calc(100% - 10px); } scale slider { background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png")); } scale slider:disabled { background-image: -gtk-scaled(url("assets/scale-slider-disabled-dark.png"), url("assets/scale-slider-disabled-dark@2.png")); } scale slider:hover { background-size: calc(100% - 8px); } scale slider:active { background-size: calc(100% - 6px); } scale.fine-tune slider { background-size: calc(100% - 12px); } scale marks label, scale value { color: rgba(255, 255, 255, 0.5); } scale marks { color: rgba(255, 255, 255, 0.3); } scale marks.top { margin-bottom: 8px; margin-top: -16px; } scale marks.bottom { margin-top: 8px; margin-bottom: -16px; } scale marks.top { margin-right: 8px; margin-left: -16px; } scale marks.bottom { margin-left: 8px; margin-right: -16px; } 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 { min-height: 30px; min-width: 24px; margin-top: -17px; background-position: center calc(100% - 5px); } scale.horizontal.marks-before:not(.marks-after) slider { background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")); } scale.horizontal.marks-before:not(.marks-after) slider:disabled { background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled-dark.png"), url("assets/scale-horz-marks-before-slider-disabled-dark@2.png")); } scale.horizontal.marks-before:not(.marks-after) slider:hover { background-position: center calc(100% - 4px); } scale.horizontal.marks-before:not(.marks-after) slider:active { background-position: center calc(100% - 3px); } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { background-position: center calc(100% - 6px); } scale.horizontal.marks-after:not(.marks-before) slider { min-height: 30px; min-width: 24px; margin-bottom: -17px; background-position: center calc(5px); } scale.horizontal.marks-after:not(.marks-before) slider { background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")); } scale.horizontal.marks-after:not(.marks-before) slider:disabled { background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled-dark.png"), url("assets/scale-horz-marks-after-slider-disabled-dark@2.png")); } scale.horizontal.marks-after:not(.marks-before) slider:hover { background-position: center calc(4px); } scale.horizontal.marks-after:not(.marks-before) slider:active { background-position: center calc(3px); } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { background-position: center calc(6px); } scale.vertical.marks-before:not(.marks-after) slider { min-height: 24px; min-width: 30px; margin-left: -17px; background-position: calc(5px) center; } scale.vertical.marks-before:not(.marks-after) slider { background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")); } scale.vertical.marks-before:not(.marks-after) slider:disabled { background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled-dark.png"), url("assets/scale-vert-marks-before-slider-disabled-dark@2.png")); } scale.vertical.marks-before:not(.marks-after) slider:hover { background-position: calc(4px) center; } scale.vertical.marks-before:not(.marks-after) slider:active { background-position: calc(3px) center; } scale.vertical.marks-before:not(.marks-after).fine-tune slider { background-position: calc(6px) center; } scale.vertical.marks-after:not(.marks-before) slider { min-height: 24px; min-width: 30px; margin-right: -17px; background-position: calc(100% - 5px) center; } scale.vertical.marks-after:not(.marks-before) slider { background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")); } scale.vertical.marks-after:not(.marks-before) slider:disabled { background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled-dark.png"), url("assets/scale-vert-marks-after-slider-disabled-dark@2.png")); } scale.vertical.marks-after:not(.marks-before) slider:hover { background-position: calc(100% - 4px) center; } scale.vertical.marks-after:not(.marks-before) slider:active { background-position: calc(100% - 3px) center; } scale.vertical.marks-after:not(.marks-before).fine-tune slider { background-position: calc(100% - 6px) center; } 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: -12px; margin-top: -2px; } scale.color.vertical:dir(ltr) { padding: 0 0 0 12px; } scale.color.vertical:dir(ltr) slider { margin-left: -12px; margin-right: -2px; } scale.color.vertical:dir(rtl) { padding: 0 12px 0 0; } scale.color.vertical:dir(rtl) slider { margin-right: -12px; margin-left: -2px; } /***************** * Progress bars * *****************/ progressbar { color: rgba(255, 255, 255, 0.5); 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(51, 141, 214, 0.3); } progressbar progress { background-color: #338DD6; } progressbar trough.empty progress { all: unset; } /************* * Level Bar * *************/ levelbar.horizontal block { min-height: 4px; } levelbar.horizontal.discrete block { min-width: 32px; } levelbar.horizontal.discrete block:not(:last-child) { margin-right: 2px; } levelbar.vertical block { min-width: 4px; } levelbar.vertical.discrete block { min-height: 32px; } levelbar.vertical.discrete block:not(:last-child) { margin-bottom: 2px; } levelbar trough { padding: 2px; border-radius: 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #303030; } levelbar trough:disabled { background-color: #292929; } levelbar block.low { background-color: #FF6D00; } levelbar block.high, levelbar block:not(.empty) { background-color: #338DD6; } levelbar block.full { background-color: #00C853; } levelbar block.empty { background-color: rgba(255, 255, 255, 0.12); } /**************** * Print dialog * *****************/ printdialog paper { padding: 0; border: 1px solid rgba(0, 0, 0, 0.26); background-color: #303030; color: #FFFFFF; } printdialog .dialog-action-box { margin: 12px; } /********** * Frames * **********/ frame > border, .frame { margin: 0; padding: 0; border: 1px solid rgba(0, 0, 0, 0.26); border-radius: 0; box-shadow: none; } frame > border.flat, .frame.flat, frame.flat > border { border-style: none; } actionbar > revealer > box { padding: 6px; border-top: 1px solid rgba(0, 0, 0, 0.26); } scrolledwindow viewport.frame { border-style: none; } overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(64, 196, 255, 0.3)), 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(64, 196, 255, 0.3)), 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(64, 196, 255, 0.3)), 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(64, 196, 255, 0.3)), to(transparent)); background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } undershoot.top { background-color: transparent; background-image: linear-gradient(to left, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); padding-top: 1px; background-size: 12px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: left top; } undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); padding-bottom: 1px; background-size: 12px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: left bottom; } undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: left top; } undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: right top; } junction { border-style: solid none none solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.26); background-color: #303030; } junction:dir(rtl) { border-style: solid solid none none; } separator { min-width: 1px; min-height: 1px; background-color: rgba(0, 0, 0, 0.26); } button.font separator, button.file separator, .tweak-categories separator { min-width: 0; min-height: 0; background-color: transparent; } /********* * Lists * *********/ list { border-color: rgba(0, 0, 0, 0.26); background-color: #303030; } list row { padding: 2px; } row.activatable, .view, treeview.view header button, .budgie-menu button { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 9999px transparent; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } row.activatable:hover, .view:hover, treeview.view header button:hover, .budgie-menu button:hover { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, box-shadow 0, background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05); } row.activatable.has-open-popup, .has-open-popup.view, treeview.view header button.has-open-popup, .budgie-menu button.has-open-popup, row.activatable:active, .view:active, treeview.view header button:active, .budgie-menu button:active { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 0, background-image 0; animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15); background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%); background-size: 0% 0%; } /********************* * App Notifications * *********************/ .app-notification { margin: 8px; } .app-notification.frame, .app-notification border { border-style: none; } /************* * Expanders * *************/ expander title > arrow { transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1); min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -gtk-icon-transform: rotate(-90deg); color: rgba(255, 255, 255, 0.7); } expander title > arrow:dir(rtl) { -gtk-icon-transform: rotate(90deg); } expander title > arrow:checked { -gtk-icon-transform: unset; } expander title > arrow:hover, expander title > arrow:active { color: #FFFFFF; } expander title > arrow:disabled { color: rgba(255, 255, 255, 0.3); } expander title > arrow:selected { color: rgba(255, 255, 255, 0.7); } expander title > arrow:selected:hover, expander title > arrow:selected:active { color: #FFFFFF; } expander title > arrow:selected:disabled { color: rgba(255, 255, 255, 0.3); } /************ * Calendar * ************/ calendar { padding: 1px; border: 1px solid rgba(0, 0, 0, 0.26); color: #FFFFFF; } calendar:disabled { color: rgba(255, 255, 255, 0.5); } calendar:selected { border-radius: 3px; } calendar.header { border-style: none none solid; border-radius: 0; } calendar.highlight { color: rgba(255, 255, 255, 0.7); font-weight: 500; } calendar:indeterminate { color: rgba(255, 255, 255, 0.3); } /*********** * Dialogs * ***********/ messagedialog.background { background-color: #424242; } messagedialog .titlebar { min-height: 20px; border-style: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); background-color: #424242; color: #FFFFFF; } messagedialog .titlebar:backdrop { color: rgba(255, 255, 255, 0.7); } messagedialog.csd.background { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } messagedialog.csd .dialog-action-area button { padding: 8px 16px; border-top: 1px solid rgba(0, 0, 0, 0.26); border-radius: 0; } messagedialog.csd .dialog-action-area button:first-child { border-bottom-left-radius: 2px; } messagedialog.csd .dialog-action-area button:last-child { border-bottom-right-radius: 2px; } filechooser .dialog-action-box { border-top: 1px solid rgba(0, 0, 0, 0.26); } filechooser #pathbarbox { border-bottom: 1px solid rgba(0, 0, 0, 0.26); background-color: #212121; } filechooserbutton:drop(active) { box-shadow: none; } /*********** * Sidebar * ***********/ .sidebar { border-style: none; background-color: #292929; } stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { border-right: 1px solid rgba(0, 0, 0, 0.26); border-left-style: none; } stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { border-left: 1px solid rgba(0, 0, 0, 0.26); border-right-style: none; } .sidebar list { background-color: transparent; } paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; } stacksidebar row { padding: 10px 4px; } stacksidebar row > label { padding-left: 6px; padding-right: 6px; } /**************** * File chooser * ****************/ row image.sidebar-icon { color: rgba(255, 255, 255, 0.7); } row:selected image.sidebar-icon { color: rgba(255, 255, 255, 0.7); } placessidebar > viewport.frame { border-style: none; } placessidebar list { padding: 1px 0 4px; } placessidebar row { min-height: 32px; margin: -1px 0; padding: 0; } placessidebar row > revealer { padding: 0 12px; } placessidebar row:selected { color: #FFFFFF; } placessidebar row:disabled { color: rgba(255, 255, 255, 0.5); } placessidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; } placessidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; } placessidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; } placessidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } placessidebar row.sidebar-placeholder-row { min-height: 2px; padding: 0 8px; background-image: image(#009688); background-clip: content-box; } placessidebar row.sidebar-new-bookmark-row { color: #009688; } placessidebar row:drop(active):not(:disabled) { box-shadow: inset 0 0 0 2px #009688; } placesview .server-list-button > image { -gtk-icon-transform: rotate(0turn); } placesview .server-list-button:checked > image { -gtk-icon-transform: rotate(-0.5turn); } placesview > actionbar > revealer > box > label { padding-left: 8px; padding-right: 8px; } /********* * Paned * *********/ paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(rgba(0, 0, 0, 0.26)); background-size: 1px 1px; background-clip: content-box; } paned > separator.wide { min-width: 6px; min-height: 6px; background-color: #212121; background-image: image(rgba(0, 0, 0, 0.26)), image(rgba(0, 0, 0, 0.26)); 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.info { background-color: #66BB6A; } infobar.question { background-color: #42A5F5; } infobar.warning { background-color: #FFA726; } infobar.error { background-color: #EF5350; } infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error { color: #FFFFFF; } /************ * Tooltips * ************/ tooltip { border-radius: 2px; box-shadow: none; } tooltip.background { background-color: rgba(66, 66, 66, 0.9); color: #FFFFFF; } tooltip decoration { background-color: transparent; } tooltip label { min-height: 20px; padding: 0 2px; } /***************** * Color Chooser * *****************/ colorswatch.top { border-top-left-radius: 2.5px; border-top-right-radius: 2.5px; } colorswatch.top overlay { border-top-left-radius: 2px; border-top-right-radius: 2px; } colorswatch.bottom { border-bottom-left-radius: 2.5px; border-bottom-right-radius: 2.5px; } colorswatch.bottom overlay { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 2.5px; border-bottom-left-radius: 2.5px; } colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 2.5px; border-bottom-right-radius: 2.5px; } colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } colorswatch.dark { color: #FFFFFF; } colorswatch.light { color: rgba(0, 0, 0, 0.87); } colorswatch:drop(active) { box-shadow: none; } colorswatch:drop(active).light overlay { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #009688; } colorswatch:drop(active).dark overlay { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #009688; } colorswatch overlay { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } colorswatch overlay:hover { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } colorswatch#add-color-button { border-radius: 2px 2px 0 0; color: #FFFFFF; } colorswatch#add-color-button:only-child { border-radius: 2px; } colorswatch#add-color-button overlay { background-image: linear-gradient(to right, #EF5350 25%, #FFA726 25%, #FFA726 50%, #66BB6A 50%, #66BB6A 75%, #42A5F5 75%); } colorswatch:disabled { opacity: 0.5; } colorswatch:disabled overlay { box-shadow: none; } colorswatch#editor-color-sample { border-radius: 2.5px; } colorswatch#editor-color-sample overlay { border-radius: 2px; } colorchooser .popover.osd { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1); background-color: #303030; } colorchooser .popover.osd:backdrop { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.1); } /******** * Misc * ********/ .content-view { background-color: #212121; } /********************** * Window Decorations * **********************/ decoration { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-radius: 2px 2px 0 0; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent; margin: 8px; } decoration:backdrop { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px 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: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } tooltip.csd decoration { border-radius: 2px; box-shadow: none; } messagedialog.csd decoration { border-radius: 2px; } .solid-csd decoration { margin: 0; border-radius: 0; box-shadow: none; background-color: #303030; } .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, popover.background.menu button:checked, popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked { background-color: #338DD6; } row:selected label, label:selected, .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, popover.background.menu button:checked, popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked { color: #FFFFFF; } row:selected label:disabled, label:disabled:selected, .view selection:disabled, .view:disabled:selected, flowbox flowboxchild:disabled:selected, label:disabled selection, spinbutton:not(.vertical) selection:disabled, entry selection:disabled, modelbutton.flat:disabled:selected, .menuitem.button.flat:disabled:selected, popover.background.menu button:disabled:checked, popover.background button.model:disabled:checked, row:disabled:selected, calendar:disabled:selected, text:disabled:selected, .budgie-menu button:disabled:checked { color: rgba(255, 255, 255, 0.5); } .monospace { font-family: monospace; } /********************** * Touch Copy & Paste * **********************/ cursor-handle { border-radius: 9999px; background-color: #009688; background-image: none; } cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { padding-left: 6px; border-top-right-radius: 0; } cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { padding-right: 6px; border-top-left-radius: 0; } cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { -GtkWidget-text-handle-width: 24; -GtkWidget-text-handle-height: 30; -gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")); } .context-menu { font: initial; } .keycap { min-width: 12px; min-height: 26px; margin-top: 2px; padding-bottom: 2px; padding-left: 8px; padding-right: 8px; border: solid 1px rgba(0, 0, 0, 0.26); border-radius: 3px; box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26); background-color: #303030; color: #FFFFFF; font-size: smaller; } :not(decoration):not(window):drop(active) { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 2px #009688; caret-color: #009688; } stackswitcher button.text-button { min-width: 100px; } stackswitcher button.circular, stackswitcher button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; } /********* * Emoji * *********/ popover.emoji-picker { padding: 0; } popover.emoji-picker entry { border-bottom: 1px solid rgba(0, 0, 0, 0.26); border-bottom-left-radius: 0; border-bottom-right-radius: 0; box-shadow: none; } popover.emoji-picker scrolledwindow { border-bottom: 1px solid rgba(0, 0, 0, 0.26); } button.emoji-section { margin-top: -1px; padding: 0 8px; min-width: 24px; min-height: 32px; border-radius: 0; outline-offset: -6px; box-shadow: none; } button.emoji-section:hover { box-shadow: inset 0 2px rgba(255, 255, 255, 0.3); } button.emoji-section:active { box-shadow: inset 0 2px #338DD6; background-image: radial-gradient(circle farthest-corner at center, rgba(51, 141, 214, 0.7) 10%, transparent 0%); } button.emoji-section:checked { box-shadow: inset 0 2px #338DD6; background-color: transparent; } button.emoji-section:first-child { margin-left: 4px; } button.emoji-section:last-child { margin-right: 4px; } .emoji { min-width: 3em; min-height: 3em; padding: 0; } .emoji widget { transition: all 180ms cubic-bezier(0, 0, 0.2, 1); } .emoji widget:hover { font-size: larger; } /************ * Nautilus * ************/ .nautilus-window, .nautilus-window notebook, .nautilus-window notebook > stack { background-color: #303030; } .nautilus-desktop.nautilus-canvas-item:not(:selected), .caja-desktop.caja-canvas-item:not(:selected) { color: #FFFFFF; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } @keyframes needs_attention_keyframes { to { background-color: alpha(currentColor, 0.3); } } .nautilus-operations-button-needs-attention { animation: needs_attention_keyframes 270ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate; } .nautilus-operations-button-needs-attention-multiple { animation: needs_attention_keyframes 270ms cubic-bezier(0.4, 0, 0.2, 1) 4 alternate; } .nautilus-window .floating-bar { min-height: 32px; padding: 0; border-style: solid solid none; border-width: 1px; border-color: rgba(0, 0, 0, 0.26); border-radius: 3px 3px 0 0; background-color: #303030; background-clip: border-box; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), border-width 0; } .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: 6px; } .disk-space-display.unknown { background-color: #FF6D00; } .disk-space-display.used { background-color: #338DD6; } .disk-space-display.free { background-color: rgba(255, 255, 255, 0.12); } .nautilus-window paned > separator { background-color: #212121; } /********* * gedit * *********/ .open-document-selector-path-label { color: rgba(255, 255, 255, 0.7); font-size: smaller; } .open-document-selector-path-label:selected { color: rgba(255, 255, 255, 0.7); } .gedit-document-panel { background-color: #292929; } .gedit-document-panel row button.flat { margin-top: 8px; margin-bottom: 8px; } .gedit-document-panel-group-row:not(:first-child) { border-top: 1px solid rgba(0, 0, 0, 0.26); } .gedit-side-panel-paned statusbar { border-top: 1px solid rgba(0, 0, 0, 0.26); } .gedit-search-slider { margin: 4px 4px 8px; } .gedit-search-slider entry:dir(ltr), .gedit-search-slider entry:dir(rtl) { border-radius: 2px; } .gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag, .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag { all: unset; color: rgba(255, 255, 255, 0.5); } .gedit-search-slider entry:dir(ltr) { margin-right: -58px; padding-right: 58px; } .gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag { margin-left: 6px; } .gedit-search-slider entry:dir(ltr) image.right { margin-right: 0; } .gedit-search-slider entry:dir(rtl) { margin-left: -58px; padding-left: 58px; } .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag { margin-right: 6px; } .gedit-search-slider entry:dir(rtl) image.left { margin-left: 0; } .gedit-search-slider entry.error ~ button { color: rgba(255, 255, 255, 0.7); } .gedit-search-slider entry.error ~ button:hover, .gedit-search-slider entry.error ~ button:active { color: #FFFFFF; } .gedit-search-slider entry.error ~ button:disabled { color: rgba(255, 255, 255, 0.3); } .gedit-search-slider button { border: solid 6px transparent; } .gedit-search-slider button:last-child:dir(ltr), .gedit-search-slider button:not(:first-child):dir(rtl) { margin-left: -3px; } .gedit-search-slider button:first-child:dir(rtl), .gedit-search-slider 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; } /************** * Tweak Tool * **************/ .tweak-categories { background-image: image(#292929); } .tweak { padding: 3px; } .tweak.title:hover { box-shadow: none; } .tweak-group-white, .tweak-white, .tweak-white:hover { background-image: image(#303030); } .tweak-startup, .tweak-startup:hover { background-image: image(#303030); } .tweak-group-startup { background-image: image(#303030); border: 1px solid rgba(0, 0, 0, 0.26); } /*********** * Builder * ***********/ workbench stack.titlebar { padding: 0; } workbench:not(.tiled):not(.maximized):not(.fullscreen) stack.titlebar headerbar { border-radius: 2px 2px 0 0; } perspectiveswitcher { background-color: #212121; } perspectiveswitcher button:checked { color: #338DD6; } layouttabbar { border-bottom: 1px solid rgba(0, 0, 0, 0.26); background-color: #212121; } layouttabbar > box > button { margin: 4px 0; } layouttab { margin: 0 8px; border-style: none solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.26); box-shadow: inset 0 -2px #338DD6; background-color: #303030; } layouttab separator.vertical { margin: 8px 4px; } layouttab button.text-button, layouttab button.image-button, layouttab button { margin-top: 8px; margin-bottom: 8px; padding: 0 4px; } layout { border: 1px solid rgba(0, 0, 0, 0.26); -PnlDockBin-handle-size: 1; } entry.search-missing { background-color: #DD2C00; color: #FFFFFF; } workbench treeview.image { color: rgba(255, 255, 255, 0.7); } workbench treeview.image:selected { color: rgba(255, 255, 255, 0.7); } dockbin { border: 1px solid rgba(0, 0, 0, 0.26); -PnlDockBin-handle-size: 1; } dockpaned { border: 1px solid rgba(0, 0, 0, 0.26); } eggsearchbar box.search-bar { padding: 0 8px; border-bottom: 1px solid rgba(0, 0, 0, 0.26); background-color: #212121; } docktabstrip { padding: 0 8px; border-bottom: 1px solid rgba(0, 0, 0, 0.26); background-color: #212121; } docktab { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; min-height: 20px; min-width: 20px; margin-bottom: -1px; padding: 6px 6px; outline-offset: -6px; border-width: 1px; border-color: transparent; background-image: radial-gradient(circle farthest-corner at center, #338DD6 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; color: rgba(255, 255, 255, 0.7); font-weight: 500; } docktab:hover { box-shadow: inset 0 -2px rgba(255, 255, 255, 0.3); color: #FFFFFF; } docktab:checked { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 270ms cubic-bezier(0, 0, 0.2, 1), background-image 720ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 -2px #338DD6; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-size: 1000% 1000%; color: #FFFFFF; } dockoverlayedge { background-color: #212121; } dockoverlayedge docktabstrip { padding: 0; border: none; } dockoverlayedge.left-edge docktab:hover { box-shadow: inset -2px 0 rgba(255, 255, 255, 0.3); } dockoverlayedge.left-edge docktab:checked { box-shadow: inset -2px 0 #338DD6; } dockoverlayedge.right-edge docktab:hover { box-shadow: inset 2px 0 rgba(255, 255, 255, 0.3); } dockoverlayedge.right-edge docktab:checked { box-shadow: inset 2px 0 #338DD6; } pillbox { background-color: #212121; border-radius: 2px; } buildperspective row { padding: 10px; } layoutpane entry.search { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); background-color: #303030; } editortweak entry.search { margin-bottom: -1px; box-shadow: none; } frame.gb-search-frame { border-bottom-right-radius: 5px; } .gb-search-entry-occurrences-tag { box-shadow: none; background-color: transparent; } docktabstrip { min-height: 39px; } workbench preferences preferencesgroup list entry { padding-top: 8px; padding-bottom: 8px; } /********** * Photos * **********/ GdMainIconView.content-view { -GdMainIconView-icon-size: 48; } .documents-counter { margin: 8px; border-radius: 9999px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); background-color: #009688; color: #FFFFFF; font-weight: bold; } .documents-scrolledwin.frame { border-style: none; } .photos-fade-in { opacity: 1; transition: opacity 180ms cubic-bezier(0, 0, 0.2, 1); } .photos-fade-out { opacity: 0; transition: opacity 180ms cubic-bezier(0, 0, 0.2, 1); } overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) { border-style: none none none solid; } overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) { border-style: none solid none none; } /********* * Music * *********/ .side-panel:dir(ltr) { border-style: solid; border-color: rgba(0, 0, 0, 0.26); } .side-panel:dir(rtl) { border-style: solid; border-color: rgba(0, 0, 0, 0.26); } .side-panel .view { background-image: image(#292929); } .side-panel .view:hover { background-image: image(#343434); } .side-panel .view:selected { background-image: image(#338DD6); } .side-panel .view:selected:hover { background-image: image(#3d93d8); } .songs-list:hover { background-image: image(alpha(currentColor, 0.05)); } frame.documents-dropdown { margin: 8px; } frame.documents-dropdown > border { border: none; } box.vertical:not(.titlebar) > revealer > toolbar.search-bar { border-bottom: 1px solid rgba(0, 0, 0, 0.26); } box.vertical:not(.titlebar) > revealer > toolbar.search-bar button > widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } /********* * To Do * *********/ task-row { transition: all 180ms cubic-bezier(0, 0, 0.2, 1); margin: 0 -4px; } task-row:hover { transition: none; } task-row label { margin: 0 8px; } task-row image { margin: 0 4px; } task-list-view > box > revealer > box > button { min-height: 32px; margin: -4px; padding: 0 12px; } task-list-view > box > revealer > box > button label { margin: 0 8px; } task-list-view > box > revealer > box > button image { margin: 0 4px; } /******* * eog * *******/ #eog-thumb-nav scrolledwindow { border-top: none; } #eog-thumb-nav button { -gtk-outline-radius: 2px; } /************* * 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(0, 0, 0, 0.26); } list.categories { background-image: image(#292929); } /********* * Boxes * *********/ .transparent-bg + stack overlay > label { min-height: 24px; padding: 0 4px; border-radius: 2px; background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; } /************** * Calculator * **************/ button.title label { min-height: 32px; } /********* * Geary * *********/ .geary-titlebar-left:dir(ltr) { margin-right: 5px; padding-right: 0; } .geary-titlebar-left:dir(rtl) { margin-left: 5px; padding-left: 0; } .geary-titlebar-left > separator { background-color: rgba(0, 0, 0, 0.05); } .geary-titlebar-right:dir(ltr) { margin-left: -5px; } .geary-titlebar-right:dir(rtl) { margin-right: -5px; } /********* * Tilix * *********/ overlay > revealer.left > scrolledwindow.frame, overlay > revealer.right > scrolledwindow.frame { border-style: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22); } 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(#424242); } button.image-button.session-new-button { min-width: 28px; } /*********** * 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: 2px; } /************ * Chromium * ************/ tooltip.chromium { background-color: #424242; } /*********** * Firefox * ***********/ window.background:not(.csd) > widget > separator { color: rgba(0, 0, 0, 0.26); } window.background:not(.csd) > widget > scrollbar { background-clip: border-box; } window.background:not(.csd) > widget > scrollbar, window.background:not(.csd) > widget > frame > border { border-color: rgba(0, 0, 0, 0.26); } window.background:not(.csd) > widget > entry, window.background:not(.csd) > widget > button > button { border: 1px solid rgba(0, 0, 0, 0.26); border-radius: 3px; box-shadow: none; } window.background:not(.csd) > widget > entry { min-height: 30px; } window.background:not(.csd) > widget > entry:focus { border-color: #338DD6; } window.background:not(.csd) > widget > button > button { padding: 4px 8px; background-size: auto; } window.background:not(.csd) > widget > button > button:hover { background-image: image(alpha(currentColor, 0.05)); } window.background:not(.csd) > widget > button > button:active { background-image: image(alpha(currentColor, 0.1)); } window.background:not(.csd) > widget > checkbutton > check:not(:checked), window.background:not(.csd) > widget > radiobutton > radio:not(:checked) { color: #757575; } window.background:not(.csd) > widget > checkbutton > check:not(:checked):hover, window.background:not(.csd) > widget > checkbutton > check:not(:checked):active, window.background:not(.csd) > widget > radiobutton > radio:not(:checked):hover, window.background:not(.csd) > widget > radiobutton > radio:not(:checked):active { color: #212121; } window.background:not(.csd) > widget > checkbutton > check:not(:checked):disabled, window.background:not(.csd) > widget > radiobutton > radio:not(:checked):disabled { color: rgba(117, 117, 117, 0.5); } window.background:not(.csd) > window > menu, window.background:not(.csd) > menu > menu { border: none; } window.background:not(.csd) > widget > menubar { color: rgba(255, 255, 255, 0.7); } window.background:not(.csd) > widget > menubar:hover { color: #FFFFFF; } window.background:not(.csd) > widget > menubar:disabled { color: rgba(255, 255, 255, 0.3); } window.background:not(.csd) > widget > frame { color: rgba(0, 0, 0, 0.26); } window.background:not(.csd) > widget > checkbutton > check, window.background:not(.csd) > widget > radiobutton > radio { margin: 0; padding: 0; } window.background:not(.csd) > window.background > menu > separator { color: rgba(0, 0, 0, 0.26); } /************ * 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: 2px; -gtk-outline-radius: 2px; } #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: 2px; -gtk-outline-radius: 2px; } #CanvasTable button { min-height: 16px; min-width: 16px; padding: 0; } #CanvasTable #HorizontalScrollbar { border-top: 1px solid rgba(0, 0, 0, 0.26); } #CanvasTable #VerticalScrollbar:dir(ltr) { border-left: 1px solid rgba(0, 0, 0, 0.26); } #CanvasTable #VerticalScrollbar:dir(rtl) { border-right: 1px solid rgba(0, 0, 0, 0.26); } #Canvas_and_Dock frame > border { border: none; } #Canvas_and_Dock widget > widget > button.flat { min-height: 16px; min-width: 16px; padding: 4px; } #Canvas_and_Dock widget > widget > box.horizontal image { padding: 4px; } #Canvas_and_Dock box.horizontal > box.vertical > button.flat { min-height: 16px; min-width: 24px; padding: 8px 4px; } /*********** * Synapse * ***********/ box.vertical > widget > widget:selected { background-color: #338DD6; } /********* * 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: #338DD6; -UnityDecoration-title-indent: 4px; -UnityDecoration-title-fade: 32px; -UnityDecoration-title-alignment: 0.0; } UnityDecoration .top { padding: 0 2px; border-style: none; border-radius: 2px 2px 0 0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); background-color: #303030; color: #FFFFFF; } UnityDecoration .top:backdrop { color: rgba(255, 255, 255, 0.7); } UnityDecoration .menuitem { color: rgba(255, 255, 255, 0.7); } UnityDecoration .menuitem:hover { box-shadow: inset 0 -2px currentColor; background-color: transparent; color: #FFFFFF; } .background:not(.csd) headerbar:not(.titlebar) { border-radius: 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .background:not(.csd) headerbar:not(.titlebar).inline-toolbar { border-style: none; } UnityPanelWidget, .unity-panel { background-color: #212121; 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 { box-shadow: inset 0 -2px currentColor; background-color: transparent; color: #FFFFFF; } .menu IdoPlaybackMenuItem.menuitem:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: spin 1s linear infinite; color: #338DD6; } /************** * Mate-Panel * **************/ .mate-panel-menu-bar menubar, #PanelApplet-window-menu-applet-button { background-color: transparent; } .mate-panel-menu-bar { background-color: #212121; font-weight: 500; } .mate-panel-menu-bar:not(.popup) { color: rgba(255, 255, 255, 0.7); } .mate-panel-menu-bar button { min-height: 16px; min-width: 16px; padding: 0; border-radius: 0; } .mate-panel-menu-bar button:checked { background-color: rgba(255, 255, 255, 0.12); } PanelToplevel.horizontal > grid > button { min-width: 24px; } PanelToplevel.vertical > grid > button { min-height: 24px; } PanelSeparator { color: rgba(255, 255, 255, 0.12); } MatePanelAppletFrameDBus { border-style: solid; border-color: rgba(255, 255, 255, 0.12); } .mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus { border-width: 0 1px; } .mate-panel-menu-bar.vertical MatePanelAppletFrameDBus { border-width: 1px 0; } .mate-panel-menu-bar menubar > menuitem { color: rgba(255, 255, 255, 0.7); } .mate-panel-menu-bar menubar > menuitem:hover { 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 0px; } .mate-panel-menu-bar #tasklist-button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; } .mate-panel-menu-bar #tasklist-button image:dir(ltr), .mate-panel-menu-bar #tasklist-button label:dir(rtl) { padding-left: 4px; } .mate-panel-menu-bar #tasklist-button label:dir(ltr), .mate-panel-menu-bar #tasklist-button image:dir(rtl) { padding-right: 4px; } .mate-panel-menu-bar.vertical #tasklist-button { min-height: 32px; } .mate-panel-menu-bar.horizontal #showdesktop-button image { min-width: 24px; padding: 0 4px; } .mate-panel-menu-bar.vertical #showdesktop-button image { min-height: 24px; padding: 4px 0; } PanelApplet.wnck-applet .wnck-pager { background-color: transparent; color: #40C4FF; } PanelApplet.wnck-applet .wnck-pager:hover { background-color: rgba(255, 255, 255, 0.12); } PanelApplet.wnck-applet .wnck-pager:active { background-color: rgba(255, 255, 255, 0.3); } PanelApplet.wnck-applet .wnck-pager:selected { background-color: #338DD6; } .mate-panel-menu-bar.horizontal #clock-applet-button label { padding: 0 8px; } .mate-panel-menu-bar.vertical #clock-applet-button label { padding: 8px 0; } #MatePanelPopupWindow { border: 1px solid rgba(0, 0, 0, 0.26); border-radius: 3px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } #MatePanelPopupWindow frame > border { border-style: none; } #MatePanelPopupWindow button { padding: 4px 16px; } #MatePanelPopupWindow ClockMap { border: 1px solid rgba(0, 0, 0, 0.26); } #MatePanelPopupWindow widget { color: rgba(0, 0, 0, 0.26); } na-tray-applet { -NaTrayApplet-icon-padding: 3px; -NaTrayApplet-icon-size: 16; } .mate-panel-menu-bar { -PanelMenuBar-icon-visible: true; } .mate-panel-applet-slider { border: 1px solid rgba(0, 0, 0, 0.26); border-radius: 3px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); background-color: #212121; } .mate-panel-applet-slider frame > border { border-style: none; } #PanelApplet:not(:selected) > box { transition: all 180ms 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(0, 0, 0, 0.26); } #mate-menu button { min-height: 24px; min-width: 24px; padding: 4px 0; color: #FFFFFF; font-weight: normal; } #mate-menu button label:not(:first-child) { color: rgba(255, 255, 255, 0.7); } #mate-menu entry { margin: 0 0 8px; } #mate-menu entry image { margin: 0; } #mate-menu entry + button { margin: 0 4px 8px; padding: 4px; } /********************* * CAJA File manager * *********************/ .caja-navigation-window button.toggle.image-button { border-radius: 2px; } .caja-pathbar button { margin: 0 -1px 0 -2px; } .caja-pathbar button > widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -GtkArrow-arrow-scaling: 1; } .caja-side-pane notebook viewport.frame, .caja-side-pane notebook widget .vertical { background-color: #303030; } .caja-side-pane notebook, .caja-notebook { border-top: 1px solid rgba(0, 0, 0, 0.26); } .caja-side-pane notebook .frame, .caja-notebook .frame { border-style: none; } .caja-navigation-window statusbar { margin: 0 -10px; padding: 0 4px; border-top: 1px solid rgba(0, 0, 0, 0.26); } .caja-notebook frame > border { border-style: none; } #caja-extra-view-widget { border-bottom: 1px solid rgba(0, 0, 0, 0.26); background-color: #212121; } #caja-extra-view-widget > box > box > label { font-weight: bold; } /********* * Pluma * *********/ .pluma-window statusbar { margin: 0 -10px; padding: 0 4px; border-top: 1px solid rgba(0, 0, 0, 0.26); } .pluma-window statusbar frame > border { border-style: none; } .pluma-window statusbar frame button.flat { padding: 0 4px; border-radius: 0; } .pluma-window statusbar frame button.flat widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -GtkArrow-arrow-scaling: 1; } .pluma-print-preview toolbar { border-bottom: 1px solid rgba(0, 0, 0, 0.26); } .pluma-window paned.horizontal box.vertical box.horizontal button.flat { margin: 1px; } .pluma-window paned.horizontal box.vertical .frame { border-style: none; } .pluma-window paned.horizontal box.vertical notebook.frame { margin-top: -1px; border-top: 1px solid rgba(0, 0, 0, 0.26); } .pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal { border-bottom: 1px solid rgba(0, 0, 0, 0.26); } /********* * Atril * *********/ .atril-window paned.horizontal box.vertical .frame { border-style: none; } .atril-window paned.horizontal box.vertical notebook .frame { border-top: 1px solid rgba(0, 0, 0, 0.26); } /* mate-screensaver lock dialog */ .lock-dialog { border-radius: 2px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), inset 0 1px rgba(255, 255, 255, 0.1); } .lock-dialog frame > border { border-style: none; } /****************** * 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: 2px; -gtk-outline-radius: 2px; } .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: 3px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); background-color: #424242; } .budgie-popover .container { padding: 2px; } .budgie-popover border { border: none; } .budgie-popover list { background-color: transparent; } .budgie-popover row { padding: 0; } .budgie-popover row:hover { box-shadow: none; } .budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { min-height: 28px; padding: 0 8px; color: #FFFFFF; font-weight: normal; } .budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled { color: rgba(255, 255, 255, 0.5); } .budgie-popover.budgie-menu .container { padding: 0; } .budgie-popover.user-menu .container { padding: 8px; } .budgie-popover.user-menu separator { margin: 4px 0; } .budgie-popover.sound-popover separator { margin: 3px 0; } .budgie-popover.night-light-indicator .container { padding: 8px; } .budgie-popover.places-menu .container { padding: 8px; } .budgie-popover.places-menu .places-list:not(.always-expand) { margin-top: 4px; padding-top: 4px; border-top: 1px solid rgba(0, 0, 0, 0.26); } .budgie-popover.places-menu .alternative-label { padding: 3px; font-size: 15px; } .budgie-popover.workspace-popover .container { padding: 2px 8px 8px; } .budgie-popover.workspace-popover separator { margin: 4px 0; } .budgie-popover.workspace-popover flowboxchild { padding: 0; } .workspace-switcher .workspace-layout { border: 0 solid rgba(255, 255, 255, 0.12); } .top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { border-left-width: 1px; } .top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { border-right-width: 1px; } .left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { border-top-width: 1px; } .workspace-switcher .workspace-item, .workspace-switcher .workspace-add-button { border: 0 solid rgba(255, 255, 255, 0.12); } .top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { border-right-width: 1px; } .top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { border-left-width: 1px; } .left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { border-bottom-width: 1px; } .workspace-switcher .workspace-item { transition: all 180ms 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: 2px; } .budgie-menu.background { padding: 0; background-color: #303030; } .budgie-menu scrollbar, .budgie-menu entry.search { background-color: transparent; } .budgie-menu entry.search { border-bottom: 1px solid rgba(0, 0, 0, 0.26); border-radius: 0; box-shadow: none; font-size: 120%; } .budgie-menu .categories:dir(ltr) { border-bottom-left-radius: 2px; } .budgie-menu .categories:dir(rtl) { border-bottom-right-radius: 2px; } .budgie-menu button { min-height: 32px; padding: 0 8px; border-radius: 0; color: #FFFFFF; font-weight: normal; } .budgie-menu button:disabled { color: rgba(255, 255, 255, 0.5); } .budgie-menu button:checked:disabled { background-color: #338DD6; } .budgie-menu row { padding: 0; } .budgie-menu row:hover { box-shadow: none; } popover.background.user-menu { padding: 8px; } popover.background.user-menu .content-box { background-color: transparent; } popover.background.user-menu separator { margin: 4px 0; } popover.background.user-menu row { padding: 0; box-shadow: none; background-image: none; } popover.background.places-menu { padding: 8px; } popover.background.places-menu .name-button.text-button { padding-left: 8px; padding-right: 8px; } popover.background.places-menu .name-button.text-button image:dir(ltr) { margin-right: 3px; } popover.background.places-menu .name-button.text-button image:dir(rtl) { margin-left: 3px; } popover.background.places-menu .places-section-header > image:dir(ltr) { margin: 0 -2px 0 5px; } popover.background.places-menu .places-section-header > image:dir(rtl) { margin: 0 5px 0 -2px; } popover.background.places-menu .places-list { margin-top: 4px; padding-top: 4px; border-top: 1px solid rgba(0, 0, 0, 0.26); background-color: transparent; } popover.background.places-menu row { padding: 0; box-shadow: none; background-image: none; } .budgie-panel { transition: background-color 270ms cubic-bezier(0, 0, 0.2, 1); background-color: #212121; color: rgba(255, 255, 255, 0.7); font-weight: 500; } .budgie-panel.transparent { background-color: rgba(0, 0, 0, 0.6); } .budgie-panel button { min-height: 16px; min-width: 16px; padding: 0; border-radius: 0; } .budgie-panel button:checked { background-color: rgba(255, 255, 255, 0.12); } .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: #FF5252; } .budgie-panel #tasklist-button { padding: 0 4px; } .budgie-panel.vertical #tasklist-button { min-height: 32px; } .budgie-panel button.flat.launcher { padding: 0; } .budgie-panel button.flat.launcher:not(:checked) { color: rgba(255, 255, 255, 0.5); } .budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { color: rgba(255, 255, 255, 0.7); } .budgie-panel button.flat.launcher:not(:checked):disabled { color: rgba(255, 255, 255, 0.3); } .top .budgie-panel #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; } .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, .top .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .top button.flat.launcher, .top .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .top button.flat.launcher.running { 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; } .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, .bottom .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .bottom button.flat.launcher, .bottom .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .bottom button.flat.launcher.running { 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; } .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, .left .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .left button.flat.launcher, .left .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .left button.flat.launcher.running { 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; } .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, .right .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .right button.flat.launcher, .right .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .right button.flat.launcher.running { 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 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22); } .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: #424242; } .raven > box { margin-bottom: -10px; } .raven > stack { margin-bottom: -10px; } .raven stackswitcher.linked > button { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 0%, transparent 0%) 0 0 0/0 0 0px; border-radius: 0; } .raven stackswitcher.linked > button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 100%, transparent 0%) 0 0 2/0 0 2px; background-color: transparent; } .raven .raven-header { min-height: 32px; padding: 3px; } .raven .raven-header:not(.top) { margin-top: -6px; } .raven .raven-header.top { padding: 2px 0; background-color: #338DD6; color: #FFFFFF; } .raven .raven-header.top stackswitcher button { margin: -6px 0; min-height: 32px; } .raven .raven-header.top button.image-button:dir(ltr) { margin-right: 2px; } .raven .raven-header.top button.image-button:dir(rtl) { margin-left: 2px; } .raven .raven-header.top > image { margin: 0 8px; } .raven .raven-header.top > label { margin: 0 -8px; font-weight: bold; } .raven .raven-header.bottom { border-top: 1px solid rgba(0, 0, 0, 0.26); } .raven viewport.frame .raven-header { margin-top: -8px; } .raven .raven-background { border-style: solid none; border-width: 1px; border-color: rgba(0, 0, 0, 0.26); background-color: #303030; } .raven .raven-background.frame { border-style: solid none; } .raven .raven-background > overlay > widget > image { color: rgba(255, 255, 255, 0.12); } .raven .raven-background grid > label:first-child { min-height: 32px; } .raven scrolledwindow.raven-background { border-bottom-style: none; } .raven .raven-header.top + .raven-background { border-style: none; background-color: #338DD6; color: #FFFFFF; } .raven .raven-header.top + .raven-background stackswitcher button { margin: -4px 0; } .raven .powerstrip button { margin: 2px 0 1px; padding: 10px; } .raven .option-subtitle { font-size: smaller; } calendar.raven-calendar { border-style: none; background-color: transparent; } calendar.raven-calendar:selected { border-radius: 2px; background-color: #338DD6; } .raven-mpris { background-color: rgba(0, 0, 0, 0.6); color: #FFFFFF; } .raven-mpris label { min-height: 24px; } .raven-mpris button.image-button { padding: 10px; } .budgie-notification-window, .budgie-osd-window, .budgie-switcher-window { background-color: transparent; } .budgie-notification .notification-title, .budgie-switcher .notification-title { font-size: 120%; } .budgie-osd .budgie-osd-text { font-size: 120%; } .drop-shadow { margin: 5px 9px; padding: 3px; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1); background-color: #424242; } .drop-shadow .linked > button { border-radius: 2px; } .budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { border-radius: 2px; background-color: #424242; } .budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration { border-radius: 2px; } .budgie-session-dialog label:not(:last-child), .budgie-session-dialog .dialog-title { font-size: 120%; } .budgie-session-dialog .linked.horizontal > button { padding: 8px 16px; border-top: 1px solid rgba(0, 0, 0, 0.26); border-radius: 0; } .budgie-session-dialog .linked.horizontal > button:first-child { border-bottom-left-radius: 2px; } .budgie-session-dialog .linked.horizontal > button:last-child { border-bottom-right-radius: 2px; } .budgie-polkit-dialog .message { color: rgba(255, 255, 255, 0.5); } .budgie-polkit-dialog .failure { color: #FF5252; } .budgie-run-dialog { background-color: #303030; } .budgie-run-dialog entry.search { font-size: 120%; padding: 6px 14px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); background-color: transparent; } .budgie-run-dialog list .dim-label, .budgie-run-dialog list label.separator, .budgie-run-dialog list .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .budgie-run-dialog list .subtitle, .budgie-run-dialog list headerbar .subtitle, headerbar .budgie-run-dialog list .subtitle, .budgie-run-dialog list .budgie-notification .notification-body, .budgie-notification .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher .notification-body, .budgie-switcher .budgie-run-dialog list .notification-body { opacity: 1; } .budgie-run-dialog scrolledwindow { border-top: 1px solid rgba(0, 0, 0, 0.26); } /************************ * LightDM GTK+ Greeter * ************************/ #panel_window { background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; } #panel_window menubar, #panel_window separator { background-color: transparent; } #panel_window separator { padding: 0 4px; } #panel_window separator:first-child { padding: 0 8px; } #panel_window menubar > menuitem { color: rgba(255, 255, 255, 0.7); } #panel_window menubar > menuitem:hover { color: #FFFFFF; } #panel_window menubar > menuitem:disabled label { color: rgba(255, 255, 255, 0.3); } #login_window, #shutdown_dialog, #restart_dialog { margin: 8px; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1); background-color: #424242; } #content_frame { padding-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.26); } #buttonbox_frame { padding-top: 24px; } #buttonbox_frame button { margin: -16px; } #greeter_infobar { margin-top: -1px; } /* GTK NAMED COLORS ---------------- use responsibly! */ /* widget text/foreground color */ @define-color theme_fg_color #FFFFFF; /* text color for entries, views and content in general */ @define-color theme_text_color #FFFFFF; /* widget base background color */ @define-color theme_bg_color #212121; /* text widgets and the like base background color */ @define-color theme_base_color #303030; /* base background color of selections */ @define-color theme_selected_bg_color #338DD6; /* text/foreground color of selections */ @define-color theme_selected_fg_color #FFFFFF; /* base background color of insensitive widgets */ @define-color insensitive_bg_color #212121; /* text foreground color of insensitive widgets */ @define-color insensitive_fg_color rgba(255, 255, 255, 0.5); /* insensitive text widgets and the like base background color */ @define-color insensitive_base_color #292929; /* widget text/foreground color on backdrop windows */ @define-color theme_unfocused_fg_color #FFFFFF; /* text color for entries, views and content in general on backdrop windows */ @define-color theme_unfocused_text_color #FFFFFF; /* widget base background color on backdrop windows */ @define-color theme_unfocused_bg_color #212121; /* text widgets and the like base background color on backdrop windows */ @define-color theme_unfocused_base_color #303030; /* base background color of selections on backdrop windows */ @define-color theme_unfocused_selected_bg_color #338DD6; /* text/foreground color of selections on backdrop windows */ @define-color theme_unfocused_selected_fg_color #FFFFFF; /* insensitive color on backdrop windows */ @define-color unfocused_insensitive_color rgba(255, 255, 255, 0.5); /* widgets main borders color */ @define-color borders rgba(0, 0, 0, 0.26); /* widgets main borders color on backdrop windows */ @define-color unfocused_borders rgba(0, 0, 0, 0.26); /* these are pretty self explicative */ @define-color warning_color #FF6D00; @define-color error_color #DD2C00; @define-color success_color #00C853; /* FIXME this is really an API */ @define-color content_view_bg #303030; @define-color placeholder_text_color #c1c1c1; materia-theme-20180321/src/gtk/3.20/gtk-dark-compact.scss000066400000000000000000000004301325420104000224450ustar00rootroot00000000000000$variant: 'dark'; $titlebar: 'dark'; $compact: 'true'; @import '../../_sass/gtk/variables'; @import '../../_sass/colors'; @import '../../_sass/gtk/drawing-3.20'; @import '../../_sass/gtk/common-3.20'; @import '../../_sass/gtk/apps-3.20'; @import '../../_sass/gtk/colors-public'; materia-theme-20180321/src/gtk/3.20/gtk-dark.css000066400000000000000000004523151325420104000206530ustar00rootroot00000000000000@keyframes ripple_effect { to { background-size: 1000% 1000%; } } @keyframes header_ripple_effect { from { background-image: radial-gradient(circle farthest-corner at center, #338DD6 0%, transparent 0%); } to { background-image: radial-gradient(circle farthest-corner at center, #338DD6 100%, transparent 0%); } } * { background-clip: padding-box; -GtkToolButton-icon-spacing: 0; -GtkTextView-error-underline-color: #DD2C00; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 24; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-style: solid; outline-width: 2px; outline-color: transparent; outline-offset: -4px; -gtk-outline-radius: 2px; -gtk-secondary-caret-color: #338DD6; } notebook:focus tab, *:focus { outline-color: alpha(currentColor, 0.3); } /*************** * Base States * ***************/ .background { background-color: #212121; color: #FFFFFF; } /* 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: #212121; color: #FFFFFF; } .gtkstyle-fallback:hover { background-color: #141414; color: #FFFFFF; } .gtkstyle-fallback:active { background-color: #080808; color: #FFFFFF; } .gtkstyle-fallback:disabled { background-color: #212121; color: rgba(255, 255, 255, 0.5); } .gtkstyle-fallback:selected { background-color: #338DD6; color: #FFFFFF; } .view { background-color: #303030; color: #FFFFFF; } .view:disabled { color: rgba(255, 255, 255, 0.5); } .view:hover, .view:active, .view:selected { border-radius: 2px; } textview text { background-color: #303030; } textview border { background-color: #292929; color: rgba(255, 255, 255, 0.5); } .rubberband, rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, .content-view .rubberband { border: 1px solid #40C4FF; background-color: rgba(64, 196, 255, 0.3); } flowbox flowboxchild { padding: 4px; border-radius: 2px; } .content-view .tile:selected { background-color: transparent; color: inherit; } label { caret-color: currentColor; } label.separator { color: #FFFFFF; } label selection { background-color: #338DD6; color: #FFFFFF; } label:disabled { color: rgba(255, 255, 255, 0.5); } tab label:disabled, button label:disabled { color: inherit; } .dim-label, label.separator, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, .budgie-notification .notification-body, .budgie-switcher .notification-body { opacity: 0.6; } assistant .sidebar { padding: 4px 0; } assistant .sidebar label { min-height: 36px; padding: 0 12px; color: rgba(255, 255, 255, 0.5); font-weight: 500; } assistant .sidebar label.highlight { color: #FFFFFF; } popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .app-notification, .osd .scale-popup, .nautilus-window .floating-bar, .osd { opacity: 0.9; } /********************* * Spinner Animation * *********************/ @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } spinner:checked { opacity: 1; animation: spin 1s linear infinite; } spinner:checked:disabled { opacity: 0.5; } /**************** * Text Entries * ****************/ spinbutton:not(.vertical), entry { min-height: 36px; padding: 0 8px; border-radius: 2px; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #303030; color: #FFFFFF; } spinbutton:focus:not(.vertical), entry:focus { border-image: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } spinbutton:disabled:not(.vertical), entry:disabled { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #292929; color: rgba(255, 255, 255, 0.5); } spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) entry:not(.search), notebook > stack:not(:only-child) spinbutton:not(.vertical), messagedialog entry, colorchooser .popover.osd spinbutton:not(.vertical), layoutpane entry.search, editortweak entry.search, .raven .raven-background spinbutton:not(.vertical), #login_window entry, entry.flat { border-radius: 0; transition: all 270ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); background-color: transparent; color: #FFFFFF; } spinbutton.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry:focus:not(.search), notebook > stack:not(:only-child) spinbutton:focus:not(.vertical), messagedialog entry:focus, colorchooser .popover.osd spinbutton:focus:not(.vertical), layoutpane entry.search:focus, editortweak entry.search:focus, .raven .raven-background spinbutton:focus:not(.vertical), #login_window entry:focus, entry.flat:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } spinbutton.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry:disabled:not(.search), notebook > stack:not(:only-child) spinbutton:disabled:not(.vertical), messagedialog entry:disabled, colorchooser .popover.osd spinbutton:disabled:not(.vertical), layoutpane entry.search:disabled, editortweak entry.search:disabled, .raven .raven-background spinbutton:disabled:not(.vertical), #login_window entry:disabled, entry.flat:disabled { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); background-color: transparent; color: rgba(255, 255, 255, 0.5); } spinbutton:not(.vertical) image, entry image { color: rgba(255, 255, 255, 0.7); } spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active, entry image:hover, entry image:active { color: #FFFFFF; } spinbutton:not(.vertical) image:disabled, entry image:disabled { color: rgba(255, 255, 255, 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) undershoot.left, entry undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: left top; } spinbutton:not(.vertical) undershoot.right, entry undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: right top; } spinbutton.error:not(.vertical), entry.error { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #DD2C00; color: #FFFFFF; } spinbutton.error:focus:not(.vertical), entry.error:focus { border-image: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } spinbutton.error:disabled:not(.vertical), entry.error:disabled { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #292929; color: rgba(255, 255, 255, 0.5); } spinbutton.error.flat:not(.vertical), notebook > stack:not(:only-child) entry.error:not(.search), notebook > stack:not(:only-child) spinbutton.error:not(.vertical), messagedialog entry.error, colorchooser .popover.osd spinbutton.error:not(.vertical), layoutpane entry.error.search, editortweak entry.error.search, .raven .raven-background spinbutton.error:not(.vertical), #login_window entry.error, entry.error.flat { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 0%, transparent 0%) 0 0 0/0 0 0px; box-shadow: inset 0 -1px #DD2C00; background-color: transparent; color: #FFFFFF; } spinbutton.error.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.error:focus:not(.search), notebook > stack:not(:only-child) spinbutton.error:focus:not(.vertical), messagedialog entry.error:focus, colorchooser .popover.osd spinbutton.error:focus:not(.vertical), layoutpane entry.error.search:focus, editortweak entry.error.search:focus, .raven .raven-background spinbutton.error:focus:not(.vertical), #login_window entry.error:focus, entry.error.flat:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 100%, transparent 0%) 0 0 2/0 0 2px; box-shadow: inset 0 -1px #DD2C00; } spinbutton.error.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.error:disabled:not(.search), notebook > stack:not(:only-child) spinbutton.error:disabled:not(.vertical), messagedialog entry.error:disabled, colorchooser .popover.osd spinbutton.error:disabled:not(.vertical), layoutpane entry.error.search:disabled, editortweak entry.error.search:disabled, .raven .raven-background spinbutton.error:disabled:not(.vertical), #login_window entry.error:disabled, entry.error.flat:disabled { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); background-color: transparent; color: rgba(255, 255, 255, 0.5); } spinbutton.error:not(.vertical) image, entry.error image { color: rgba(255, 255, 255, 0.7); } spinbutton.error:not(.vertical) image:hover, spinbutton.error:not(.vertical) image:active, entry.error image:hover, entry.error image:active { color: #FFFFFF; } spinbutton.error:not(.vertical) image:disabled, entry.error image:disabled { color: rgba(255, 255, 255, 0.5); } spinbutton.warning:not(.vertical), entry.warning { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FF6D00; color: #FFFFFF; } spinbutton.warning:focus:not(.vertical), entry.warning:focus { border-image: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } spinbutton.warning:disabled:not(.vertical), entry.warning:disabled { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #292929; color: rgba(255, 255, 255, 0.5); } spinbutton.warning.flat:not(.vertical), notebook > stack:not(:only-child) entry.warning:not(.search), notebook > stack:not(:only-child) spinbutton.warning:not(.vertical), messagedialog entry.warning, colorchooser .popover.osd spinbutton.warning:not(.vertical), layoutpane entry.warning.search, editortweak entry.warning.search, .raven .raven-background spinbutton.warning:not(.vertical), #login_window entry.warning, entry.warning.flat { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 0%, transparent 0%) 0 0 0/0 0 0px; box-shadow: inset 0 -1px #FF6D00; background-color: transparent; color: #FFFFFF; } spinbutton.warning.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.warning:focus:not(.search), notebook > stack:not(:only-child) spinbutton.warning:focus:not(.vertical), messagedialog entry.warning:focus, colorchooser .popover.osd spinbutton.warning:focus:not(.vertical), layoutpane entry.warning.search:focus, editortweak entry.warning.search:focus, .raven .raven-background spinbutton.warning:focus:not(.vertical), #login_window entry.warning:focus, entry.warning.flat:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 100%, transparent 0%) 0 0 2/0 0 2px; box-shadow: inset 0 -1px #FF6D00; } spinbutton.warning.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.warning:disabled:not(.search), notebook > stack:not(:only-child) spinbutton.warning:disabled:not(.vertical), messagedialog entry.warning:disabled, colorchooser .popover.osd spinbutton.warning:disabled:not(.vertical), layoutpane entry.warning.search:disabled, editortweak entry.warning.search:disabled, .raven .raven-background spinbutton.warning:disabled:not(.vertical), #login_window entry.warning:disabled, entry.warning.flat:disabled { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); background-color: transparent; color: rgba(255, 255, 255, 0.5); } spinbutton.warning:not(.vertical) image, entry.warning image { color: rgba(255, 255, 255, 0.7); } spinbutton.warning:not(.vertical) image:hover, spinbutton.warning:not(.vertical) image:active, entry.warning image:hover, entry.warning image:active { color: #FFFFFF; } spinbutton.warning:not(.vertical) image:disabled, entry.warning image:disabled { color: rgba(255, 255, 255, 0.5); } spinbutton:not(.vertical) progress, entry progress { margin: 2px -6px; border-bottom: 2px solid #338DD6; background-color: transparent; } .linked:not(.vertical) > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) .linked:not(.vertical) > entry:not(.search), notebook > stack:not(:only-child) .linked:not(.vertical) > spinbutton:not(.vertical), messagedialog .linked:not(.vertical) > entry, colorchooser .popover.osd .linked:not(.vertical) > spinbutton:not(.vertical), layoutpane .linked:not(.vertical) > entry.search, editortweak .linked:not(.vertical) > entry.search, .raven .raven-background .linked:not(.vertical) > spinbutton:not(.vertical), #login_window .linked:not(.vertical) > entry, .linked.vertical > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) .linked.vertical > entry:not(.search), notebook > stack:not(:only-child) .linked.vertical > spinbutton:not(.vertical), messagedialog .linked.vertical > entry, colorchooser .popover.osd .linked.vertical > spinbutton:not(.vertical), layoutpane .linked.vertical > entry.search, editortweak .linked.vertical > entry.search, .raven .raven-background .linked.vertical > spinbutton:not(.vertical), #login_window .linked.vertical > entry, .linked:not(.vertical) > entry.flat, .linked.vertical > entry.flat { border-radius: 0; } treeview entry.flat, treeview entry { min-height: 0; padding: 2px; border-radius: 0; background-color: #303030; } treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus { border-image: none; box-shadow: none; } .entry-tag, .documents-entry-tag, .photos-entry-tag { margin: 6px; border-radius: 9999px; box-shadow: none; background-color: #338DD6; color: #FFFFFF; } .entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } :dir(ltr) .entry-tag, :dir(ltr) .documents-entry-tag, :dir(ltr) .photos-entry-tag { margin-left: 8px; margin-right: -2px; padding-left: 8px; padding-right: 4px; } :dir(rtl) .entry-tag, :dir(rtl) .documents-entry-tag, :dir(rtl) .photos-entry-tag { margin-left: -2px; margin-right: 8px; padding-left: 4px; padding-right: 8px; } .entry-tag.button, .button.documents-entry-tag, .button.photos-entry-tag { box-shadow: none; background-color: transparent; } .entry-tag.button:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active) { color: rgba(255, 255, 255, 0.7); } /*********** * Buttons * ***********/ @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#009688), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#009688), to(transparent)); } } button { min-height: 24px; min-width: 16px; padding: 6px 10px; border-radius: 2px; font-weight: 500; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1), background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 9999px transparent; background-color: #424242; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; color: rgba(255, 255, 255, 0.8); } button:hover { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px transparent; color: #FFFFFF; } button:active { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px alpha(currentColor, 0.15); background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%); background-size: 0% 0%; color: #FFFFFF; } button:disabled { box-shadow: none; background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.3); } button:checked { background-color: #338DD6; color: #FFFFFF; } button:checked:disabled { background-color: rgba(51, 141, 214, 0.3); color: rgba(51, 141, 214, 0.5); } modelbutton.flat, .menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button, popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check, radio, calendar.button, messagedialog.csd .dialog-action-area button, button.sidebar-button, .gedit-search-slider button, #mate-menu button, .budgie-settings-window buttonbox.inline-toolbar button, .raven .raven-header:not(.top) button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, .lightdm-gtk-greeter button, :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) .path-bar button, layouttabbar button, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, toolbar button, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), headerbar button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button, button.flat { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 9999px transparent; background-color: transparent; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; color: rgba(255, 255, 255, 0.7); } modelbutton.flat:hover, .menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background.menu button:hover, popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover, radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button:hover, button.sidebar-button:hover, .gedit-search-slider button:hover, #mate-menu button:hover, .budgie-settings-window buttonbox.inline-toolbar button:hover, .raven .raven-header:not(.top) button:hover, .drop-shadow button:hover, .budgie-session-dialog .linked.horizontal > button:hover, .lightdm-gtk-greeter button:hover, :not(headerbar) .caja-pathbar button:hover, .caja-pathbar :not(headerbar) button:hover, :not(headerbar) .path-bar button:hover, layouttabbar button:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, toolbar button:hover, .titlebar:not(headerbar) button:hover:not(.suggested-action):not(.destructive-action), headerbar button:hover:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:hover, button.flat:hover { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15); color: #FFFFFF; } modelbutton.flat:active, .menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background.menu button:active, popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active, radio:active, calendar.button:active, messagedialog.csd .dialog-action-area button:active, button.sidebar-button:active, .gedit-search-slider button:active, #mate-menu button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, .raven .raven-header:not(.top) button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, .lightdm-gtk-greeter button:active, :not(headerbar) .caja-pathbar button:active, .caja-pathbar :not(headerbar) button:active, :not(headerbar) .path-bar button:active, layouttabbar button:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, toolbar button:active, .titlebar:not(headerbar) button:active:not(.suggested-action):not(.destructive-action), headerbar button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:active, button.flat:active { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15); background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%); background-size: 0% 0%; color: #FFFFFF; } modelbutton.flat:disabled, .menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background.menu button:disabled, popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled, radio:disabled, calendar.button:disabled, messagedialog.csd .dialog-action-area button:disabled, button.sidebar-button:disabled, .gedit-search-slider button:disabled, #mate-menu button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, .raven .raven-header:not(.top) button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, .lightdm-gtk-greeter button:disabled, :not(headerbar) .caja-pathbar button:disabled, .caja-pathbar :not(headerbar) button:disabled, :not(headerbar) .path-bar button:disabled, layouttabbar button:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, toolbar button:disabled, .titlebar:not(headerbar) button:disabled:not(.suggested-action):not(.destructive-action), headerbar button:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:disabled, button.flat:disabled { box-shadow: none; background-color: transparent; color: rgba(255, 255, 255, 0.3); } :not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .path-bar button:checked, layouttabbar button:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, toolbar button:checked, .titlebar:not(headerbar) button:checked:not(.suggested-action):not(.destructive-action), headerbar button:checked:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked, button.flat:checked { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } :not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar) .path-bar button:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, toolbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled:not(.suggested-action):not(.destructive-action), headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked:disabled, button.flat:checked:disabled { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } button.text-button { padding-left: 16px; padding-right: 16px; } button.image-button { min-width: 24px; padding: 6px; } button.text-button.image-button { border-radius: 2px; -gtk-outline-radius: 2px; } 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; } toolbar .linked > button, .titlebar:not(headerbar) .linked > button:not(.suggested-action):not(.destructive-action), headerbar .linked > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button, toolbar .linked.vertical > button, .titlebar:not(headerbar) .linked.vertical > button:not(.suggested-action):not(.destructive-action), headerbar .linked.vertical > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked.vertical > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked.vertical > button, .linked > button.flat, .linked.vertical > button.flat { border-radius: 2px; } toolbar .linked > button.text-button.image-button, .titlebar:not(headerbar) .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action), headerbar .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.text-button.image-button, toolbar .linked.vertical > button.text-button.image-button, .titlebar:not(headerbar) .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action), headerbar .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked.vertical > button.text-button.image-button, .linked > button.flat.text-button.image-button, .linked.vertical > button.flat.text-button.image-button { border-radius: 2px; -gtk-outline-radius: 2px; } infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, row:selected button:disabled { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.3); } row:selected button.sidebar-button, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, .raven-mpris button.image-button, row:selected button.flat { color: rgba(255, 255, 255, 0.7); } row:selected button.sidebar-button:hover, infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, .raven-mpris button.image-button:hover, row:selected button.sidebar-button:active, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .raven-mpris button.image-button:active, row:selected button.flat:hover, row:selected button.flat:active { color: #FFFFFF; } row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .raven-mpris button.image-button:disabled, row:selected button.flat:disabled { color: rgba(255, 255, 255, 0.3); } row:selected button.sidebar-button:checked, infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .raven-mpris button.image-button:checked, row:selected button.flat:checked { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } row:selected button.sidebar-button:checked:disabled, infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .raven-mpris button.image-button:checked:disabled, row:selected button.flat:checked:disabled { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } button.osd { padding: 12px 16px; } button.osd.image-button { padding: 12px; } button.osd:disabled { opacity: 0; } button.suggested-action { background-color: #009688; color: #FFFFFF; } button.suggested-action:disabled { box-shadow: none; background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } button.suggested-action:checked { background-color: #4db6ac; } button.suggested-action.flat { background-color: transparent; color: #009688; } button.suggested-action.flat:disabled { box-shadow: none; background-color: transparent; color: rgba(255, 255, 255, 0.5); } button.suggested-action.flat:checked { background-color: rgba(0, 150, 136, 0.3); } button.destructive-action { background-color: #FF5252; color: #FFFFFF; } button.destructive-action:disabled { box-shadow: none; background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } button.destructive-action:checked { background-color: #ff8686; } button.destructive-action.flat { background-color: transparent; color: #FF5252; } button.destructive-action.flat:disabled { box-shadow: none; background-color: transparent; color: rgba(255, 255, 255, 0.5); } button.destructive-action.flat:checked { background-color: rgba(255, 82, 82, 0.3); } .stack-switcher > button { outline-offset: -4px; } .stack-switcher > button > label { padding-left: 6px; padding-right: 6px; } .stack-switcher > button > image { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } .stack-switcher > button.text-button { padding-left: 10px; padding-right: 10px; } .stack-switcher > button.image-button { padding-left: 4px; padding-right: 4px; } .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { animation: none; background-image: none; } .primary-toolbar button { -gtk-icon-shadow: none; } button.image-button, toolbar .linked > button.image-button, .titlebar:not(headerbar) .linked > button.image-button:not(.suggested-action):not(.destructive-action), headerbar .linked > button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.image-button, toolbar .linked.vertical > button.image-button, headerbar .linked.vertical > button.image-button:not(.suggested-action):not(.destructive-action), .app-notification .linked.vertical > button.image-button, .linked > button.flat.image-button, .linked.vertical > button.flat.image-button, .inline-toolbar button:not(.text-button), check, radio, button.titlebutton, .nautilus-window headerbar > revealer > button, .raven .raven-header:not(.top) button.image-button, .raven .expander-button, button.close, button.circular { border-radius: 9999px; -gtk-outline-radius: 9999px; } spinbutton:not(.vertical) button, notebook > header tab button.flat, button.sidebar-button, .nautilus-window .floating-bar button, .gedit-document-panel row button.flat, .gedit-search-slider button:dir(ltr), .gedit-search-slider button:dir(rtl), .pluma-window paned.horizontal box.vertical box.horizontal button.flat { min-height: 24px; min-width: 24px; padding: 0; border-radius: 9999px; -gtk-outline-radius: 9999px; } .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label { animation: needs_attention 270ms cubic-bezier(0, 0, 0.2, 1) forwards; background-repeat: no-repeat; background-position: right 3px; background-size: 6px 6px; } .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) { background-position: left 3px; } .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked > button, .linked:not(.vertical) > combobox > box > button.combo { border-radius: 0; -gtk-outline-radius: 2px; } .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .linked > button:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .linked > button:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo { border-radius: 2px; } .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button, .linked.vertical > combobox > box > button.combo { border-radius: 0; -gtk-outline-radius: 2px; } .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo { border-top-left-radius: 2px; border-top-right-radius: 2px; } .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo { border-radius: 2px; } /* menu buttons */ modelbutton.flat, .menuitem.button.flat { min-height: 28px; padding: 0 8px; border-radius: 2px; color: inherit; } modelbutton.flat arrow { background: none; } modelbutton.flat arrow:hover { background: none; } modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } button.color { min-height: 24px; min-width: 24px; padding: 6px; } /********* * Links * *********/ *:link, button:link, button:visited, *:link:hover, button:hover:link, button:hover:visited, *:link:active, button:active:link, button:active:visited { color: #338DD6; } *:link:visited, button:visited, *:link:visited:hover, button:visited:hover, *:link:visited:active, button:visited:active { color: #E040FB; } infobar.info *:link, infobar.info button:link, infobar.info button:visited, infobar.question *:link, infobar.question button:link, infobar.question button:visited, infobar.warning *:link, infobar.warning button:link, infobar.warning button:visited, infobar.error *:link, infobar.error button:link, infobar.error button:visited, *:link:selected, button:selected:link, button:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:link, headerbar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited { color: #FFFFFF; } button:link > label, button:visited > label { text-decoration-line: underline; } /***************** * GtkSpinButton * *****************/ spinbutton:not(.vertical) { padding: 0; } notebook > stack:not(:only-child) spinbutton:not(.vertical) entry, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:focus, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:disabled, spinbutton:not(.vertical) entry { min-width: 32px; margin: 0; border-image: none; border-radius: 0; box-shadow: none; background-color: transparent; } spinbutton:not(.vertical) button { border: solid 6px transparent; } spinbutton:not(.vertical) button.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:disabled { color: rgba(255, 255, 255, 0.5); } spinbutton.vertical:drop(active) { box-shadow: none; } 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.up { border-radius: 2px 2px 0 0; } spinbutton.vertical button.down { border-radius: 0 0 2px 2px; } treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; } treeview spinbutton:not(.vertical) entry { min-height: 0; padding: 1px 2px; } /************** * ComboBoxes * **************/ combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } combobox decoration, combobox button.combo:checked { transition: none; } combobox button.combo cellview:dir(ltr) { margin-left: -2px; } combobox button.combo cellview:dir(rtl) { margin-right: -2px; } combobox #gtk-combobox-popup-menu { padding: 2px 0; } combobox #gtk-combobox-popup-menu menuitem { min-height: 32px; padding: 0 8px; } combobox #gtk-combobox-popup-menu > arrow.top { margin-top: -2px; } combobox #gtk-combobox-popup-menu > arrow.bottom { margin-bottom: -6px; } combobox:drop(active) { box-shadow: none; } notebook > stack:not(:only-child) button.combo, .raven .raven-background button.combo, #login_window #user_combobox button { border-radius: 0; background-image: none; font-weight: inherit; transition: all 270ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); background-color: transparent; color: #FFFFFF; } notebook > stack:not(:only-child) button.combo:hover, .raven .raven-background button.combo:hover, #login_window #user_combobox button:hover { box-shadow: inset 0 -2px rgba(255, 255, 255, 0.5); } notebook > stack:not(:only-child) button.combo:checked, .raven .raven-background button.combo:checked, #login_window #user_combobox button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px; } notebook > stack:not(:only-child) button.combo:disabled, .raven .raven-background button.combo:disabled, #login_window #user_combobox button:disabled { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } /************ * Toolbars * ************/ toolbar { -GtkWidget-window-dragging: true; padding: 2px; background-color: #212121; } .osd toolbar { background-color: transparent; } toolbar.osd, .app-notification, frame.documents-dropdown { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); padding: 6px; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1); background-color: #303030; } toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.1); } toolbar.osd.left, .left.app-notification, frame.left.documents-dropdown, toolbar.osd.right, .right.app-notification, frame.right.documents-dropdown, toolbar.osd.top, .top.app-notification, frame.top.documents-dropdown, toolbar.osd.bottom, .bottom.app-notification, frame.bottom.documents-dropdown { border-radius: 0; } toolbar.horizontal > separator { margin: 2px; } toolbar.vertical > separator { margin: 2px; } toolbar:not(.inline-toolbar):not(.osd) scale, toolbar:not(.inline-toolbar):not(.osd) entry, toolbar:not(.inline-toolbar):not(.osd) spinbutton, toolbar:not(.inline-toolbar):not(.osd) button { margin: 2px; } toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child), toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child), toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) { margin-left: 0; } toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child), toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child), toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) { margin-right: 0; } toolbar:not(.inline-toolbar):not(.osd) spinbutton entry, toolbar:not(.inline-toolbar):not(.osd) spinbutton button { margin: 0; } toolbar:not(.inline-toolbar):not(.osd) switch { margin: 8px 2px; } .inline-toolbar { padding: 6px; border-style: solid; border-width: 0 1px 1px; border-color: rgba(0, 0, 0, 0.26); background-color: #292929; } searchbar > revealer > box, .location-bar { padding: 6px; border-style: solid; border-width: 0 0 1px; border-color: rgba(0, 0, 0, 0.26); background-color: #212121; background-clip: border-box; } searchbar > revealer > box { margin: -6px; padding: 6px; } /*************** * Header bars * ***************/ .titlebar:not(headerbar), headerbar { transition: background-color 180ms cubic-bezier(0, 0, 0.2, 1), color 270ms cubic-bezier(0, 0, 0.2, 1); min-height: 48px; padding: 0 6px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.1); background-color: #303030; color: #FFFFFF; } .titlebar:disabled:not(headerbar) :not(button) > label, headerbar:disabled :not(button) > label { color: rgba(255, 255, 255, 0.5); } .titlebar:backdrop:not(headerbar), headerbar:backdrop { color: rgba(255, 255, 255, 0.7); } .titlebar:backdrop:disabled:not(headerbar) :not(button) > label, headerbar:backdrop:disabled :not(button) > label { color: rgba(255, 255, 255, 0.3); } .titlebar:not(headerbar) .title, headerbar .title { padding: 0 12px; font-weight: bold; } .titlebar:not(headerbar) .subtitle, headerbar .subtitle { padding: 0 12px; font-size: smaller; } .titlebar:not(headerbar) .linked:not(.vertical) > entry:not(.flat), headerbar .linked:not(.vertical) > entry:not(.flat) { border-radius: 2px; } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), headerbar button:not(.suggested-action):not(.destructive-action) { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px; color: rgba(255, 255, 255, 0.7); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active, headerbar button:not(.suggested-action):not(.destructive-action):hover, headerbar button:not(.suggested-action):not(.destructive-action):active { color: #FFFFFF; } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled, headerbar button:not(.suggested-action):not(.destructive-action):disabled { color: rgba(255, 255, 255, 0.3); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, headerbar 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: #FFFFFF; } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled { color: rgba(255, 255, 255, 0.5); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, headerbar button:not(.suggested-action):not(.destructive-action):checked, headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled { background-color: transparent; } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop, headerbar button:not(.suggested-action):not(.destructive-action):backdrop { color: rgba(255, 255, 255, 0.5); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:active, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:hover, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:active { color: rgba(255, 255, 255, 0.7); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:disabled { color: rgba(255, 255, 255, 0.3); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked { color: rgba(255, 255, 255, 0.7); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { color: rgba(255, 255, 255, 0.3); } .titlebar:not(headerbar) button.suggested-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled, headerbar button.suggested-action:disabled, headerbar button.destructive-action:disabled { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } .selection-mode.titlebar:not(headerbar), headerbar.selection-mode { transition: background-color 0.00001s 270ms, color 270ms cubic-bezier(0, 0, 0.2, 1); animation: header_ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.2); background-color: #338DD6; color: #FFFFFF; } .selection-mode.titlebar:backdrop:not(headerbar), headerbar.selection-mode:backdrop { color: rgba(255, 255, 255, 0.7); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), headerbar.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: #FFFFFF; } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled { color: rgba(255, 255, 255, 0.5); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, headerbar.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: #FFFFFF; } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled { color: rgba(255, 255, 255, 0.5); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop { color: rgba(255, 255, 255, 0.7); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled { color: rgba(255, 255, 255, 0.3); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked { color: rgba(255, 255, 255, 0.7); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { color: rgba(255, 255, 255, 0.3); } .selection-mode.titlebar:not(headerbar) .selection-menu, headerbar.selection-mode .selection-menu { padding-left: 16px; padding-right: 16px; } .selection-mode.titlebar:not(headerbar) .selection-menu arrow, headerbar.selection-mode .selection-menu arrow { -GtkArrow-arrow-scaling: 1; } .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } .tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 24px; padding: 6px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } .tiled .default-decoration.titlebar:not(headerbar), .maximized .default-decoration.titlebar:not(headerbar), .fullscreen .default-decoration.titlebar:not(headerbar), .tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { box-shadow: none; } .default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { min-height: 24px; min-width: 24px; margin: 0; padding: 0; } .background:not(.csd) .default-decoration.titlebar:not(headerbar) button.titlebutton:active, .background:not(.csd) headerbar.default-decoration button.titlebutton:active { background-size: 1000% 1000%; } headerbar entry, headerbar spinbutton, headerbar button { margin-top: 6px; margin-bottom: 6px; } headerbar switch { margin-top: 12px; margin-bottom: 12px; } headerbar spinbutton button { margin-top: 0; margin-bottom: 0; } .background .titlebar { border-top-left-radius: 2px; border-top-right-radius: 2px; } .background.tiled .titlebar, .background.tiled-top .titlebar, .background.tiled-right .titlebar, .background.tiled-bottom .titlebar, .background.tiled-left .titlebar, .background.maximized .titlebar, .background.solid-csd .titlebar { border-top-left-radius: 0; border-top-right-radius: 0; } window separator:first-child + headerbar, window headerbar:first-child { border-top-left-radius: 2px; } window headerbar:last-child { border-top-right-radius: 2px; } window stack headerbar:first-child, window stack headerbar:last-child { border-top-left-radius: 2px; border-top-right-radius: 2px; } window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child { border-top-left-radius: 0; border-top-right-radius: 0; } window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; box-shadow: none; } .titlebar:not(headerbar) > separator { background-color: #303030; background-image: image(rgba(0, 0, 0, 0.26)); } /************ * Pathbars * ************/ .caja-pathbar button, .path-bar button { padding-left: 6px; padding-right: 6px; } .caja-pathbar button label:not(:only-child):first-child, .path-bar button label:not(:only-child):first-child { margin-left: 4px; } .caja-pathbar button label:not(:only-child):last-child, .path-bar button label:not(:only-child):last-child { margin-right: 4px; } .caja-pathbar button.slider-button, .path-bar button.slider-button { padding-left: 4px; padding-right: 4px; } :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) .path-bar button { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px; border-radius: 2px; } :not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .path-bar button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px; } :not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar) .path-bar button:checked, :not(headerbar) .path-bar button:checked:disabled { background-color: transparent; } /************** * Tree Views * **************/ treeview.view { border-left-color: rgba(255, 255, 255, 0.3); border-top-color: rgba(0, 0, 0, 0.26); } * { -GtkTreeView-horizontal-separator: 4; -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; } treeview.view:selected { border-left-color: rgba(255, 255, 255, 0.3); } treeview.view:hover, treeview.view:active, treeview.view:selected { border-radius: 0; } treeview.view.separator { min-height: 5px; color: rgba(0, 0, 0, 0.26); } treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #009688; } treeview.view:drop(active).after { border-top-style: none; } treeview.view:drop(active).before { border-bottom-style: none; } treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -gtk-icon-transform: rotate(-90deg); color: rgba(255, 255, 255, 0.7); } treeview.view.expander:dir(rtl) { -gtk-icon-transform: rotate(90deg); } treeview.view.expander:checked { -gtk-icon-transform: unset; } treeview.view.expander:hover, treeview.view.expander:active { color: #FFFFFF; } treeview.view.expander:disabled { color: rgba(255, 255, 255, 0.3); } treeview.view.expander:selected { color: rgba(255, 255, 255, 0.7); } treeview.view.expander:selected:hover, treeview.view.expander:selected:active { color: #FFFFFF; } treeview.view.expander:selected:disabled { color: rgba(255, 255, 255, 0.3); } treeview.view.progressbar { border-bottom: 4px solid #338DD6; box-shadow: none; background-color: transparent; } treeview.view.progressbar:selected { border-bottom-color: #FFFFFF; } treeview.view.trough { border-bottom: 4px solid rgba(51, 141, 214, 0.3); box-shadow: none; background-color: transparent; } treeview.view.trough:selected { border-bottom-color: rgba(255, 255, 255, 0.3); } treeview.view header button { padding: 2px 6px; border-style: none solid solid none; border-width: 1px; border-color: rgba(0, 0, 0, 0.26); border-radius: 0; background-clip: border-box; } treeview.view header button, treeview.view header button:hover, treeview.view header button:active { box-shadow: none; } treeview.view header button, treeview.view header button:disabled { background-color: #303030; } 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(0, 0, 0, 0.26); border-radius: 0; box-shadow: none; background-color: #303030; background-clip: border-box; color: #338DD6; } treeview.view acceleditor > label { background-color: #338DD6; } /********* * Menus * *********/ menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0; background-color: #303030; } menubar > menuitem, .menubar > menuitem { transition: all 180ms 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); } menubar > menuitem label:disabled, .menubar > menuitem label:disabled { color: inherit; } .csd.popup { background-color: transparent; } menu, .menu, .context-menu { margin: 4px 0; padding: 4px 0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); background-color: #303030; border: 1px solid rgba(0, 0, 0, 0.26); } .csd menu, .csd .menu, .csd .context-menu { border: none; border-radius: 2px; } menu menuitem, .menu menuitem, .context-menu menuitem { transition: background-color 180ms cubic-bezier(0, 0, 0.2, 1); min-height: 20px; min-width: 40px; padding: 4px 8px; font: initial; text-shadow: none; } menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { transition: none; background-color: rgba(255, 255, 255, 0.12); } menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: rgba(255, 255, 255, 0.5); } menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; min-width: 16px; } menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 8px; } menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 8px; } menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { color: inherit; } menu > arrow, .menu > arrow, .context-menu > arrow { min-height: 16px; min-width: 16px; padding: 4px; background-color: #303030; color: rgba(255, 255, 255, 0.7); } menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -4px; border-bottom: 1px solid rgba(0, 0, 0, 0.26); border-radius: 2px 2px 0 0; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-bottom: -12px; border-top: 1px solid rgba(0, 0, 0, 0.26); border-radius: 0 0 2px 2px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-image: image(rgba(255, 255, 255, 0.12)); color: #FFFFFF; } 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(255, 255, 255, 0.7); } .popup:not(.csd) menu menuitem { color: #FFFFFF; } .popup:not(.csd) menu menuitem:hover { background-color: #494949; } .popup:not(.csd) menu menuitem:disabled { color: #989898; } .popup:not(.csd) menu accelerator { color: #c1c1c1; } /************ * Popovers * ************/ popover.background { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); padding: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); background-color: #424242; } popover.background:backdrop { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } 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: 3px; } 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: 2px; } popover.background separator { margin: 4px 0; } popover.background list separator { margin: 0; } /************* * Notebooks * *************/ notebook > header { border-width: 1px; border-color: rgba(0, 0, 0, 0.26); background-color: #212121; background-clip: border-box; } notebook > header.top { border-bottom-style: solid; } notebook > header.top > tabs { margin-bottom: -1px; } notebook > header.top > tabs > tab:hover { box-shadow: inset 0 -2px rgba(255, 255, 255, 0.3); } notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -2px #338DD6; } notebook > header.bottom { border-top-style: solid; } notebook > header.bottom > tabs { margin-top: -1px; } notebook > header.bottom > tabs > tab:hover { box-shadow: inset 0 2px rgba(255, 255, 255, 0.3); } notebook > header.bottom > tabs > tab:checked { box-shadow: inset 0 2px #338DD6; } notebook > header.left { border-right-style: solid; } notebook > header.left > tabs { margin-right: -1px; } notebook > header.left > tabs > tab:hover { box-shadow: inset -2px 0 rgba(255, 255, 255, 0.3); } notebook > header.left > tabs > tab:checked { box-shadow: inset -2px 0 #338DD6; } notebook > header.right { border-left-style: solid; } notebook > header.right > tabs { margin-left: -1px; } notebook > header.right > tabs > tab:hover { box-shadow: inset 2px 0 rgba(255, 255, 255, 0.3); } notebook > header.right > tabs > tab:checked { box-shadow: inset 2px 0 #338DD6; } notebook > header.top > tabs > arrow { border-top-style: none; } notebook > header.bottom > tabs > arrow { border-bottom-style: none; } notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { padding-left: 4px; padding-right: 4px; } notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { margin-left: -8px; -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { margin-right: -8px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } notebook > header.left > tabs > arrow { border-left-style: none; } notebook > header.right > tabs > arrow { border-right-style: none; } notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { padding-top: 4px; padding-bottom: 4px; } notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { margin-top: -8px; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { margin-bottom: -8px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; } notebook > header tab { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; min-height: 24px; min-width: 24px; padding: 6px 12px; outline-offset: -6px; border-width: 1px; border-color: transparent; background-image: radial-gradient(circle farthest-corner at center, #338DD6 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; color: rgba(255, 255, 255, 0.7); font-weight: 500; } notebook > header tab:hover { color: #FFFFFF; } notebook > header tab:hover.reorderable-page { border-color: rgba(0, 0, 0, 0.26); background-color: #292929; } notebook > header tab:disabled { color: rgba(255, 255, 255, 0.3); } notebook > header tab:checked { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 270ms cubic-bezier(0, 0, 0.2, 1), background-image 720ms cubic-bezier(0, 0, 0.2, 1); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-size: 1000% 1000%; color: #FFFFFF; } notebook > header tab:checked:disabled { color: rgba(255, 255, 255, 0.5); } notebook > header tab:checked.reorderable-page { border-color: rgba(0, 0, 0, 0.26); background-color: #303030; } notebook > header tab button.flat:last-child { margin-left: 6px; margin-right: -6px; } notebook > header tab button.flat:first-child { margin-left: -6px; margin-right: 6px; } notebook > header.top tabs, notebook > header.bottom tabs { padding-left: 8px; padding-right: 8px; } notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { margin-left: 0; } notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { margin-right: 0; } notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { margin: 0 -1px; border-style: none solid; } notebook > header.left tabs, notebook > header.right tabs { padding-top: 8px; padding-bottom: 8px; } notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { margin-top: 0; } notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { margin-bottom: 0; } notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { margin: -1px 0; border-style: solid none; } notebook > stack:not(:only-child) { background-color: #303030; } /************** * Scrollbars * **************/ scrollbar { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); background-color: #303030; background-clip: border-box; } * { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; } scrollbar.top { border-bottom: 1px solid rgba(0, 0, 0, 0.26); } scrollbar.bottom { border-top: 1px solid rgba(0, 0, 0, 0.26); } scrollbar.left { border-right: 1px solid rgba(0, 0, 0, 0.26); } scrollbar.right { border-left: 1px solid rgba(0, 0, 0, 0.26); } scrollbar slider { transition: all 180ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0; min-width: 8px; min-height: 8px; border: 4px solid transparent; border-radius: 9999px; background-clip: padding-box; background-color: rgba(255, 255, 255, 0.5); } scrollbar slider:hover { background-color: rgba(255, 255, 255, 0.7); } scrollbar slider:active { background-color: #FFFFFF; } scrollbar slider:disabled { background-color: rgba(255, 255, 255, 0.3); } scrollbar.fine-tune slider { transition: all 180ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0; 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(.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(48, 48, 48, 0.3); } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 4px; min-height: 4px; margin: 3px; border: 1px solid rgba(48, 48, 48, 0.3); border-radius: 9999px; background-color: rgba(255, 255, 255, 0.5); background-clip: padding-box; -gtk-icon-source: none; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { background-color: rgba(255, 255, 255, 0.3); } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { min-width: 24px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { min-width: 8px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { min-height: 24px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { min-height: 8px; } scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { background-color: rgba(48, 48, 48, 0.9); } scrollbar.horizontal slider { min-width: 24px; } scrollbar.vertical slider { min-height: 24px; } scrollbar button { min-width: 16px; min-height: 16px; padding: 0; border-radius: 0; } scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } scrollbar.vertical button.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } scrollbar.horizontal button.down { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } /********** * Switch * **********/ switch { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); margin: 6px 0; padding: 0 2px; border: 5px solid transparent; border-radius: 9999px; background-color: rgba(255, 255, 255, 0.3); background-clip: padding-box; font-size: 0; } switch:disabled { background-color: rgba(255, 255, 255, 0.12); } switch:checked { background-color: rgba(0, 150, 136, 0.5); } switch:checked:disabled { background-color: rgba(0, 150, 136, 0.3); } switch slider { transition: all 180ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); min-width: 20px; min-height: 20px; margin: -3px -2px; border-radius: 9999px; outline-width: 0; outline-color: rgba(255, 255, 255, 0.12); outline-offset: 0; -gtk-outline-radius: 9999px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #424242; } switch:focus slider { outline-width: 14px; } switch:hover slider { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } switch:checked slider { background-color: #009688; outline-color: rgba(0, 150, 136, 0.2); } switch:disabled slider { background-color: #212121; } /************************* * Check and Radio items * *************************/ .view.content-view.check:not(list), .content-view .tile check:not(list) { min-height: 40px; min-width: 40px; margin: 0; padding: 0; box-shadow: none; background-color: transparent; background-image: none; -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .view.content-view.check:not(list):hover, .view.content-view.check:not(list):active, .content-view .tile check:not(list):hover, .content-view .tile check:not(list):active { -gtk-icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } .view.content-view.check:not(list), .content-view .tile check:not(list) { -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked-dark.png"), url("assets/selectionmode-checkbox-unchecked-dark@2.png")); } .view.content-view.check:not(list):checked, .content-view .tile check:not(list):checked { -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked-dark.png"), url("assets/selectionmode-checkbox-checked-dark@2.png")); } checkbutton.text-button, radiobutton.text-button { padding: 2px; outline-offset: 0; } checkbutton.text-button label:not(:only-child), radiobutton.text-button label:not(:only-child) { margin: 0 4px; } check, radio { min-height: 24px; min-width: 24px; margin: -8px; padding: 8px; } check:checked, check:indeterminate, radio:checked, radio:indeterminate { color: #009688; } check:checked:disabled, check:indeterminate:disabled, radio:checked:disabled, radio:indeterminate:disabled { color: rgba(0, 150, 136, 0.5); } row:selected check:not(:checked):not(:indeterminate), row:selected radio:not(:checked):not(:indeterminate) { color: rgba(255, 255, 255, 0.7); } row:selected check:not(:checked):not(:indeterminate):hover, row:selected check:not(:checked):not(:indeterminate):active, row:selected radio:not(:checked):not(:indeterminate):hover, row:selected radio:not(:checked):not(:indeterminate):active { color: #FFFFFF; } row:selected check:not(:checked):not(:indeterminate):disabled, row:selected radio:not(:checked):not(:indeterminate):disabled { color: rgba(255, 255, 255, 0.3); } popover check, popover check:hover, popover check:active, popover check:disabled, popover radio, popover radio:hover, popover radio:active, popover radio:disabled { box-shadow: none; background-image: none; } popover check:not(:checked):not(:indeterminate):not(:disabled), popover radio:not(:checked):not(:indeterminate):not(:disabled) { color: rgba(255, 255, 255, 0.7); } popover check.left:dir(rtl), popover radio.left:dir(rtl) { margin-left: -12px; margin-right: -4px; } popover check.right:dir(ltr), popover radio.right:dir(ltr) { margin-left: -4px; margin-right: -12px; } menu menuitem check, menu menuitem radio { transition: none; margin: 0; padding: 0; } menu menuitem check:dir(ltr), menu menuitem radio:dir(ltr) { margin-right: 8px; } menu menuitem check:dir(rtl), menu menuitem radio:dir(rtl) { margin-left: 8px; } menu menuitem check:not(:checked):not(:indeterminate):not(:disabled), menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled) { color: rgba(255, 255, 255, 0.7); } menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled { box-shadow: none; } check { -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg")); } check:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")); } check:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg")); } radio { -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg")); border-image-slice: 20; border-image-width: 20px; } radio:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg")); } radio { border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#009688), to(transparent)); } radio:checked:not(:indeterminate) { border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#009688), to(transparent)); } radio:checked:not(:indeterminate):disabled { border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(rgba(0, 150, 136, 0.5)), to(transparent)); } window.background:not(.csd) > widget > checkbutton > check, menu menuitem check { min-height: 16px; min-width: 16px; border-radius: 2px; -gtk-outline-radius: 2px; -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg")); } window.background:not(.csd) > widget > checkbutton > check:checked, menu menuitem check:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg")); } window.background:not(.csd) > widget > checkbutton > check:indeterminate, menu menuitem check:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg")); } window.background:not(.csd) > widget > radiobutton > radio, menu menuitem radio { min-height: 16px; min-width: 16px; border-image: none; -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg")); } window.background:not(.csd) > widget > radiobutton > radio:checked, menu menuitem radio:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg")); } window.background:not(.csd) > widget > radiobutton > radio:indeterminate, menu menuitem radio:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg")); } check:not(:checked):active { -gtk-icon-transform: rotate(90deg); } check:not(:checked):indeterminate:active, radio:not(:checked):indeterminate:active { -gtk-icon-transform: scaleX(-1); } check:not(:checked), radio:not(:checked) { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0; } check:not(:checked):active, radio:not(:checked):active { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0; } menu menuitem check:not(:checked), menu menuitem radio:not(:checked) { transition: none; } treeview.view check, treeview.view radio { padding: 0; } treeview.view check:hover, treeview.view radio:hover { box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05); } treeview.view check:hover:disabled, treeview.view radio:hover:disabled { box-shadow: none; } treeview.view check:hover:selected, treeview.view radio:hover:selected { box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05); } treeview.view check, treeview.view radio { color: rgba(255, 255, 255, 0.7); } treeview.view check:hover, treeview.view check:active, treeview.view radio:hover, treeview.view radio:active { color: #FFFFFF; } treeview.view check:disabled, treeview.view radio:disabled { color: rgba(255, 255, 255, 0.3); } treeview.view check:checked, treeview.view check:indeterminate, treeview.view radio:checked, treeview.view radio:indeterminate { color: #009688; } treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled, treeview.view radio:checked:disabled, treeview.view radio:indeterminate:disabled { color: rgba(0, 150, 136, 0.5); } treeview.view check:selected, treeview.view radio:selected { color: rgba(255, 255, 255, 0.7); } treeview.view check:selected:hover, treeview.view check:selected:active, treeview.view radio:selected:hover, treeview.view radio:selected:active { color: #FFFFFF; } treeview.view check:selected:disabled, treeview.view radio:selected:disabled { color: rgba(255, 255, 255, 0.3); } treeview.view check:selected:checked, treeview.view check:selected:indeterminate, treeview.view radio:selected:checked, treeview.view radio:selected:indeterminate { color: #009688; } treeview.view check:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled, treeview.view radio:selected:checked:disabled, treeview.view radio:selected:indeterminate:disabled { color: rgba(0, 150, 136, 0.5); } treeview.view radio:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")); border-image: none; } /************ * GtkScale * ************/ scale { min-height: 12px; min-width: 12px; padding: 12px; } scale slider { min-height: 24px; min-width: 24px; margin: -11px; } scale trough { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); outline-offset: 2px; background-color: rgba(255, 255, 255, 0.3); } scale trough:disabled { background-color: rgba(255, 255, 255, 0.12); } scale highlight { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); background-color: #009688; } scale highlight:disabled { background-color: transparent; } scale fill { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); background-color: rgba(255, 255, 255, 0.3); } scale fill:disabled { background-color: transparent; } scale slider { transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1); background-repeat: no-repeat; background-position: center; background-size: calc(100% - 10px); } scale slider { background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png")); } scale slider:disabled { background-image: -gtk-scaled(url("assets/scale-slider-disabled-dark.png"), url("assets/scale-slider-disabled-dark@2.png")); } scale slider:hover { background-size: calc(100% - 8px); } scale slider:active { background-size: calc(100% - 6px); } scale.fine-tune slider { background-size: calc(100% - 12px); } scale marks label, scale value { color: rgba(255, 255, 255, 0.5); } scale marks { color: rgba(255, 255, 255, 0.3); } scale marks.top { margin-bottom: 8px; margin-top: -16px; } scale marks.bottom { margin-top: 8px; margin-bottom: -16px; } scale marks.top { margin-right: 8px; margin-left: -16px; } scale marks.bottom { margin-left: 8px; margin-right: -16px; } 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 { min-height: 30px; min-width: 24px; margin-top: -17px; background-position: center calc(100% - 5px); } scale.horizontal.marks-before:not(.marks-after) slider { background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")); } scale.horizontal.marks-before:not(.marks-after) slider:disabled { background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled-dark.png"), url("assets/scale-horz-marks-before-slider-disabled-dark@2.png")); } scale.horizontal.marks-before:not(.marks-after) slider:hover { background-position: center calc(100% - 4px); } scale.horizontal.marks-before:not(.marks-after) slider:active { background-position: center calc(100% - 3px); } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { background-position: center calc(100% - 6px); } scale.horizontal.marks-after:not(.marks-before) slider { min-height: 30px; min-width: 24px; margin-bottom: -17px; background-position: center calc(5px); } scale.horizontal.marks-after:not(.marks-before) slider { background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")); } scale.horizontal.marks-after:not(.marks-before) slider:disabled { background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled-dark.png"), url("assets/scale-horz-marks-after-slider-disabled-dark@2.png")); } scale.horizontal.marks-after:not(.marks-before) slider:hover { background-position: center calc(4px); } scale.horizontal.marks-after:not(.marks-before) slider:active { background-position: center calc(3px); } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { background-position: center calc(6px); } scale.vertical.marks-before:not(.marks-after) slider { min-height: 24px; min-width: 30px; margin-left: -17px; background-position: calc(5px) center; } scale.vertical.marks-before:not(.marks-after) slider { background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")); } scale.vertical.marks-before:not(.marks-after) slider:disabled { background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled-dark.png"), url("assets/scale-vert-marks-before-slider-disabled-dark@2.png")); } scale.vertical.marks-before:not(.marks-after) slider:hover { background-position: calc(4px) center; } scale.vertical.marks-before:not(.marks-after) slider:active { background-position: calc(3px) center; } scale.vertical.marks-before:not(.marks-after).fine-tune slider { background-position: calc(6px) center; } scale.vertical.marks-after:not(.marks-before) slider { min-height: 24px; min-width: 30px; margin-right: -17px; background-position: calc(100% - 5px) center; } scale.vertical.marks-after:not(.marks-before) slider { background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")); } scale.vertical.marks-after:not(.marks-before) slider:disabled { background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled-dark.png"), url("assets/scale-vert-marks-after-slider-disabled-dark@2.png")); } scale.vertical.marks-after:not(.marks-before) slider:hover { background-position: calc(100% - 4px) center; } scale.vertical.marks-after:not(.marks-before) slider:active { background-position: calc(100% - 3px) center; } scale.vertical.marks-after:not(.marks-before).fine-tune slider { background-position: calc(100% - 6px) center; } 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: -12px; margin-top: -2px; } scale.color.vertical:dir(ltr) { padding: 0 0 0 12px; } scale.color.vertical:dir(ltr) slider { margin-left: -12px; margin-right: -2px; } scale.color.vertical:dir(rtl) { padding: 0 12px 0 0; } scale.color.vertical:dir(rtl) slider { margin-right: -12px; margin-left: -2px; } /***************** * Progress bars * *****************/ progressbar { color: rgba(255, 255, 255, 0.5); 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(51, 141, 214, 0.3); } progressbar progress { background-color: #338DD6; } 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 trough { padding: 2px; border-radius: 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #303030; } levelbar trough:disabled { background-color: #292929; } levelbar block.low { background-color: #FF6D00; } levelbar block.high, levelbar block:not(.empty) { background-color: #338DD6; } levelbar block.full { background-color: #00C853; } levelbar block.empty { background-color: rgba(255, 255, 255, 0.12); } /**************** * Print dialog * *****************/ printdialog paper { padding: 0; border: 1px solid rgba(0, 0, 0, 0.26); background-color: #303030; color: #FFFFFF; } printdialog .dialog-action-box { margin: 12px; } /********** * Frames * **********/ frame > border, .frame { margin: 0; padding: 0; border: 1px solid rgba(0, 0, 0, 0.26); border-radius: 0; box-shadow: none; } frame > border.flat, .frame.flat, frame.flat > border { border-style: none; } actionbar > revealer > box { padding: 6px; border-top: 1px solid rgba(0, 0, 0, 0.26); } scrolledwindow viewport.frame { border-style: none; } overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(64, 196, 255, 0.3)), 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(64, 196, 255, 0.3)), 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(64, 196, 255, 0.3)), 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(64, 196, 255, 0.3)), to(transparent)); background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } undershoot.top { background-color: transparent; background-image: linear-gradient(to left, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); padding-top: 1px; background-size: 12px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: left top; } undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); padding-bottom: 1px; background-size: 12px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: left bottom; } undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: left top; } undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: right top; } junction { border-style: solid none none solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.26); background-color: #303030; } junction:dir(rtl) { border-style: solid solid none none; } separator { min-width: 1px; min-height: 1px; background-color: rgba(0, 0, 0, 0.26); } button.font separator, button.file separator, .tweak-categories separator { min-width: 0; min-height: 0; background-color: transparent; } /********* * Lists * *********/ list { border-color: rgba(0, 0, 0, 0.26); background-color: #303030; } list row { padding: 2px; } row.activatable, .view, treeview.view header button, .budgie-menu button { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 9999px transparent; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } row.activatable:hover, .view:hover, treeview.view header button:hover, .budgie-menu button:hover { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, box-shadow 0, background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05); } row.activatable.has-open-popup, .has-open-popup.view, treeview.view header button.has-open-popup, .budgie-menu button.has-open-popup, row.activatable:active, .view:active, treeview.view header button:active, .budgie-menu button:active { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 0, background-image 0; animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15); background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%); background-size: 0% 0%; } /********************* * App Notifications * *********************/ .app-notification { margin: 8px; } .app-notification.frame, .app-notification border { border-style: none; } /************* * Expanders * *************/ expander title > arrow { transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1); min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -gtk-icon-transform: rotate(-90deg); color: rgba(255, 255, 255, 0.7); } expander title > arrow:dir(rtl) { -gtk-icon-transform: rotate(90deg); } expander title > arrow:checked { -gtk-icon-transform: unset; } expander title > arrow:hover, expander title > arrow:active { color: #FFFFFF; } expander title > arrow:disabled { color: rgba(255, 255, 255, 0.3); } expander title > arrow:selected { color: rgba(255, 255, 255, 0.7); } expander title > arrow:selected:hover, expander title > arrow:selected:active { color: #FFFFFF; } expander title > arrow:selected:disabled { color: rgba(255, 255, 255, 0.3); } /************ * Calendar * ************/ calendar { padding: 1px; border: 1px solid rgba(0, 0, 0, 0.26); color: #FFFFFF; } calendar:disabled { color: rgba(255, 255, 255, 0.5); } calendar:selected { border-radius: 3px; } calendar.header { border-style: none none solid; border-radius: 0; } calendar.highlight { color: rgba(255, 255, 255, 0.7); font-weight: 500; } calendar:indeterminate { color: rgba(255, 255, 255, 0.3); } /*********** * Dialogs * ***********/ messagedialog.background { background-color: #424242; } messagedialog .titlebar { min-height: 24px; border-style: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); background-color: #424242; color: #FFFFFF; } messagedialog .titlebar:backdrop { color: rgba(255, 255, 255, 0.7); } messagedialog.csd.background { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } messagedialog.csd .dialog-action-area button { padding: 8px 16px; border-top: 1px solid rgba(0, 0, 0, 0.26); border-radius: 0; } messagedialog.csd .dialog-action-area button:first-child { border-bottom-left-radius: 2px; } messagedialog.csd .dialog-action-area button:last-child { border-bottom-right-radius: 2px; } filechooser .dialog-action-box { border-top: 1px solid rgba(0, 0, 0, 0.26); } filechooser #pathbarbox { border-bottom: 1px solid rgba(0, 0, 0, 0.26); background-color: #212121; } filechooserbutton:drop(active) { box-shadow: none; } /*********** * Sidebar * ***********/ .sidebar { border-style: none; background-color: #292929; } stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { border-right: 1px solid rgba(0, 0, 0, 0.26); border-left-style: none; } stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { border-left: 1px solid rgba(0, 0, 0, 0.26); border-right-style: none; } .sidebar list { background-color: transparent; } paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; } stacksidebar row { padding: 10px 4px; } stacksidebar row > label { padding-left: 6px; padding-right: 6px; } /**************** * File chooser * ****************/ row image.sidebar-icon { color: rgba(255, 255, 255, 0.7); } row:selected image.sidebar-icon { color: rgba(255, 255, 255, 0.7); } placessidebar > viewport.frame { border-style: none; } placessidebar list { padding: 1px 0 4px; } placessidebar row { min-height: 32px; margin: -1px 0; padding: 0; } placessidebar row > revealer { padding: 0 12px; } placessidebar row:selected { color: #FFFFFF; } placessidebar row:disabled { color: rgba(255, 255, 255, 0.5); } placessidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; } placessidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; } placessidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; } placessidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } placessidebar row.sidebar-placeholder-row { min-height: 2px; padding: 0 8px; background-image: image(#009688); background-clip: content-box; } placessidebar row.sidebar-new-bookmark-row { color: #009688; } placessidebar row:drop(active):not(:disabled) { box-shadow: inset 0 0 0 2px #009688; } placesview .server-list-button > image { -gtk-icon-transform: rotate(0turn); } placesview .server-list-button:checked > image { -gtk-icon-transform: rotate(-0.5turn); } placesview > actionbar > revealer > box > label { padding-left: 8px; padding-right: 8px; } /********* * Paned * *********/ paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(rgba(0, 0, 0, 0.26)); background-size: 1px 1px; background-clip: content-box; } paned > separator.wide { min-width: 6px; min-height: 6px; background-color: #212121; background-image: image(rgba(0, 0, 0, 0.26)), image(rgba(0, 0, 0, 0.26)); 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.info { background-color: #66BB6A; } infobar.question { background-color: #42A5F5; } infobar.warning { background-color: #FFA726; } infobar.error { background-color: #EF5350; } infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error { color: #FFFFFF; } /************ * Tooltips * ************/ tooltip { border-radius: 2px; box-shadow: none; } tooltip.background { background-color: rgba(66, 66, 66, 0.9); color: #FFFFFF; } tooltip decoration { background-color: transparent; } tooltip label { min-height: 20px; padding: 0 2px; } /***************** * Color Chooser * *****************/ colorswatch.top { border-top-left-radius: 2.5px; border-top-right-radius: 2.5px; } colorswatch.top overlay { border-top-left-radius: 2px; border-top-right-radius: 2px; } colorswatch.bottom { border-bottom-left-radius: 2.5px; border-bottom-right-radius: 2.5px; } colorswatch.bottom overlay { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 2.5px; border-bottom-left-radius: 2.5px; } colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 2.5px; border-bottom-right-radius: 2.5px; } colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } colorswatch.dark { color: #FFFFFF; } colorswatch.light { color: rgba(0, 0, 0, 0.87); } colorswatch:drop(active) { box-shadow: none; } colorswatch:drop(active).light overlay { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #009688; } colorswatch:drop(active).dark overlay { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #009688; } colorswatch overlay { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } colorswatch overlay:hover { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } colorswatch#add-color-button { border-radius: 2px 2px 0 0; color: #FFFFFF; } colorswatch#add-color-button:only-child { border-radius: 2px; } colorswatch#add-color-button overlay { background-image: linear-gradient(to right, #EF5350 25%, #FFA726 25%, #FFA726 50%, #66BB6A 50%, #66BB6A 75%, #42A5F5 75%); } colorswatch:disabled { opacity: 0.5; } colorswatch:disabled overlay { box-shadow: none; } colorswatch#editor-color-sample { border-radius: 2.5px; } colorswatch#editor-color-sample overlay { border-radius: 2px; } colorchooser .popover.osd { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1); background-color: #303030; } colorchooser .popover.osd:backdrop { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.1); } /******** * Misc * ********/ .content-view { background-color: #212121; } /********************** * Window Decorations * **********************/ decoration { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-radius: 2px 2px 0 0; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent; margin: 8px; } decoration:backdrop { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px 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: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } tooltip.csd decoration { border-radius: 2px; box-shadow: none; } messagedialog.csd decoration { border-radius: 2px; } .solid-csd decoration { margin: 0; border-radius: 0; box-shadow: none; background-color: #303030; } .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, popover.background.menu button:checked, popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked { background-color: #338DD6; } row:selected label, label:selected, .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, popover.background.menu button:checked, popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked { color: #FFFFFF; } row:selected label:disabled, label:disabled:selected, .view selection:disabled, .view:disabled:selected, flowbox flowboxchild:disabled:selected, label:disabled selection, spinbutton:not(.vertical) selection:disabled, entry selection:disabled, modelbutton.flat:disabled:selected, .menuitem.button.flat:disabled:selected, popover.background.menu button:disabled:checked, popover.background button.model:disabled:checked, row:disabled:selected, calendar:disabled:selected, text:disabled:selected, .budgie-menu button:disabled:checked { color: rgba(255, 255, 255, 0.5); } .monospace { font-family: monospace; } /********************** * Touch Copy & Paste * **********************/ cursor-handle { border-radius: 9999px; background-color: #009688; background-image: none; } cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { padding-left: 6px; border-top-right-radius: 0; } cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { padding-right: 6px; border-top-left-radius: 0; } cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { -GtkWidget-text-handle-width: 24; -GtkWidget-text-handle-height: 30; -gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")); } .context-menu { font: initial; } .keycap { min-width: 12px; min-height: 26px; margin-top: 2px; padding-bottom: 2px; padding-left: 8px; padding-right: 8px; border: solid 1px rgba(0, 0, 0, 0.26); border-radius: 3px; box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26); background-color: #303030; color: #FFFFFF; font-size: smaller; } :not(decoration):not(window):drop(active) { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 2px #009688; caret-color: #009688; } stackswitcher button.text-button { min-width: 100px; } stackswitcher button.circular, stackswitcher button.text-button.circular { min-width: 36px; min-height: 36px; padding: 0; } /********* * Emoji * *********/ popover.emoji-picker { padding: 0; } popover.emoji-picker entry { border-bottom: 1px solid rgba(0, 0, 0, 0.26); border-bottom-left-radius: 0; border-bottom-right-radius: 0; box-shadow: none; } popover.emoji-picker scrolledwindow { border-bottom: 1px solid rgba(0, 0, 0, 0.26); } button.emoji-section { margin-top: -1px; padding: 0 8px; min-width: 24px; min-height: 36px; border-radius: 0; outline-offset: -6px; box-shadow: none; } button.emoji-section:hover { box-shadow: inset 0 2px rgba(255, 255, 255, 0.3); } button.emoji-section:active { box-shadow: inset 0 2px #338DD6; background-image: radial-gradient(circle farthest-corner at center, rgba(51, 141, 214, 0.7) 10%, transparent 0%); } button.emoji-section:checked { box-shadow: inset 0 2px #338DD6; background-color: transparent; } button.emoji-section:first-child { margin-left: 4px; } button.emoji-section:last-child { margin-right: 4px; } .emoji { min-width: 3em; min-height: 3em; padding: 0; } .emoji widget { transition: all 180ms cubic-bezier(0, 0, 0.2, 1); } .emoji widget:hover { font-size: larger; } /************ * Nautilus * ************/ .nautilus-window, .nautilus-window notebook, .nautilus-window notebook > stack { background-color: #303030; } .nautilus-desktop.nautilus-canvas-item:not(:selected), .caja-desktop.caja-canvas-item:not(:selected) { color: #FFFFFF; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } @keyframes needs_attention_keyframes { to { background-color: alpha(currentColor, 0.3); } } .nautilus-operations-button-needs-attention { animation: needs_attention_keyframes 270ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate; } .nautilus-operations-button-needs-attention-multiple { animation: needs_attention_keyframes 270ms cubic-bezier(0.4, 0, 0.2, 1) 4 alternate; } .nautilus-window .floating-bar { min-height: 32px; padding: 0; border-style: solid solid none; border-width: 1px; border-color: rgba(0, 0, 0, 0.26); border-radius: 3px 3px 0 0; background-color: #303030; background-clip: border-box; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), border-width 0; } .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: #FF6D00; } .disk-space-display.used { background-color: #338DD6; } .disk-space-display.free { background-color: rgba(255, 255, 255, 0.12); } .nautilus-window paned > separator { background-color: #212121; } /********* * gedit * *********/ .open-document-selector-path-label { color: rgba(255, 255, 255, 0.7); font-size: smaller; } .open-document-selector-path-label:selected { color: rgba(255, 255, 255, 0.7); } .gedit-document-panel { background-color: #292929; } .gedit-document-panel row button.flat { margin-top: 8px; margin-bottom: 8px; } .gedit-document-panel-group-row:not(:first-child) { border-top: 1px solid rgba(0, 0, 0, 0.26); } .gedit-side-panel-paned statusbar { border-top: 1px solid rgba(0, 0, 0, 0.26); } .gedit-search-slider { margin: 4px 4px 8px; } .gedit-search-slider entry:dir(ltr), .gedit-search-slider entry:dir(rtl) { border-radius: 2px; } .gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag, .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag { all: unset; color: rgba(255, 255, 255, 0.5); } .gedit-search-slider entry:dir(ltr) { margin-right: -66px; padding-right: 66px; } .gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag { margin-left: 6px; } .gedit-search-slider entry:dir(ltr) image.right { margin-right: 0; } .gedit-search-slider entry:dir(rtl) { margin-left: -66px; padding-left: 66px; } .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag { margin-right: 6px; } .gedit-search-slider entry:dir(rtl) image.left { margin-left: 0; } .gedit-search-slider entry.error ~ button { color: rgba(255, 255, 255, 0.7); } .gedit-search-slider entry.error ~ button:hover, .gedit-search-slider entry.error ~ button:active { color: #FFFFFF; } .gedit-search-slider entry.error ~ button:disabled { color: rgba(255, 255, 255, 0.3); } .gedit-search-slider button { border: solid 6px transparent; } .gedit-search-slider button:last-child:dir(ltr), .gedit-search-slider button:not(:first-child):dir(rtl) { margin-left: -3px; } .gedit-search-slider button:first-child:dir(rtl), .gedit-search-slider 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; } /************** * Tweak Tool * **************/ .tweak-categories { background-image: image(#292929); } .tweak { padding: 3px; } .tweak.title:hover { box-shadow: none; } .tweak-group-white, .tweak-white, .tweak-white:hover { background-image: image(#303030); } .tweak-startup, .tweak-startup:hover { background-image: image(#303030); } .tweak-group-startup { background-image: image(#303030); border: 1px solid rgba(0, 0, 0, 0.26); } /*********** * Builder * ***********/ workbench stack.titlebar { padding: 0; } workbench:not(.tiled):not(.maximized):not(.fullscreen) stack.titlebar headerbar { border-radius: 2px 2px 0 0; } perspectiveswitcher { background-color: #212121; } perspectiveswitcher button:checked { color: #338DD6; } layouttabbar { border-bottom: 1px solid rgba(0, 0, 0, 0.26); background-color: #212121; } layouttabbar > box > button { margin: 2px 0; } layouttab { margin: 0 8px; border-style: none solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.26); box-shadow: inset 0 -2px #338DD6; background-color: #303030; } layouttab separator.vertical { margin: 8px 4px; } layouttab button.text-button, layouttab button.image-button, layouttab button { margin-top: 8px; margin-bottom: 8px; padding: 0 4px; } layout { border: 1px solid rgba(0, 0, 0, 0.26); -PnlDockBin-handle-size: 1; } entry.search-missing { background-color: #DD2C00; color: #FFFFFF; } workbench treeview.image { color: rgba(255, 255, 255, 0.7); } workbench treeview.image:selected { color: rgba(255, 255, 255, 0.7); } dockbin { border: 1px solid rgba(0, 0, 0, 0.26); -PnlDockBin-handle-size: 1; } dockpaned { border: 1px solid rgba(0, 0, 0, 0.26); } eggsearchbar box.search-bar { padding: 0 8px; border-bottom: 1px solid rgba(0, 0, 0, 0.26); background-color: #212121; } docktabstrip { padding: 0 8px; border-bottom: 1px solid rgba(0, 0, 0, 0.26); background-color: #212121; } docktab { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; min-height: 24px; min-width: 24px; margin-bottom: -1px; padding: 6px 6px; outline-offset: -6px; border-width: 1px; border-color: transparent; background-image: radial-gradient(circle farthest-corner at center, #338DD6 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; color: rgba(255, 255, 255, 0.7); font-weight: 500; } docktab:hover { box-shadow: inset 0 -2px rgba(255, 255, 255, 0.3); color: #FFFFFF; } docktab:checked { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 270ms cubic-bezier(0, 0, 0.2, 1), background-image 720ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 -2px #338DD6; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-size: 1000% 1000%; color: #FFFFFF; } dockoverlayedge { background-color: #212121; } dockoverlayedge docktabstrip { padding: 0; border: none; } dockoverlayedge.left-edge docktab:hover { box-shadow: inset -2px 0 rgba(255, 255, 255, 0.3); } dockoverlayedge.left-edge docktab:checked { box-shadow: inset -2px 0 #338DD6; } dockoverlayedge.right-edge docktab:hover { box-shadow: inset 2px 0 rgba(255, 255, 255, 0.3); } dockoverlayedge.right-edge docktab:checked { box-shadow: inset 2px 0 #338DD6; } pillbox { background-color: #212121; border-radius: 2px; } buildperspective row { padding: 10px; } layoutpane entry.search { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); background-color: #303030; } editortweak entry.search { margin-bottom: -1px; box-shadow: none; } frame.gb-search-frame { border-bottom-right-radius: 5px; } .gb-search-entry-occurrences-tag { box-shadow: none; background-color: transparent; } docktabstrip { min-height: 39px; } workbench preferences preferencesgroup list entry { padding-top: 8px; padding-bottom: 8px; } /********** * Photos * **********/ GdMainIconView.content-view { -GdMainIconView-icon-size: 48; } .documents-counter { margin: 8px; border-radius: 9999px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); background-color: #009688; color: #FFFFFF; font-weight: bold; } .documents-scrolledwin.frame { border-style: none; } .photos-fade-in { opacity: 1; transition: opacity 180ms cubic-bezier(0, 0, 0.2, 1); } .photos-fade-out { opacity: 0; transition: opacity 180ms cubic-bezier(0, 0, 0.2, 1); } overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) { border-style: none none none solid; } overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) { border-style: none solid none none; } /********* * Music * *********/ .side-panel:dir(ltr) { border-style: solid; border-color: rgba(0, 0, 0, 0.26); } .side-panel:dir(rtl) { border-style: solid; border-color: rgba(0, 0, 0, 0.26); } .side-panel .view { background-image: image(#292929); } .side-panel .view:hover { background-image: image(#343434); } .side-panel .view:selected { background-image: image(#338DD6); } .side-panel .view:selected:hover { background-image: image(#3d93d8); } .songs-list:hover { background-image: image(alpha(currentColor, 0.05)); } frame.documents-dropdown { margin: 8px; } frame.documents-dropdown > border { border: none; } box.vertical:not(.titlebar) > revealer > toolbar.search-bar { border-bottom: 1px solid rgba(0, 0, 0, 0.26); } box.vertical:not(.titlebar) > revealer > toolbar.search-bar button > widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } /********* * To Do * *********/ task-row { transition: all 180ms cubic-bezier(0, 0, 0.2, 1); margin: 0 -4px; } task-row:hover { transition: none; } task-row label { margin: 0 8px; } task-row image { margin: 0 4px; } task-list-view > box > revealer > box > button { min-height: 36px; margin: -4px; padding: 0 12px; } task-list-view > box > revealer > box > button label { margin: 0 8px; } task-list-view > box > revealer > box > button image { margin: 0 4px; } /******* * eog * *******/ #eog-thumb-nav scrolledwindow { border-top: none; } #eog-thumb-nav button { -gtk-outline-radius: 2px; } /************* * 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(0, 0, 0, 0.26); } list.categories { background-image: image(#292929); } /********* * Boxes * *********/ .transparent-bg + stack overlay > label { min-height: 24px; padding: 0 4px; border-radius: 2px; background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; } /************** * Calculator * **************/ button.title label { min-height: 36px; } /********* * Geary * *********/ .geary-titlebar-left:dir(ltr) { margin-right: 5px; padding-right: 0; } .geary-titlebar-left:dir(rtl) { margin-left: 5px; padding-left: 0; } .geary-titlebar-left > separator { background-color: rgba(0, 0, 0, 0.05); } .geary-titlebar-right:dir(ltr) { margin-left: -5px; } .geary-titlebar-right:dir(rtl) { margin-right: -5px; } /********* * Tilix * *********/ overlay > revealer.left > scrolledwindow.frame, overlay > revealer.right > scrolledwindow.frame { border-style: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22); } 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(#424242); } button.image-button.session-new-button { min-width: 32px; } /*********** * 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: 2px; } /************ * Chromium * ************/ tooltip.chromium { background-color: #424242; } /*********** * Firefox * ***********/ window.background:not(.csd) > widget > separator { color: rgba(0, 0, 0, 0.26); } window.background:not(.csd) > widget > scrollbar { background-clip: border-box; } window.background:not(.csd) > widget > scrollbar, window.background:not(.csd) > widget > frame > border { border-color: rgba(0, 0, 0, 0.26); } window.background:not(.csd) > widget > entry, window.background:not(.csd) > widget > button > button { border: 1px solid rgba(0, 0, 0, 0.26); border-radius: 3px; box-shadow: none; } window.background:not(.csd) > widget > entry { min-height: 30px; } window.background:not(.csd) > widget > entry:focus { border-color: #338DD6; } window.background:not(.csd) > widget > button > button { padding: 4px 8px; background-size: auto; } window.background:not(.csd) > widget > button > button:hover { background-image: image(alpha(currentColor, 0.05)); } window.background:not(.csd) > widget > button > button:active { background-image: image(alpha(currentColor, 0.1)); } window.background:not(.csd) > widget > checkbutton > check:not(:checked), window.background:not(.csd) > widget > radiobutton > radio:not(:checked) { color: #757575; } window.background:not(.csd) > widget > checkbutton > check:not(:checked):hover, window.background:not(.csd) > widget > checkbutton > check:not(:checked):active, window.background:not(.csd) > widget > radiobutton > radio:not(:checked):hover, window.background:not(.csd) > widget > radiobutton > radio:not(:checked):active { color: #212121; } window.background:not(.csd) > widget > checkbutton > check:not(:checked):disabled, window.background:not(.csd) > widget > radiobutton > radio:not(:checked):disabled { color: rgba(117, 117, 117, 0.5); } window.background:not(.csd) > window > menu, window.background:not(.csd) > menu > menu { border: none; } window.background:not(.csd) > widget > menubar { color: rgba(255, 255, 255, 0.7); } window.background:not(.csd) > widget > menubar:hover { color: #FFFFFF; } window.background:not(.csd) > widget > menubar:disabled { color: rgba(255, 255, 255, 0.3); } window.background:not(.csd) > widget > frame { color: rgba(0, 0, 0, 0.26); } window.background:not(.csd) > widget > checkbutton > check, window.background:not(.csd) > widget > radiobutton > radio { margin: 0; padding: 0; } window.background:not(.csd) > window.background > menu > separator { color: rgba(0, 0, 0, 0.26); } /************ * 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: 2px; -gtk-outline-radius: 2px; } #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: 2px; -gtk-outline-radius: 2px; } #CanvasTable button { min-height: 16px; min-width: 16px; padding: 0; } #CanvasTable #HorizontalScrollbar { border-top: 1px solid rgba(0, 0, 0, 0.26); } #CanvasTable #VerticalScrollbar:dir(ltr) { border-left: 1px solid rgba(0, 0, 0, 0.26); } #CanvasTable #VerticalScrollbar:dir(rtl) { border-right: 1px solid rgba(0, 0, 0, 0.26); } #Canvas_and_Dock frame > border { border: none; } #Canvas_and_Dock widget > widget > button.flat { min-height: 16px; min-width: 16px; padding: 4px; } #Canvas_and_Dock widget > widget > box.horizontal image { padding: 4px; } #Canvas_and_Dock box.horizontal > box.vertical > button.flat { min-height: 16px; min-width: 24px; padding: 8px 4px; } /*********** * Synapse * ***********/ box.vertical > widget > widget:selected { background-color: #338DD6; } /********* * 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: #338DD6; -UnityDecoration-title-indent: 4px; -UnityDecoration-title-fade: 32px; -UnityDecoration-title-alignment: 0.0; } UnityDecoration .top { padding: 0 2px; border-style: none; border-radius: 2px 2px 0 0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); background-color: #303030; color: #FFFFFF; } UnityDecoration .top:backdrop { color: rgba(255, 255, 255, 0.7); } UnityDecoration .menuitem { color: rgba(255, 255, 255, 0.7); } UnityDecoration .menuitem:hover { box-shadow: inset 0 -2px currentColor; background-color: transparent; color: #FFFFFF; } .background:not(.csd) headerbar:not(.titlebar) { border-radius: 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .background:not(.csd) headerbar:not(.titlebar).inline-toolbar { border-style: none; } UnityPanelWidget, .unity-panel { background-color: #212121; 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 { box-shadow: inset 0 -2px currentColor; background-color: transparent; color: #FFFFFF; } .menu IdoPlaybackMenuItem.menuitem:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: spin 1s linear infinite; color: #338DD6; } /************** * Mate-Panel * **************/ .mate-panel-menu-bar menubar, #PanelApplet-window-menu-applet-button { background-color: transparent; } .mate-panel-menu-bar { background-color: #212121; font-weight: 500; } .mate-panel-menu-bar:not(.popup) { color: rgba(255, 255, 255, 0.7); } .mate-panel-menu-bar button { min-height: 16px; min-width: 16px; padding: 0; border-radius: 0; } .mate-panel-menu-bar button:checked { background-color: rgba(255, 255, 255, 0.12); } PanelToplevel.horizontal > grid > button { min-width: 24px; } PanelToplevel.vertical > grid > button { min-height: 24px; } PanelSeparator { color: rgba(255, 255, 255, 0.12); } MatePanelAppletFrameDBus { border-style: solid; border-color: rgba(255, 255, 255, 0.12); } .mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus { border-width: 0 1px; } .mate-panel-menu-bar.vertical MatePanelAppletFrameDBus { border-width: 1px 0; } .mate-panel-menu-bar menubar > menuitem { color: rgba(255, 255, 255, 0.7); } .mate-panel-menu-bar menubar > menuitem:hover { 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 0px; } .mate-panel-menu-bar #tasklist-button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; } .mate-panel-menu-bar #tasklist-button image:dir(ltr), .mate-panel-menu-bar #tasklist-button label:dir(rtl) { padding-left: 4px; } .mate-panel-menu-bar #tasklist-button label:dir(ltr), .mate-panel-menu-bar #tasklist-button image:dir(rtl) { padding-right: 4px; } .mate-panel-menu-bar.vertical #tasklist-button { min-height: 32px; } .mate-panel-menu-bar.horizontal #showdesktop-button image { min-width: 24px; padding: 0 4px; } .mate-panel-menu-bar.vertical #showdesktop-button image { min-height: 24px; padding: 4px 0; } PanelApplet.wnck-applet .wnck-pager { background-color: transparent; color: #40C4FF; } PanelApplet.wnck-applet .wnck-pager:hover { background-color: rgba(255, 255, 255, 0.12); } PanelApplet.wnck-applet .wnck-pager:active { background-color: rgba(255, 255, 255, 0.3); } PanelApplet.wnck-applet .wnck-pager:selected { background-color: #338DD6; } .mate-panel-menu-bar.horizontal #clock-applet-button label { padding: 0 8px; } .mate-panel-menu-bar.vertical #clock-applet-button label { padding: 8px 0; } #MatePanelPopupWindow { border: 1px solid rgba(0, 0, 0, 0.26); border-radius: 3px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } #MatePanelPopupWindow frame > border { border-style: none; } #MatePanelPopupWindow button { padding: 4px 16px; } #MatePanelPopupWindow ClockMap { border: 1px solid rgba(0, 0, 0, 0.26); } #MatePanelPopupWindow widget { color: rgba(0, 0, 0, 0.26); } na-tray-applet { -NaTrayApplet-icon-padding: 3px; -NaTrayApplet-icon-size: 16; } .mate-panel-menu-bar { -PanelMenuBar-icon-visible: true; } .mate-panel-applet-slider { border: 1px solid rgba(0, 0, 0, 0.26); border-radius: 3px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); background-color: #212121; } .mate-panel-applet-slider frame > border { border-style: none; } #PanelApplet:not(:selected) > box { transition: all 180ms 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(0, 0, 0, 0.26); } #mate-menu button { min-height: 24px; min-width: 24px; padding: 4px 0; color: #FFFFFF; font-weight: normal; } #mate-menu button label:not(:first-child) { color: rgba(255, 255, 255, 0.7); } #mate-menu entry { margin: 0 0 8px; } #mate-menu entry image { margin: 0; } #mate-menu entry + button { margin: 0 4px 8px; padding: 6px; } /********************* * CAJA File manager * *********************/ .caja-navigation-window button.toggle.image-button { border-radius: 2px; } .caja-pathbar button { margin: 0 -1px 0 -2px; } .caja-pathbar button > widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -GtkArrow-arrow-scaling: 1; } .caja-side-pane notebook viewport.frame, .caja-side-pane notebook widget .vertical { background-color: #303030; } .caja-side-pane notebook, .caja-notebook { border-top: 1px solid rgba(0, 0, 0, 0.26); } .caja-side-pane notebook .frame, .caja-notebook .frame { border-style: none; } .caja-navigation-window statusbar { margin: 0 -10px; padding: 0 4px; border-top: 1px solid rgba(0, 0, 0, 0.26); } .caja-notebook frame > border { border-style: none; } #caja-extra-view-widget { border-bottom: 1px solid rgba(0, 0, 0, 0.26); background-color: #212121; } #caja-extra-view-widget > box > box > label { font-weight: bold; } /********* * Pluma * *********/ .pluma-window statusbar { margin: 0 -10px; padding: 0 4px; border-top: 1px solid rgba(0, 0, 0, 0.26); } .pluma-window statusbar frame > border { border-style: none; } .pluma-window statusbar frame button.flat { padding: 0 4px; border-radius: 0; } .pluma-window statusbar frame button.flat widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -GtkArrow-arrow-scaling: 1; } .pluma-print-preview toolbar { border-bottom: 1px solid rgba(0, 0, 0, 0.26); } .pluma-window paned.horizontal box.vertical box.horizontal button.flat { margin: 1px; } .pluma-window paned.horizontal box.vertical .frame { border-style: none; } .pluma-window paned.horizontal box.vertical notebook.frame { margin-top: -1px; border-top: 1px solid rgba(0, 0, 0, 0.26); } .pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal { border-bottom: 1px solid rgba(0, 0, 0, 0.26); } /********* * Atril * *********/ .atril-window paned.horizontal box.vertical .frame { border-style: none; } .atril-window paned.horizontal box.vertical notebook .frame { border-top: 1px solid rgba(0, 0, 0, 0.26); } /* mate-screensaver lock dialog */ .lock-dialog { border-radius: 2px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), inset 0 1px rgba(255, 255, 255, 0.1); } .lock-dialog frame > border { border-style: none; } /****************** * 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: 2px; -gtk-outline-radius: 2px; } .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: 3px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); background-color: #424242; } .budgie-popover .container { padding: 2px; } .budgie-popover border { border: none; } .budgie-popover list { background-color: transparent; } .budgie-popover row { padding: 0; } .budgie-popover row:hover { box-shadow: none; } .budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { min-height: 28px; padding: 0 8px; color: #FFFFFF; font-weight: normal; } .budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled { color: rgba(255, 255, 255, 0.5); } .budgie-popover.budgie-menu .container { padding: 0; } .budgie-popover.user-menu .container { padding: 8px; } .budgie-popover.user-menu separator { margin: 4px 0; } .budgie-popover.sound-popover separator { margin: 3px 0; } .budgie-popover.night-light-indicator .container { padding: 8px; } .budgie-popover.places-menu .container { padding: 8px; } .budgie-popover.places-menu .places-list:not(.always-expand) { margin-top: 4px; padding-top: 4px; border-top: 1px solid rgba(0, 0, 0, 0.26); } .budgie-popover.places-menu .alternative-label { padding: 3px; font-size: 15px; } .budgie-popover.workspace-popover .container { padding: 2px 8px 8px; } .budgie-popover.workspace-popover separator { margin: 4px 0; } .budgie-popover.workspace-popover flowboxchild { padding: 0; } .workspace-switcher .workspace-layout { border: 0 solid rgba(255, 255, 255, 0.12); } .top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { border-left-width: 1px; } .top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { border-right-width: 1px; } .left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { border-top-width: 1px; } .workspace-switcher .workspace-item, .workspace-switcher .workspace-add-button { border: 0 solid rgba(255, 255, 255, 0.12); } .top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { border-right-width: 1px; } .top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { border-left-width: 1px; } .left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { border-bottom-width: 1px; } .workspace-switcher .workspace-item { transition: all 180ms 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: 2px; } .budgie-menu.background { padding: 0; background-color: #303030; } .budgie-menu scrollbar, .budgie-menu entry.search { background-color: transparent; } .budgie-menu entry.search { border-bottom: 1px solid rgba(0, 0, 0, 0.26); border-radius: 0; box-shadow: none; font-size: 120%; } .budgie-menu .categories:dir(ltr) { border-bottom-left-radius: 2px; } .budgie-menu .categories:dir(rtl) { border-bottom-right-radius: 2px; } .budgie-menu button { min-height: 32px; padding: 0 8px; border-radius: 0; color: #FFFFFF; font-weight: normal; } .budgie-menu button:disabled { color: rgba(255, 255, 255, 0.5); } .budgie-menu button:checked:disabled { background-color: #338DD6; } .budgie-menu row { padding: 0; } .budgie-menu row:hover { box-shadow: none; } popover.background.user-menu { padding: 8px; } popover.background.user-menu .content-box { background-color: transparent; } popover.background.user-menu separator { margin: 4px 0; } popover.background.user-menu row { padding: 0; box-shadow: none; background-image: none; } popover.background.places-menu { padding: 8px; } popover.background.places-menu .name-button.text-button { padding-left: 8px; padding-right: 8px; } popover.background.places-menu .name-button.text-button image:dir(ltr) { margin-right: 3px; } popover.background.places-menu .name-button.text-button image:dir(rtl) { margin-left: 3px; } popover.background.places-menu .places-section-header > image:dir(ltr) { margin: 0 -2px 0 5px; } popover.background.places-menu .places-section-header > image:dir(rtl) { margin: 0 5px 0 -2px; } popover.background.places-menu .places-list { margin-top: 4px; padding-top: 4px; border-top: 1px solid rgba(0, 0, 0, 0.26); background-color: transparent; } popover.background.places-menu row { padding: 0; box-shadow: none; background-image: none; } .budgie-panel { transition: background-color 270ms cubic-bezier(0, 0, 0.2, 1); background-color: #212121; color: rgba(255, 255, 255, 0.7); font-weight: 500; } .budgie-panel.transparent { background-color: rgba(0, 0, 0, 0.6); } .budgie-panel button { min-height: 16px; min-width: 16px; padding: 0; border-radius: 0; } .budgie-panel button:checked { background-color: rgba(255, 255, 255, 0.12); } .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: #FF5252; } .budgie-panel #tasklist-button { padding: 0 4px; } .budgie-panel.vertical #tasklist-button { min-height: 32px; } .budgie-panel button.flat.launcher { padding: 0; } .budgie-panel button.flat.launcher:not(:checked) { color: rgba(255, 255, 255, 0.5); } .budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { color: rgba(255, 255, 255, 0.7); } .budgie-panel button.flat.launcher:not(:checked):disabled { color: rgba(255, 255, 255, 0.3); } .top .budgie-panel #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; } .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, .top .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .top button.flat.launcher, .top .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .top button.flat.launcher.running { 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; } .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, .bottom .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .bottom button.flat.launcher, .bottom .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .bottom button.flat.launcher.running { 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; } .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, .left .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .left button.flat.launcher, .left .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .left button.flat.launcher.running { 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; } .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, .right .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .right button.flat.launcher, .right .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .right button.flat.launcher.running { 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 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22); } .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: #424242; } .raven > box { margin-bottom: -10px; } .raven > stack { margin-bottom: -10px; } .raven stackswitcher.linked > button { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 0%, transparent 0%) 0 0 0/0 0 0px; border-radius: 0; } .raven stackswitcher.linked > button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 100%, transparent 0%) 0 0 2/0 0 2px; background-color: transparent; } .raven .raven-header { min-height: 36px; padding: 3px; } .raven .raven-header:not(.top) { margin-top: -6px; } .raven .raven-header.top { padding: 2px 0; background-color: #338DD6; color: #FFFFFF; } .raven .raven-header.top stackswitcher button { margin: -6px 0; min-height: 36px; } .raven .raven-header.top button.image-button:dir(ltr) { margin-right: 2px; } .raven .raven-header.top button.image-button:dir(rtl) { margin-left: 2px; } .raven .raven-header.top > image { margin: 0 8px; } .raven .raven-header.top > label { margin: 0 -8px; font-weight: bold; } .raven .raven-header.bottom { border-top: 1px solid rgba(0, 0, 0, 0.26); } .raven viewport.frame .raven-header { margin-top: -8px; } .raven .raven-background { border-style: solid none; border-width: 1px; border-color: rgba(0, 0, 0, 0.26); background-color: #303030; } .raven .raven-background.frame { border-style: solid none; } .raven .raven-background > overlay > widget > image { color: rgba(255, 255, 255, 0.12); } .raven .raven-background grid > label:first-child { min-height: 36px; } .raven scrolledwindow.raven-background { border-bottom-style: none; } .raven .raven-header.top + .raven-background { border-style: none; background-color: #338DD6; color: #FFFFFF; } .raven .raven-header.top + .raven-background stackswitcher button { margin: -4px 0; } .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: 2px; background-color: #338DD6; } .raven-mpris { background-color: rgba(0, 0, 0, 0.6); color: #FFFFFF; } .raven-mpris label { min-height: 24px; } .raven-mpris button.image-button { padding: 12px; } .budgie-notification-window, .budgie-osd-window, .budgie-switcher-window { background-color: transparent; } .budgie-notification .notification-title, .budgie-switcher .notification-title { font-size: 120%; } .budgie-osd .budgie-osd-text { font-size: 120%; } .drop-shadow { margin: 5px 9px; padding: 3px; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1); background-color: #424242; } .drop-shadow .linked > button { border-radius: 2px; } .budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { border-radius: 2px; background-color: #424242; } .budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration { border-radius: 2px; } .budgie-session-dialog label:not(:last-child), .budgie-session-dialog .dialog-title { font-size: 120%; } .budgie-session-dialog .linked.horizontal > button { padding: 8px 16px; border-top: 1px solid rgba(0, 0, 0, 0.26); border-radius: 0; } .budgie-session-dialog .linked.horizontal > button:first-child { border-bottom-left-radius: 2px; } .budgie-session-dialog .linked.horizontal > button:last-child { border-bottom-right-radius: 2px; } .budgie-polkit-dialog .message { color: rgba(255, 255, 255, 0.5); } .budgie-polkit-dialog .failure { color: #FF5252; } .budgie-run-dialog { background-color: #303030; } .budgie-run-dialog entry.search { font-size: 120%; padding: 6px 14px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); background-color: transparent; } .budgie-run-dialog list .dim-label, .budgie-run-dialog list label.separator, .budgie-run-dialog list .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .budgie-run-dialog list .subtitle, .budgie-run-dialog list headerbar .subtitle, headerbar .budgie-run-dialog list .subtitle, .budgie-run-dialog list .budgie-notification .notification-body, .budgie-notification .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher .notification-body, .budgie-switcher .budgie-run-dialog list .notification-body { opacity: 1; } .budgie-run-dialog scrolledwindow { border-top: 1px solid rgba(0, 0, 0, 0.26); } /************************ * LightDM GTK+ Greeter * ************************/ #panel_window { background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; } #panel_window menubar, #panel_window separator { background-color: transparent; } #panel_window separator { padding: 0 4px; } #panel_window separator:first-child { padding: 0 8px; } #panel_window menubar > menuitem { color: rgba(255, 255, 255, 0.7); } #panel_window menubar > menuitem:hover { color: #FFFFFF; } #panel_window menubar > menuitem:disabled label { color: rgba(255, 255, 255, 0.3); } #login_window, #shutdown_dialog, #restart_dialog { margin: 8px; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1); background-color: #424242; } #content_frame { padding-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.26); } #buttonbox_frame { padding-top: 24px; } #buttonbox_frame button { margin: -16px; } #greeter_infobar { margin-top: -1px; } /* GTK NAMED COLORS ---------------- use responsibly! */ /* widget text/foreground color */ @define-color theme_fg_color #FFFFFF; /* text color for entries, views and content in general */ @define-color theme_text_color #FFFFFF; /* widget base background color */ @define-color theme_bg_color #212121; /* text widgets and the like base background color */ @define-color theme_base_color #303030; /* base background color of selections */ @define-color theme_selected_bg_color #338DD6; /* text/foreground color of selections */ @define-color theme_selected_fg_color #FFFFFF; /* base background color of insensitive widgets */ @define-color insensitive_bg_color #212121; /* text foreground color of insensitive widgets */ @define-color insensitive_fg_color rgba(255, 255, 255, 0.5); /* insensitive text widgets and the like base background color */ @define-color insensitive_base_color #292929; /* widget text/foreground color on backdrop windows */ @define-color theme_unfocused_fg_color #FFFFFF; /* text color for entries, views and content in general on backdrop windows */ @define-color theme_unfocused_text_color #FFFFFF; /* widget base background color on backdrop windows */ @define-color theme_unfocused_bg_color #212121; /* text widgets and the like base background color on backdrop windows */ @define-color theme_unfocused_base_color #303030; /* base background color of selections on backdrop windows */ @define-color theme_unfocused_selected_bg_color #338DD6; /* text/foreground color of selections on backdrop windows */ @define-color theme_unfocused_selected_fg_color #FFFFFF; /* insensitive color on backdrop windows */ @define-color unfocused_insensitive_color rgba(255, 255, 255, 0.5); /* widgets main borders color */ @define-color borders rgba(0, 0, 0, 0.26); /* widgets main borders color on backdrop windows */ @define-color unfocused_borders rgba(0, 0, 0, 0.26); /* these are pretty self explicative */ @define-color warning_color #FF6D00; @define-color error_color #DD2C00; @define-color success_color #00C853; /* FIXME this is really an API */ @define-color content_view_bg #303030; @define-color placeholder_text_color #c1c1c1; materia-theme-20180321/src/gtk/3.20/gtk-dark.scss000066400000000000000000000004311325420104000210220ustar00rootroot00000000000000$variant: 'dark'; $titlebar: 'dark'; $compact: 'false'; @import '../../_sass/gtk/variables'; @import '../../_sass/colors'; @import '../../_sass/gtk/drawing-3.20'; @import '../../_sass/gtk/common-3.20'; @import '../../_sass/gtk/apps-3.20'; @import '../../_sass/gtk/colors-public'; materia-theme-20180321/src/gtk/3.20/gtk-light-compact.css000066400000000000000000004521001325420104000224550ustar00rootroot00000000000000@keyframes ripple_effect { to { background-size: 1000% 1000%; } } @keyframes header_ripple_effect { from { background-image: radial-gradient(circle farthest-corner at center, #338DD6 0%, transparent 0%); } to { background-image: radial-gradient(circle farthest-corner at center, #338DD6 100%, transparent 0%); } } * { background-clip: padding-box; -GtkToolButton-icon-spacing: 0; -GtkTextView-error-underline-color: #DD2C00; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 24; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-style: solid; outline-width: 2px; outline-color: transparent; outline-offset: -4px; -gtk-outline-radius: 2px; -gtk-secondary-caret-color: #338DD6; } notebook:focus tab, *:focus { outline-color: alpha(currentColor, 0.3); } /*************** * Base States * ***************/ .background { background-color: #EEEEEE; color: rgba(0, 0, 0, 0.87); } /* 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: #EEEEEE; color: rgba(0, 0, 0, 0.87); } .gtkstyle-fallback:hover { background-color: #e1e1e1; color: rgba(0, 0, 0, 0.87); } .gtkstyle-fallback:active { background-color: #d5d5d5; color: rgba(0, 0, 0, 0.87); } .gtkstyle-fallback:disabled { background-color: #EEEEEE; color: rgba(0, 0, 0, 0.38); } .gtkstyle-fallback:selected { background-color: #338DD6; color: #FFFFFF; } .view { background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .view:disabled { color: rgba(0, 0, 0, 0.38); } .view:hover, .view:active, .view:selected { border-radius: 2px; } textview text { background-color: #FFFFFF; } textview border { background-color: #F5F5F5; color: rgba(0, 0, 0, 0.38); } .rubberband, rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, .content-view .rubberband { border: 1px solid #40C4FF; background-color: rgba(64, 196, 255, 0.3); } flowbox flowboxchild { padding: 4px; border-radius: 2px; } .content-view .tile:selected { background-color: transparent; color: inherit; } label { caret-color: currentColor; } label.separator { color: rgba(0, 0, 0, 0.87); } label selection { background-color: #338DD6; color: #FFFFFF; } label:disabled { color: rgba(0, 0, 0, 0.38); } tab label:disabled, button label:disabled { color: inherit; } .dim-label, label.separator, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, .budgie-notification .notification-body, .budgie-switcher .notification-body { opacity: 0.6; } assistant .sidebar { padding: 4px 0; } assistant .sidebar label { min-height: 32px; padding: 0 12px; color: rgba(0, 0, 0, 0.38); font-weight: 500; } assistant .sidebar label.highlight { color: rgba(0, 0, 0, 0.87); } popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .app-notification, .osd .scale-popup, .nautilus-window .floating-bar, .osd { opacity: 0.9; } /********************* * Spinner Animation * *********************/ @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } spinner:checked { opacity: 1; animation: spin 1s linear infinite; } spinner:checked:disabled { opacity: 0.5; } /**************** * Text Entries * ****************/ spinbutton:not(.vertical), entry { min-height: 32px; padding: 0 8px; border-radius: 2px; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } spinbutton:focus:not(.vertical), entry:focus { border-image: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } spinbutton:disabled:not(.vertical), entry:disabled { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #F5F5F5; color: rgba(0, 0, 0, 0.38); } spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) entry:not(.search), notebook > stack:not(:only-child) spinbutton:not(.vertical), messagedialog entry, colorchooser .popover.osd spinbutton:not(.vertical), layoutpane entry.search, editortweak entry.search, .raven .raven-background spinbutton:not(.vertical), #login_window entry, entry.flat { border-radius: 0; transition: all 270ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); background-color: transparent; color: rgba(0, 0, 0, 0.87); } spinbutton.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry:focus:not(.search), notebook > stack:not(:only-child) spinbutton:focus:not(.vertical), messagedialog entry:focus, colorchooser .popover.osd spinbutton:focus:not(.vertical), layoutpane entry.search:focus, editortweak entry.search:focus, .raven .raven-background spinbutton:focus:not(.vertical), #login_window entry:focus, entry.flat:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } spinbutton.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry:disabled:not(.search), notebook > stack:not(:only-child) spinbutton:disabled:not(.vertical), messagedialog entry:disabled, colorchooser .popover.osd spinbutton:disabled:not(.vertical), layoutpane entry.search:disabled, editortweak entry.search:disabled, .raven .raven-background spinbutton:disabled:not(.vertical), #login_window entry:disabled, entry.flat:disabled { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: transparent; color: rgba(0, 0, 0, 0.38); } spinbutton:not(.vertical) image, entry image { color: rgba(0, 0, 0, 0.54); } spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active, entry image:hover, entry image:active { color: rgba(0, 0, 0, 0.87); } spinbutton:not(.vertical) image:disabled, entry image:disabled { color: rgba(0, 0, 0, 0.38); } spinbutton:not(.vertical) image.left, entry image.left { margin-left: 0px; margin-right: 6px; } spinbutton:not(.vertical) image.right, entry image.right { margin-left: 6px; margin-right: 0px; } spinbutton:not(.vertical) undershoot.left, entry undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: left top; } spinbutton:not(.vertical) undershoot.right, entry undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: right top; } spinbutton.error:not(.vertical), entry.error { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #DD2C00; color: #FFFFFF; } spinbutton.error:focus:not(.vertical), entry.error:focus { border-image: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } spinbutton.error:disabled:not(.vertical), entry.error:disabled { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #F5F5F5; color: rgba(0, 0, 0, 0.38); } spinbutton.error.flat:not(.vertical), notebook > stack:not(:only-child) entry.error:not(.search), notebook > stack:not(:only-child) spinbutton.error:not(.vertical), messagedialog entry.error, colorchooser .popover.osd spinbutton.error:not(.vertical), layoutpane entry.error.search, editortweak entry.error.search, .raven .raven-background spinbutton.error:not(.vertical), #login_window entry.error, entry.error.flat { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 0%, transparent 0%) 0 0 0/0 0 0px; box-shadow: inset 0 -1px #DD2C00; background-color: transparent; color: rgba(0, 0, 0, 0.87); } spinbutton.error.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.error:focus:not(.search), notebook > stack:not(:only-child) spinbutton.error:focus:not(.vertical), messagedialog entry.error:focus, colorchooser .popover.osd spinbutton.error:focus:not(.vertical), layoutpane entry.error.search:focus, editortweak entry.error.search:focus, .raven .raven-background spinbutton.error:focus:not(.vertical), #login_window entry.error:focus, entry.error.flat:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 100%, transparent 0%) 0 0 2/0 0 2px; box-shadow: inset 0 -1px #DD2C00; } spinbutton.error.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.error:disabled:not(.search), notebook > stack:not(:only-child) spinbutton.error:disabled:not(.vertical), messagedialog entry.error:disabled, colorchooser .popover.osd spinbutton.error:disabled:not(.vertical), layoutpane entry.error.search:disabled, editortweak entry.error.search:disabled, .raven .raven-background spinbutton.error:disabled:not(.vertical), #login_window entry.error:disabled, entry.error.flat:disabled { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: transparent; color: rgba(0, 0, 0, 0.38); } spinbutton.error:not(.vertical) image, entry.error image { color: rgba(255, 255, 255, 0.7); } spinbutton.error:not(.vertical) image:hover, spinbutton.error:not(.vertical) image:active, entry.error image:hover, entry.error image:active { color: #FFFFFF; } spinbutton.error:not(.vertical) image:disabled, entry.error image:disabled { color: rgba(255, 255, 255, 0.5); } spinbutton.warning:not(.vertical), entry.warning { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FF6D00; color: #FFFFFF; } spinbutton.warning:focus:not(.vertical), entry.warning:focus { border-image: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } spinbutton.warning:disabled:not(.vertical), entry.warning:disabled { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #F5F5F5; color: rgba(0, 0, 0, 0.38); } spinbutton.warning.flat:not(.vertical), notebook > stack:not(:only-child) entry.warning:not(.search), notebook > stack:not(:only-child) spinbutton.warning:not(.vertical), messagedialog entry.warning, colorchooser .popover.osd spinbutton.warning:not(.vertical), layoutpane entry.warning.search, editortweak entry.warning.search, .raven .raven-background spinbutton.warning:not(.vertical), #login_window entry.warning, entry.warning.flat { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 0%, transparent 0%) 0 0 0/0 0 0px; box-shadow: inset 0 -1px #FF6D00; background-color: transparent; color: rgba(0, 0, 0, 0.87); } spinbutton.warning.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.warning:focus:not(.search), notebook > stack:not(:only-child) spinbutton.warning:focus:not(.vertical), messagedialog entry.warning:focus, colorchooser .popover.osd spinbutton.warning:focus:not(.vertical), layoutpane entry.warning.search:focus, editortweak entry.warning.search:focus, .raven .raven-background spinbutton.warning:focus:not(.vertical), #login_window entry.warning:focus, entry.warning.flat:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 100%, transparent 0%) 0 0 2/0 0 2px; box-shadow: inset 0 -1px #FF6D00; } spinbutton.warning.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.warning:disabled:not(.search), notebook > stack:not(:only-child) spinbutton.warning:disabled:not(.vertical), messagedialog entry.warning:disabled, colorchooser .popover.osd spinbutton.warning:disabled:not(.vertical), layoutpane entry.warning.search:disabled, editortweak entry.warning.search:disabled, .raven .raven-background spinbutton.warning:disabled:not(.vertical), #login_window entry.warning:disabled, entry.warning.flat:disabled { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: transparent; color: rgba(0, 0, 0, 0.38); } spinbutton.warning:not(.vertical) image, entry.warning image { color: rgba(255, 255, 255, 0.7); } spinbutton.warning:not(.vertical) image:hover, spinbutton.warning:not(.vertical) image:active, entry.warning image:hover, entry.warning image:active { color: #FFFFFF; } spinbutton.warning:not(.vertical) image:disabled, entry.warning image:disabled { color: rgba(255, 255, 255, 0.5); } spinbutton:not(.vertical) progress, entry progress { margin: 2px -6px; border-bottom: 2px solid #338DD6; background-color: transparent; } .linked:not(.vertical) > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) .linked:not(.vertical) > entry:not(.search), notebook > stack:not(:only-child) .linked:not(.vertical) > spinbutton:not(.vertical), messagedialog .linked:not(.vertical) > entry, colorchooser .popover.osd .linked:not(.vertical) > spinbutton:not(.vertical), layoutpane .linked:not(.vertical) > entry.search, editortweak .linked:not(.vertical) > entry.search, .raven .raven-background .linked:not(.vertical) > spinbutton:not(.vertical), #login_window .linked:not(.vertical) > entry, .linked.vertical > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) .linked.vertical > entry:not(.search), notebook > stack:not(:only-child) .linked.vertical > spinbutton:not(.vertical), messagedialog .linked.vertical > entry, colorchooser .popover.osd .linked.vertical > spinbutton:not(.vertical), layoutpane .linked.vertical > entry.search, editortweak .linked.vertical > entry.search, .raven .raven-background .linked.vertical > spinbutton:not(.vertical), #login_window .linked.vertical > entry, .linked:not(.vertical) > entry.flat, .linked.vertical > entry.flat { border-radius: 0; } treeview entry.flat, treeview entry { min-height: 0; padding: 2px; border-radius: 0; background-color: #FFFFFF; } treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus { border-image: none; box-shadow: none; } .entry-tag, .documents-entry-tag, .photos-entry-tag { margin: 4px; border-radius: 9999px; box-shadow: none; background-color: #338DD6; color: #FFFFFF; } .entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } :dir(ltr) .entry-tag, :dir(ltr) .documents-entry-tag, :dir(ltr) .photos-entry-tag { margin-left: 8px; margin-right: -4px; padding-left: 8px; padding-right: 4px; } :dir(rtl) .entry-tag, :dir(rtl) .documents-entry-tag, :dir(rtl) .photos-entry-tag { margin-left: -4px; margin-right: 8px; padding-left: 4px; padding-right: 8px; } .entry-tag.button, .button.documents-entry-tag, .button.photos-entry-tag { box-shadow: none; background-color: transparent; } .entry-tag.button:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active) { color: rgba(255, 255, 255, 0.7); } /*********** * Buttons * ***********/ @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#009688), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#009688), to(transparent)); } } button { min-height: 24px; min-width: 16px; padding: 4px 8px; border-radius: 2px; font-weight: 500; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1), background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 9999px transparent; background-color: #FAFAFA; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; color: rgba(0, 0, 0, 0.62); } button:hover { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px transparent; color: rgba(0, 0, 0, 0.87); } button:active { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px alpha(currentColor, 0.15); background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%); background-size: 0% 0%; color: rgba(0, 0, 0, 0.87); } button:disabled { box-shadow: none; background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.26); } button:checked { background-color: #338DD6; color: #FFFFFF; } button:checked:disabled { background-color: rgba(51, 141, 214, 0.3); color: rgba(51, 141, 214, 0.5); } modelbutton.flat, .menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button, popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check, radio, calendar.button, messagedialog.csd .dialog-action-area button, button.sidebar-button, .gedit-search-slider button, #mate-menu button, .budgie-settings-window buttonbox.inline-toolbar button, .raven .raven-header:not(.top) button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, .lightdm-gtk-greeter button, :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) .path-bar button, layouttabbar button, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, toolbar button, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), headerbar button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button, button.flat { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 9999px transparent; background-color: transparent; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; color: rgba(0, 0, 0, 0.54); } modelbutton.flat:hover, .menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background.menu button:hover, popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover, radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button:hover, button.sidebar-button:hover, .gedit-search-slider button:hover, #mate-menu button:hover, .budgie-settings-window buttonbox.inline-toolbar button:hover, .raven .raven-header:not(.top) button:hover, .drop-shadow button:hover, .budgie-session-dialog .linked.horizontal > button:hover, .lightdm-gtk-greeter button:hover, :not(headerbar) .caja-pathbar button:hover, .caja-pathbar :not(headerbar) button:hover, :not(headerbar) .path-bar button:hover, layouttabbar button:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, toolbar button:hover, .titlebar:not(headerbar) button:hover:not(.suggested-action):not(.destructive-action), headerbar button:hover:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:hover, button.flat:hover { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15); color: rgba(0, 0, 0, 0.87); } modelbutton.flat:active, .menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background.menu button:active, popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active, radio:active, calendar.button:active, messagedialog.csd .dialog-action-area button:active, button.sidebar-button:active, .gedit-search-slider button:active, #mate-menu button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, .raven .raven-header:not(.top) button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, .lightdm-gtk-greeter button:active, :not(headerbar) .caja-pathbar button:active, .caja-pathbar :not(headerbar) button:active, :not(headerbar) .path-bar button:active, layouttabbar button:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, toolbar button:active, .titlebar:not(headerbar) button:active:not(.suggested-action):not(.destructive-action), headerbar button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:active, button.flat:active { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15); background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%); background-size: 0% 0%; color: rgba(0, 0, 0, 0.87); } modelbutton.flat:disabled, .menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background.menu button:disabled, popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled, radio:disabled, calendar.button:disabled, messagedialog.csd .dialog-action-area button:disabled, button.sidebar-button:disabled, .gedit-search-slider button:disabled, #mate-menu button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, .raven .raven-header:not(.top) button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, .lightdm-gtk-greeter button:disabled, :not(headerbar) .caja-pathbar button:disabled, .caja-pathbar :not(headerbar) button:disabled, :not(headerbar) .path-bar button:disabled, layouttabbar button:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, toolbar button:disabled, .titlebar:not(headerbar) button:disabled:not(.suggested-action):not(.destructive-action), headerbar button:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:disabled, button.flat:disabled { box-shadow: none; background-color: transparent; color: rgba(0, 0, 0, 0.26); } :not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .path-bar button:checked, layouttabbar button:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, toolbar button:checked, .titlebar:not(headerbar) button:checked:not(.suggested-action):not(.destructive-action), headerbar button:checked:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked, button.flat:checked { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } :not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar) .path-bar button:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, toolbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled:not(.suggested-action):not(.destructive-action), headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked:disabled, button.flat:checked:disabled { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.38); } button.text-button { padding-left: 16px; padding-right: 16px; } button.image-button { min-width: 24px; padding: 4px; } button.text-button.image-button { border-radius: 2px; -gtk-outline-radius: 2px; } button.text-button.image-button label:first-child { margin-left: 12px; } button.text-button.image-button label:last-child { margin-right: 12px; } button.text-button.image-button image:not(:only-child) { margin: 0 4px; } toolbar .linked > button, .titlebar:not(headerbar) .linked > button:not(.suggested-action):not(.destructive-action), headerbar .linked > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button, toolbar .linked.vertical > button, .titlebar:not(headerbar) .linked.vertical > button:not(.suggested-action):not(.destructive-action), headerbar .linked.vertical > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked.vertical > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked.vertical > button, .linked > button.flat, .linked.vertical > button.flat { border-radius: 2px; } toolbar .linked > button.text-button.image-button, .titlebar:not(headerbar) .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action), headerbar .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.text-button.image-button, toolbar .linked.vertical > button.text-button.image-button, .titlebar:not(headerbar) .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action), headerbar .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked.vertical > button.text-button.image-button, .linked > button.flat.text-button.image-button, .linked.vertical > button.flat.text-button.image-button { border-radius: 2px; -gtk-outline-radius: 2px; } infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, row:selected button:disabled { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.3); } row:selected button.sidebar-button, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, .raven-mpris button.image-button, row:selected button.flat { color: rgba(255, 255, 255, 0.7); } row:selected button.sidebar-button:hover, infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, .raven-mpris button.image-button:hover, row:selected button.sidebar-button:active, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .raven-mpris button.image-button:active, row:selected button.flat:hover, row:selected button.flat:active { color: #FFFFFF; } row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .raven-mpris button.image-button:disabled, row:selected button.flat:disabled { color: rgba(255, 255, 255, 0.3); } row:selected button.sidebar-button:checked, infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .raven-mpris button.image-button:checked, row:selected button.flat:checked { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } row:selected button.sidebar-button:checked:disabled, infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .raven-mpris button.image-button:checked:disabled, row:selected button.flat:checked:disabled { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } button.osd { padding: 10px 14px; } button.osd.image-button { padding: 10px; } button.osd:disabled { opacity: 0; } button.suggested-action { background-color: #009688; color: #FFFFFF; } button.suggested-action:disabled { box-shadow: none; background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.38); } button.suggested-action:checked { background-color: #4db6ac; } button.suggested-action.flat { background-color: transparent; color: #009688; } button.suggested-action.flat:disabled { box-shadow: none; background-color: transparent; color: rgba(0, 0, 0, 0.38); } button.suggested-action.flat:checked { background-color: rgba(0, 150, 136, 0.3); } button.destructive-action { background-color: #FF5252; color: #FFFFFF; } button.destructive-action:disabled { box-shadow: none; background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.38); } button.destructive-action:checked { background-color: #ff8686; } button.destructive-action.flat { background-color: transparent; color: #FF5252; } button.destructive-action.flat:disabled { box-shadow: none; background-color: transparent; color: rgba(0, 0, 0, 0.38); } button.destructive-action.flat:checked { background-color: rgba(255, 82, 82, 0.3); } .stack-switcher > button { outline-offset: -4px; } .stack-switcher > button > label { padding-left: 6px; padding-right: 6px; } .stack-switcher > button > image { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } .stack-switcher > button.text-button { padding-left: 10px; padding-right: 10px; } .stack-switcher > button.image-button { padding-left: 2px; padding-right: 2px; } .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { animation: none; background-image: none; } .primary-toolbar button { -gtk-icon-shadow: none; } button.image-button, toolbar .linked > button.image-button, .titlebar:not(headerbar) .linked > button.image-button:not(.suggested-action):not(.destructive-action), headerbar .linked > button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.image-button, toolbar .linked.vertical > button.image-button, headerbar .linked.vertical > button.image-button:not(.suggested-action):not(.destructive-action), .app-notification .linked.vertical > button.image-button, .linked > button.flat.image-button, .linked.vertical > button.flat.image-button, .inline-toolbar button:not(.text-button), check, radio, button.titlebutton, .nautilus-window headerbar > revealer > button, .raven .raven-header:not(.top) button.image-button, .raven .expander-button, button.close, button.circular { border-radius: 9999px; -gtk-outline-radius: 9999px; } spinbutton:not(.vertical) button, notebook > header tab button.flat, button.sidebar-button, .nautilus-window .floating-bar button, .gedit-document-panel row button.flat, .gedit-search-slider button:dir(ltr), .gedit-search-slider button:dir(rtl), .pluma-window paned.horizontal box.vertical box.horizontal button.flat { min-height: 20px; min-width: 20px; padding: 0; border-radius: 9999px; -gtk-outline-radius: 9999px; } .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label { animation: needs_attention 270ms cubic-bezier(0, 0, 0.2, 1) forwards; background-repeat: no-repeat; background-position: right 3px; background-size: 6px 6px; } .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) { background-position: left 3px; } .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked > button, .linked:not(.vertical) > combobox > box > button.combo { border-radius: 0; -gtk-outline-radius: 2px; } .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .linked > button:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .linked > button:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo { border-radius: 2px; } .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button, .linked.vertical > combobox > box > button.combo { border-radius: 0; -gtk-outline-radius: 2px; } .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo { border-top-left-radius: 2px; border-top-right-radius: 2px; } .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo { border-radius: 2px; } /* menu buttons */ modelbutton.flat, .menuitem.button.flat { min-height: 28px; padding: 0 8px; border-radius: 2px; color: inherit; } modelbutton.flat arrow { background: none; } modelbutton.flat arrow:hover { background: none; } modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } button.color { min-height: 20px; min-width: 20px; padding: 6px; } /********* * Links * *********/ *:link, button:link, button:visited, *:link:hover, button:hover:link, button:hover:visited, *:link:active, button:active:link, button:active:visited { color: #338DD6; } *:link:visited, button:visited, *:link:visited:hover, button:visited:hover, *:link:visited:active, button:visited:active { color: #E040FB; } infobar.info *:link, infobar.info button:link, infobar.info button:visited, infobar.question *:link, infobar.question button:link, infobar.question button:visited, infobar.warning *:link, infobar.warning button:link, infobar.warning button:visited, infobar.error *:link, infobar.error button:link, infobar.error button:visited, *:link:selected, button:selected:link, button:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:link, headerbar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited { color: #FFFFFF; } button:link > label, button:visited > label { text-decoration-line: underline; } /***************** * GtkSpinButton * *****************/ spinbutton:not(.vertical) { padding: 0; } notebook > stack:not(:only-child) spinbutton:not(.vertical) entry, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:focus, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:disabled, spinbutton:not(.vertical) entry { min-width: 28px; margin: 0; border-image: none; border-radius: 0; box-shadow: none; background-color: transparent; } spinbutton:not(.vertical) button { border: solid 6px transparent; } spinbutton:not(.vertical) button.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:disabled { color: rgba(0, 0, 0, 0.38); } spinbutton.vertical:drop(active) { box-shadow: none; } spinbutton.vertical entry { min-height: 32px; min-width: 44px; padding: 0; } spinbutton.vertical button { min-height: 32px; min-width: 44px; padding: 0; } spinbutton.vertical button.up { border-radius: 2px 2px 0 0; } spinbutton.vertical button.down { border-radius: 0 0 2px 2px; } treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; } treeview spinbutton:not(.vertical) entry { min-height: 0; padding: 1px 2px; } /************** * ComboBoxes * **************/ combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } combobox decoration, combobox button.combo:checked { transition: none; } combobox button.combo cellview:dir(ltr) { margin-left: 0px; } combobox button.combo cellview:dir(rtl) { margin-right: 0px; } combobox #gtk-combobox-popup-menu { padding: 2px 0; } combobox #gtk-combobox-popup-menu menuitem { min-height: 28px; padding: 0 8px; } combobox #gtk-combobox-popup-menu > arrow.top { margin-top: -2px; } combobox #gtk-combobox-popup-menu > arrow.bottom { margin-bottom: -6px; } combobox:drop(active) { box-shadow: none; } notebook > stack:not(:only-child) button.combo, .raven .raven-background button.combo, #login_window #user_combobox button { border-radius: 0; background-image: none; font-weight: inherit; transition: all 270ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); background-color: transparent; color: rgba(0, 0, 0, 0.87); } notebook > stack:not(:only-child) button.combo:hover, .raven .raven-background button.combo:hover, #login_window #user_combobox button:hover { box-shadow: inset 0 -2px rgba(0, 0, 0, 0.38); } notebook > stack:not(:only-child) button.combo:checked, .raven .raven-background button.combo:checked, #login_window #user_combobox button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px; } notebook > stack:not(:only-child) button.combo:disabled, .raven .raven-background button.combo:disabled, #login_window #user_combobox button:disabled { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.38); } /************ * Toolbars * ************/ toolbar { -GtkWidget-window-dragging: true; padding: 2px; background-color: #EEEEEE; } .osd toolbar { background-color: transparent; } toolbar.osd, .app-notification, frame.documents-dropdown { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); padding: 6px; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.4); } toolbar.osd.left, .left.app-notification, frame.left.documents-dropdown, toolbar.osd.right, .right.app-notification, frame.right.documents-dropdown, toolbar.osd.top, .top.app-notification, frame.top.documents-dropdown, toolbar.osd.bottom, .bottom.app-notification, frame.bottom.documents-dropdown { border-radius: 0; } toolbar.horizontal > separator { margin: 2px; } toolbar.vertical > separator { margin: 2px; } toolbar:not(.inline-toolbar):not(.osd) scale, toolbar:not(.inline-toolbar):not(.osd) entry, toolbar:not(.inline-toolbar):not(.osd) spinbutton, toolbar:not(.inline-toolbar):not(.osd) button { margin: 2px; } toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child), toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child), toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) { margin-left: 0; } toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child), toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child), toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) { margin-right: 0; } toolbar:not(.inline-toolbar):not(.osd) spinbutton entry, toolbar:not(.inline-toolbar):not(.osd) spinbutton button { margin: 0; } toolbar:not(.inline-toolbar):not(.osd) switch { margin: 8px 2px; } .inline-toolbar { padding: 6px; border-style: solid; border-width: 0 1px 1px; border-color: rgba(0, 0, 0, 0.12); background-color: #F5F5F5; } searchbar > revealer > box, .location-bar { padding: 6px; border-style: solid; border-width: 0 0 1px; border-color: rgba(0, 0, 0, 0.12); background-color: #EEEEEE; background-clip: border-box; } searchbar > revealer > box { margin: -6px; padding: 6px; } /*************** * Header bars * ***************/ .titlebar:not(headerbar), headerbar { transition: background-color 180ms cubic-bezier(0, 0, 0.2, 1), color 270ms cubic-bezier(0, 0, 0.2, 1); min-height: 44px; padding: 0 6px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #E0E0E0; color: rgba(0, 0, 0, 0.87); } .titlebar:disabled:not(headerbar) :not(button) > label, headerbar:disabled :not(button) > label { color: rgba(0, 0, 0, 0.38); } .titlebar:backdrop:not(headerbar), headerbar:backdrop { color: rgba(0, 0, 0, 0.54); } .titlebar:backdrop:disabled:not(headerbar) :not(button) > label, headerbar:backdrop:disabled :not(button) > label { color: rgba(0, 0, 0, 0.26); } .titlebar:not(headerbar) .title, headerbar .title { padding: 0 12px; font-weight: bold; } .titlebar:not(headerbar) .subtitle, headerbar .subtitle { padding: 0 12px; font-size: smaller; } .titlebar:not(headerbar) .linked:not(.vertical) > entry:not(.flat), headerbar .linked:not(.vertical) > entry:not(.flat) { border-radius: 2px; } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), headerbar button:not(.suggested-action):not(.destructive-action) { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px; color: rgba(0, 0, 0, 0.54); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active, headerbar button:not(.suggested-action):not(.destructive-action):hover, headerbar button:not(.suggested-action):not(.destructive-action):active { color: rgba(0, 0, 0, 0.87); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled, headerbar button:not(.suggested-action):not(.destructive-action):disabled { color: rgba(0, 0, 0, 0.26); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, headerbar button:not(.suggested-action):not(.destructive-action):checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px; color: rgba(0, 0, 0, 0.87); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled { color: rgba(0, 0, 0, 0.38); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, headerbar button:not(.suggested-action):not(.destructive-action):checked, headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled { background-color: transparent; } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop, headerbar button:not(.suggested-action):not(.destructive-action):backdrop { color: rgba(0, 0, 0, 0.38); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:active, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:hover, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:active { color: rgba(0, 0, 0, 0.54); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:disabled { color: rgba(0, 0, 0, 0.26); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked { color: rgba(0, 0, 0, 0.54); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { color: rgba(0, 0, 0, 0.26); } .titlebar:not(headerbar) button.suggested-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled, headerbar button.suggested-action:disabled, headerbar button.destructive-action:disabled { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.38); } .selection-mode.titlebar:not(headerbar), headerbar.selection-mode { transition: background-color 0.00001s 270ms, color 270ms cubic-bezier(0, 0, 0.2, 1); animation: header_ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.2); background-color: #338DD6; color: #FFFFFF; } .selection-mode.titlebar:backdrop:not(headerbar), headerbar.selection-mode:backdrop { color: rgba(255, 255, 255, 0.7); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), headerbar.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: #FFFFFF; } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled { color: rgba(255, 255, 255, 0.5); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, headerbar.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: #FFFFFF; } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled { color: rgba(255, 255, 255, 0.5); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop { color: rgba(255, 255, 255, 0.7); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled { color: rgba(255, 255, 255, 0.3); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked { color: rgba(255, 255, 255, 0.7); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { color: rgba(255, 255, 255, 0.3); } .selection-mode.titlebar:not(headerbar) .selection-menu, headerbar.selection-mode .selection-menu { padding-left: 16px; padding-right: 16px; } .selection-mode.titlebar:not(headerbar) .selection-menu arrow, headerbar.selection-mode .selection-menu arrow { -GtkArrow-arrow-scaling: 1; } .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } .tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 20px; padding: 6px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } .tiled .default-decoration.titlebar:not(headerbar), .maximized .default-decoration.titlebar:not(headerbar), .fullscreen .default-decoration.titlebar:not(headerbar), .tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { box-shadow: none; } .default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { min-height: 20px; min-width: 20px; margin: 0; padding: 0; } .background:not(.csd) .default-decoration.titlebar:not(headerbar) button.titlebutton:active, .background:not(.csd) headerbar.default-decoration button.titlebutton:active { background-size: 1000% 1000%; } headerbar entry, headerbar spinbutton, headerbar button { margin-top: 6px; margin-bottom: 6px; } headerbar switch { margin-top: 10px; margin-bottom: 10px; } headerbar spinbutton button { margin-top: 0; margin-bottom: 0; } .background .titlebar { border-top-left-radius: 2px; border-top-right-radius: 2px; } .background.tiled .titlebar, .background.tiled-top .titlebar, .background.tiled-right .titlebar, .background.tiled-bottom .titlebar, .background.tiled-left .titlebar, .background.maximized .titlebar, .background.solid-csd .titlebar { border-top-left-radius: 0; border-top-right-radius: 0; } window separator:first-child + headerbar, window headerbar:first-child { border-top-left-radius: 2px; } window headerbar:last-child { border-top-right-radius: 2px; } window stack headerbar:first-child, window stack headerbar:last-child { border-top-left-radius: 2px; border-top-right-radius: 2px; } window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child { border-top-left-radius: 0; border-top-right-radius: 0; } window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; box-shadow: none; } .titlebar:not(headerbar) > separator { background-color: #E0E0E0; background-image: image(rgba(0, 0, 0, 0.12)); } /************ * Pathbars * ************/ .caja-pathbar button, .path-bar button { padding-left: 4px; padding-right: 4px; } .caja-pathbar button label:not(:only-child):first-child, .path-bar button label:not(:only-child):first-child { margin-left: 4px; } .caja-pathbar button label:not(:only-child):last-child, .path-bar button label:not(:only-child):last-child { margin-right: 4px; } .caja-pathbar button.slider-button, .path-bar button.slider-button { padding-left: 4px; padding-right: 4px; } :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) .path-bar button { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px; border-radius: 2px; } :not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .path-bar button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px; } :not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar) .path-bar button:checked, :not(headerbar) .path-bar button:checked:disabled { background-color: transparent; } /************** * Tree Views * **************/ treeview.view { border-left-color: rgba(0, 0, 0, 0.26); border-top-color: rgba(0, 0, 0, 0.12); } * { -GtkTreeView-horizontal-separator: 4; -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; } treeview.view:selected { border-left-color: rgba(255, 255, 255, 0.3); } treeview.view:hover, treeview.view:active, treeview.view:selected { border-radius: 0; } treeview.view.separator { min-height: 5px; color: rgba(0, 0, 0, 0.12); } treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #009688; } treeview.view:drop(active).after { border-top-style: none; } treeview.view:drop(active).before { border-bottom-style: none; } treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -gtk-icon-transform: rotate(-90deg); color: rgba(0, 0, 0, 0.54); } treeview.view.expander:dir(rtl) { -gtk-icon-transform: rotate(90deg); } treeview.view.expander:checked { -gtk-icon-transform: unset; } treeview.view.expander:hover, treeview.view.expander:active { color: rgba(0, 0, 0, 0.87); } treeview.view.expander:disabled { color: rgba(0, 0, 0, 0.26); } treeview.view.expander:selected { color: rgba(255, 255, 255, 0.7); } treeview.view.expander:selected:hover, treeview.view.expander:selected:active { color: #FFFFFF; } treeview.view.expander:selected:disabled { color: rgba(255, 255, 255, 0.3); } treeview.view.progressbar { border-bottom: 4px solid #338DD6; box-shadow: none; background-color: transparent; } treeview.view.progressbar:selected { border-bottom-color: #FFFFFF; } treeview.view.trough { border-bottom: 4px solid rgba(51, 141, 214, 0.3); box-shadow: none; background-color: transparent; } treeview.view.trough:selected { border-bottom-color: rgba(255, 255, 255, 0.3); } treeview.view header button { padding: 2px 6px; border-style: none solid solid none; border-width: 1px; border-color: rgba(0, 0, 0, 0.12); border-radius: 0; background-clip: border-box; } treeview.view header button, treeview.view header button:hover, treeview.view header button:active { box-shadow: none; } treeview.view header button, treeview.view header button:disabled { background-color: #FFFFFF; } 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(0, 0, 0, 0.12); border-radius: 0; box-shadow: none; background-color: #FFFFFF; background-clip: border-box; color: #338DD6; } treeview.view acceleditor > label { background-color: #338DD6; } /********* * Menus * *********/ menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0; background-color: #E0E0E0; } menubar > menuitem, .menubar > menuitem { transition: all 180ms cubic-bezier(0, 0, 0.2, 1); min-height: 20px; padding: 4px 8px; color: rgba(0, 0, 0, 0.54); } menubar > menuitem:hover, .menubar > menuitem:hover { transition: none; background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } menubar > menuitem:disabled, .menubar > menuitem:disabled { color: rgba(0, 0, 0, 0.26); } menubar > menuitem label:disabled, .menubar > menuitem label:disabled { color: inherit; } .csd.popup { background-color: transparent; } menu, .menu, .context-menu { margin: 4px 0; padding: 4px 0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.12); } .csd menu, .csd .menu, .csd .context-menu { border: none; border-radius: 2px; } menu menuitem, .menu menuitem, .context-menu menuitem { transition: background-color 180ms cubic-bezier(0, 0, 0.2, 1); min-height: 20px; min-width: 40px; padding: 4px 8px; font: initial; text-shadow: none; } menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { transition: none; background-color: rgba(0, 0, 0, 0.12); } menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: rgba(0, 0, 0, 0.38); } menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; min-width: 16px; } menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 8px; } menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 8px; } menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { color: inherit; } menu > arrow, .menu > arrow, .context-menu > arrow { min-height: 16px; min-width: 16px; padding: 4px; background-color: #FFFFFF; color: rgba(0, 0, 0, 0.54); } menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -4px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); border-radius: 2px 2px 0 0; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-bottom: -12px; border-top: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0 0 2px 2px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-image: image(rgba(0, 0, 0, 0.12)); color: rgba(0, 0, 0, 0.87); } menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { border-color: transparent; background-color: transparent; color: transparent; } menu separator, .menu separator, .context-menu separator { margin: 4px 0; } menuitem accelerator { color: rgba(0, 0, 0, 0.54); } .popup:not(.csd) menu menuitem { color: #212121; } .popup:not(.csd) menu menuitem:hover { background-color: #E0E0E0; } .popup:not(.csd) menu menuitem:disabled { color: #9E9E9E; } .popup:not(.csd) menu accelerator { color: #757575; } /************ * Popovers * ************/ popover.background { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); padding: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); background-color: #FAFAFA; } popover.background:backdrop { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } 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: 3px; } 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: 2px; } popover.background separator { margin: 4px 0; } popover.background list separator { margin: 0; } /************* * Notebooks * *************/ notebook > header { border-width: 1px; border-color: rgba(0, 0, 0, 0.12); background-color: #EEEEEE; background-clip: border-box; } notebook > header.top { border-bottom-style: solid; } notebook > header.top > tabs { margin-bottom: -1px; } notebook > header.top > tabs > tab:hover { box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26); } notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -2px #338DD6; } notebook > header.bottom { border-top-style: solid; } notebook > header.bottom > tabs { margin-top: -1px; } notebook > header.bottom > tabs > tab:hover { box-shadow: inset 0 2px rgba(0, 0, 0, 0.26); } notebook > header.bottom > tabs > tab:checked { box-shadow: inset 0 2px #338DD6; } notebook > header.left { border-right-style: solid; } notebook > header.left > tabs { margin-right: -1px; } notebook > header.left > tabs > tab:hover { box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26); } notebook > header.left > tabs > tab:checked { box-shadow: inset -2px 0 #338DD6; } notebook > header.right { border-left-style: solid; } notebook > header.right > tabs { margin-left: -1px; } notebook > header.right > tabs > tab:hover { box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26); } notebook > header.right > tabs > tab:checked { box-shadow: inset 2px 0 #338DD6; } notebook > header.top > tabs > arrow { border-top-style: none; } notebook > header.bottom > tabs > arrow { border-bottom-style: none; } notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { padding-left: 4px; padding-right: 4px; } notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { margin-left: -8px; -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { margin-right: -8px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } notebook > header.left > tabs > arrow { border-left-style: none; } notebook > header.right > tabs > arrow { border-right-style: none; } notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { padding-top: 4px; padding-bottom: 4px; } notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { margin-top: -8px; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { margin-bottom: -8px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; } notebook > header tab { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; min-height: 20px; min-width: 20px; padding: 6px 12px; outline-offset: -6px; border-width: 1px; border-color: transparent; background-image: radial-gradient(circle farthest-corner at center, #338DD6 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; color: rgba(0, 0, 0, 0.54); font-weight: 500; } notebook > header tab:hover { color: rgba(0, 0, 0, 0.87); } notebook > header tab:hover.reorderable-page { border-color: rgba(0, 0, 0, 0.12); background-color: #F5F5F5; } notebook > header tab:disabled { color: rgba(0, 0, 0, 0.26); } notebook > header tab:checked { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 270ms cubic-bezier(0, 0, 0.2, 1), background-image 720ms cubic-bezier(0, 0, 0.2, 1); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-size: 1000% 1000%; color: rgba(0, 0, 0, 0.87); } notebook > header tab:checked:disabled { color: rgba(0, 0, 0, 0.38); } notebook > header tab:checked.reorderable-page { border-color: rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } notebook > header tab button.flat:last-child { margin-left: 6px; margin-right: -6px; } notebook > header tab button.flat:first-child { margin-left: -6px; margin-right: 6px; } notebook > header.top tabs, notebook > header.bottom tabs { padding-left: 8px; padding-right: 8px; } notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { margin-left: 0; } notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { margin-right: 0; } notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { margin: 0 -1px; border-style: none solid; } notebook > header.left tabs, notebook > header.right tabs { padding-top: 8px; padding-bottom: 8px; } notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { margin-top: 0; } notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { margin-bottom: 0; } notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { margin: -1px 0; border-style: solid none; } notebook > stack:not(:only-child) { background-color: #FFFFFF; } /************** * Scrollbars * **************/ scrollbar { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); background-color: #FFFFFF; background-clip: padding-box; } * { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; } scrollbar.top { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } scrollbar.bottom { border-top: 1px solid rgba(0, 0, 0, 0.12); } scrollbar.left { border-right: 1px solid rgba(0, 0, 0, 0.12); } scrollbar.right { border-left: 1px solid rgba(0, 0, 0, 0.12); } scrollbar slider { transition: all 180ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0; min-width: 8px; min-height: 8px; border: 4px solid transparent; border-radius: 9999px; background-clip: padding-box; background-color: rgba(0, 0, 0, 0.38); } scrollbar slider:hover { background-color: rgba(0, 0, 0, 0.54); } scrollbar slider:active { background-color: rgba(0, 0, 0, 0.87); } scrollbar slider:disabled { background-color: rgba(0, 0, 0, 0.26); } scrollbar.fine-tune slider { transition: all 180ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0; 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(.dragging):not(.hovering) { border-color: transparent; background-color: transparent; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { min-width: 4px; min-height: 4px; margin: 3px; border: 1px solid rgba(255, 255, 255, 0.3); } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 4px; min-height: 4px; margin: 3px; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 9999px; background-color: rgba(0, 0, 0, 0.38); background-clip: padding-box; -gtk-icon-source: none; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { background-color: rgba(0, 0, 0, 0.26); } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { min-width: 24px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { min-width: 8px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { min-height: 24px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { min-height: 8px; } scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { background-color: rgba(255, 255, 255, 0.9); } scrollbar.horizontal slider { min-width: 24px; } scrollbar.vertical slider { min-height: 24px; } scrollbar button { min-width: 16px; min-height: 16px; padding: 0; border-radius: 0; } scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } scrollbar.vertical button.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } scrollbar.horizontal button.down { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } /********** * Switch * **********/ switch { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); margin: 6px 0; padding: 0 2px; border: 5px solid transparent; border-radius: 9999px; background-color: rgba(0, 0, 0, 0.26); background-clip: padding-box; font-size: 0; } switch:disabled { background-color: rgba(0, 0, 0, 0.12); } switch:checked { background-color: rgba(0, 150, 136, 0.5); } switch:checked:disabled { background-color: rgba(0, 150, 136, 0.3); } switch slider { transition: all 180ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); min-width: 20px; min-height: 20px; margin: -3px -2px; border-radius: 9999px; outline-width: 0; outline-color: rgba(0, 0, 0, 0.12); outline-offset: 0; -gtk-outline-radius: 9999px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FAFAFA; } switch:focus slider { outline-width: 14px; } switch:hover slider { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } switch:checked slider { background-color: #009688; outline-color: rgba(0, 150, 136, 0.2); } switch:disabled slider { background-color: #EEEEEE; } /************************* * Check and Radio items * *************************/ .view.content-view.check:not(list), .content-view .tile check:not(list) { min-height: 40px; min-width: 40px; margin: 0; padding: 0; box-shadow: none; background-color: transparent; background-image: none; -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .view.content-view.check:not(list):hover, .view.content-view.check:not(list):active, .content-view .tile check:not(list):hover, .content-view .tile check:not(list):active { -gtk-icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } .view.content-view.check:not(list), .content-view .tile check:not(list) { -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked.png"), url("assets/selectionmode-checkbox-unchecked@2.png")); } .view.content-view.check:not(list):checked, .content-view .tile check:not(list):checked { -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked.png"), url("assets/selectionmode-checkbox-checked@2.png")); } checkbutton.text-button, radiobutton.text-button { padding: 2px; outline-offset: 0; } checkbutton.text-button label:not(:only-child), radiobutton.text-button label:not(:only-child) { margin: 0 4px; } check, radio { min-height: 24px; min-width: 24px; margin: -8px; padding: 8px; } check:checked, check:indeterminate, radio:checked, radio:indeterminate { color: #009688; } check:checked:disabled, check:indeterminate:disabled, radio:checked:disabled, radio:indeterminate:disabled { color: rgba(0, 150, 136, 0.5); } row:selected check:not(:checked):not(:indeterminate), row:selected radio:not(:checked):not(:indeterminate) { color: rgba(255, 255, 255, 0.7); } row:selected check:not(:checked):not(:indeterminate):hover, row:selected check:not(:checked):not(:indeterminate):active, row:selected radio:not(:checked):not(:indeterminate):hover, row:selected radio:not(:checked):not(:indeterminate):active { color: #FFFFFF; } row:selected check:not(:checked):not(:indeterminate):disabled, row:selected radio:not(:checked):not(:indeterminate):disabled { color: rgba(255, 255, 255, 0.3); } popover check, popover check:hover, popover check:active, popover check:disabled, popover radio, popover radio:hover, popover radio:active, popover radio:disabled { box-shadow: none; background-image: none; } popover check:not(:checked):not(:indeterminate):not(:disabled), popover radio:not(:checked):not(:indeterminate):not(:disabled) { color: rgba(0, 0, 0, 0.54); } popover check.left:dir(rtl), popover radio.left:dir(rtl) { margin-left: -12px; margin-right: -4px; } popover check.right:dir(ltr), popover radio.right:dir(ltr) { margin-left: -4px; margin-right: -12px; } menu menuitem check, menu menuitem radio { transition: none; margin: 0; padding: 0; } menu menuitem check:dir(ltr), menu menuitem radio:dir(ltr) { margin-right: 8px; } menu menuitem check:dir(rtl), menu menuitem radio:dir(rtl) { margin-left: 8px; } menu menuitem check:not(:checked):not(:indeterminate):not(:disabled), menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled) { color: rgba(0, 0, 0, 0.54); } menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled { box-shadow: none; } check { -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg")); } check:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")); } check:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg")); } radio { -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg")); border-image-slice: 20; border-image-width: 20px; } radio:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg")); } radio { border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#009688), to(transparent)); } radio:checked:not(:indeterminate) { border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#009688), to(transparent)); } radio:checked:not(:indeterminate):disabled { border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(rgba(0, 150, 136, 0.5)), to(transparent)); } window.background:not(.csd) > widget > checkbutton > check, menu menuitem check { min-height: 16px; min-width: 16px; border-radius: 2px; -gtk-outline-radius: 2px; -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg")); } window.background:not(.csd) > widget > checkbutton > check:checked, menu menuitem check:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg")); } window.background:not(.csd) > widget > checkbutton > check:indeterminate, menu menuitem check:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg")); } window.background:not(.csd) > widget > radiobutton > radio, menu menuitem radio { min-height: 16px; min-width: 16px; border-image: none; -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg")); } window.background:not(.csd) > widget > radiobutton > radio:checked, menu menuitem radio:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg")); } window.background:not(.csd) > widget > radiobutton > radio:indeterminate, menu menuitem radio:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg")); } check:not(:checked):active { -gtk-icon-transform: rotate(90deg); } check:not(:checked):indeterminate:active, radio:not(:checked):indeterminate:active { -gtk-icon-transform: scaleX(-1); } check:not(:checked), radio:not(:checked) { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0; } check:not(:checked):active, radio:not(:checked):active { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0; } menu menuitem check:not(:checked), menu menuitem radio:not(:checked) { transition: none; } treeview.view check, treeview.view radio { padding: 0; } treeview.view check:hover, treeview.view radio:hover { box-shadow: inset 0 0 0 9999px alpha(rgba(0, 0, 0, 0.87), 0.05); } treeview.view check:hover:disabled, treeview.view radio:hover:disabled { box-shadow: none; } treeview.view check:hover:selected, treeview.view radio:hover:selected { box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05); } treeview.view check, treeview.view radio { color: rgba(0, 0, 0, 0.54); } treeview.view check:hover, treeview.view check:active, treeview.view radio:hover, treeview.view radio:active { color: rgba(0, 0, 0, 0.87); } treeview.view check:disabled, treeview.view radio:disabled { color: rgba(0, 0, 0, 0.26); } treeview.view check:checked, treeview.view check:indeterminate, treeview.view radio:checked, treeview.view radio:indeterminate { color: #009688; } treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled, treeview.view radio:checked:disabled, treeview.view radio:indeterminate:disabled { color: rgba(0, 150, 136, 0.5); } treeview.view check:selected, treeview.view radio:selected { color: rgba(255, 255, 255, 0.7); } treeview.view check:selected:hover, treeview.view check:selected:active, treeview.view radio:selected:hover, treeview.view radio:selected:active { color: #FFFFFF; } treeview.view check:selected:disabled, treeview.view radio:selected:disabled { color: rgba(255, 255, 255, 0.3); } treeview.view check:selected:checked, treeview.view check:selected:indeterminate, treeview.view radio:selected:checked, treeview.view radio:selected:indeterminate { color: #009688; } treeview.view check:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled, treeview.view radio:selected:checked:disabled, treeview.view radio:selected:indeterminate:disabled { color: rgba(0, 150, 136, 0.5); } treeview.view radio:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")); border-image: none; } /************ * GtkScale * ************/ scale { min-height: 8px; min-width: 8px; padding: 12px; } scale slider { min-height: 24px; min-width: 24px; margin: -11px; } scale trough { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); outline-offset: 2px; background-color: rgba(0, 0, 0, 0.26); } scale trough:disabled { background-color: rgba(0, 0, 0, 0.12); } scale highlight { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); background-color: #009688; } scale highlight:disabled { background-color: transparent; } scale fill { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); background-color: rgba(0, 0, 0, 0.26); } scale fill:disabled { background-color: transparent; } scale slider { transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1); background-repeat: no-repeat; background-position: center; background-size: calc(100% - 10px); } scale slider { background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png")); } scale slider:disabled { background-image: -gtk-scaled(url("assets/scale-slider-disabled.png"), url("assets/scale-slider-disabled@2.png")); } scale slider:hover { background-size: calc(100% - 8px); } scale slider:active { background-size: calc(100% - 6px); } scale.fine-tune slider { background-size: calc(100% - 12px); } scale marks label, scale value { color: rgba(0, 0, 0, 0.38); } scale marks { color: rgba(0, 0, 0, 0.26); } scale marks.top { margin-bottom: 8px; margin-top: -16px; } scale marks.bottom { margin-top: 8px; margin-bottom: -16px; } scale marks.top { margin-right: 8px; margin-left: -16px; } scale marks.bottom { margin-left: 8px; margin-right: -16px; } 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 { min-height: 30px; min-width: 24px; margin-top: -17px; background-position: center calc(100% - 5px); } scale.horizontal.marks-before:not(.marks-after) slider { background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png")); } scale.horizontal.marks-before:not(.marks-after) slider:disabled { background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled.png"), url("assets/scale-horz-marks-before-slider-disabled@2.png")); } scale.horizontal.marks-before:not(.marks-after) slider:hover { background-position: center calc(100% - 4px); } scale.horizontal.marks-before:not(.marks-after) slider:active { background-position: center calc(100% - 3px); } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { background-position: center calc(100% - 6px); } scale.horizontal.marks-after:not(.marks-before) slider { min-height: 30px; min-width: 24px; margin-bottom: -17px; background-position: center calc(5px); } scale.horizontal.marks-after:not(.marks-before) slider { background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png")); } scale.horizontal.marks-after:not(.marks-before) slider:disabled { background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled.png"), url("assets/scale-horz-marks-after-slider-disabled@2.png")); } scale.horizontal.marks-after:not(.marks-before) slider:hover { background-position: center calc(4px); } scale.horizontal.marks-after:not(.marks-before) slider:active { background-position: center calc(3px); } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { background-position: center calc(6px); } scale.vertical.marks-before:not(.marks-after) slider { min-height: 24px; min-width: 30px; margin-left: -17px; background-position: calc(5px) center; } scale.vertical.marks-before:not(.marks-after) slider { background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png")); } scale.vertical.marks-before:not(.marks-after) slider:disabled { background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled.png"), url("assets/scale-vert-marks-before-slider-disabled@2.png")); } scale.vertical.marks-before:not(.marks-after) slider:hover { background-position: calc(4px) center; } scale.vertical.marks-before:not(.marks-after) slider:active { background-position: calc(3px) center; } scale.vertical.marks-before:not(.marks-after).fine-tune slider { background-position: calc(6px) center; } scale.vertical.marks-after:not(.marks-before) slider { min-height: 24px; min-width: 30px; margin-right: -17px; background-position: calc(100% - 5px) center; } scale.vertical.marks-after:not(.marks-before) slider { background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png")); } scale.vertical.marks-after:not(.marks-before) slider:disabled { background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled.png"), url("assets/scale-vert-marks-after-slider-disabled@2.png")); } scale.vertical.marks-after:not(.marks-before) slider:hover { background-position: calc(100% - 4px) center; } scale.vertical.marks-after:not(.marks-before) slider:active { background-position: calc(100% - 3px) center; } scale.vertical.marks-after:not(.marks-before).fine-tune slider { background-position: calc(100% - 6px) center; } 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: -12px; margin-top: -2px; } scale.color.vertical:dir(ltr) { padding: 0 0 0 12px; } scale.color.vertical:dir(ltr) slider { margin-left: -12px; margin-right: -2px; } scale.color.vertical:dir(rtl) { padding: 0 12px 0 0; } scale.color.vertical:dir(rtl) slider { margin-right: -12px; margin-left: -2px; } /***************** * Progress bars * *****************/ progressbar { color: rgba(0, 0, 0, 0.38); 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(51, 141, 214, 0.3); } progressbar progress { background-color: #338DD6; } progressbar trough.empty progress { all: unset; } /************* * Level Bar * *************/ levelbar.horizontal block { min-height: 4px; } levelbar.horizontal.discrete block { min-width: 32px; } levelbar.horizontal.discrete block:not(:last-child) { margin-right: 2px; } levelbar.vertical block { min-width: 4px; } levelbar.vertical.discrete block { min-height: 32px; } levelbar.vertical.discrete block:not(:last-child) { margin-bottom: 2px; } levelbar trough { padding: 2px; border-radius: 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FFFFFF; } levelbar trough:disabled { background-color: #F5F5F5; } levelbar block.low { background-color: #FF6D00; } levelbar block.high, levelbar block:not(.empty) { background-color: #338DD6; } levelbar block.full { background-color: #00C853; } levelbar block.empty { background-color: rgba(0, 0, 0, 0.12); } /**************** * Print dialog * *****************/ printdialog paper { padding: 0; border: 1px solid rgba(0, 0, 0, 0.12); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } printdialog .dialog-action-box { margin: 12px; } /********** * Frames * **********/ frame > border, .frame { margin: 0; padding: 0; border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0; box-shadow: none; } frame > border.flat, .frame.flat, frame.flat > border { border-style: none; } actionbar > revealer > box { padding: 6px; border-top: 1px solid rgba(0, 0, 0, 0.12); } scrolledwindow viewport.frame { border-style: none; } overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(64, 196, 255, 0.3)), 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(64, 196, 255, 0.3)), 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(64, 196, 255, 0.3)), 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(64, 196, 255, 0.3)), to(transparent)); background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } undershoot.top { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); padding-top: 1px; background-size: 12px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: left top; } undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); padding-bottom: 1px; background-size: 12px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: left bottom; } undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: left top; } undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: right top; } junction { border-style: solid none none solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } junction:dir(rtl) { border-style: solid solid none none; } separator { min-width: 1px; min-height: 1px; background-color: rgba(0, 0, 0, 0.12); } button.font separator, button.file separator, .tweak-categories separator { min-width: 0; min-height: 0; background-color: transparent; } /********* * Lists * *********/ list { border-color: rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } list row { padding: 2px; } row.activatable, .view, treeview.view header button, .budgie-menu button { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 9999px transparent; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } row.activatable:hover, .view:hover, treeview.view header button:hover, .budgie-menu button:hover { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, box-shadow 0, background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05); } row.activatable.has-open-popup, .has-open-popup.view, treeview.view header button.has-open-popup, .budgie-menu button.has-open-popup, row.activatable:active, .view:active, treeview.view header button:active, .budgie-menu button:active { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 0, background-image 0; animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15); background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%); background-size: 0% 0%; } /********************* * App Notifications * *********************/ .app-notification { margin: 8px; } .app-notification.frame, .app-notification border { border-style: none; } /************* * Expanders * *************/ expander title > arrow { transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1); min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -gtk-icon-transform: rotate(-90deg); color: rgba(0, 0, 0, 0.54); } expander title > arrow:dir(rtl) { -gtk-icon-transform: rotate(90deg); } expander title > arrow:checked { -gtk-icon-transform: unset; } expander title > arrow:hover, expander title > arrow:active { color: rgba(0, 0, 0, 0.87); } expander title > arrow:disabled { color: rgba(0, 0, 0, 0.26); } expander title > arrow:selected { color: rgba(255, 255, 255, 0.7); } expander title > arrow:selected:hover, expander title > arrow:selected:active { color: #FFFFFF; } expander title > arrow:selected:disabled { color: rgba(255, 255, 255, 0.3); } /************ * Calendar * ************/ calendar { padding: 1px; border: 1px solid rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } calendar:disabled { color: rgba(0, 0, 0, 0.38); } calendar:selected { border-radius: 3px; } calendar.header { border-style: none none solid; border-radius: 0; } calendar.highlight { color: rgba(0, 0, 0, 0.54); font-weight: 500; } calendar:indeterminate { color: rgba(0, 0, 0, 0.26); } /*********** * Dialogs * ***********/ messagedialog.background { background-color: #FAFAFA; } messagedialog .titlebar { min-height: 20px; border-style: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FAFAFA; color: rgba(0, 0, 0, 0.87); } messagedialog .titlebar:backdrop { color: rgba(0, 0, 0, 0.54); } messagedialog.csd.background { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } messagedialog.csd .dialog-action-area button { padding: 8px 16px; border-top: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0; } messagedialog.csd .dialog-action-area button:first-child { border-bottom-left-radius: 2px; } messagedialog.csd .dialog-action-area button:last-child { border-bottom-right-radius: 2px; } filechooser .dialog-action-box { border-top: 1px solid rgba(0, 0, 0, 0.12); } filechooser #pathbarbox { border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: #EEEEEE; } filechooserbutton:drop(active) { box-shadow: none; } /*********** * Sidebar * ***********/ .sidebar { border-style: none; background-color: #F5F5F5; } stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { border-right: 1px solid rgba(0, 0, 0, 0.12); border-left-style: none; } stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { border-left: 1px solid rgba(0, 0, 0, 0.12); border-right-style: none; } .sidebar list { background-color: transparent; } paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; } stacksidebar row { padding: 10px 4px; } stacksidebar row > label { padding-left: 6px; padding-right: 6px; } /**************** * File chooser * ****************/ row image.sidebar-icon { color: rgba(0, 0, 0, 0.54); } row:selected image.sidebar-icon { color: rgba(255, 255, 255, 0.7); } placessidebar > viewport.frame { border-style: none; } placessidebar list { padding: 1px 0 4px; } placessidebar row { min-height: 32px; margin: -1px 0; padding: 0; } placessidebar row > revealer { padding: 0 12px; } placessidebar row:selected { color: #FFFFFF; } placessidebar row:disabled { color: rgba(0, 0, 0, 0.38); } placessidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; } placessidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; } placessidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; } placessidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } placessidebar row.sidebar-placeholder-row { min-height: 2px; padding: 0 8px; background-image: image(#009688); background-clip: content-box; } placessidebar row.sidebar-new-bookmark-row { color: #009688; } placessidebar row:drop(active):not(:disabled) { box-shadow: inset 0 0 0 2px #009688; } placesview .server-list-button > image { -gtk-icon-transform: rotate(0turn); } placesview .server-list-button:checked > image { -gtk-icon-transform: rotate(-0.5turn); } placesview > actionbar > revealer > box > label { padding-left: 8px; padding-right: 8px; } /********* * Paned * *********/ paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(rgba(0, 0, 0, 0.12)); background-size: 1px 1px; background-clip: content-box; } paned > separator.wide { min-width: 6px; min-height: 6px; background-color: #EEEEEE; background-image: image(rgba(0, 0, 0, 0.12)), image(rgba(0, 0, 0, 0.12)); background-size: 1px 1px, 1px 1px; } paned.horizontal > separator { background-repeat: repeat-y; } paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; } paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; } paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; } paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; } paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; } /************** * GtkInfoBar * **************/ infobar { border-style: none; } infobar.info { background-color: #66BB6A; } infobar.question { background-color: #42A5F5; } infobar.warning { background-color: #FFA726; } infobar.error { background-color: #EF5350; } infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error { color: #FFFFFF; } /************ * Tooltips * ************/ tooltip { border-radius: 2px; box-shadow: none; } tooltip.background { background-color: rgba(66, 66, 66, 0.9); color: #FFFFFF; } tooltip decoration { background-color: transparent; } tooltip label { min-height: 20px; padding: 0 2px; } /***************** * Color Chooser * *****************/ colorswatch.top { border-top-left-radius: 2.5px; border-top-right-radius: 2.5px; } colorswatch.top overlay { border-top-left-radius: 2px; border-top-right-radius: 2px; } colorswatch.bottom { border-bottom-left-radius: 2.5px; border-bottom-right-radius: 2.5px; } colorswatch.bottom overlay { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 2.5px; border-bottom-left-radius: 2.5px; } colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 2.5px; border-bottom-right-radius: 2.5px; } colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } colorswatch.dark { color: #FFFFFF; } colorswatch.light { color: rgba(0, 0, 0, 0.87); } colorswatch:drop(active) { box-shadow: none; } colorswatch:drop(active).light overlay { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #009688; } colorswatch:drop(active).dark overlay { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #009688; } colorswatch overlay { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } colorswatch overlay:hover { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } colorswatch#add-color-button { border-radius: 2px 2px 0 0; color: #FFFFFF; } colorswatch#add-color-button:only-child { border-radius: 2px; } colorswatch#add-color-button overlay { background-image: linear-gradient(to right, #EF5350 25%, #FFA726 25%, #FFA726 50%, #66BB6A 50%, #66BB6A 75%, #42A5F5 75%); } colorswatch:disabled { opacity: 0.5; } colorswatch:disabled overlay { box-shadow: none; } colorswatch#editor-color-sample { border-radius: 2.5px; } colorswatch#editor-color-sample overlay { border-radius: 2px; } colorchooser .popover.osd { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } colorchooser .popover.osd:backdrop { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.4); } /******** * Misc * ********/ .content-view { background-color: #EEEEEE; } /********************** * Window Decorations * **********************/ decoration { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-radius: 2px 2px 0 0; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent; margin: 8px; } decoration:backdrop { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px 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: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } tooltip.csd decoration { border-radius: 2px; box-shadow: none; } messagedialog.csd decoration { border-radius: 2px; } .solid-csd decoration { margin: 0; border-radius: 0; box-shadow: none; background-color: #E0E0E0; } .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, popover.background.menu button:checked, popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked { background-color: #338DD6; } row:selected label, label:selected, .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, popover.background.menu button:checked, popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked { color: #FFFFFF; } row:selected label:disabled, label:disabled:selected, .view selection:disabled, .view:disabled:selected, flowbox flowboxchild:disabled:selected, label:disabled selection, spinbutton:not(.vertical) selection:disabled, entry selection:disabled, modelbutton.flat:disabled:selected, .menuitem.button.flat:disabled:selected, popover.background.menu button:disabled:checked, popover.background button.model:disabled:checked, row:disabled:selected, calendar:disabled:selected, text:disabled:selected, .budgie-menu button:disabled:checked { color: rgba(255, 255, 255, 0.5); } .monospace { font-family: monospace; } /********************** * Touch Copy & Paste * **********************/ cursor-handle { border-radius: 9999px; background-color: #009688; background-image: none; } cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { padding-left: 6px; border-top-right-radius: 0; } cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { padding-right: 6px; border-top-left-radius: 0; } cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { -GtkWidget-text-handle-width: 24; -GtkWidget-text-handle-height: 30; -gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png")); } .context-menu { font: initial; } .keycap { min-width: 12px; min-height: 26px; margin-top: 2px; padding-bottom: 2px; padding-left: 8px; padding-right: 8px; border: solid 1px rgba(0, 0, 0, 0.12); border-radius: 3px; box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); font-size: smaller; } :not(decoration):not(window):drop(active) { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 2px #009688; caret-color: #009688; } stackswitcher button.text-button { min-width: 100px; } stackswitcher button.circular, stackswitcher button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; } /********* * Emoji * *********/ popover.emoji-picker { padding: 0; } popover.emoji-picker entry { border-bottom: 1px solid rgba(0, 0, 0, 0.12); border-bottom-left-radius: 0; border-bottom-right-radius: 0; box-shadow: none; } popover.emoji-picker scrolledwindow { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } button.emoji-section { margin-top: -1px; padding: 0 8px; min-width: 24px; min-height: 32px; border-radius: 0; outline-offset: -6px; box-shadow: none; } button.emoji-section:hover { box-shadow: inset 0 2px rgba(0, 0, 0, 0.26); } button.emoji-section:active { box-shadow: inset 0 2px #338DD6; background-image: radial-gradient(circle farthest-corner at center, rgba(51, 141, 214, 0.7) 10%, transparent 0%); } button.emoji-section:checked { box-shadow: inset 0 2px #338DD6; background-color: transparent; } button.emoji-section:first-child { margin-left: 4px; } button.emoji-section:last-child { margin-right: 4px; } .emoji { min-width: 3em; min-height: 3em; padding: 0; } .emoji widget { transition: all 180ms cubic-bezier(0, 0, 0.2, 1); } .emoji widget:hover { font-size: larger; } /************ * Nautilus * ************/ .nautilus-window, .nautilus-window notebook, .nautilus-window notebook > stack { background-color: #FFFFFF; } .nautilus-desktop.nautilus-canvas-item:not(:selected), .caja-desktop.caja-canvas-item:not(:selected) { color: #FFFFFF; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } @keyframes needs_attention_keyframes { to { background-color: alpha(currentColor, 0.3); } } .nautilus-operations-button-needs-attention { animation: needs_attention_keyframes 270ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate; } .nautilus-operations-button-needs-attention-multiple { animation: needs_attention_keyframes 270ms cubic-bezier(0.4, 0, 0.2, 1) 4 alternate; } .nautilus-window .floating-bar { min-height: 32px; padding: 0; border-style: solid solid none; border-width: 1px; border-color: rgba(0, 0, 0, 0.12); border-radius: 3px 3px 0 0; background-color: #FFFFFF; background-clip: padding-box; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), border-width 0; } .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: 6px; } .disk-space-display.unknown { background-color: #FF6D00; } .disk-space-display.used { background-color: #338DD6; } .disk-space-display.free { background-color: rgba(0, 0, 0, 0.12); } .nautilus-window paned > separator { background-color: #EEEEEE; } /********* * gedit * *********/ .open-document-selector-path-label { color: rgba(0, 0, 0, 0.54); font-size: smaller; } .open-document-selector-path-label:selected { color: rgba(255, 255, 255, 0.7); } .gedit-document-panel { background-color: #F5F5F5; } .gedit-document-panel row button.flat { margin-top: 8px; margin-bottom: 8px; } .gedit-document-panel-group-row:not(:first-child) { border-top: 1px solid rgba(0, 0, 0, 0.12); } .gedit-side-panel-paned statusbar { border-top: 1px solid rgba(0, 0, 0, 0.12); } .gedit-search-slider { margin: 4px 4px 8px; } .gedit-search-slider entry:dir(ltr), .gedit-search-slider entry:dir(rtl) { border-radius: 2px; } .gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag, .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag { all: unset; color: rgba(0, 0, 0, 0.38); } .gedit-search-slider entry:dir(ltr) { margin-right: -58px; padding-right: 58px; } .gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag { margin-left: 6px; } .gedit-search-slider entry:dir(ltr) image.right { margin-right: 0; } .gedit-search-slider entry:dir(rtl) { margin-left: -58px; padding-left: 58px; } .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag { margin-right: 6px; } .gedit-search-slider entry:dir(rtl) image.left { margin-left: 0; } .gedit-search-slider entry.error ~ button { color: rgba(255, 255, 255, 0.7); } .gedit-search-slider entry.error ~ button:hover, .gedit-search-slider entry.error ~ button:active { color: #FFFFFF; } .gedit-search-slider entry.error ~ button:disabled { color: rgba(255, 255, 255, 0.3); } .gedit-search-slider button { border: solid 6px transparent; } .gedit-search-slider button:last-child:dir(ltr), .gedit-search-slider button:not(:first-child):dir(rtl) { margin-left: -3px; } .gedit-search-slider button:first-child:dir(rtl), .gedit-search-slider 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; } /************** * Tweak Tool * **************/ .tweak-categories { background-image: image(#F5F5F5); } .tweak { padding: 3px; } .tweak.title:hover { box-shadow: none; } .tweak-group-white, .tweak-white, .tweak-white:hover { background-image: image(#FFFFFF); } .tweak-startup, .tweak-startup:hover { background-image: image(#FFFFFF); } .tweak-group-startup { background-image: image(#FFFFFF); border: 1px solid rgba(0, 0, 0, 0.12); } /*********** * Builder * ***********/ workbench stack.titlebar { padding: 0; } workbench:not(.tiled):not(.maximized):not(.fullscreen) stack.titlebar headerbar { border-radius: 2px 2px 0 0; } perspectiveswitcher { background-color: #EEEEEE; } perspectiveswitcher button:checked { color: #338DD6; } layouttabbar { border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: #EEEEEE; } layouttabbar > box > button { margin: 4px 0; } layouttab { margin: 0 8px; border-style: none solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.12); box-shadow: inset 0 -2px #338DD6; background-color: #FFFFFF; } layouttab separator.vertical { margin: 8px 4px; } layouttab button.text-button, layouttab button.image-button, layouttab button { margin-top: 8px; margin-bottom: 8px; padding: 0 4px; } layout { border: 1px solid rgba(0, 0, 0, 0.12); -PnlDockBin-handle-size: 1; } entry.search-missing { background-color: #DD2C00; color: #FFFFFF; } workbench treeview.image { color: rgba(0, 0, 0, 0.54); } workbench treeview.image:selected { color: rgba(255, 255, 255, 0.7); } dockbin { border: 1px solid rgba(0, 0, 0, 0.12); -PnlDockBin-handle-size: 1; } dockpaned { border: 1px solid rgba(0, 0, 0, 0.12); } eggsearchbar box.search-bar { padding: 0 8px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: #EEEEEE; } docktabstrip { padding: 0 8px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: #EEEEEE; } docktab { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; min-height: 20px; min-width: 20px; margin-bottom: -1px; padding: 6px 6px; outline-offset: -6px; border-width: 1px; border-color: transparent; background-image: radial-gradient(circle farthest-corner at center, #338DD6 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; color: rgba(0, 0, 0, 0.54); font-weight: 500; } docktab:hover { box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } docktab:checked { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 270ms cubic-bezier(0, 0, 0.2, 1), background-image 720ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 -2px #338DD6; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-size: 1000% 1000%; color: rgba(0, 0, 0, 0.87); } dockoverlayedge { background-color: #EEEEEE; } dockoverlayedge docktabstrip { padding: 0; border: none; } dockoverlayedge.left-edge docktab:hover { box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26); } dockoverlayedge.left-edge docktab:checked { box-shadow: inset -2px 0 #338DD6; } dockoverlayedge.right-edge docktab:hover { box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26); } dockoverlayedge.right-edge docktab:checked { box-shadow: inset 2px 0 #338DD6; } pillbox { background-color: #EEEEEE; border-radius: 2px; } buildperspective row { padding: 10px; } layoutpane entry.search { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } editortweak entry.search { margin-bottom: -1px; box-shadow: none; } frame.gb-search-frame { border-bottom-right-radius: 5px; } .gb-search-entry-occurrences-tag { box-shadow: none; background-color: transparent; } docktabstrip { min-height: 39px; } workbench preferences preferencesgroup list entry { padding-top: 8px; padding-bottom: 8px; } /********** * Photos * **********/ GdMainIconView.content-view { -GdMainIconView-icon-size: 48; } .documents-counter { margin: 8px; border-radius: 9999px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); background-color: #009688; color: #FFFFFF; font-weight: bold; } .documents-scrolledwin.frame { border-style: none; } .photos-fade-in { opacity: 1; transition: opacity 180ms cubic-bezier(0, 0, 0.2, 1); } .photos-fade-out { opacity: 0; transition: opacity 180ms cubic-bezier(0, 0, 0.2, 1); } overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) { border-style: none none none solid; } overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) { border-style: none solid none none; } /********* * Music * *********/ .side-panel:dir(ltr) { border-style: solid; border-color: rgba(0, 0, 0, 0.12); } .side-panel:dir(rtl) { border-style: solid; border-color: rgba(0, 0, 0, 0.12); } .side-panel .view { background-image: image(#F5F5F5); } .side-panel .view:hover { background-image: image(rgba(235, 235, 235, 0.9935)); } .side-panel .view:selected { background-image: image(#338DD6); } .side-panel .view:selected:hover { background-image: image(#3d93d8); } .songs-list:hover { background-image: image(alpha(currentColor, 0.05)); } frame.documents-dropdown { margin: 8px; } frame.documents-dropdown > border { border: none; } box.vertical:not(.titlebar) > revealer > toolbar.search-bar { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } box.vertical:not(.titlebar) > revealer > toolbar.search-bar button > widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } /********* * To Do * *********/ task-row { transition: all 180ms cubic-bezier(0, 0, 0.2, 1); margin: 0 -4px; } task-row:hover { transition: none; } task-row label { margin: 0 8px; } task-row image { margin: 0 4px; } task-list-view > box > revealer > box > button { min-height: 32px; margin: -4px; padding: 0 12px; } task-list-view > box > revealer > box > button label { margin: 0 8px; } task-list-view > box > revealer > box > button image { margin: 0 4px; } /******* * eog * *******/ #eog-thumb-nav scrolledwindow { border-top: none; } #eog-thumb-nav button { -gtk-outline-radius: 2px; } /************* * 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(0, 0, 0, 0.12); } list.categories { background-image: image(#F5F5F5); } /********* * Boxes * *********/ .transparent-bg + stack overlay > label { min-height: 24px; padding: 0 4px; border-radius: 2px; background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; } /************** * Calculator * **************/ button.title label { min-height: 32px; } /********* * Geary * *********/ .geary-titlebar-left:dir(ltr) { margin-right: 5px; padding-right: 0; } .geary-titlebar-left:dir(rtl) { margin-left: 5px; padding-left: 0; } .geary-titlebar-left > separator { background-color: rgba(0, 0, 0, 0.05); } .geary-titlebar-right:dir(ltr) { margin-left: -5px; } .geary-titlebar-right:dir(rtl) { margin-right: -5px; } /********* * Tilix * *********/ overlay > revealer.left > scrolledwindow.frame, overlay > revealer.right > scrolledwindow.frame { border-style: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22); } 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(#FAFAFA); } button.image-button.session-new-button { min-width: 28px; } /*********** * 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: 2px; } /************ * Chromium * ************/ tooltip.chromium { background-color: #424242; } /*********** * Firefox * ***********/ window.background:not(.csd) > widget > separator { color: rgba(0, 0, 0, 0.26); } window.background:not(.csd) > widget > scrollbar { background-clip: border-box; } window.background:not(.csd) > widget > scrollbar, window.background:not(.csd) > widget > frame > border { border-color: rgba(0, 0, 0, 0.26); } window.background:not(.csd) > widget > entry, window.background:not(.csd) > widget > button > button { border: 1px solid rgba(0, 0, 0, 0.26); border-radius: 3px; box-shadow: none; } window.background:not(.csd) > widget > entry { min-height: 30px; } window.background:not(.csd) > widget > entry:focus { border-color: #338DD6; } window.background:not(.csd) > widget > button > button { padding: 4px 8px; background-size: auto; } window.background:not(.csd) > widget > button > button:hover { background-image: image(alpha(currentColor, 0.05)); } window.background:not(.csd) > widget > button > button:active { background-image: image(alpha(currentColor, 0.1)); } window.background:not(.csd) > widget > checkbutton > check:not(:checked), window.background:not(.csd) > widget > radiobutton > radio:not(:checked) { color: #757575; } window.background:not(.csd) > widget > checkbutton > check:not(:checked):hover, window.background:not(.csd) > widget > checkbutton > check:not(:checked):active, window.background:not(.csd) > widget > radiobutton > radio:not(:checked):hover, window.background:not(.csd) > widget > radiobutton > radio:not(:checked):active { color: #212121; } window.background:not(.csd) > widget > checkbutton > check:not(:checked):disabled, window.background:not(.csd) > widget > radiobutton > radio:not(:checked):disabled { color: rgba(117, 117, 117, 0.5); } window.background:not(.csd) > window > menu, window.background:not(.csd) > menu > menu { border: none; } window.background:not(.csd) > widget > menubar { color: rgba(0, 0, 0, 0.54); } window.background:not(.csd) > widget > menubar:hover { color: rgba(0, 0, 0, 0.87); } window.background:not(.csd) > widget > menubar:disabled { color: rgba(0, 0, 0, 0.26); } window.background:not(.csd) > widget > frame { color: rgba(0, 0, 0, 0.26); } window.background:not(.csd) > widget > checkbutton > check, window.background:not(.csd) > widget > radiobutton > radio { margin: 0; padding: 0; } window.background:not(.csd) > window.background > menu > separator { color: rgba(0, 0, 0, 0.12); } /************ * 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: 2px; -gtk-outline-radius: 2px; } #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: 2px; -gtk-outline-radius: 2px; } #CanvasTable button { min-height: 16px; min-width: 16px; padding: 0; } #CanvasTable #HorizontalScrollbar { border-top: 1px solid rgba(0, 0, 0, 0.12); } #CanvasTable #VerticalScrollbar:dir(ltr) { border-left: 1px solid rgba(0, 0, 0, 0.12); } #CanvasTable #VerticalScrollbar:dir(rtl) { border-right: 1px solid rgba(0, 0, 0, 0.12); } #Canvas_and_Dock frame > border { border: none; } #Canvas_and_Dock widget > widget > button.flat { min-height: 16px; min-width: 16px; padding: 4px; } #Canvas_and_Dock widget > widget > box.horizontal image { padding: 4px; } #Canvas_and_Dock box.horizontal > box.vertical > button.flat { min-height: 16px; min-width: 24px; padding: 8px 4px; } /*********** * Synapse * ***********/ box.vertical > widget > widget:selected { background-color: #338DD6; } /********* * 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: #338DD6; -UnityDecoration-title-indent: 4px; -UnityDecoration-title-fade: 32px; -UnityDecoration-title-alignment: 0.0; } UnityDecoration .top { padding: 0 2px; border-style: none; border-radius: 2px 2px 0 0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: #E0E0E0; color: rgba(0, 0, 0, 0.87); } UnityDecoration .top:backdrop { color: rgba(0, 0, 0, 0.54); } UnityDecoration .menuitem { color: rgba(0, 0, 0, 0.54); } UnityDecoration .menuitem:hover { box-shadow: inset 0 -2px #338DD6; background-color: transparent; color: rgba(0, 0, 0, 0.87); } .background:not(.csd) headerbar:not(.titlebar) { border-radius: 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .background:not(.csd) headerbar:not(.titlebar).inline-toolbar { border-style: none; } UnityPanelWidget, .unity-panel { background-color: #cfcfcf; color: rgba(0, 0, 0, 0.87); } UnityPanelWidget:backdrop, .unity-panel:backdrop { color: rgba(0, 0, 0, 0.54); } .unity-panel.menuitem, .unity-panel .menuitem { color: rgba(0, 0, 0, 0.54); } .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem *:hover { box-shadow: inset 0 -2px #338DD6; background-color: transparent; color: rgba(0, 0, 0, 0.87); } .menu IdoPlaybackMenuItem.menuitem:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: spin 1s linear infinite; color: #338DD6; } /************** * Mate-Panel * **************/ .mate-panel-menu-bar menubar, #PanelApplet-window-menu-applet-button { background-color: transparent; } .mate-panel-menu-bar { background-color: rgba(0, 0, 0, 0.6); font-weight: 500; } .mate-panel-menu-bar:not(.popup) { color: rgba(255, 255, 255, 0.7); } .mate-panel-menu-bar button { min-height: 16px; min-width: 16px; padding: 0; border-radius: 0; } .mate-panel-menu-bar button:checked { background-color: rgba(255, 255, 255, 0.12); } PanelToplevel.horizontal > grid > button { min-width: 24px; } PanelToplevel.vertical > grid > button { min-height: 24px; } PanelSeparator { color: rgba(255, 255, 255, 0.12); } MatePanelAppletFrameDBus { border-style: solid; border-color: rgba(255, 255, 255, 0.12); } .mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus { border-width: 0 1px; } .mate-panel-menu-bar.vertical MatePanelAppletFrameDBus { border-width: 1px 0; } .mate-panel-menu-bar menubar > menuitem { color: rgba(255, 255, 255, 0.7); } .mate-panel-menu-bar menubar > menuitem:hover { 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 0px; } .mate-panel-menu-bar #tasklist-button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; } .mate-panel-menu-bar #tasklist-button image:dir(ltr), .mate-panel-menu-bar #tasklist-button label:dir(rtl) { padding-left: 4px; } .mate-panel-menu-bar #tasklist-button label:dir(ltr), .mate-panel-menu-bar #tasklist-button image:dir(rtl) { padding-right: 4px; } .mate-panel-menu-bar.vertical #tasklist-button { min-height: 32px; } .mate-panel-menu-bar.horizontal #showdesktop-button image { min-width: 24px; padding: 0 4px; } .mate-panel-menu-bar.vertical #showdesktop-button image { min-height: 24px; padding: 4px 0; } PanelApplet.wnck-applet .wnck-pager { background-color: transparent; color: #40C4FF; } PanelApplet.wnck-applet .wnck-pager:hover { background-color: rgba(255, 255, 255, 0.12); } PanelApplet.wnck-applet .wnck-pager:active { background-color: rgba(255, 255, 255, 0.3); } PanelApplet.wnck-applet .wnck-pager:selected { background-color: #338DD6; } .mate-panel-menu-bar.horizontal #clock-applet-button label { padding: 0 8px; } .mate-panel-menu-bar.vertical #clock-applet-button label { padding: 8px 0; } #MatePanelPopupWindow { border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 3px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } #MatePanelPopupWindow frame > border { border-style: none; } #MatePanelPopupWindow button { padding: 4px 16px; } #MatePanelPopupWindow ClockMap { border: 1px solid rgba(0, 0, 0, 0.12); } #MatePanelPopupWindow widget { color: rgba(0, 0, 0, 0.12); } na-tray-applet { -NaTrayApplet-icon-padding: 3px; -NaTrayApplet-icon-size: 16; } .mate-panel-menu-bar { -PanelMenuBar-icon-visible: true; } .mate-panel-applet-slider { border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 3px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: #EEEEEE; } .mate-panel-applet-slider frame > border { border-style: none; } #PanelApplet:not(:selected) > box { transition: all 180ms 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(0, 0, 0, 0.12); } #mate-menu button { min-height: 24px; min-width: 24px; padding: 4px 0; color: rgba(0, 0, 0, 0.87); font-weight: normal; } #mate-menu button label:not(:first-child) { color: rgba(0, 0, 0, 0.54); } #mate-menu entry { margin: 0 0 8px; } #mate-menu entry image { margin: 0; } #mate-menu entry + button { margin: 0 4px 8px; padding: 4px; } /********************* * CAJA File manager * *********************/ .caja-navigation-window button.toggle.image-button { border-radius: 2px; } .caja-pathbar button { margin: 0 -1px 0 -2px; } .caja-pathbar button > widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -GtkArrow-arrow-scaling: 1; } .caja-side-pane notebook viewport.frame, .caja-side-pane notebook widget .vertical { background-color: #FFFFFF; } .caja-side-pane notebook, .caja-notebook { border-top: 1px solid rgba(0, 0, 0, 0.12); } .caja-side-pane notebook .frame, .caja-notebook .frame { border-style: none; } .caja-navigation-window statusbar { margin: 0 -10px; padding: 0 4px; border-top: 1px solid rgba(0, 0, 0, 0.12); } .caja-notebook frame > border { border-style: none; } #caja-extra-view-widget { border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: #EEEEEE; } #caja-extra-view-widget > box > box > label { font-weight: bold; } /********* * Pluma * *********/ .pluma-window statusbar { margin: 0 -10px; padding: 0 4px; border-top: 1px solid rgba(0, 0, 0, 0.12); } .pluma-window statusbar frame > border { border-style: none; } .pluma-window statusbar frame button.flat { padding: 0 4px; border-radius: 0; } .pluma-window statusbar frame button.flat widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -GtkArrow-arrow-scaling: 1; } .pluma-print-preview toolbar { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .pluma-window paned.horizontal box.vertical box.horizontal button.flat { margin: 1px; } .pluma-window paned.horizontal box.vertical .frame { border-style: none; } .pluma-window paned.horizontal box.vertical notebook.frame { margin-top: -1px; border-top: 1px solid rgba(0, 0, 0, 0.12); } .pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } /********* * Atril * *********/ .atril-window paned.horizontal box.vertical .frame { border-style: none; } .atril-window paned.horizontal box.vertical notebook .frame { border-top: 1px solid rgba(0, 0, 0, 0.12); } /* mate-screensaver lock dialog */ .lock-dialog { border-radius: 2px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), inset 0 1px rgba(255, 255, 255, 0.4); } .lock-dialog frame > border { border-style: none; } /****************** * 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: 2px; -gtk-outline-radius: 2px; } .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: 3px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); background-color: #FAFAFA; } .budgie-popover .container { padding: 2px; } .budgie-popover border { border: none; } .budgie-popover list { background-color: transparent; } .budgie-popover row { padding: 0; } .budgie-popover row:hover { box-shadow: none; } .budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { min-height: 28px; padding: 0 8px; color: rgba(0, 0, 0, 0.87); font-weight: normal; } .budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled { color: rgba(0, 0, 0, 0.38); } .budgie-popover.budgie-menu .container { padding: 0; } .budgie-popover.user-menu .container { padding: 8px; } .budgie-popover.user-menu separator { margin: 4px 0; } .budgie-popover.sound-popover separator { margin: 3px 0; } .budgie-popover.night-light-indicator .container { padding: 8px; } .budgie-popover.places-menu .container { padding: 8px; } .budgie-popover.places-menu .places-list:not(.always-expand) { margin-top: 4px; padding-top: 4px; border-top: 1px solid rgba(0, 0, 0, 0.12); } .budgie-popover.places-menu .alternative-label { padding: 3px; font-size: 15px; } .budgie-popover.workspace-popover .container { padding: 2px 8px 8px; } .budgie-popover.workspace-popover separator { margin: 4px 0; } .budgie-popover.workspace-popover flowboxchild { padding: 0; } .workspace-switcher .workspace-layout { border: 0 solid rgba(255, 255, 255, 0.12); } .top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { border-left-width: 1px; } .top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { border-right-width: 1px; } .left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { border-top-width: 1px; } .workspace-switcher .workspace-item, .workspace-switcher .workspace-add-button { border: 0 solid rgba(255, 255, 255, 0.12); } .top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { border-right-width: 1px; } .top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { border-left-width: 1px; } .left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { border-bottom-width: 1px; } .workspace-switcher .workspace-item { transition: all 180ms 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: 2px; } .budgie-menu.background { padding: 0; background-color: #FFFFFF; } .budgie-menu scrollbar, .budgie-menu entry.search { background-color: transparent; } .budgie-menu entry.search { border-bottom: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0; box-shadow: none; font-size: 120%; } .budgie-menu .categories:dir(ltr) { border-bottom-left-radius: 2px; } .budgie-menu .categories:dir(rtl) { border-bottom-right-radius: 2px; } .budgie-menu button { min-height: 32px; padding: 0 8px; border-radius: 0; color: rgba(0, 0, 0, 0.87); font-weight: normal; } .budgie-menu button:disabled { color: rgba(0, 0, 0, 0.38); } .budgie-menu button:checked:disabled { background-color: #338DD6; } .budgie-menu row { padding: 0; } .budgie-menu row:hover { box-shadow: none; } popover.background.user-menu { padding: 8px; } popover.background.user-menu .content-box { background-color: transparent; } popover.background.user-menu separator { margin: 4px 0; } popover.background.user-menu row { padding: 0; box-shadow: none; background-image: none; } popover.background.places-menu { padding: 8px; } popover.background.places-menu .name-button.text-button { padding-left: 8px; padding-right: 8px; } popover.background.places-menu .name-button.text-button image:dir(ltr) { margin-right: 3px; } popover.background.places-menu .name-button.text-button image:dir(rtl) { margin-left: 3px; } popover.background.places-menu .places-section-header > image:dir(ltr) { margin: 0 -2px 0 5px; } popover.background.places-menu .places-section-header > image:dir(rtl) { margin: 0 5px 0 -2px; } popover.background.places-menu .places-list { margin-top: 4px; padding-top: 4px; border-top: 1px solid rgba(0, 0, 0, 0.12); background-color: transparent; } popover.background.places-menu row { padding: 0; box-shadow: none; background-image: none; } .budgie-panel { transition: background-color 270ms cubic-bezier(0, 0, 0.2, 1); background-color: rgba(0, 0, 0, 0.6); color: rgba(255, 255, 255, 0.7); font-weight: 500; } .budgie-panel.transparent { background-color: rgba(0, 0, 0, 0.6); } .budgie-panel button { min-height: 16px; min-width: 16px; padding: 0; border-radius: 0; } .budgie-panel button:checked { background-color: rgba(255, 255, 255, 0.12); } .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: #FF5252; } .budgie-panel #tasklist-button { padding: 0 4px; } .budgie-panel.vertical #tasklist-button { min-height: 32px; } .budgie-panel button.flat.launcher { padding: 0; } .budgie-panel button.flat.launcher:not(:checked) { color: rgba(255, 255, 255, 0.5); } .budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { color: rgba(255, 255, 255, 0.7); } .budgie-panel button.flat.launcher:not(:checked):disabled { color: rgba(255, 255, 255, 0.3); } .top .budgie-panel #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; } .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, .top .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .top button.flat.launcher, .top .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .top button.flat.launcher.running { 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; } .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, .bottom .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .bottom button.flat.launcher, .bottom .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .bottom button.flat.launcher.running { 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; } .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, .left .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .left button.flat.launcher, .left .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .left button.flat.launcher.running { 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; } .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, .right .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .right button.flat.launcher, .right .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .right button.flat.launcher.running { 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 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22); } .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: #FAFAFA; } .raven > box { margin-bottom: -10px; } .raven > stack { margin-bottom: -10px; } .raven stackswitcher.linked > button { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 0%, transparent 0%) 0 0 0/0 0 0px; border-radius: 0; } .raven stackswitcher.linked > button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 100%, transparent 0%) 0 0 2/0 0 2px; background-color: transparent; } .raven .raven-header { min-height: 32px; padding: 3px; } .raven .raven-header:not(.top) { margin-top: -6px; } .raven .raven-header.top { padding: 2px 0; background-color: #338DD6; color: #FFFFFF; } .raven .raven-header.top stackswitcher button { margin: -6px 0; min-height: 32px; } .raven .raven-header.top button.image-button:dir(ltr) { margin-right: 2px; } .raven .raven-header.top button.image-button:dir(rtl) { margin-left: 2px; } .raven .raven-header.top > image { margin: 0 8px; } .raven .raven-header.top > label { margin: 0 -8px; font-weight: bold; } .raven .raven-header.bottom { border-top: 1px solid rgba(0, 0, 0, 0.12); } .raven viewport.frame .raven-header { margin-top: -8px; } .raven .raven-background { border-style: solid none; border-width: 1px; border-color: rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } .raven .raven-background.frame { border-style: solid none; } .raven .raven-background > overlay > widget > image { color: rgba(0, 0, 0, 0.12); } .raven .raven-background grid > label:first-child { min-height: 32px; } .raven scrolledwindow.raven-background { border-bottom-style: none; } .raven .raven-header.top + .raven-background { border-style: none; background-color: #338DD6; color: #FFFFFF; } .raven .raven-header.top + .raven-background stackswitcher button { margin: -4px 0; } .raven .powerstrip button { margin: 2px 0 1px; padding: 10px; } .raven .option-subtitle { font-size: smaller; } calendar.raven-calendar { border-style: none; background-color: transparent; } calendar.raven-calendar:selected { border-radius: 2px; background-color: #338DD6; } .raven-mpris { background-color: rgba(0, 0, 0, 0.6); color: #FFFFFF; } .raven-mpris label { min-height: 24px; } .raven-mpris button.image-button { padding: 10px; } .budgie-notification-window, .budgie-osd-window, .budgie-switcher-window { background-color: transparent; } .budgie-notification .notification-title, .budgie-switcher .notification-title { font-size: 120%; } .budgie-osd .budgie-osd-text { font-size: 120%; } .drop-shadow { margin: 5px 9px; padding: 3px; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FAFAFA; } .drop-shadow .linked > button { border-radius: 2px; } .budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { border-radius: 2px; background-color: #FAFAFA; } .budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration { border-radius: 2px; } .budgie-session-dialog label:not(:last-child), .budgie-session-dialog .dialog-title { font-size: 120%; } .budgie-session-dialog .linked.horizontal > button { padding: 8px 16px; border-top: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0; } .budgie-session-dialog .linked.horizontal > button:first-child { border-bottom-left-radius: 2px; } .budgie-session-dialog .linked.horizontal > button:last-child { border-bottom-right-radius: 2px; } .budgie-polkit-dialog .message { color: rgba(0, 0, 0, 0.38); } .budgie-polkit-dialog .failure { color: #FF5252; } .budgie-run-dialog { background-color: #FFFFFF; } .budgie-run-dialog entry.search { font-size: 120%; padding: 6px 14px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: transparent; } .budgie-run-dialog list .dim-label, .budgie-run-dialog list label.separator, .budgie-run-dialog list .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .budgie-run-dialog list .subtitle, .budgie-run-dialog list headerbar .subtitle, headerbar .budgie-run-dialog list .subtitle, .budgie-run-dialog list .budgie-notification .notification-body, .budgie-notification .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher .notification-body, .budgie-switcher .budgie-run-dialog list .notification-body { opacity: 1; } .budgie-run-dialog scrolledwindow { border-top: 1px solid rgba(0, 0, 0, 0.12); } /************************ * LightDM GTK+ Greeter * ************************/ #panel_window { background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; } #panel_window menubar, #panel_window separator { background-color: transparent; } #panel_window separator { padding: 0 4px; } #panel_window separator:first-child { padding: 0 8px; } #panel_window menubar > menuitem { color: rgba(255, 255, 255, 0.7); } #panel_window menubar > menuitem:hover { color: #FFFFFF; } #panel_window menubar > menuitem:disabled label { color: rgba(255, 255, 255, 0.3); } #login_window, #shutdown_dialog, #restart_dialog { margin: 8px; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FAFAFA; } #content_frame { padding-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); } #buttonbox_frame { padding-top: 24px; } #buttonbox_frame button { margin: -16px; } #greeter_infobar { margin-top: -1px; } /* GTK NAMED COLORS ---------------- use responsibly! */ /* widget text/foreground color */ @define-color theme_fg_color rgba(0, 0, 0, 0.87); /* text color for entries, views and content in general */ @define-color theme_text_color rgba(0, 0, 0, 0.87); /* widget base background color */ @define-color theme_bg_color #EEEEEE; /* text widgets and the like base background color */ @define-color theme_base_color #FFFFFF; /* base background color of selections */ @define-color theme_selected_bg_color #338DD6; /* text/foreground color of selections */ @define-color theme_selected_fg_color #FFFFFF; /* base background color of insensitive widgets */ @define-color insensitive_bg_color #EEEEEE; /* text foreground color of insensitive widgets */ @define-color insensitive_fg_color rgba(0, 0, 0, 0.38); /* insensitive text widgets and the like base background color */ @define-color insensitive_base_color #F5F5F5; /* widget text/foreground color on backdrop windows */ @define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.87); /* text color for entries, views and content in general on backdrop windows */ @define-color theme_unfocused_text_color rgba(0, 0, 0, 0.87); /* widget base background color on backdrop windows */ @define-color theme_unfocused_bg_color #EEEEEE; /* text widgets and the like base background color on backdrop windows */ @define-color theme_unfocused_base_color #FFFFFF; /* base background color of selections on backdrop windows */ @define-color theme_unfocused_selected_bg_color #338DD6; /* text/foreground color of selections on backdrop windows */ @define-color theme_unfocused_selected_fg_color #FFFFFF; /* insensitive color on backdrop windows */ @define-color unfocused_insensitive_color rgba(0, 0, 0, 0.38); /* widgets main borders color */ @define-color borders rgba(0, 0, 0, 0.12); /* widgets main borders color on backdrop windows */ @define-color unfocused_borders rgba(0, 0, 0, 0.12); /* these are pretty self explicative */ @define-color warning_color #FF6D00; @define-color error_color #DD2C00; @define-color success_color #00C853; /* FIXME this is really an API */ @define-color content_view_bg #FFFFFF; @define-color placeholder_text_color #757575; materia-theme-20180321/src/gtk/3.20/gtk-light-compact.scss000066400000000000000000000004321325420104000226350ustar00rootroot00000000000000$variant: 'light'; $titlebar: 'light'; $compact: 'true'; @import '../../_sass/gtk/variables'; @import '../../_sass/colors'; @import '../../_sass/gtk/drawing-3.20'; @import '../../_sass/gtk/common-3.20'; @import '../../_sass/gtk/apps-3.20'; @import '../../_sass/gtk/colors-public'; materia-theme-20180321/src/gtk/3.20/gtk-light.css000066400000000000000000004521051325420104000210360ustar00rootroot00000000000000@keyframes ripple_effect { to { background-size: 1000% 1000%; } } @keyframes header_ripple_effect { from { background-image: radial-gradient(circle farthest-corner at center, #338DD6 0%, transparent 0%); } to { background-image: radial-gradient(circle farthest-corner at center, #338DD6 100%, transparent 0%); } } * { background-clip: padding-box; -GtkToolButton-icon-spacing: 0; -GtkTextView-error-underline-color: #DD2C00; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 24; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-style: solid; outline-width: 2px; outline-color: transparent; outline-offset: -4px; -gtk-outline-radius: 2px; -gtk-secondary-caret-color: #338DD6; } notebook:focus tab, *:focus { outline-color: alpha(currentColor, 0.3); } /*************** * Base States * ***************/ .background { background-color: #EEEEEE; color: rgba(0, 0, 0, 0.87); } /* 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: #EEEEEE; color: rgba(0, 0, 0, 0.87); } .gtkstyle-fallback:hover { background-color: #e1e1e1; color: rgba(0, 0, 0, 0.87); } .gtkstyle-fallback:active { background-color: #d5d5d5; color: rgba(0, 0, 0, 0.87); } .gtkstyle-fallback:disabled { background-color: #EEEEEE; color: rgba(0, 0, 0, 0.38); } .gtkstyle-fallback:selected { background-color: #338DD6; color: #FFFFFF; } .view { background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .view:disabled { color: rgba(0, 0, 0, 0.38); } .view:hover, .view:active, .view:selected { border-radius: 2px; } textview text { background-color: #FFFFFF; } textview border { background-color: #F5F5F5; color: rgba(0, 0, 0, 0.38); } .rubberband, rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, .content-view .rubberband { border: 1px solid #40C4FF; background-color: rgba(64, 196, 255, 0.3); } flowbox flowboxchild { padding: 4px; border-radius: 2px; } .content-view .tile:selected { background-color: transparent; color: inherit; } label { caret-color: currentColor; } label.separator { color: rgba(0, 0, 0, 0.87); } label selection { background-color: #338DD6; color: #FFFFFF; } label:disabled { color: rgba(0, 0, 0, 0.38); } tab label:disabled, button label:disabled { color: inherit; } .dim-label, label.separator, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, .budgie-notification .notification-body, .budgie-switcher .notification-body { opacity: 0.6; } assistant .sidebar { padding: 4px 0; } assistant .sidebar label { min-height: 36px; padding: 0 12px; color: rgba(0, 0, 0, 0.38); font-weight: 500; } assistant .sidebar label.highlight { color: rgba(0, 0, 0, 0.87); } popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .app-notification, .osd .scale-popup, .nautilus-window .floating-bar, .osd { opacity: 0.9; } /********************* * Spinner Animation * *********************/ @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } spinner:checked { opacity: 1; animation: spin 1s linear infinite; } spinner:checked:disabled { opacity: 0.5; } /**************** * Text Entries * ****************/ spinbutton:not(.vertical), entry { min-height: 36px; padding: 0 8px; border-radius: 2px; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } spinbutton:focus:not(.vertical), entry:focus { border-image: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } spinbutton:disabled:not(.vertical), entry:disabled { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #F5F5F5; color: rgba(0, 0, 0, 0.38); } spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) entry:not(.search), notebook > stack:not(:only-child) spinbutton:not(.vertical), messagedialog entry, colorchooser .popover.osd spinbutton:not(.vertical), layoutpane entry.search, editortweak entry.search, .raven .raven-background spinbutton:not(.vertical), #login_window entry, entry.flat { border-radius: 0; transition: all 270ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); background-color: transparent; color: rgba(0, 0, 0, 0.87); } spinbutton.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry:focus:not(.search), notebook > stack:not(:only-child) spinbutton:focus:not(.vertical), messagedialog entry:focus, colorchooser .popover.osd spinbutton:focus:not(.vertical), layoutpane entry.search:focus, editortweak entry.search:focus, .raven .raven-background spinbutton:focus:not(.vertical), #login_window entry:focus, entry.flat:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } spinbutton.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry:disabled:not(.search), notebook > stack:not(:only-child) spinbutton:disabled:not(.vertical), messagedialog entry:disabled, colorchooser .popover.osd spinbutton:disabled:not(.vertical), layoutpane entry.search:disabled, editortweak entry.search:disabled, .raven .raven-background spinbutton:disabled:not(.vertical), #login_window entry:disabled, entry.flat:disabled { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: transparent; color: rgba(0, 0, 0, 0.38); } spinbutton:not(.vertical) image, entry image { color: rgba(0, 0, 0, 0.54); } spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active, entry image:hover, entry image:active { color: rgba(0, 0, 0, 0.87); } spinbutton:not(.vertical) image:disabled, entry image:disabled { color: rgba(0, 0, 0, 0.38); } 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) undershoot.left, entry undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: left top; } spinbutton:not(.vertical) undershoot.right, entry undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: right top; } spinbutton.error:not(.vertical), entry.error { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #DD2C00; color: #FFFFFF; } spinbutton.error:focus:not(.vertical), entry.error:focus { border-image: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } spinbutton.error:disabled:not(.vertical), entry.error:disabled { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #F5F5F5; color: rgba(0, 0, 0, 0.38); } spinbutton.error.flat:not(.vertical), notebook > stack:not(:only-child) entry.error:not(.search), notebook > stack:not(:only-child) spinbutton.error:not(.vertical), messagedialog entry.error, colorchooser .popover.osd spinbutton.error:not(.vertical), layoutpane entry.error.search, editortweak entry.error.search, .raven .raven-background spinbutton.error:not(.vertical), #login_window entry.error, entry.error.flat { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 0%, transparent 0%) 0 0 0/0 0 0px; box-shadow: inset 0 -1px #DD2C00; background-color: transparent; color: rgba(0, 0, 0, 0.87); } spinbutton.error.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.error:focus:not(.search), notebook > stack:not(:only-child) spinbutton.error:focus:not(.vertical), messagedialog entry.error:focus, colorchooser .popover.osd spinbutton.error:focus:not(.vertical), layoutpane entry.error.search:focus, editortweak entry.error.search:focus, .raven .raven-background spinbutton.error:focus:not(.vertical), #login_window entry.error:focus, entry.error.flat:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 100%, transparent 0%) 0 0 2/0 0 2px; box-shadow: inset 0 -1px #DD2C00; } spinbutton.error.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.error:disabled:not(.search), notebook > stack:not(:only-child) spinbutton.error:disabled:not(.vertical), messagedialog entry.error:disabled, colorchooser .popover.osd spinbutton.error:disabled:not(.vertical), layoutpane entry.error.search:disabled, editortweak entry.error.search:disabled, .raven .raven-background spinbutton.error:disabled:not(.vertical), #login_window entry.error:disabled, entry.error.flat:disabled { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: transparent; color: rgba(0, 0, 0, 0.38); } spinbutton.error:not(.vertical) image, entry.error image { color: rgba(255, 255, 255, 0.7); } spinbutton.error:not(.vertical) image:hover, spinbutton.error:not(.vertical) image:active, entry.error image:hover, entry.error image:active { color: #FFFFFF; } spinbutton.error:not(.vertical) image:disabled, entry.error image:disabled { color: rgba(255, 255, 255, 0.5); } spinbutton.warning:not(.vertical), entry.warning { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FF6D00; color: #FFFFFF; } spinbutton.warning:focus:not(.vertical), entry.warning:focus { border-image: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } spinbutton.warning:disabled:not(.vertical), entry.warning:disabled { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #F5F5F5; color: rgba(0, 0, 0, 0.38); } spinbutton.warning.flat:not(.vertical), notebook > stack:not(:only-child) entry.warning:not(.search), notebook > stack:not(:only-child) spinbutton.warning:not(.vertical), messagedialog entry.warning, colorchooser .popover.osd spinbutton.warning:not(.vertical), layoutpane entry.warning.search, editortweak entry.warning.search, .raven .raven-background spinbutton.warning:not(.vertical), #login_window entry.warning, entry.warning.flat { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 0%, transparent 0%) 0 0 0/0 0 0px; box-shadow: inset 0 -1px #FF6D00; background-color: transparent; color: rgba(0, 0, 0, 0.87); } spinbutton.warning.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.warning:focus:not(.search), notebook > stack:not(:only-child) spinbutton.warning:focus:not(.vertical), messagedialog entry.warning:focus, colorchooser .popover.osd spinbutton.warning:focus:not(.vertical), layoutpane entry.warning.search:focus, editortweak entry.warning.search:focus, .raven .raven-background spinbutton.warning:focus:not(.vertical), #login_window entry.warning:focus, entry.warning.flat:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 100%, transparent 0%) 0 0 2/0 0 2px; box-shadow: inset 0 -1px #FF6D00; } spinbutton.warning.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.warning:disabled:not(.search), notebook > stack:not(:only-child) spinbutton.warning:disabled:not(.vertical), messagedialog entry.warning:disabled, colorchooser .popover.osd spinbutton.warning:disabled:not(.vertical), layoutpane entry.warning.search:disabled, editortweak entry.warning.search:disabled, .raven .raven-background spinbutton.warning:disabled:not(.vertical), #login_window entry.warning:disabled, entry.warning.flat:disabled { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: transparent; color: rgba(0, 0, 0, 0.38); } spinbutton.warning:not(.vertical) image, entry.warning image { color: rgba(255, 255, 255, 0.7); } spinbutton.warning:not(.vertical) image:hover, spinbutton.warning:not(.vertical) image:active, entry.warning image:hover, entry.warning image:active { color: #FFFFFF; } spinbutton.warning:not(.vertical) image:disabled, entry.warning image:disabled { color: rgba(255, 255, 255, 0.5); } spinbutton:not(.vertical) progress, entry progress { margin: 2px -6px; border-bottom: 2px solid #338DD6; background-color: transparent; } .linked:not(.vertical) > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) .linked:not(.vertical) > entry:not(.search), notebook > stack:not(:only-child) .linked:not(.vertical) > spinbutton:not(.vertical), messagedialog .linked:not(.vertical) > entry, colorchooser .popover.osd .linked:not(.vertical) > spinbutton:not(.vertical), layoutpane .linked:not(.vertical) > entry.search, editortweak .linked:not(.vertical) > entry.search, .raven .raven-background .linked:not(.vertical) > spinbutton:not(.vertical), #login_window .linked:not(.vertical) > entry, .linked.vertical > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) .linked.vertical > entry:not(.search), notebook > stack:not(:only-child) .linked.vertical > spinbutton:not(.vertical), messagedialog .linked.vertical > entry, colorchooser .popover.osd .linked.vertical > spinbutton:not(.vertical), layoutpane .linked.vertical > entry.search, editortweak .linked.vertical > entry.search, .raven .raven-background .linked.vertical > spinbutton:not(.vertical), #login_window .linked.vertical > entry, .linked:not(.vertical) > entry.flat, .linked.vertical > entry.flat { border-radius: 0; } treeview entry.flat, treeview entry { min-height: 0; padding: 2px; border-radius: 0; background-color: #FFFFFF; } treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus { border-image: none; box-shadow: none; } .entry-tag, .documents-entry-tag, .photos-entry-tag { margin: 6px; border-radius: 9999px; box-shadow: none; background-color: #338DD6; color: #FFFFFF; } .entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } :dir(ltr) .entry-tag, :dir(ltr) .documents-entry-tag, :dir(ltr) .photos-entry-tag { margin-left: 8px; margin-right: -2px; padding-left: 8px; padding-right: 4px; } :dir(rtl) .entry-tag, :dir(rtl) .documents-entry-tag, :dir(rtl) .photos-entry-tag { margin-left: -2px; margin-right: 8px; padding-left: 4px; padding-right: 8px; } .entry-tag.button, .button.documents-entry-tag, .button.photos-entry-tag { box-shadow: none; background-color: transparent; } .entry-tag.button:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active) { color: rgba(255, 255, 255, 0.7); } /*********** * Buttons * ***********/ @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#009688), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#009688), to(transparent)); } } button { min-height: 24px; min-width: 16px; padding: 6px 10px; border-radius: 2px; font-weight: 500; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1), background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 9999px transparent; background-color: #FAFAFA; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; color: rgba(0, 0, 0, 0.62); } button:hover { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px transparent; color: rgba(0, 0, 0, 0.87); } button:active { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px alpha(currentColor, 0.15); background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%); background-size: 0% 0%; color: rgba(0, 0, 0, 0.87); } button:disabled { box-shadow: none; background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.26); } button:checked { background-color: #338DD6; color: #FFFFFF; } button:checked:disabled { background-color: rgba(51, 141, 214, 0.3); color: rgba(51, 141, 214, 0.5); } modelbutton.flat, .menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button, popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check, radio, calendar.button, messagedialog.csd .dialog-action-area button, button.sidebar-button, .gedit-search-slider button, #mate-menu button, .budgie-settings-window buttonbox.inline-toolbar button, .raven .raven-header:not(.top) button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, .lightdm-gtk-greeter button, :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) .path-bar button, layouttabbar button, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, toolbar button, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), headerbar button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button, button.flat { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 9999px transparent; background-color: transparent; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; color: rgba(0, 0, 0, 0.54); } modelbutton.flat:hover, .menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background.menu button:hover, popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover, radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button:hover, button.sidebar-button:hover, .gedit-search-slider button:hover, #mate-menu button:hover, .budgie-settings-window buttonbox.inline-toolbar button:hover, .raven .raven-header:not(.top) button:hover, .drop-shadow button:hover, .budgie-session-dialog .linked.horizontal > button:hover, .lightdm-gtk-greeter button:hover, :not(headerbar) .caja-pathbar button:hover, .caja-pathbar :not(headerbar) button:hover, :not(headerbar) .path-bar button:hover, layouttabbar button:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, toolbar button:hover, .titlebar:not(headerbar) button:hover:not(.suggested-action):not(.destructive-action), headerbar button:hover:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:hover, button.flat:hover { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15); color: rgba(0, 0, 0, 0.87); } modelbutton.flat:active, .menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background.menu button:active, popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active, radio:active, calendar.button:active, messagedialog.csd .dialog-action-area button:active, button.sidebar-button:active, .gedit-search-slider button:active, #mate-menu button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, .raven .raven-header:not(.top) button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, .lightdm-gtk-greeter button:active, :not(headerbar) .caja-pathbar button:active, .caja-pathbar :not(headerbar) button:active, :not(headerbar) .path-bar button:active, layouttabbar button:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, toolbar button:active, .titlebar:not(headerbar) button:active:not(.suggested-action):not(.destructive-action), headerbar button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:active, button.flat:active { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15); background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%); background-size: 0% 0%; color: rgba(0, 0, 0, 0.87); } modelbutton.flat:disabled, .menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background.menu button:disabled, popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled, radio:disabled, calendar.button:disabled, messagedialog.csd .dialog-action-area button:disabled, button.sidebar-button:disabled, .gedit-search-slider button:disabled, #mate-menu button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, .raven .raven-header:not(.top) button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, .lightdm-gtk-greeter button:disabled, :not(headerbar) .caja-pathbar button:disabled, .caja-pathbar :not(headerbar) button:disabled, :not(headerbar) .path-bar button:disabled, layouttabbar button:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, toolbar button:disabled, .titlebar:not(headerbar) button:disabled:not(.suggested-action):not(.destructive-action), headerbar button:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:disabled, button.flat:disabled { box-shadow: none; background-color: transparent; color: rgba(0, 0, 0, 0.26); } :not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .path-bar button:checked, layouttabbar button:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, toolbar button:checked, .titlebar:not(headerbar) button:checked:not(.suggested-action):not(.destructive-action), headerbar button:checked:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked, button.flat:checked { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } :not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar) .path-bar button:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, toolbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled:not(.suggested-action):not(.destructive-action), headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked:disabled, button.flat:checked:disabled { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.38); } button.text-button { padding-left: 16px; padding-right: 16px; } button.image-button { min-width: 24px; padding: 6px; } button.text-button.image-button { border-radius: 2px; -gtk-outline-radius: 2px; } 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; } toolbar .linked > button, .titlebar:not(headerbar) .linked > button:not(.suggested-action):not(.destructive-action), headerbar .linked > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button, toolbar .linked.vertical > button, .titlebar:not(headerbar) .linked.vertical > button:not(.suggested-action):not(.destructive-action), headerbar .linked.vertical > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked.vertical > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked.vertical > button, .linked > button.flat, .linked.vertical > button.flat { border-radius: 2px; } toolbar .linked > button.text-button.image-button, .titlebar:not(headerbar) .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action), headerbar .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.text-button.image-button, toolbar .linked.vertical > button.text-button.image-button, .titlebar:not(headerbar) .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action), headerbar .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked.vertical > button.text-button.image-button, .linked > button.flat.text-button.image-button, .linked.vertical > button.flat.text-button.image-button { border-radius: 2px; -gtk-outline-radius: 2px; } infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, row:selected button:disabled { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.3); } row:selected button.sidebar-button, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, .raven-mpris button.image-button, row:selected button.flat { color: rgba(255, 255, 255, 0.7); } row:selected button.sidebar-button:hover, infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, .raven-mpris button.image-button:hover, row:selected button.sidebar-button:active, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .raven-mpris button.image-button:active, row:selected button.flat:hover, row:selected button.flat:active { color: #FFFFFF; } row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .raven-mpris button.image-button:disabled, row:selected button.flat:disabled { color: rgba(255, 255, 255, 0.3); } row:selected button.sidebar-button:checked, infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .raven-mpris button.image-button:checked, row:selected button.flat:checked { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } row:selected button.sidebar-button:checked:disabled, infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .raven-mpris button.image-button:checked:disabled, row:selected button.flat:checked:disabled { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } button.osd { padding: 12px 16px; } button.osd.image-button { padding: 12px; } button.osd:disabled { opacity: 0; } button.suggested-action { background-color: #009688; color: #FFFFFF; } button.suggested-action:disabled { box-shadow: none; background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.38); } button.suggested-action:checked { background-color: #4db6ac; } button.suggested-action.flat { background-color: transparent; color: #009688; } button.suggested-action.flat:disabled { box-shadow: none; background-color: transparent; color: rgba(0, 0, 0, 0.38); } button.suggested-action.flat:checked { background-color: rgba(0, 150, 136, 0.3); } button.destructive-action { background-color: #FF5252; color: #FFFFFF; } button.destructive-action:disabled { box-shadow: none; background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.38); } button.destructive-action:checked { background-color: #ff8686; } button.destructive-action.flat { background-color: transparent; color: #FF5252; } button.destructive-action.flat:disabled { box-shadow: none; background-color: transparent; color: rgba(0, 0, 0, 0.38); } button.destructive-action.flat:checked { background-color: rgba(255, 82, 82, 0.3); } .stack-switcher > button { outline-offset: -4px; } .stack-switcher > button > label { padding-left: 6px; padding-right: 6px; } .stack-switcher > button > image { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } .stack-switcher > button.text-button { padding-left: 10px; padding-right: 10px; } .stack-switcher > button.image-button { padding-left: 4px; padding-right: 4px; } .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { animation: none; background-image: none; } .primary-toolbar button { -gtk-icon-shadow: none; } button.image-button, toolbar .linked > button.image-button, .titlebar:not(headerbar) .linked > button.image-button:not(.suggested-action):not(.destructive-action), headerbar .linked > button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.image-button, toolbar .linked.vertical > button.image-button, headerbar .linked.vertical > button.image-button:not(.suggested-action):not(.destructive-action), .app-notification .linked.vertical > button.image-button, .linked > button.flat.image-button, .linked.vertical > button.flat.image-button, .inline-toolbar button:not(.text-button), check, radio, button.titlebutton, .nautilus-window headerbar > revealer > button, .raven .raven-header:not(.top) button.image-button, .raven .expander-button, button.close, button.circular { border-radius: 9999px; -gtk-outline-radius: 9999px; } spinbutton:not(.vertical) button, notebook > header tab button.flat, button.sidebar-button, .nautilus-window .floating-bar button, .gedit-document-panel row button.flat, .gedit-search-slider button:dir(ltr), .gedit-search-slider button:dir(rtl), .pluma-window paned.horizontal box.vertical box.horizontal button.flat { min-height: 24px; min-width: 24px; padding: 0; border-radius: 9999px; -gtk-outline-radius: 9999px; } .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label { animation: needs_attention 270ms cubic-bezier(0, 0, 0.2, 1) forwards; background-repeat: no-repeat; background-position: right 3px; background-size: 6px 6px; } .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) { background-position: left 3px; } .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked > button, .linked:not(.vertical) > combobox > box > button.combo { border-radius: 0; -gtk-outline-radius: 2px; } .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .linked > button:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .linked > button:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo { border-radius: 2px; } .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button, .linked.vertical > combobox > box > button.combo { border-radius: 0; -gtk-outline-radius: 2px; } .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo { border-top-left-radius: 2px; border-top-right-radius: 2px; } .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo { border-radius: 2px; } /* menu buttons */ modelbutton.flat, .menuitem.button.flat { min-height: 28px; padding: 0 8px; border-radius: 2px; color: inherit; } modelbutton.flat arrow { background: none; } modelbutton.flat arrow:hover { background: none; } modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } button.color { min-height: 24px; min-width: 24px; padding: 6px; } /********* * Links * *********/ *:link, button:link, button:visited, *:link:hover, button:hover:link, button:hover:visited, *:link:active, button:active:link, button:active:visited { color: #338DD6; } *:link:visited, button:visited, *:link:visited:hover, button:visited:hover, *:link:visited:active, button:visited:active { color: #E040FB; } infobar.info *:link, infobar.info button:link, infobar.info button:visited, infobar.question *:link, infobar.question button:link, infobar.question button:visited, infobar.warning *:link, infobar.warning button:link, infobar.warning button:visited, infobar.error *:link, infobar.error button:link, infobar.error button:visited, *:link:selected, button:selected:link, button:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:link, headerbar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited { color: #FFFFFF; } button:link > label, button:visited > label { text-decoration-line: underline; } /***************** * GtkSpinButton * *****************/ spinbutton:not(.vertical) { padding: 0; } notebook > stack:not(:only-child) spinbutton:not(.vertical) entry, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:focus, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:disabled, spinbutton:not(.vertical) entry { min-width: 32px; margin: 0; border-image: none; border-radius: 0; box-shadow: none; background-color: transparent; } spinbutton:not(.vertical) button { border: solid 6px transparent; } spinbutton:not(.vertical) button.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:disabled { color: rgba(0, 0, 0, 0.38); } spinbutton.vertical:drop(active) { box-shadow: none; } 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.up { border-radius: 2px 2px 0 0; } spinbutton.vertical button.down { border-radius: 0 0 2px 2px; } treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; } treeview spinbutton:not(.vertical) entry { min-height: 0; padding: 1px 2px; } /************** * ComboBoxes * **************/ combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } combobox decoration, combobox button.combo:checked { transition: none; } combobox button.combo cellview:dir(ltr) { margin-left: -2px; } combobox button.combo cellview:dir(rtl) { margin-right: -2px; } combobox #gtk-combobox-popup-menu { padding: 2px 0; } combobox #gtk-combobox-popup-menu menuitem { min-height: 32px; padding: 0 8px; } combobox #gtk-combobox-popup-menu > arrow.top { margin-top: -2px; } combobox #gtk-combobox-popup-menu > arrow.bottom { margin-bottom: -6px; } combobox:drop(active) { box-shadow: none; } notebook > stack:not(:only-child) button.combo, .raven .raven-background button.combo, #login_window #user_combobox button { border-radius: 0; background-image: none; font-weight: inherit; transition: all 270ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); background-color: transparent; color: rgba(0, 0, 0, 0.87); } notebook > stack:not(:only-child) button.combo:hover, .raven .raven-background button.combo:hover, #login_window #user_combobox button:hover { box-shadow: inset 0 -2px rgba(0, 0, 0, 0.38); } notebook > stack:not(:only-child) button.combo:checked, .raven .raven-background button.combo:checked, #login_window #user_combobox button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px; } notebook > stack:not(:only-child) button.combo:disabled, .raven .raven-background button.combo:disabled, #login_window #user_combobox button:disabled { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.38); } /************ * Toolbars * ************/ toolbar { -GtkWidget-window-dragging: true; padding: 2px; background-color: #EEEEEE; } .osd toolbar { background-color: transparent; } toolbar.osd, .app-notification, frame.documents-dropdown { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); padding: 6px; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.4); } toolbar.osd.left, .left.app-notification, frame.left.documents-dropdown, toolbar.osd.right, .right.app-notification, frame.right.documents-dropdown, toolbar.osd.top, .top.app-notification, frame.top.documents-dropdown, toolbar.osd.bottom, .bottom.app-notification, frame.bottom.documents-dropdown { border-radius: 0; } toolbar.horizontal > separator { margin: 2px; } toolbar.vertical > separator { margin: 2px; } toolbar:not(.inline-toolbar):not(.osd) scale, toolbar:not(.inline-toolbar):not(.osd) entry, toolbar:not(.inline-toolbar):not(.osd) spinbutton, toolbar:not(.inline-toolbar):not(.osd) button { margin: 2px; } toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child), toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child), toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) { margin-left: 0; } toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child), toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child), toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) { margin-right: 0; } toolbar:not(.inline-toolbar):not(.osd) spinbutton entry, toolbar:not(.inline-toolbar):not(.osd) spinbutton button { margin: 0; } toolbar:not(.inline-toolbar):not(.osd) switch { margin: 8px 2px; } .inline-toolbar { padding: 6px; border-style: solid; border-width: 0 1px 1px; border-color: rgba(0, 0, 0, 0.12); background-color: #F5F5F5; } searchbar > revealer > box, .location-bar { padding: 6px; border-style: solid; border-width: 0 0 1px; border-color: rgba(0, 0, 0, 0.12); background-color: #EEEEEE; background-clip: border-box; } searchbar > revealer > box { margin: -6px; padding: 6px; } /*************** * Header bars * ***************/ .titlebar:not(headerbar), headerbar { transition: background-color 180ms cubic-bezier(0, 0, 0.2, 1), color 270ms cubic-bezier(0, 0, 0.2, 1); min-height: 48px; padding: 0 6px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #E0E0E0; color: rgba(0, 0, 0, 0.87); } .titlebar:disabled:not(headerbar) :not(button) > label, headerbar:disabled :not(button) > label { color: rgba(0, 0, 0, 0.38); } .titlebar:backdrop:not(headerbar), headerbar:backdrop { color: rgba(0, 0, 0, 0.54); } .titlebar:backdrop:disabled:not(headerbar) :not(button) > label, headerbar:backdrop:disabled :not(button) > label { color: rgba(0, 0, 0, 0.26); } .titlebar:not(headerbar) .title, headerbar .title { padding: 0 12px; font-weight: bold; } .titlebar:not(headerbar) .subtitle, headerbar .subtitle { padding: 0 12px; font-size: smaller; } .titlebar:not(headerbar) .linked:not(.vertical) > entry:not(.flat), headerbar .linked:not(.vertical) > entry:not(.flat) { border-radius: 2px; } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), headerbar button:not(.suggested-action):not(.destructive-action) { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px; color: rgba(0, 0, 0, 0.54); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active, headerbar button:not(.suggested-action):not(.destructive-action):hover, headerbar button:not(.suggested-action):not(.destructive-action):active { color: rgba(0, 0, 0, 0.87); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled, headerbar button:not(.suggested-action):not(.destructive-action):disabled { color: rgba(0, 0, 0, 0.26); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, headerbar button:not(.suggested-action):not(.destructive-action):checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px; color: rgba(0, 0, 0, 0.87); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled { color: rgba(0, 0, 0, 0.38); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, headerbar button:not(.suggested-action):not(.destructive-action):checked, headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled { background-color: transparent; } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop, headerbar button:not(.suggested-action):not(.destructive-action):backdrop { color: rgba(0, 0, 0, 0.38); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:active, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:hover, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:active { color: rgba(0, 0, 0, 0.54); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:disabled { color: rgba(0, 0, 0, 0.26); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked { color: rgba(0, 0, 0, 0.54); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { color: rgba(0, 0, 0, 0.26); } .titlebar:not(headerbar) button.suggested-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled, headerbar button.suggested-action:disabled, headerbar button.destructive-action:disabled { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.38); } .selection-mode.titlebar:not(headerbar), headerbar.selection-mode { transition: background-color 0.00001s 270ms, color 270ms cubic-bezier(0, 0, 0.2, 1); animation: header_ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.2); background-color: #338DD6; color: #FFFFFF; } .selection-mode.titlebar:backdrop:not(headerbar), headerbar.selection-mode:backdrop { color: rgba(255, 255, 255, 0.7); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), headerbar.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: #FFFFFF; } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled { color: rgba(255, 255, 255, 0.5); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, headerbar.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: #FFFFFF; } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled { color: rgba(255, 255, 255, 0.5); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop { color: rgba(255, 255, 255, 0.7); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled { color: rgba(255, 255, 255, 0.3); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked { color: rgba(255, 255, 255, 0.7); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { color: rgba(255, 255, 255, 0.3); } .selection-mode.titlebar:not(headerbar) .selection-menu, headerbar.selection-mode .selection-menu { padding-left: 16px; padding-right: 16px; } .selection-mode.titlebar:not(headerbar) .selection-menu arrow, headerbar.selection-mode .selection-menu arrow { -GtkArrow-arrow-scaling: 1; } .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } .tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 24px; padding: 6px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } .tiled .default-decoration.titlebar:not(headerbar), .maximized .default-decoration.titlebar:not(headerbar), .fullscreen .default-decoration.titlebar:not(headerbar), .tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { box-shadow: none; } .default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { min-height: 24px; min-width: 24px; margin: 0; padding: 0; } .background:not(.csd) .default-decoration.titlebar:not(headerbar) button.titlebutton:active, .background:not(.csd) headerbar.default-decoration button.titlebutton:active { background-size: 1000% 1000%; } headerbar entry, headerbar spinbutton, headerbar button { margin-top: 6px; margin-bottom: 6px; } headerbar switch { margin-top: 12px; margin-bottom: 12px; } headerbar spinbutton button { margin-top: 0; margin-bottom: 0; } .background .titlebar { border-top-left-radius: 2px; border-top-right-radius: 2px; } .background.tiled .titlebar, .background.tiled-top .titlebar, .background.tiled-right .titlebar, .background.tiled-bottom .titlebar, .background.tiled-left .titlebar, .background.maximized .titlebar, .background.solid-csd .titlebar { border-top-left-radius: 0; border-top-right-radius: 0; } window separator:first-child + headerbar, window headerbar:first-child { border-top-left-radius: 2px; } window headerbar:last-child { border-top-right-radius: 2px; } window stack headerbar:first-child, window stack headerbar:last-child { border-top-left-radius: 2px; border-top-right-radius: 2px; } window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child { border-top-left-radius: 0; border-top-right-radius: 0; } window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; box-shadow: none; } .titlebar:not(headerbar) > separator { background-color: #E0E0E0; background-image: image(rgba(0, 0, 0, 0.12)); } /************ * Pathbars * ************/ .caja-pathbar button, .path-bar button { padding-left: 6px; padding-right: 6px; } .caja-pathbar button label:not(:only-child):first-child, .path-bar button label:not(:only-child):first-child { margin-left: 4px; } .caja-pathbar button label:not(:only-child):last-child, .path-bar button label:not(:only-child):last-child { margin-right: 4px; } .caja-pathbar button.slider-button, .path-bar button.slider-button { padding-left: 4px; padding-right: 4px; } :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) .path-bar button { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px; border-radius: 2px; } :not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .path-bar button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px; } :not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar) .path-bar button:checked, :not(headerbar) .path-bar button:checked:disabled { background-color: transparent; } /************** * Tree Views * **************/ treeview.view { border-left-color: rgba(0, 0, 0, 0.26); border-top-color: rgba(0, 0, 0, 0.12); } * { -GtkTreeView-horizontal-separator: 4; -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; } treeview.view:selected { border-left-color: rgba(255, 255, 255, 0.3); } treeview.view:hover, treeview.view:active, treeview.view:selected { border-radius: 0; } treeview.view.separator { min-height: 5px; color: rgba(0, 0, 0, 0.12); } treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #009688; } treeview.view:drop(active).after { border-top-style: none; } treeview.view:drop(active).before { border-bottom-style: none; } treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -gtk-icon-transform: rotate(-90deg); color: rgba(0, 0, 0, 0.54); } treeview.view.expander:dir(rtl) { -gtk-icon-transform: rotate(90deg); } treeview.view.expander:checked { -gtk-icon-transform: unset; } treeview.view.expander:hover, treeview.view.expander:active { color: rgba(0, 0, 0, 0.87); } treeview.view.expander:disabled { color: rgba(0, 0, 0, 0.26); } treeview.view.expander:selected { color: rgba(255, 255, 255, 0.7); } treeview.view.expander:selected:hover, treeview.view.expander:selected:active { color: #FFFFFF; } treeview.view.expander:selected:disabled { color: rgba(255, 255, 255, 0.3); } treeview.view.progressbar { border-bottom: 4px solid #338DD6; box-shadow: none; background-color: transparent; } treeview.view.progressbar:selected { border-bottom-color: #FFFFFF; } treeview.view.trough { border-bottom: 4px solid rgba(51, 141, 214, 0.3); box-shadow: none; background-color: transparent; } treeview.view.trough:selected { border-bottom-color: rgba(255, 255, 255, 0.3); } treeview.view header button { padding: 2px 6px; border-style: none solid solid none; border-width: 1px; border-color: rgba(0, 0, 0, 0.12); border-radius: 0; background-clip: border-box; } treeview.view header button, treeview.view header button:hover, treeview.view header button:active { box-shadow: none; } treeview.view header button, treeview.view header button:disabled { background-color: #FFFFFF; } 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(0, 0, 0, 0.12); border-radius: 0; box-shadow: none; background-color: #FFFFFF; background-clip: border-box; color: #338DD6; } treeview.view acceleditor > label { background-color: #338DD6; } /********* * Menus * *********/ menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0; background-color: #E0E0E0; } menubar > menuitem, .menubar > menuitem { transition: all 180ms cubic-bezier(0, 0, 0.2, 1); min-height: 20px; padding: 4px 8px; color: rgba(0, 0, 0, 0.54); } menubar > menuitem:hover, .menubar > menuitem:hover { transition: none; background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } menubar > menuitem:disabled, .menubar > menuitem:disabled { color: rgba(0, 0, 0, 0.26); } menubar > menuitem label:disabled, .menubar > menuitem label:disabled { color: inherit; } .csd.popup { background-color: transparent; } menu, .menu, .context-menu { margin: 4px 0; padding: 4px 0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.12); } .csd menu, .csd .menu, .csd .context-menu { border: none; border-radius: 2px; } menu menuitem, .menu menuitem, .context-menu menuitem { transition: background-color 180ms cubic-bezier(0, 0, 0.2, 1); min-height: 20px; min-width: 40px; padding: 4px 8px; font: initial; text-shadow: none; } menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { transition: none; background-color: rgba(0, 0, 0, 0.12); } menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: rgba(0, 0, 0, 0.38); } menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; min-width: 16px; } menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 8px; } menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 8px; } menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { color: inherit; } menu > arrow, .menu > arrow, .context-menu > arrow { min-height: 16px; min-width: 16px; padding: 4px; background-color: #FFFFFF; color: rgba(0, 0, 0, 0.54); } menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -4px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); border-radius: 2px 2px 0 0; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-bottom: -12px; border-top: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0 0 2px 2px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-image: image(rgba(0, 0, 0, 0.12)); color: rgba(0, 0, 0, 0.87); } menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { border-color: transparent; background-color: transparent; color: transparent; } menu separator, .menu separator, .context-menu separator { margin: 4px 0; } menuitem accelerator { color: rgba(0, 0, 0, 0.54); } .popup:not(.csd) menu menuitem { color: #212121; } .popup:not(.csd) menu menuitem:hover { background-color: #E0E0E0; } .popup:not(.csd) menu menuitem:disabled { color: #9E9E9E; } .popup:not(.csd) menu accelerator { color: #757575; } /************ * Popovers * ************/ popover.background { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); padding: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); background-color: #FAFAFA; } popover.background:backdrop { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } 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: 3px; } 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: 2px; } popover.background separator { margin: 4px 0; } popover.background list separator { margin: 0; } /************* * Notebooks * *************/ notebook > header { border-width: 1px; border-color: rgba(0, 0, 0, 0.12); background-color: #EEEEEE; background-clip: border-box; } notebook > header.top { border-bottom-style: solid; } notebook > header.top > tabs { margin-bottom: -1px; } notebook > header.top > tabs > tab:hover { box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26); } notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -2px #338DD6; } notebook > header.bottom { border-top-style: solid; } notebook > header.bottom > tabs { margin-top: -1px; } notebook > header.bottom > tabs > tab:hover { box-shadow: inset 0 2px rgba(0, 0, 0, 0.26); } notebook > header.bottom > tabs > tab:checked { box-shadow: inset 0 2px #338DD6; } notebook > header.left { border-right-style: solid; } notebook > header.left > tabs { margin-right: -1px; } notebook > header.left > tabs > tab:hover { box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26); } notebook > header.left > tabs > tab:checked { box-shadow: inset -2px 0 #338DD6; } notebook > header.right { border-left-style: solid; } notebook > header.right > tabs { margin-left: -1px; } notebook > header.right > tabs > tab:hover { box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26); } notebook > header.right > tabs > tab:checked { box-shadow: inset 2px 0 #338DD6; } notebook > header.top > tabs > arrow { border-top-style: none; } notebook > header.bottom > tabs > arrow { border-bottom-style: none; } notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { padding-left: 4px; padding-right: 4px; } notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { margin-left: -8px; -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { margin-right: -8px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } notebook > header.left > tabs > arrow { border-left-style: none; } notebook > header.right > tabs > arrow { border-right-style: none; } notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { padding-top: 4px; padding-bottom: 4px; } notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { margin-top: -8px; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { margin-bottom: -8px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; } notebook > header tab { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; min-height: 24px; min-width: 24px; padding: 6px 12px; outline-offset: -6px; border-width: 1px; border-color: transparent; background-image: radial-gradient(circle farthest-corner at center, #338DD6 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; color: rgba(0, 0, 0, 0.54); font-weight: 500; } notebook > header tab:hover { color: rgba(0, 0, 0, 0.87); } notebook > header tab:hover.reorderable-page { border-color: rgba(0, 0, 0, 0.12); background-color: #F5F5F5; } notebook > header tab:disabled { color: rgba(0, 0, 0, 0.26); } notebook > header tab:checked { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 270ms cubic-bezier(0, 0, 0.2, 1), background-image 720ms cubic-bezier(0, 0, 0.2, 1); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-size: 1000% 1000%; color: rgba(0, 0, 0, 0.87); } notebook > header tab:checked:disabled { color: rgba(0, 0, 0, 0.38); } notebook > header tab:checked.reorderable-page { border-color: rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } notebook > header tab button.flat:last-child { margin-left: 6px; margin-right: -6px; } notebook > header tab button.flat:first-child { margin-left: -6px; margin-right: 6px; } notebook > header.top tabs, notebook > header.bottom tabs { padding-left: 8px; padding-right: 8px; } notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { margin-left: 0; } notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { margin-right: 0; } notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { margin: 0 -1px; border-style: none solid; } notebook > header.left tabs, notebook > header.right tabs { padding-top: 8px; padding-bottom: 8px; } notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { margin-top: 0; } notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { margin-bottom: 0; } notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { margin: -1px 0; border-style: solid none; } notebook > stack:not(:only-child) { background-color: #FFFFFF; } /************** * Scrollbars * **************/ scrollbar { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); background-color: #FFFFFF; background-clip: padding-box; } * { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; } scrollbar.top { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } scrollbar.bottom { border-top: 1px solid rgba(0, 0, 0, 0.12); } scrollbar.left { border-right: 1px solid rgba(0, 0, 0, 0.12); } scrollbar.right { border-left: 1px solid rgba(0, 0, 0, 0.12); } scrollbar slider { transition: all 180ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0; min-width: 8px; min-height: 8px; border: 4px solid transparent; border-radius: 9999px; background-clip: padding-box; background-color: rgba(0, 0, 0, 0.38); } scrollbar slider:hover { background-color: rgba(0, 0, 0, 0.54); } scrollbar slider:active { background-color: rgba(0, 0, 0, 0.87); } scrollbar slider:disabled { background-color: rgba(0, 0, 0, 0.26); } scrollbar.fine-tune slider { transition: all 180ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0; 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(.dragging):not(.hovering) { border-color: transparent; background-color: transparent; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { min-width: 4px; min-height: 4px; margin: 3px; border: 1px solid rgba(255, 255, 255, 0.3); } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 4px; min-height: 4px; margin: 3px; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 9999px; background-color: rgba(0, 0, 0, 0.38); background-clip: padding-box; -gtk-icon-source: none; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { background-color: rgba(0, 0, 0, 0.26); } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { min-width: 24px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { min-width: 8px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { min-height: 24px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { min-height: 8px; } scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { background-color: rgba(255, 255, 255, 0.9); } scrollbar.horizontal slider { min-width: 24px; } scrollbar.vertical slider { min-height: 24px; } scrollbar button { min-width: 16px; min-height: 16px; padding: 0; border-radius: 0; } scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } scrollbar.vertical button.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } scrollbar.horizontal button.down { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } /********** * Switch * **********/ switch { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); margin: 6px 0; padding: 0 2px; border: 5px solid transparent; border-radius: 9999px; background-color: rgba(0, 0, 0, 0.26); background-clip: padding-box; font-size: 0; } switch:disabled { background-color: rgba(0, 0, 0, 0.12); } switch:checked { background-color: rgba(0, 150, 136, 0.5); } switch:checked:disabled { background-color: rgba(0, 150, 136, 0.3); } switch slider { transition: all 180ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); min-width: 20px; min-height: 20px; margin: -3px -2px; border-radius: 9999px; outline-width: 0; outline-color: rgba(0, 0, 0, 0.12); outline-offset: 0; -gtk-outline-radius: 9999px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FAFAFA; } switch:focus slider { outline-width: 14px; } switch:hover slider { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } switch:checked slider { background-color: #009688; outline-color: rgba(0, 150, 136, 0.2); } switch:disabled slider { background-color: #EEEEEE; } /************************* * Check and Radio items * *************************/ .view.content-view.check:not(list), .content-view .tile check:not(list) { min-height: 40px; min-width: 40px; margin: 0; padding: 0; box-shadow: none; background-color: transparent; background-image: none; -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .view.content-view.check:not(list):hover, .view.content-view.check:not(list):active, .content-view .tile check:not(list):hover, .content-view .tile check:not(list):active { -gtk-icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } .view.content-view.check:not(list), .content-view .tile check:not(list) { -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked.png"), url("assets/selectionmode-checkbox-unchecked@2.png")); } .view.content-view.check:not(list):checked, .content-view .tile check:not(list):checked { -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked.png"), url("assets/selectionmode-checkbox-checked@2.png")); } checkbutton.text-button, radiobutton.text-button { padding: 2px; outline-offset: 0; } checkbutton.text-button label:not(:only-child), radiobutton.text-button label:not(:only-child) { margin: 0 4px; } check, radio { min-height: 24px; min-width: 24px; margin: -8px; padding: 8px; } check:checked, check:indeterminate, radio:checked, radio:indeterminate { color: #009688; } check:checked:disabled, check:indeterminate:disabled, radio:checked:disabled, radio:indeterminate:disabled { color: rgba(0, 150, 136, 0.5); } row:selected check:not(:checked):not(:indeterminate), row:selected radio:not(:checked):not(:indeterminate) { color: rgba(255, 255, 255, 0.7); } row:selected check:not(:checked):not(:indeterminate):hover, row:selected check:not(:checked):not(:indeterminate):active, row:selected radio:not(:checked):not(:indeterminate):hover, row:selected radio:not(:checked):not(:indeterminate):active { color: #FFFFFF; } row:selected check:not(:checked):not(:indeterminate):disabled, row:selected radio:not(:checked):not(:indeterminate):disabled { color: rgba(255, 255, 255, 0.3); } popover check, popover check:hover, popover check:active, popover check:disabled, popover radio, popover radio:hover, popover radio:active, popover radio:disabled { box-shadow: none; background-image: none; } popover check:not(:checked):not(:indeterminate):not(:disabled), popover radio:not(:checked):not(:indeterminate):not(:disabled) { color: rgba(0, 0, 0, 0.54); } popover check.left:dir(rtl), popover radio.left:dir(rtl) { margin-left: -12px; margin-right: -4px; } popover check.right:dir(ltr), popover radio.right:dir(ltr) { margin-left: -4px; margin-right: -12px; } menu menuitem check, menu menuitem radio { transition: none; margin: 0; padding: 0; } menu menuitem check:dir(ltr), menu menuitem radio:dir(ltr) { margin-right: 8px; } menu menuitem check:dir(rtl), menu menuitem radio:dir(rtl) { margin-left: 8px; } menu menuitem check:not(:checked):not(:indeterminate):not(:disabled), menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled) { color: rgba(0, 0, 0, 0.54); } menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled { box-shadow: none; } check { -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg")); } check:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")); } check:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg")); } radio { -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg")); border-image-slice: 20; border-image-width: 20px; } radio:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg")); } radio { border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#009688), to(transparent)); } radio:checked:not(:indeterminate) { border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#009688), to(transparent)); } radio:checked:not(:indeterminate):disabled { border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(rgba(0, 150, 136, 0.5)), to(transparent)); } window.background:not(.csd) > widget > checkbutton > check, menu menuitem check { min-height: 16px; min-width: 16px; border-radius: 2px; -gtk-outline-radius: 2px; -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg")); } window.background:not(.csd) > widget > checkbutton > check:checked, menu menuitem check:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg")); } window.background:not(.csd) > widget > checkbutton > check:indeterminate, menu menuitem check:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg")); } window.background:not(.csd) > widget > radiobutton > radio, menu menuitem radio { min-height: 16px; min-width: 16px; border-image: none; -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg")); } window.background:not(.csd) > widget > radiobutton > radio:checked, menu menuitem radio:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg")); } window.background:not(.csd) > widget > radiobutton > radio:indeterminate, menu menuitem radio:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg")); } check:not(:checked):active { -gtk-icon-transform: rotate(90deg); } check:not(:checked):indeterminate:active, radio:not(:checked):indeterminate:active { -gtk-icon-transform: scaleX(-1); } check:not(:checked), radio:not(:checked) { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0; } check:not(:checked):active, radio:not(:checked):active { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0; } menu menuitem check:not(:checked), menu menuitem radio:not(:checked) { transition: none; } treeview.view check, treeview.view radio { padding: 0; } treeview.view check:hover, treeview.view radio:hover { box-shadow: inset 0 0 0 9999px alpha(rgba(0, 0, 0, 0.87), 0.05); } treeview.view check:hover:disabled, treeview.view radio:hover:disabled { box-shadow: none; } treeview.view check:hover:selected, treeview.view radio:hover:selected { box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05); } treeview.view check, treeview.view radio { color: rgba(0, 0, 0, 0.54); } treeview.view check:hover, treeview.view check:active, treeview.view radio:hover, treeview.view radio:active { color: rgba(0, 0, 0, 0.87); } treeview.view check:disabled, treeview.view radio:disabled { color: rgba(0, 0, 0, 0.26); } treeview.view check:checked, treeview.view check:indeterminate, treeview.view radio:checked, treeview.view radio:indeterminate { color: #009688; } treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled, treeview.view radio:checked:disabled, treeview.view radio:indeterminate:disabled { color: rgba(0, 150, 136, 0.5); } treeview.view check:selected, treeview.view radio:selected { color: rgba(255, 255, 255, 0.7); } treeview.view check:selected:hover, treeview.view check:selected:active, treeview.view radio:selected:hover, treeview.view radio:selected:active { color: #FFFFFF; } treeview.view check:selected:disabled, treeview.view radio:selected:disabled { color: rgba(255, 255, 255, 0.3); } treeview.view check:selected:checked, treeview.view check:selected:indeterminate, treeview.view radio:selected:checked, treeview.view radio:selected:indeterminate { color: #009688; } treeview.view check:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled, treeview.view radio:selected:checked:disabled, treeview.view radio:selected:indeterminate:disabled { color: rgba(0, 150, 136, 0.5); } treeview.view radio:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")); border-image: none; } /************ * GtkScale * ************/ scale { min-height: 12px; min-width: 12px; padding: 12px; } scale slider { min-height: 24px; min-width: 24px; margin: -11px; } scale trough { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); outline-offset: 2px; background-color: rgba(0, 0, 0, 0.26); } scale trough:disabled { background-color: rgba(0, 0, 0, 0.12); } scale highlight { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); background-color: #009688; } scale highlight:disabled { background-color: transparent; } scale fill { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); background-color: rgba(0, 0, 0, 0.26); } scale fill:disabled { background-color: transparent; } scale slider { transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1); background-repeat: no-repeat; background-position: center; background-size: calc(100% - 10px); } scale slider { background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png")); } scale slider:disabled { background-image: -gtk-scaled(url("assets/scale-slider-disabled.png"), url("assets/scale-slider-disabled@2.png")); } scale slider:hover { background-size: calc(100% - 8px); } scale slider:active { background-size: calc(100% - 6px); } scale.fine-tune slider { background-size: calc(100% - 12px); } scale marks label, scale value { color: rgba(0, 0, 0, 0.38); } scale marks { color: rgba(0, 0, 0, 0.26); } scale marks.top { margin-bottom: 8px; margin-top: -16px; } scale marks.bottom { margin-top: 8px; margin-bottom: -16px; } scale marks.top { margin-right: 8px; margin-left: -16px; } scale marks.bottom { margin-left: 8px; margin-right: -16px; } 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 { min-height: 30px; min-width: 24px; margin-top: -17px; background-position: center calc(100% - 5px); } scale.horizontal.marks-before:not(.marks-after) slider { background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png")); } scale.horizontal.marks-before:not(.marks-after) slider:disabled { background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled.png"), url("assets/scale-horz-marks-before-slider-disabled@2.png")); } scale.horizontal.marks-before:not(.marks-after) slider:hover { background-position: center calc(100% - 4px); } scale.horizontal.marks-before:not(.marks-after) slider:active { background-position: center calc(100% - 3px); } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { background-position: center calc(100% - 6px); } scale.horizontal.marks-after:not(.marks-before) slider { min-height: 30px; min-width: 24px; margin-bottom: -17px; background-position: center calc(5px); } scale.horizontal.marks-after:not(.marks-before) slider { background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png")); } scale.horizontal.marks-after:not(.marks-before) slider:disabled { background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled.png"), url("assets/scale-horz-marks-after-slider-disabled@2.png")); } scale.horizontal.marks-after:not(.marks-before) slider:hover { background-position: center calc(4px); } scale.horizontal.marks-after:not(.marks-before) slider:active { background-position: center calc(3px); } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { background-position: center calc(6px); } scale.vertical.marks-before:not(.marks-after) slider { min-height: 24px; min-width: 30px; margin-left: -17px; background-position: calc(5px) center; } scale.vertical.marks-before:not(.marks-after) slider { background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png")); } scale.vertical.marks-before:not(.marks-after) slider:disabled { background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled.png"), url("assets/scale-vert-marks-before-slider-disabled@2.png")); } scale.vertical.marks-before:not(.marks-after) slider:hover { background-position: calc(4px) center; } scale.vertical.marks-before:not(.marks-after) slider:active { background-position: calc(3px) center; } scale.vertical.marks-before:not(.marks-after).fine-tune slider { background-position: calc(6px) center; } scale.vertical.marks-after:not(.marks-before) slider { min-height: 24px; min-width: 30px; margin-right: -17px; background-position: calc(100% - 5px) center; } scale.vertical.marks-after:not(.marks-before) slider { background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png")); } scale.vertical.marks-after:not(.marks-before) slider:disabled { background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled.png"), url("assets/scale-vert-marks-after-slider-disabled@2.png")); } scale.vertical.marks-after:not(.marks-before) slider:hover { background-position: calc(100% - 4px) center; } scale.vertical.marks-after:not(.marks-before) slider:active { background-position: calc(100% - 3px) center; } scale.vertical.marks-after:not(.marks-before).fine-tune slider { background-position: calc(100% - 6px) center; } 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: -12px; margin-top: -2px; } scale.color.vertical:dir(ltr) { padding: 0 0 0 12px; } scale.color.vertical:dir(ltr) slider { margin-left: -12px; margin-right: -2px; } scale.color.vertical:dir(rtl) { padding: 0 12px 0 0; } scale.color.vertical:dir(rtl) slider { margin-right: -12px; margin-left: -2px; } /***************** * Progress bars * *****************/ progressbar { color: rgba(0, 0, 0, 0.38); 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(51, 141, 214, 0.3); } progressbar progress { background-color: #338DD6; } 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 trough { padding: 2px; border-radius: 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FFFFFF; } levelbar trough:disabled { background-color: #F5F5F5; } levelbar block.low { background-color: #FF6D00; } levelbar block.high, levelbar block:not(.empty) { background-color: #338DD6; } levelbar block.full { background-color: #00C853; } levelbar block.empty { background-color: rgba(0, 0, 0, 0.12); } /**************** * Print dialog * *****************/ printdialog paper { padding: 0; border: 1px solid rgba(0, 0, 0, 0.12); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } printdialog .dialog-action-box { margin: 12px; } /********** * Frames * **********/ frame > border, .frame { margin: 0; padding: 0; border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0; box-shadow: none; } frame > border.flat, .frame.flat, frame.flat > border { border-style: none; } actionbar > revealer > box { padding: 6px; border-top: 1px solid rgba(0, 0, 0, 0.12); } scrolledwindow viewport.frame { border-style: none; } overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(64, 196, 255, 0.3)), 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(64, 196, 255, 0.3)), 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(64, 196, 255, 0.3)), 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(64, 196, 255, 0.3)), to(transparent)); background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } undershoot.top { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); padding-top: 1px; background-size: 12px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: left top; } undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); padding-bottom: 1px; background-size: 12px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: left bottom; } undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: left top; } undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: right top; } junction { border-style: solid none none solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } junction:dir(rtl) { border-style: solid solid none none; } separator { min-width: 1px; min-height: 1px; background-color: rgba(0, 0, 0, 0.12); } button.font separator, button.file separator, .tweak-categories separator { min-width: 0; min-height: 0; background-color: transparent; } /********* * Lists * *********/ list { border-color: rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } list row { padding: 2px; } row.activatable, .view, treeview.view header button, .budgie-menu button { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 9999px transparent; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } row.activatable:hover, .view:hover, treeview.view header button:hover, .budgie-menu button:hover { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, box-shadow 0, background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05); } row.activatable.has-open-popup, .has-open-popup.view, treeview.view header button.has-open-popup, .budgie-menu button.has-open-popup, row.activatable:active, .view:active, treeview.view header button:active, .budgie-menu button:active { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 0, background-image 0; animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15); background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%); background-size: 0% 0%; } /********************* * App Notifications * *********************/ .app-notification { margin: 8px; } .app-notification.frame, .app-notification border { border-style: none; } /************* * Expanders * *************/ expander title > arrow { transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1); min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -gtk-icon-transform: rotate(-90deg); color: rgba(0, 0, 0, 0.54); } expander title > arrow:dir(rtl) { -gtk-icon-transform: rotate(90deg); } expander title > arrow:checked { -gtk-icon-transform: unset; } expander title > arrow:hover, expander title > arrow:active { color: rgba(0, 0, 0, 0.87); } expander title > arrow:disabled { color: rgba(0, 0, 0, 0.26); } expander title > arrow:selected { color: rgba(255, 255, 255, 0.7); } expander title > arrow:selected:hover, expander title > arrow:selected:active { color: #FFFFFF; } expander title > arrow:selected:disabled { color: rgba(255, 255, 255, 0.3); } /************ * Calendar * ************/ calendar { padding: 1px; border: 1px solid rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } calendar:disabled { color: rgba(0, 0, 0, 0.38); } calendar:selected { border-radius: 3px; } calendar.header { border-style: none none solid; border-radius: 0; } calendar.highlight { color: rgba(0, 0, 0, 0.54); font-weight: 500; } calendar:indeterminate { color: rgba(0, 0, 0, 0.26); } /*********** * Dialogs * ***********/ messagedialog.background { background-color: #FAFAFA; } messagedialog .titlebar { min-height: 24px; border-style: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FAFAFA; color: rgba(0, 0, 0, 0.87); } messagedialog .titlebar:backdrop { color: rgba(0, 0, 0, 0.54); } messagedialog.csd.background { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } messagedialog.csd .dialog-action-area button { padding: 8px 16px; border-top: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0; } messagedialog.csd .dialog-action-area button:first-child { border-bottom-left-radius: 2px; } messagedialog.csd .dialog-action-area button:last-child { border-bottom-right-radius: 2px; } filechooser .dialog-action-box { border-top: 1px solid rgba(0, 0, 0, 0.12); } filechooser #pathbarbox { border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: #EEEEEE; } filechooserbutton:drop(active) { box-shadow: none; } /*********** * Sidebar * ***********/ .sidebar { border-style: none; background-color: #F5F5F5; } stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { border-right: 1px solid rgba(0, 0, 0, 0.12); border-left-style: none; } stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { border-left: 1px solid rgba(0, 0, 0, 0.12); border-right-style: none; } .sidebar list { background-color: transparent; } paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; } stacksidebar row { padding: 10px 4px; } stacksidebar row > label { padding-left: 6px; padding-right: 6px; } /**************** * File chooser * ****************/ row image.sidebar-icon { color: rgba(0, 0, 0, 0.54); } row:selected image.sidebar-icon { color: rgba(255, 255, 255, 0.7); } placessidebar > viewport.frame { border-style: none; } placessidebar list { padding: 1px 0 4px; } placessidebar row { min-height: 32px; margin: -1px 0; padding: 0; } placessidebar row > revealer { padding: 0 12px; } placessidebar row:selected { color: #FFFFFF; } placessidebar row:disabled { color: rgba(0, 0, 0, 0.38); } placessidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; } placessidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; } placessidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; } placessidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } placessidebar row.sidebar-placeholder-row { min-height: 2px; padding: 0 8px; background-image: image(#009688); background-clip: content-box; } placessidebar row.sidebar-new-bookmark-row { color: #009688; } placessidebar row:drop(active):not(:disabled) { box-shadow: inset 0 0 0 2px #009688; } placesview .server-list-button > image { -gtk-icon-transform: rotate(0turn); } placesview .server-list-button:checked > image { -gtk-icon-transform: rotate(-0.5turn); } placesview > actionbar > revealer > box > label { padding-left: 8px; padding-right: 8px; } /********* * Paned * *********/ paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(rgba(0, 0, 0, 0.12)); background-size: 1px 1px; background-clip: content-box; } paned > separator.wide { min-width: 6px; min-height: 6px; background-color: #EEEEEE; background-image: image(rgba(0, 0, 0, 0.12)), image(rgba(0, 0, 0, 0.12)); background-size: 1px 1px, 1px 1px; } paned.horizontal > separator { background-repeat: repeat-y; } paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; } paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; } paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; } paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; } paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; } /************** * GtkInfoBar * **************/ infobar { border-style: none; } infobar.info { background-color: #66BB6A; } infobar.question { background-color: #42A5F5; } infobar.warning { background-color: #FFA726; } infobar.error { background-color: #EF5350; } infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error { color: #FFFFFF; } /************ * Tooltips * ************/ tooltip { border-radius: 2px; box-shadow: none; } tooltip.background { background-color: rgba(66, 66, 66, 0.9); color: #FFFFFF; } tooltip decoration { background-color: transparent; } tooltip label { min-height: 20px; padding: 0 2px; } /***************** * Color Chooser * *****************/ colorswatch.top { border-top-left-radius: 2.5px; border-top-right-radius: 2.5px; } colorswatch.top overlay { border-top-left-radius: 2px; border-top-right-radius: 2px; } colorswatch.bottom { border-bottom-left-radius: 2.5px; border-bottom-right-radius: 2.5px; } colorswatch.bottom overlay { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 2.5px; border-bottom-left-radius: 2.5px; } colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 2.5px; border-bottom-right-radius: 2.5px; } colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } colorswatch.dark { color: #FFFFFF; } colorswatch.light { color: rgba(0, 0, 0, 0.87); } colorswatch:drop(active) { box-shadow: none; } colorswatch:drop(active).light overlay { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #009688; } colorswatch:drop(active).dark overlay { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #009688; } colorswatch overlay { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } colorswatch overlay:hover { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } colorswatch#add-color-button { border-radius: 2px 2px 0 0; color: #FFFFFF; } colorswatch#add-color-button:only-child { border-radius: 2px; } colorswatch#add-color-button overlay { background-image: linear-gradient(to right, #EF5350 25%, #FFA726 25%, #FFA726 50%, #66BB6A 50%, #66BB6A 75%, #42A5F5 75%); } colorswatch:disabled { opacity: 0.5; } colorswatch:disabled overlay { box-shadow: none; } colorswatch#editor-color-sample { border-radius: 2.5px; } colorswatch#editor-color-sample overlay { border-radius: 2px; } colorchooser .popover.osd { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } colorchooser .popover.osd:backdrop { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.4); } /******** * Misc * ********/ .content-view { background-color: #EEEEEE; } /********************** * Window Decorations * **********************/ decoration { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-radius: 2px 2px 0 0; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent; margin: 8px; } decoration:backdrop { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px 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: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } tooltip.csd decoration { border-radius: 2px; box-shadow: none; } messagedialog.csd decoration { border-radius: 2px; } .solid-csd decoration { margin: 0; border-radius: 0; box-shadow: none; background-color: #E0E0E0; } .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, popover.background.menu button:checked, popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked { background-color: #338DD6; } row:selected label, label:selected, .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, popover.background.menu button:checked, popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked { color: #FFFFFF; } row:selected label:disabled, label:disabled:selected, .view selection:disabled, .view:disabled:selected, flowbox flowboxchild:disabled:selected, label:disabled selection, spinbutton:not(.vertical) selection:disabled, entry selection:disabled, modelbutton.flat:disabled:selected, .menuitem.button.flat:disabled:selected, popover.background.menu button:disabled:checked, popover.background button.model:disabled:checked, row:disabled:selected, calendar:disabled:selected, text:disabled:selected, .budgie-menu button:disabled:checked { color: rgba(255, 255, 255, 0.5); } .monospace { font-family: monospace; } /********************** * Touch Copy & Paste * **********************/ cursor-handle { border-radius: 9999px; background-color: #009688; background-image: none; } cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { padding-left: 6px; border-top-right-radius: 0; } cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { padding-right: 6px; border-top-left-radius: 0; } cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { -GtkWidget-text-handle-width: 24; -GtkWidget-text-handle-height: 30; -gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png")); } .context-menu { font: initial; } .keycap { min-width: 12px; min-height: 26px; margin-top: 2px; padding-bottom: 2px; padding-left: 8px; padding-right: 8px; border: solid 1px rgba(0, 0, 0, 0.12); border-radius: 3px; box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); font-size: smaller; } :not(decoration):not(window):drop(active) { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 2px #009688; caret-color: #009688; } stackswitcher button.text-button { min-width: 100px; } stackswitcher button.circular, stackswitcher button.text-button.circular { min-width: 36px; min-height: 36px; padding: 0; } /********* * Emoji * *********/ popover.emoji-picker { padding: 0; } popover.emoji-picker entry { border-bottom: 1px solid rgba(0, 0, 0, 0.12); border-bottom-left-radius: 0; border-bottom-right-radius: 0; box-shadow: none; } popover.emoji-picker scrolledwindow { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } button.emoji-section { margin-top: -1px; padding: 0 8px; min-width: 24px; min-height: 36px; border-radius: 0; outline-offset: -6px; box-shadow: none; } button.emoji-section:hover { box-shadow: inset 0 2px rgba(0, 0, 0, 0.26); } button.emoji-section:active { box-shadow: inset 0 2px #338DD6; background-image: radial-gradient(circle farthest-corner at center, rgba(51, 141, 214, 0.7) 10%, transparent 0%); } button.emoji-section:checked { box-shadow: inset 0 2px #338DD6; background-color: transparent; } button.emoji-section:first-child { margin-left: 4px; } button.emoji-section:last-child { margin-right: 4px; } .emoji { min-width: 3em; min-height: 3em; padding: 0; } .emoji widget { transition: all 180ms cubic-bezier(0, 0, 0.2, 1); } .emoji widget:hover { font-size: larger; } /************ * Nautilus * ************/ .nautilus-window, .nautilus-window notebook, .nautilus-window notebook > stack { background-color: #FFFFFF; } .nautilus-desktop.nautilus-canvas-item:not(:selected), .caja-desktop.caja-canvas-item:not(:selected) { color: #FFFFFF; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } @keyframes needs_attention_keyframes { to { background-color: alpha(currentColor, 0.3); } } .nautilus-operations-button-needs-attention { animation: needs_attention_keyframes 270ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate; } .nautilus-operations-button-needs-attention-multiple { animation: needs_attention_keyframes 270ms cubic-bezier(0.4, 0, 0.2, 1) 4 alternate; } .nautilus-window .floating-bar { min-height: 32px; padding: 0; border-style: solid solid none; border-width: 1px; border-color: rgba(0, 0, 0, 0.12); border-radius: 3px 3px 0 0; background-color: #FFFFFF; background-clip: padding-box; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), border-width 0; } .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: #FF6D00; } .disk-space-display.used { background-color: #338DD6; } .disk-space-display.free { background-color: rgba(0, 0, 0, 0.12); } .nautilus-window paned > separator { background-color: #EEEEEE; } /********* * gedit * *********/ .open-document-selector-path-label { color: rgba(0, 0, 0, 0.54); font-size: smaller; } .open-document-selector-path-label:selected { color: rgba(255, 255, 255, 0.7); } .gedit-document-panel { background-color: #F5F5F5; } .gedit-document-panel row button.flat { margin-top: 8px; margin-bottom: 8px; } .gedit-document-panel-group-row:not(:first-child) { border-top: 1px solid rgba(0, 0, 0, 0.12); } .gedit-side-panel-paned statusbar { border-top: 1px solid rgba(0, 0, 0, 0.12); } .gedit-search-slider { margin: 4px 4px 8px; } .gedit-search-slider entry:dir(ltr), .gedit-search-slider entry:dir(rtl) { border-radius: 2px; } .gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag, .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag { all: unset; color: rgba(0, 0, 0, 0.38); } .gedit-search-slider entry:dir(ltr) { margin-right: -66px; padding-right: 66px; } .gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag { margin-left: 6px; } .gedit-search-slider entry:dir(ltr) image.right { margin-right: 0; } .gedit-search-slider entry:dir(rtl) { margin-left: -66px; padding-left: 66px; } .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag { margin-right: 6px; } .gedit-search-slider entry:dir(rtl) image.left { margin-left: 0; } .gedit-search-slider entry.error ~ button { color: rgba(255, 255, 255, 0.7); } .gedit-search-slider entry.error ~ button:hover, .gedit-search-slider entry.error ~ button:active { color: #FFFFFF; } .gedit-search-slider entry.error ~ button:disabled { color: rgba(255, 255, 255, 0.3); } .gedit-search-slider button { border: solid 6px transparent; } .gedit-search-slider button:last-child:dir(ltr), .gedit-search-slider button:not(:first-child):dir(rtl) { margin-left: -3px; } .gedit-search-slider button:first-child:dir(rtl), .gedit-search-slider 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; } /************** * Tweak Tool * **************/ .tweak-categories { background-image: image(#F5F5F5); } .tweak { padding: 3px; } .tweak.title:hover { box-shadow: none; } .tweak-group-white, .tweak-white, .tweak-white:hover { background-image: image(#FFFFFF); } .tweak-startup, .tweak-startup:hover { background-image: image(#FFFFFF); } .tweak-group-startup { background-image: image(#FFFFFF); border: 1px solid rgba(0, 0, 0, 0.12); } /*********** * Builder * ***********/ workbench stack.titlebar { padding: 0; } workbench:not(.tiled):not(.maximized):not(.fullscreen) stack.titlebar headerbar { border-radius: 2px 2px 0 0; } perspectiveswitcher { background-color: #EEEEEE; } perspectiveswitcher button:checked { color: #338DD6; } layouttabbar { border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: #EEEEEE; } layouttabbar > box > button { margin: 2px 0; } layouttab { margin: 0 8px; border-style: none solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.12); box-shadow: inset 0 -2px #338DD6; background-color: #FFFFFF; } layouttab separator.vertical { margin: 8px 4px; } layouttab button.text-button, layouttab button.image-button, layouttab button { margin-top: 8px; margin-bottom: 8px; padding: 0 4px; } layout { border: 1px solid rgba(0, 0, 0, 0.12); -PnlDockBin-handle-size: 1; } entry.search-missing { background-color: #DD2C00; color: #FFFFFF; } workbench treeview.image { color: rgba(0, 0, 0, 0.54); } workbench treeview.image:selected { color: rgba(255, 255, 255, 0.7); } dockbin { border: 1px solid rgba(0, 0, 0, 0.12); -PnlDockBin-handle-size: 1; } dockpaned { border: 1px solid rgba(0, 0, 0, 0.12); } eggsearchbar box.search-bar { padding: 0 8px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: #EEEEEE; } docktabstrip { padding: 0 8px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: #EEEEEE; } docktab { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; min-height: 24px; min-width: 24px; margin-bottom: -1px; padding: 6px 6px; outline-offset: -6px; border-width: 1px; border-color: transparent; background-image: radial-gradient(circle farthest-corner at center, #338DD6 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; color: rgba(0, 0, 0, 0.54); font-weight: 500; } docktab:hover { box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } docktab:checked { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 270ms cubic-bezier(0, 0, 0.2, 1), background-image 720ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 -2px #338DD6; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-size: 1000% 1000%; color: rgba(0, 0, 0, 0.87); } dockoverlayedge { background-color: #EEEEEE; } dockoverlayedge docktabstrip { padding: 0; border: none; } dockoverlayedge.left-edge docktab:hover { box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26); } dockoverlayedge.left-edge docktab:checked { box-shadow: inset -2px 0 #338DD6; } dockoverlayedge.right-edge docktab:hover { box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26); } dockoverlayedge.right-edge docktab:checked { box-shadow: inset 2px 0 #338DD6; } pillbox { background-color: #EEEEEE; border-radius: 2px; } buildperspective row { padding: 10px; } layoutpane entry.search { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } editortweak entry.search { margin-bottom: -1px; box-shadow: none; } frame.gb-search-frame { border-bottom-right-radius: 5px; } .gb-search-entry-occurrences-tag { box-shadow: none; background-color: transparent; } docktabstrip { min-height: 39px; } workbench preferences preferencesgroup list entry { padding-top: 8px; padding-bottom: 8px; } /********** * Photos * **********/ GdMainIconView.content-view { -GdMainIconView-icon-size: 48; } .documents-counter { margin: 8px; border-radius: 9999px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); background-color: #009688; color: #FFFFFF; font-weight: bold; } .documents-scrolledwin.frame { border-style: none; } .photos-fade-in { opacity: 1; transition: opacity 180ms cubic-bezier(0, 0, 0.2, 1); } .photos-fade-out { opacity: 0; transition: opacity 180ms cubic-bezier(0, 0, 0.2, 1); } overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) { border-style: none none none solid; } overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) { border-style: none solid none none; } /********* * Music * *********/ .side-panel:dir(ltr) { border-style: solid; border-color: rgba(0, 0, 0, 0.12); } .side-panel:dir(rtl) { border-style: solid; border-color: rgba(0, 0, 0, 0.12); } .side-panel .view { background-image: image(#F5F5F5); } .side-panel .view:hover { background-image: image(rgba(235, 235, 235, 0.9935)); } .side-panel .view:selected { background-image: image(#338DD6); } .side-panel .view:selected:hover { background-image: image(#3d93d8); } .songs-list:hover { background-image: image(alpha(currentColor, 0.05)); } frame.documents-dropdown { margin: 8px; } frame.documents-dropdown > border { border: none; } box.vertical:not(.titlebar) > revealer > toolbar.search-bar { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } box.vertical:not(.titlebar) > revealer > toolbar.search-bar button > widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } /********* * To Do * *********/ task-row { transition: all 180ms cubic-bezier(0, 0, 0.2, 1); margin: 0 -4px; } task-row:hover { transition: none; } task-row label { margin: 0 8px; } task-row image { margin: 0 4px; } task-list-view > box > revealer > box > button { min-height: 36px; margin: -4px; padding: 0 12px; } task-list-view > box > revealer > box > button label { margin: 0 8px; } task-list-view > box > revealer > box > button image { margin: 0 4px; } /******* * eog * *******/ #eog-thumb-nav scrolledwindow { border-top: none; } #eog-thumb-nav button { -gtk-outline-radius: 2px; } /************* * 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(0, 0, 0, 0.12); } list.categories { background-image: image(#F5F5F5); } /********* * Boxes * *********/ .transparent-bg + stack overlay > label { min-height: 24px; padding: 0 4px; border-radius: 2px; background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; } /************** * Calculator * **************/ button.title label { min-height: 36px; } /********* * Geary * *********/ .geary-titlebar-left:dir(ltr) { margin-right: 5px; padding-right: 0; } .geary-titlebar-left:dir(rtl) { margin-left: 5px; padding-left: 0; } .geary-titlebar-left > separator { background-color: rgba(0, 0, 0, 0.05); } .geary-titlebar-right:dir(ltr) { margin-left: -5px; } .geary-titlebar-right:dir(rtl) { margin-right: -5px; } /********* * Tilix * *********/ overlay > revealer.left > scrolledwindow.frame, overlay > revealer.right > scrolledwindow.frame { border-style: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22); } 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(#FAFAFA); } button.image-button.session-new-button { min-width: 32px; } /*********** * 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: 2px; } /************ * Chromium * ************/ tooltip.chromium { background-color: #424242; } /*********** * Firefox * ***********/ window.background:not(.csd) > widget > separator { color: rgba(0, 0, 0, 0.26); } window.background:not(.csd) > widget > scrollbar { background-clip: border-box; } window.background:not(.csd) > widget > scrollbar, window.background:not(.csd) > widget > frame > border { border-color: rgba(0, 0, 0, 0.26); } window.background:not(.csd) > widget > entry, window.background:not(.csd) > widget > button > button { border: 1px solid rgba(0, 0, 0, 0.26); border-radius: 3px; box-shadow: none; } window.background:not(.csd) > widget > entry { min-height: 30px; } window.background:not(.csd) > widget > entry:focus { border-color: #338DD6; } window.background:not(.csd) > widget > button > button { padding: 4px 8px; background-size: auto; } window.background:not(.csd) > widget > button > button:hover { background-image: image(alpha(currentColor, 0.05)); } window.background:not(.csd) > widget > button > button:active { background-image: image(alpha(currentColor, 0.1)); } window.background:not(.csd) > widget > checkbutton > check:not(:checked), window.background:not(.csd) > widget > radiobutton > radio:not(:checked) { color: #757575; } window.background:not(.csd) > widget > checkbutton > check:not(:checked):hover, window.background:not(.csd) > widget > checkbutton > check:not(:checked):active, window.background:not(.csd) > widget > radiobutton > radio:not(:checked):hover, window.background:not(.csd) > widget > radiobutton > radio:not(:checked):active { color: #212121; } window.background:not(.csd) > widget > checkbutton > check:not(:checked):disabled, window.background:not(.csd) > widget > radiobutton > radio:not(:checked):disabled { color: rgba(117, 117, 117, 0.5); } window.background:not(.csd) > window > menu, window.background:not(.csd) > menu > menu { border: none; } window.background:not(.csd) > widget > menubar { color: rgba(0, 0, 0, 0.54); } window.background:not(.csd) > widget > menubar:hover { color: rgba(0, 0, 0, 0.87); } window.background:not(.csd) > widget > menubar:disabled { color: rgba(0, 0, 0, 0.26); } window.background:not(.csd) > widget > frame { color: rgba(0, 0, 0, 0.26); } window.background:not(.csd) > widget > checkbutton > check, window.background:not(.csd) > widget > radiobutton > radio { margin: 0; padding: 0; } window.background:not(.csd) > window.background > menu > separator { color: rgba(0, 0, 0, 0.12); } /************ * 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: 2px; -gtk-outline-radius: 2px; } #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: 2px; -gtk-outline-radius: 2px; } #CanvasTable button { min-height: 16px; min-width: 16px; padding: 0; } #CanvasTable #HorizontalScrollbar { border-top: 1px solid rgba(0, 0, 0, 0.12); } #CanvasTable #VerticalScrollbar:dir(ltr) { border-left: 1px solid rgba(0, 0, 0, 0.12); } #CanvasTable #VerticalScrollbar:dir(rtl) { border-right: 1px solid rgba(0, 0, 0, 0.12); } #Canvas_and_Dock frame > border { border: none; } #Canvas_and_Dock widget > widget > button.flat { min-height: 16px; min-width: 16px; padding: 4px; } #Canvas_and_Dock widget > widget > box.horizontal image { padding: 4px; } #Canvas_and_Dock box.horizontal > box.vertical > button.flat { min-height: 16px; min-width: 24px; padding: 8px 4px; } /*********** * Synapse * ***********/ box.vertical > widget > widget:selected { background-color: #338DD6; } /********* * 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: #338DD6; -UnityDecoration-title-indent: 4px; -UnityDecoration-title-fade: 32px; -UnityDecoration-title-alignment: 0.0; } UnityDecoration .top { padding: 0 2px; border-style: none; border-radius: 2px 2px 0 0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: #E0E0E0; color: rgba(0, 0, 0, 0.87); } UnityDecoration .top:backdrop { color: rgba(0, 0, 0, 0.54); } UnityDecoration .menuitem { color: rgba(0, 0, 0, 0.54); } UnityDecoration .menuitem:hover { box-shadow: inset 0 -2px #338DD6; background-color: transparent; color: rgba(0, 0, 0, 0.87); } .background:not(.csd) headerbar:not(.titlebar) { border-radius: 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .background:not(.csd) headerbar:not(.titlebar).inline-toolbar { border-style: none; } UnityPanelWidget, .unity-panel { background-color: #cfcfcf; color: rgba(0, 0, 0, 0.87); } UnityPanelWidget:backdrop, .unity-panel:backdrop { color: rgba(0, 0, 0, 0.54); } .unity-panel.menuitem, .unity-panel .menuitem { color: rgba(0, 0, 0, 0.54); } .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem *:hover { box-shadow: inset 0 -2px #338DD6; background-color: transparent; color: rgba(0, 0, 0, 0.87); } .menu IdoPlaybackMenuItem.menuitem:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: spin 1s linear infinite; color: #338DD6; } /************** * Mate-Panel * **************/ .mate-panel-menu-bar menubar, #PanelApplet-window-menu-applet-button { background-color: transparent; } .mate-panel-menu-bar { background-color: rgba(0, 0, 0, 0.6); font-weight: 500; } .mate-panel-menu-bar:not(.popup) { color: rgba(255, 255, 255, 0.7); } .mate-panel-menu-bar button { min-height: 16px; min-width: 16px; padding: 0; border-radius: 0; } .mate-panel-menu-bar button:checked { background-color: rgba(255, 255, 255, 0.12); } PanelToplevel.horizontal > grid > button { min-width: 24px; } PanelToplevel.vertical > grid > button { min-height: 24px; } PanelSeparator { color: rgba(255, 255, 255, 0.12); } MatePanelAppletFrameDBus { border-style: solid; border-color: rgba(255, 255, 255, 0.12); } .mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus { border-width: 0 1px; } .mate-panel-menu-bar.vertical MatePanelAppletFrameDBus { border-width: 1px 0; } .mate-panel-menu-bar menubar > menuitem { color: rgba(255, 255, 255, 0.7); } .mate-panel-menu-bar menubar > menuitem:hover { 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 0px; } .mate-panel-menu-bar #tasklist-button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; } .mate-panel-menu-bar #tasklist-button image:dir(ltr), .mate-panel-menu-bar #tasklist-button label:dir(rtl) { padding-left: 4px; } .mate-panel-menu-bar #tasklist-button label:dir(ltr), .mate-panel-menu-bar #tasklist-button image:dir(rtl) { padding-right: 4px; } .mate-panel-menu-bar.vertical #tasklist-button { min-height: 32px; } .mate-panel-menu-bar.horizontal #showdesktop-button image { min-width: 24px; padding: 0 4px; } .mate-panel-menu-bar.vertical #showdesktop-button image { min-height: 24px; padding: 4px 0; } PanelApplet.wnck-applet .wnck-pager { background-color: transparent; color: #40C4FF; } PanelApplet.wnck-applet .wnck-pager:hover { background-color: rgba(255, 255, 255, 0.12); } PanelApplet.wnck-applet .wnck-pager:active { background-color: rgba(255, 255, 255, 0.3); } PanelApplet.wnck-applet .wnck-pager:selected { background-color: #338DD6; } .mate-panel-menu-bar.horizontal #clock-applet-button label { padding: 0 8px; } .mate-panel-menu-bar.vertical #clock-applet-button label { padding: 8px 0; } #MatePanelPopupWindow { border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 3px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } #MatePanelPopupWindow frame > border { border-style: none; } #MatePanelPopupWindow button { padding: 4px 16px; } #MatePanelPopupWindow ClockMap { border: 1px solid rgba(0, 0, 0, 0.12); } #MatePanelPopupWindow widget { color: rgba(0, 0, 0, 0.12); } na-tray-applet { -NaTrayApplet-icon-padding: 3px; -NaTrayApplet-icon-size: 16; } .mate-panel-menu-bar { -PanelMenuBar-icon-visible: true; } .mate-panel-applet-slider { border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 3px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: #EEEEEE; } .mate-panel-applet-slider frame > border { border-style: none; } #PanelApplet:not(:selected) > box { transition: all 180ms 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(0, 0, 0, 0.12); } #mate-menu button { min-height: 24px; min-width: 24px; padding: 4px 0; color: rgba(0, 0, 0, 0.87); font-weight: normal; } #mate-menu button label:not(:first-child) { color: rgba(0, 0, 0, 0.54); } #mate-menu entry { margin: 0 0 8px; } #mate-menu entry image { margin: 0; } #mate-menu entry + button { margin: 0 4px 8px; padding: 6px; } /********************* * CAJA File manager * *********************/ .caja-navigation-window button.toggle.image-button { border-radius: 2px; } .caja-pathbar button { margin: 0 -1px 0 -2px; } .caja-pathbar button > widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -GtkArrow-arrow-scaling: 1; } .caja-side-pane notebook viewport.frame, .caja-side-pane notebook widget .vertical { background-color: #FFFFFF; } .caja-side-pane notebook, .caja-notebook { border-top: 1px solid rgba(0, 0, 0, 0.12); } .caja-side-pane notebook .frame, .caja-notebook .frame { border-style: none; } .caja-navigation-window statusbar { margin: 0 -10px; padding: 0 4px; border-top: 1px solid rgba(0, 0, 0, 0.12); } .caja-notebook frame > border { border-style: none; } #caja-extra-view-widget { border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: #EEEEEE; } #caja-extra-view-widget > box > box > label { font-weight: bold; } /********* * Pluma * *********/ .pluma-window statusbar { margin: 0 -10px; padding: 0 4px; border-top: 1px solid rgba(0, 0, 0, 0.12); } .pluma-window statusbar frame > border { border-style: none; } .pluma-window statusbar frame button.flat { padding: 0 4px; border-radius: 0; } .pluma-window statusbar frame button.flat widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -GtkArrow-arrow-scaling: 1; } .pluma-print-preview toolbar { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .pluma-window paned.horizontal box.vertical box.horizontal button.flat { margin: 1px; } .pluma-window paned.horizontal box.vertical .frame { border-style: none; } .pluma-window paned.horizontal box.vertical notebook.frame { margin-top: -1px; border-top: 1px solid rgba(0, 0, 0, 0.12); } .pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } /********* * Atril * *********/ .atril-window paned.horizontal box.vertical .frame { border-style: none; } .atril-window paned.horizontal box.vertical notebook .frame { border-top: 1px solid rgba(0, 0, 0, 0.12); } /* mate-screensaver lock dialog */ .lock-dialog { border-radius: 2px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), inset 0 1px rgba(255, 255, 255, 0.4); } .lock-dialog frame > border { border-style: none; } /****************** * 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: 2px; -gtk-outline-radius: 2px; } .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: 3px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); background-color: #FAFAFA; } .budgie-popover .container { padding: 2px; } .budgie-popover border { border: none; } .budgie-popover list { background-color: transparent; } .budgie-popover row { padding: 0; } .budgie-popover row:hover { box-shadow: none; } .budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { min-height: 28px; padding: 0 8px; color: rgba(0, 0, 0, 0.87); font-weight: normal; } .budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled { color: rgba(0, 0, 0, 0.38); } .budgie-popover.budgie-menu .container { padding: 0; } .budgie-popover.user-menu .container { padding: 8px; } .budgie-popover.user-menu separator { margin: 4px 0; } .budgie-popover.sound-popover separator { margin: 3px 0; } .budgie-popover.night-light-indicator .container { padding: 8px; } .budgie-popover.places-menu .container { padding: 8px; } .budgie-popover.places-menu .places-list:not(.always-expand) { margin-top: 4px; padding-top: 4px; border-top: 1px solid rgba(0, 0, 0, 0.12); } .budgie-popover.places-menu .alternative-label { padding: 3px; font-size: 15px; } .budgie-popover.workspace-popover .container { padding: 2px 8px 8px; } .budgie-popover.workspace-popover separator { margin: 4px 0; } .budgie-popover.workspace-popover flowboxchild { padding: 0; } .workspace-switcher .workspace-layout { border: 0 solid rgba(255, 255, 255, 0.12); } .top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { border-left-width: 1px; } .top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { border-right-width: 1px; } .left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { border-top-width: 1px; } .workspace-switcher .workspace-item, .workspace-switcher .workspace-add-button { border: 0 solid rgba(255, 255, 255, 0.12); } .top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { border-right-width: 1px; } .top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { border-left-width: 1px; } .left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { border-bottom-width: 1px; } .workspace-switcher .workspace-item { transition: all 180ms 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: 2px; } .budgie-menu.background { padding: 0; background-color: #FFFFFF; } .budgie-menu scrollbar, .budgie-menu entry.search { background-color: transparent; } .budgie-menu entry.search { border-bottom: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0; box-shadow: none; font-size: 120%; } .budgie-menu .categories:dir(ltr) { border-bottom-left-radius: 2px; } .budgie-menu .categories:dir(rtl) { border-bottom-right-radius: 2px; } .budgie-menu button { min-height: 32px; padding: 0 8px; border-radius: 0; color: rgba(0, 0, 0, 0.87); font-weight: normal; } .budgie-menu button:disabled { color: rgba(0, 0, 0, 0.38); } .budgie-menu button:checked:disabled { background-color: #338DD6; } .budgie-menu row { padding: 0; } .budgie-menu row:hover { box-shadow: none; } popover.background.user-menu { padding: 8px; } popover.background.user-menu .content-box { background-color: transparent; } popover.background.user-menu separator { margin: 4px 0; } popover.background.user-menu row { padding: 0; box-shadow: none; background-image: none; } popover.background.places-menu { padding: 8px; } popover.background.places-menu .name-button.text-button { padding-left: 8px; padding-right: 8px; } popover.background.places-menu .name-button.text-button image:dir(ltr) { margin-right: 3px; } popover.background.places-menu .name-button.text-button image:dir(rtl) { margin-left: 3px; } popover.background.places-menu .places-section-header > image:dir(ltr) { margin: 0 -2px 0 5px; } popover.background.places-menu .places-section-header > image:dir(rtl) { margin: 0 5px 0 -2px; } popover.background.places-menu .places-list { margin-top: 4px; padding-top: 4px; border-top: 1px solid rgba(0, 0, 0, 0.12); background-color: transparent; } popover.background.places-menu row { padding: 0; box-shadow: none; background-image: none; } .budgie-panel { transition: background-color 270ms cubic-bezier(0, 0, 0.2, 1); background-color: rgba(0, 0, 0, 0.6); color: rgba(255, 255, 255, 0.7); font-weight: 500; } .budgie-panel.transparent { background-color: rgba(0, 0, 0, 0.6); } .budgie-panel button { min-height: 16px; min-width: 16px; padding: 0; border-radius: 0; } .budgie-panel button:checked { background-color: rgba(255, 255, 255, 0.12); } .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: #FF5252; } .budgie-panel #tasklist-button { padding: 0 4px; } .budgie-panel.vertical #tasklist-button { min-height: 32px; } .budgie-panel button.flat.launcher { padding: 0; } .budgie-panel button.flat.launcher:not(:checked) { color: rgba(255, 255, 255, 0.5); } .budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { color: rgba(255, 255, 255, 0.7); } .budgie-panel button.flat.launcher:not(:checked):disabled { color: rgba(255, 255, 255, 0.3); } .top .budgie-panel #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; } .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, .top .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .top button.flat.launcher, .top .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .top button.flat.launcher.running { 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; } .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, .bottom .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .bottom button.flat.launcher, .bottom .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .bottom button.flat.launcher.running { 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; } .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, .left .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .left button.flat.launcher, .left .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .left button.flat.launcher.running { 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; } .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, .right .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .right button.flat.launcher, .right .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .right button.flat.launcher.running { 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 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22); } .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: #FAFAFA; } .raven > box { margin-bottom: -10px; } .raven > stack { margin-bottom: -10px; } .raven stackswitcher.linked > button { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 0%, transparent 0%) 0 0 0/0 0 0px; border-radius: 0; } .raven stackswitcher.linked > button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 100%, transparent 0%) 0 0 2/0 0 2px; background-color: transparent; } .raven .raven-header { min-height: 36px; padding: 3px; } .raven .raven-header:not(.top) { margin-top: -6px; } .raven .raven-header.top { padding: 2px 0; background-color: #338DD6; color: #FFFFFF; } .raven .raven-header.top stackswitcher button { margin: -6px 0; min-height: 36px; } .raven .raven-header.top button.image-button:dir(ltr) { margin-right: 2px; } .raven .raven-header.top button.image-button:dir(rtl) { margin-left: 2px; } .raven .raven-header.top > image { margin: 0 8px; } .raven .raven-header.top > label { margin: 0 -8px; font-weight: bold; } .raven .raven-header.bottom { border-top: 1px solid rgba(0, 0, 0, 0.12); } .raven viewport.frame .raven-header { margin-top: -8px; } .raven .raven-background { border-style: solid none; border-width: 1px; border-color: rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } .raven .raven-background.frame { border-style: solid none; } .raven .raven-background > overlay > widget > image { color: rgba(0, 0, 0, 0.12); } .raven .raven-background grid > label:first-child { min-height: 36px; } .raven scrolledwindow.raven-background { border-bottom-style: none; } .raven .raven-header.top + .raven-background { border-style: none; background-color: #338DD6; color: #FFFFFF; } .raven .raven-header.top + .raven-background stackswitcher button { margin: -4px 0; } .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: 2px; background-color: #338DD6; } .raven-mpris { background-color: rgba(0, 0, 0, 0.6); color: #FFFFFF; } .raven-mpris label { min-height: 24px; } .raven-mpris button.image-button { padding: 12px; } .budgie-notification-window, .budgie-osd-window, .budgie-switcher-window { background-color: transparent; } .budgie-notification .notification-title, .budgie-switcher .notification-title { font-size: 120%; } .budgie-osd .budgie-osd-text { font-size: 120%; } .drop-shadow { margin: 5px 9px; padding: 3px; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FAFAFA; } .drop-shadow .linked > button { border-radius: 2px; } .budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { border-radius: 2px; background-color: #FAFAFA; } .budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration { border-radius: 2px; } .budgie-session-dialog label:not(:last-child), .budgie-session-dialog .dialog-title { font-size: 120%; } .budgie-session-dialog .linked.horizontal > button { padding: 8px 16px; border-top: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0; } .budgie-session-dialog .linked.horizontal > button:first-child { border-bottom-left-radius: 2px; } .budgie-session-dialog .linked.horizontal > button:last-child { border-bottom-right-radius: 2px; } .budgie-polkit-dialog .message { color: rgba(0, 0, 0, 0.38); } .budgie-polkit-dialog .failure { color: #FF5252; } .budgie-run-dialog { background-color: #FFFFFF; } .budgie-run-dialog entry.search { font-size: 120%; padding: 6px 14px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: transparent; } .budgie-run-dialog list .dim-label, .budgie-run-dialog list label.separator, .budgie-run-dialog list .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .budgie-run-dialog list .subtitle, .budgie-run-dialog list headerbar .subtitle, headerbar .budgie-run-dialog list .subtitle, .budgie-run-dialog list .budgie-notification .notification-body, .budgie-notification .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher .notification-body, .budgie-switcher .budgie-run-dialog list .notification-body { opacity: 1; } .budgie-run-dialog scrolledwindow { border-top: 1px solid rgba(0, 0, 0, 0.12); } /************************ * LightDM GTK+ Greeter * ************************/ #panel_window { background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; } #panel_window menubar, #panel_window separator { background-color: transparent; } #panel_window separator { padding: 0 4px; } #panel_window separator:first-child { padding: 0 8px; } #panel_window menubar > menuitem { color: rgba(255, 255, 255, 0.7); } #panel_window menubar > menuitem:hover { color: #FFFFFF; } #panel_window menubar > menuitem:disabled label { color: rgba(255, 255, 255, 0.3); } #login_window, #shutdown_dialog, #restart_dialog { margin: 8px; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FAFAFA; } #content_frame { padding-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); } #buttonbox_frame { padding-top: 24px; } #buttonbox_frame button { margin: -16px; } #greeter_infobar { margin-top: -1px; } /* GTK NAMED COLORS ---------------- use responsibly! */ /* widget text/foreground color */ @define-color theme_fg_color rgba(0, 0, 0, 0.87); /* text color for entries, views and content in general */ @define-color theme_text_color rgba(0, 0, 0, 0.87); /* widget base background color */ @define-color theme_bg_color #EEEEEE; /* text widgets and the like base background color */ @define-color theme_base_color #FFFFFF; /* base background color of selections */ @define-color theme_selected_bg_color #338DD6; /* text/foreground color of selections */ @define-color theme_selected_fg_color #FFFFFF; /* base background color of insensitive widgets */ @define-color insensitive_bg_color #EEEEEE; /* text foreground color of insensitive widgets */ @define-color insensitive_fg_color rgba(0, 0, 0, 0.38); /* insensitive text widgets and the like base background color */ @define-color insensitive_base_color #F5F5F5; /* widget text/foreground color on backdrop windows */ @define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.87); /* text color for entries, views and content in general on backdrop windows */ @define-color theme_unfocused_text_color rgba(0, 0, 0, 0.87); /* widget base background color on backdrop windows */ @define-color theme_unfocused_bg_color #EEEEEE; /* text widgets and the like base background color on backdrop windows */ @define-color theme_unfocused_base_color #FFFFFF; /* base background color of selections on backdrop windows */ @define-color theme_unfocused_selected_bg_color #338DD6; /* text/foreground color of selections on backdrop windows */ @define-color theme_unfocused_selected_fg_color #FFFFFF; /* insensitive color on backdrop windows */ @define-color unfocused_insensitive_color rgba(0, 0, 0, 0.38); /* widgets main borders color */ @define-color borders rgba(0, 0, 0, 0.12); /* widgets main borders color on backdrop windows */ @define-color unfocused_borders rgba(0, 0, 0, 0.12); /* these are pretty self explicative */ @define-color warning_color #FF6D00; @define-color error_color #DD2C00; @define-color success_color #00C853; /* FIXME this is really an API */ @define-color content_view_bg #FFFFFF; @define-color placeholder_text_color #757575; materia-theme-20180321/src/gtk/3.20/gtk-light.scss000066400000000000000000000004331325420104000212120ustar00rootroot00000000000000$variant: 'light'; $titlebar: 'light'; $compact: 'false'; @import '../../_sass/gtk/variables'; @import '../../_sass/colors'; @import '../../_sass/gtk/drawing-3.20'; @import '../../_sass/gtk/common-3.20'; @import '../../_sass/gtk/apps-3.20'; @import '../../_sass/gtk/colors-public'; materia-theme-20180321/src/gtk/3.20/gtk.css000066400000000000000000004521071325420104000177330ustar00rootroot00000000000000@keyframes ripple_effect { to { background-size: 1000% 1000%; } } @keyframes header_ripple_effect { from { background-image: radial-gradient(circle farthest-corner at center, #338DD6 0%, transparent 0%); } to { background-image: radial-gradient(circle farthest-corner at center, #338DD6 100%, transparent 0%); } } * { background-clip: padding-box; -GtkToolButton-icon-spacing: 0; -GtkTextView-error-underline-color: #DD2C00; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 24; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-style: solid; outline-width: 2px; outline-color: transparent; outline-offset: -4px; -gtk-outline-radius: 2px; -gtk-secondary-caret-color: #338DD6; } notebook:focus tab, *:focus { outline-color: alpha(currentColor, 0.3); } /*************** * Base States * ***************/ .background { background-color: #EEEEEE; color: rgba(0, 0, 0, 0.87); } /* 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: #EEEEEE; color: rgba(0, 0, 0, 0.87); } .gtkstyle-fallback:hover { background-color: #e1e1e1; color: rgba(0, 0, 0, 0.87); } .gtkstyle-fallback:active { background-color: #d5d5d5; color: rgba(0, 0, 0, 0.87); } .gtkstyle-fallback:disabled { background-color: #EEEEEE; color: rgba(0, 0, 0, 0.38); } .gtkstyle-fallback:selected { background-color: #338DD6; color: #FFFFFF; } .view { background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .view:disabled { color: rgba(0, 0, 0, 0.38); } .view:hover, .view:active, .view:selected { border-radius: 2px; } textview text { background-color: #FFFFFF; } textview border { background-color: #F5F5F5; color: rgba(0, 0, 0, 0.38); } .rubberband, rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, .content-view .rubberband { border: 1px solid #40C4FF; background-color: rgba(64, 196, 255, 0.3); } flowbox flowboxchild { padding: 4px; border-radius: 2px; } .content-view .tile:selected { background-color: transparent; color: inherit; } label { caret-color: currentColor; } label.separator { color: rgba(0, 0, 0, 0.87); } label selection { background-color: #338DD6; color: #FFFFFF; } label:disabled { color: rgba(0, 0, 0, 0.38); } tab label:disabled, button label:disabled { color: inherit; } .dim-label, label.separator, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, .budgie-notification .notification-body, .budgie-switcher .notification-body { opacity: 0.6; } assistant .sidebar { padding: 4px 0; } assistant .sidebar label { min-height: 36px; padding: 0 12px; color: rgba(0, 0, 0, 0.38); font-weight: 500; } assistant .sidebar label.highlight { color: rgba(0, 0, 0, 0.87); } popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .app-notification, .osd .scale-popup, .nautilus-window .floating-bar, .osd { opacity: 0.9; } /********************* * Spinner Animation * *********************/ @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } spinner:checked { opacity: 1; animation: spin 1s linear infinite; } spinner:checked:disabled { opacity: 0.5; } /**************** * Text Entries * ****************/ spinbutton:not(.vertical), entry { min-height: 36px; padding: 0 8px; border-radius: 2px; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } spinbutton:focus:not(.vertical), entry:focus { border-image: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } spinbutton:disabled:not(.vertical), entry:disabled { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #F5F5F5; color: rgba(0, 0, 0, 0.38); } spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) entry:not(.search), notebook > stack:not(:only-child) spinbutton:not(.vertical), messagedialog entry, colorchooser .popover.osd spinbutton:not(.vertical), layoutpane entry.search, editortweak entry.search, .raven .raven-background spinbutton:not(.vertical), #login_window entry, entry.flat { border-radius: 0; transition: all 270ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); background-color: transparent; color: rgba(0, 0, 0, 0.87); } spinbutton.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry:focus:not(.search), notebook > stack:not(:only-child) spinbutton:focus:not(.vertical), messagedialog entry:focus, colorchooser .popover.osd spinbutton:focus:not(.vertical), layoutpane entry.search:focus, editortweak entry.search:focus, .raven .raven-background spinbutton:focus:not(.vertical), #login_window entry:focus, entry.flat:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } spinbutton.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry:disabled:not(.search), notebook > stack:not(:only-child) spinbutton:disabled:not(.vertical), messagedialog entry:disabled, colorchooser .popover.osd spinbutton:disabled:not(.vertical), layoutpane entry.search:disabled, editortweak entry.search:disabled, .raven .raven-background spinbutton:disabled:not(.vertical), #login_window entry:disabled, entry.flat:disabled { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: transparent; color: rgba(0, 0, 0, 0.38); } spinbutton:not(.vertical) image, entry image { color: rgba(0, 0, 0, 0.54); } spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active, entry image:hover, entry image:active { color: rgba(0, 0, 0, 0.87); } spinbutton:not(.vertical) image:disabled, entry image:disabled { color: rgba(0, 0, 0, 0.38); } 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) undershoot.left, entry undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: left top; } spinbutton:not(.vertical) undershoot.right, entry undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: right top; } spinbutton.error:not(.vertical), entry.error { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #DD2C00; color: #FFFFFF; } spinbutton.error:focus:not(.vertical), entry.error:focus { border-image: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } spinbutton.error:disabled:not(.vertical), entry.error:disabled { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #F5F5F5; color: rgba(0, 0, 0, 0.38); } spinbutton.error.flat:not(.vertical), notebook > stack:not(:only-child) entry.error:not(.search), notebook > stack:not(:only-child) spinbutton.error:not(.vertical), messagedialog entry.error, colorchooser .popover.osd spinbutton.error:not(.vertical), layoutpane entry.error.search, editortweak entry.error.search, .raven .raven-background spinbutton.error:not(.vertical), #login_window entry.error, entry.error.flat { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 0%, transparent 0%) 0 0 0/0 0 0px; box-shadow: inset 0 -1px #DD2C00; background-color: transparent; color: rgba(0, 0, 0, 0.87); } spinbutton.error.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.error:focus:not(.search), notebook > stack:not(:only-child) spinbutton.error:focus:not(.vertical), messagedialog entry.error:focus, colorchooser .popover.osd spinbutton.error:focus:not(.vertical), layoutpane entry.error.search:focus, editortweak entry.error.search:focus, .raven .raven-background spinbutton.error:focus:not(.vertical), #login_window entry.error:focus, entry.error.flat:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 100%, transparent 0%) 0 0 2/0 0 2px; box-shadow: inset 0 -1px #DD2C00; } spinbutton.error.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.error:disabled:not(.search), notebook > stack:not(:only-child) spinbutton.error:disabled:not(.vertical), messagedialog entry.error:disabled, colorchooser .popover.osd spinbutton.error:disabled:not(.vertical), layoutpane entry.error.search:disabled, editortweak entry.error.search:disabled, .raven .raven-background spinbutton.error:disabled:not(.vertical), #login_window entry.error:disabled, entry.error.flat:disabled { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: transparent; color: rgba(0, 0, 0, 0.38); } spinbutton.error:not(.vertical) image, entry.error image { color: rgba(255, 255, 255, 0.7); } spinbutton.error:not(.vertical) image:hover, spinbutton.error:not(.vertical) image:active, entry.error image:hover, entry.error image:active { color: #FFFFFF; } spinbutton.error:not(.vertical) image:disabled, entry.error image:disabled { color: rgba(255, 255, 255, 0.5); } spinbutton.warning:not(.vertical), entry.warning { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FF6D00; color: #FFFFFF; } spinbutton.warning:focus:not(.vertical), entry.warning:focus { border-image: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } spinbutton.warning:disabled:not(.vertical), entry.warning:disabled { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #F5F5F5; color: rgba(0, 0, 0, 0.38); } spinbutton.warning.flat:not(.vertical), notebook > stack:not(:only-child) entry.warning:not(.search), notebook > stack:not(:only-child) spinbutton.warning:not(.vertical), messagedialog entry.warning, colorchooser .popover.osd spinbutton.warning:not(.vertical), layoutpane entry.warning.search, editortweak entry.warning.search, .raven .raven-background spinbutton.warning:not(.vertical), #login_window entry.warning, entry.warning.flat { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 0%, transparent 0%) 0 0 0/0 0 0px; box-shadow: inset 0 -1px #FF6D00; background-color: transparent; color: rgba(0, 0, 0, 0.87); } spinbutton.warning.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.warning:focus:not(.search), notebook > stack:not(:only-child) spinbutton.warning:focus:not(.vertical), messagedialog entry.warning:focus, colorchooser .popover.osd spinbutton.warning:focus:not(.vertical), layoutpane entry.warning.search:focus, editortweak entry.warning.search:focus, .raven .raven-background spinbutton.warning:focus:not(.vertical), #login_window entry.warning:focus, entry.warning.flat:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 100%, transparent 0%) 0 0 2/0 0 2px; box-shadow: inset 0 -1px #FF6D00; } spinbutton.warning.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.warning:disabled:not(.search), notebook > stack:not(:only-child) spinbutton.warning:disabled:not(.vertical), messagedialog entry.warning:disabled, colorchooser .popover.osd spinbutton.warning:disabled:not(.vertical), layoutpane entry.warning.search:disabled, editortweak entry.warning.search:disabled, .raven .raven-background spinbutton.warning:disabled:not(.vertical), #login_window entry.warning:disabled, entry.warning.flat:disabled { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: transparent; color: rgba(0, 0, 0, 0.38); } spinbutton.warning:not(.vertical) image, entry.warning image { color: rgba(255, 255, 255, 0.7); } spinbutton.warning:not(.vertical) image:hover, spinbutton.warning:not(.vertical) image:active, entry.warning image:hover, entry.warning image:active { color: #FFFFFF; } spinbutton.warning:not(.vertical) image:disabled, entry.warning image:disabled { color: rgba(255, 255, 255, 0.5); } spinbutton:not(.vertical) progress, entry progress { margin: 2px -6px; border-bottom: 2px solid #338DD6; background-color: transparent; } .linked:not(.vertical) > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) .linked:not(.vertical) > entry:not(.search), notebook > stack:not(:only-child) .linked:not(.vertical) > spinbutton:not(.vertical), messagedialog .linked:not(.vertical) > entry, colorchooser .popover.osd .linked:not(.vertical) > spinbutton:not(.vertical), layoutpane .linked:not(.vertical) > entry.search, editortweak .linked:not(.vertical) > entry.search, .raven .raven-background .linked:not(.vertical) > spinbutton:not(.vertical), #login_window .linked:not(.vertical) > entry, .linked.vertical > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) .linked.vertical > entry:not(.search), notebook > stack:not(:only-child) .linked.vertical > spinbutton:not(.vertical), messagedialog .linked.vertical > entry, colorchooser .popover.osd .linked.vertical > spinbutton:not(.vertical), layoutpane .linked.vertical > entry.search, editortweak .linked.vertical > entry.search, .raven .raven-background .linked.vertical > spinbutton:not(.vertical), #login_window .linked.vertical > entry, .linked:not(.vertical) > entry.flat, .linked.vertical > entry.flat { border-radius: 0; } treeview entry.flat, treeview entry { min-height: 0; padding: 2px; border-radius: 0; background-color: #FFFFFF; } treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus { border-image: none; box-shadow: none; } .entry-tag, .documents-entry-tag, .photos-entry-tag { margin: 6px; border-radius: 9999px; box-shadow: none; background-color: #338DD6; color: #FFFFFF; } .entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } :dir(ltr) .entry-tag, :dir(ltr) .documents-entry-tag, :dir(ltr) .photos-entry-tag { margin-left: 8px; margin-right: -2px; padding-left: 8px; padding-right: 4px; } :dir(rtl) .entry-tag, :dir(rtl) .documents-entry-tag, :dir(rtl) .photos-entry-tag { margin-left: -2px; margin-right: 8px; padding-left: 4px; padding-right: 8px; } .entry-tag.button, .button.documents-entry-tag, .button.photos-entry-tag { box-shadow: none; background-color: transparent; } .entry-tag.button:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active) { color: rgba(255, 255, 255, 0.7); } /*********** * Buttons * ***********/ @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#009688), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#009688), to(transparent)); } } button { min-height: 24px; min-width: 16px; padding: 6px 10px; border-radius: 2px; font-weight: 500; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1), background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 9999px transparent; background-color: #FAFAFA; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; color: rgba(0, 0, 0, 0.62); } button:hover { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px transparent; color: rgba(0, 0, 0, 0.87); } button:active { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px alpha(currentColor, 0.15); background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%); background-size: 0% 0%; color: rgba(0, 0, 0, 0.87); } button:disabled { box-shadow: none; background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.26); } button:checked { background-color: #338DD6; color: #FFFFFF; } button:checked:disabled { background-color: rgba(51, 141, 214, 0.3); color: rgba(51, 141, 214, 0.5); } modelbutton.flat, .menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button, popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check, radio, calendar.button, messagedialog.csd .dialog-action-area button, button.sidebar-button, .gedit-search-slider button, #mate-menu button, .budgie-settings-window buttonbox.inline-toolbar button, .raven .raven-header:not(.top) button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, .lightdm-gtk-greeter button, :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) .path-bar button, layouttabbar button, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, toolbar button, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), headerbar button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button, button.flat { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 9999px transparent; background-color: transparent; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; color: rgba(0, 0, 0, 0.54); } modelbutton.flat:hover, .menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background.menu button:hover, popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover, radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button:hover, button.sidebar-button:hover, .gedit-search-slider button:hover, #mate-menu button:hover, .budgie-settings-window buttonbox.inline-toolbar button:hover, .raven .raven-header:not(.top) button:hover, .drop-shadow button:hover, .budgie-session-dialog .linked.horizontal > button:hover, .lightdm-gtk-greeter button:hover, :not(headerbar) .caja-pathbar button:hover, .caja-pathbar :not(headerbar) button:hover, :not(headerbar) .path-bar button:hover, layouttabbar button:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, toolbar button:hover, .titlebar:not(headerbar) button:hover:not(.suggested-action):not(.destructive-action), headerbar button:hover:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:hover, button.flat:hover { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15); color: rgba(0, 0, 0, 0.87); } modelbutton.flat:active, .menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background.menu button:active, popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active, radio:active, calendar.button:active, messagedialog.csd .dialog-action-area button:active, button.sidebar-button:active, .gedit-search-slider button:active, #mate-menu button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, .raven .raven-header:not(.top) button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, .lightdm-gtk-greeter button:active, :not(headerbar) .caja-pathbar button:active, .caja-pathbar :not(headerbar) button:active, :not(headerbar) .path-bar button:active, layouttabbar button:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, toolbar button:active, .titlebar:not(headerbar) button:active:not(.suggested-action):not(.destructive-action), headerbar button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:active, button.flat:active { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15); background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%); background-size: 0% 0%; color: rgba(0, 0, 0, 0.87); } modelbutton.flat:disabled, .menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background.menu button:disabled, popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled, radio:disabled, calendar.button:disabled, messagedialog.csd .dialog-action-area button:disabled, button.sidebar-button:disabled, .gedit-search-slider button:disabled, #mate-menu button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, .raven .raven-header:not(.top) button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, .lightdm-gtk-greeter button:disabled, :not(headerbar) .caja-pathbar button:disabled, .caja-pathbar :not(headerbar) button:disabled, :not(headerbar) .path-bar button:disabled, layouttabbar button:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, toolbar button:disabled, .titlebar:not(headerbar) button:disabled:not(.suggested-action):not(.destructive-action), headerbar button:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:disabled, button.flat:disabled { box-shadow: none; background-color: transparent; color: rgba(0, 0, 0, 0.26); } :not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .path-bar button:checked, layouttabbar button:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, toolbar button:checked, .titlebar:not(headerbar) button:checked:not(.suggested-action):not(.destructive-action), headerbar button:checked:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked, button.flat:checked { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } :not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar) .path-bar button:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, toolbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled:not(.suggested-action):not(.destructive-action), headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked:disabled, button.flat:checked:disabled { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.38); } button.text-button { padding-left: 16px; padding-right: 16px; } button.image-button { min-width: 24px; padding: 6px; } button.text-button.image-button { border-radius: 2px; -gtk-outline-radius: 2px; } 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; } toolbar .linked > button, .titlebar:not(headerbar) .linked > button:not(.suggested-action):not(.destructive-action), headerbar .linked > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button, toolbar .linked.vertical > button, .titlebar:not(headerbar) .linked.vertical > button:not(.suggested-action):not(.destructive-action), headerbar .linked.vertical > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked.vertical > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked.vertical > button, .linked > button.flat, .linked.vertical > button.flat { border-radius: 2px; } toolbar .linked > button.text-button.image-button, .titlebar:not(headerbar) .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action), headerbar .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.text-button.image-button, toolbar .linked.vertical > button.text-button.image-button, .titlebar:not(headerbar) .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action), headerbar .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked.vertical > button.text-button.image-button, .linked > button.flat.text-button.image-button, .linked.vertical > button.flat.text-button.image-button { border-radius: 2px; -gtk-outline-radius: 2px; } infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, row:selected button:disabled { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.3); } row:selected button.sidebar-button, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, .raven-mpris button.image-button, row:selected button.flat { color: rgba(255, 255, 255, 0.7); } row:selected button.sidebar-button:hover, infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, .raven-mpris button.image-button:hover, row:selected button.sidebar-button:active, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .raven-mpris button.image-button:active, row:selected button.flat:hover, row:selected button.flat:active { color: #FFFFFF; } row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .raven-mpris button.image-button:disabled, row:selected button.flat:disabled { color: rgba(255, 255, 255, 0.3); } row:selected button.sidebar-button:checked, infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .raven-mpris button.image-button:checked, row:selected button.flat:checked { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } row:selected button.sidebar-button:checked:disabled, infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .raven-mpris button.image-button:checked:disabled, row:selected button.flat:checked:disabled { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } button.osd { padding: 12px 16px; } button.osd.image-button { padding: 12px; } button.osd:disabled { opacity: 0; } button.suggested-action { background-color: #009688; color: #FFFFFF; } button.suggested-action:disabled { box-shadow: none; background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.38); } button.suggested-action:checked { background-color: #4db6ac; } button.suggested-action.flat { background-color: transparent; color: #009688; } button.suggested-action.flat:disabled { box-shadow: none; background-color: transparent; color: rgba(0, 0, 0, 0.38); } button.suggested-action.flat:checked { background-color: rgba(0, 150, 136, 0.3); } button.destructive-action { background-color: #FF5252; color: #FFFFFF; } button.destructive-action:disabled { box-shadow: none; background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.38); } button.destructive-action:checked { background-color: #ff8686; } button.destructive-action.flat { background-color: transparent; color: #FF5252; } button.destructive-action.flat:disabled { box-shadow: none; background-color: transparent; color: rgba(0, 0, 0, 0.38); } button.destructive-action.flat:checked { background-color: rgba(255, 82, 82, 0.3); } .stack-switcher > button { outline-offset: -4px; } .stack-switcher > button > label { padding-left: 6px; padding-right: 6px; } .stack-switcher > button > image { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } .stack-switcher > button.text-button { padding-left: 10px; padding-right: 10px; } .stack-switcher > button.image-button { padding-left: 4px; padding-right: 4px; } .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { animation: none; background-image: none; } .primary-toolbar button { -gtk-icon-shadow: none; } button.image-button, toolbar .linked > button.image-button, .titlebar:not(headerbar) .linked > button.image-button:not(.suggested-action):not(.destructive-action), headerbar .linked > button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.image-button, toolbar .linked.vertical > button.image-button, headerbar .linked.vertical > button.image-button:not(.suggested-action):not(.destructive-action), .app-notification .linked.vertical > button.image-button, .linked > button.flat.image-button, .linked.vertical > button.flat.image-button, .inline-toolbar button:not(.text-button), check, radio, button.titlebutton, .nautilus-window headerbar > revealer > button, .raven .raven-header:not(.top) button.image-button, .raven .expander-button, button.close, button.circular { border-radius: 9999px; -gtk-outline-radius: 9999px; } spinbutton:not(.vertical) button, notebook > header tab button.flat, button.sidebar-button, .nautilus-window .floating-bar button, .gedit-document-panel row button.flat, .gedit-search-slider button:dir(ltr), .gedit-search-slider button:dir(rtl), .pluma-window paned.horizontal box.vertical box.horizontal button.flat { min-height: 24px; min-width: 24px; padding: 0; border-radius: 9999px; -gtk-outline-radius: 9999px; } .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label { animation: needs_attention 270ms cubic-bezier(0, 0, 0.2, 1) forwards; background-repeat: no-repeat; background-position: right 3px; background-size: 6px 6px; } .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) { background-position: left 3px; } .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked > button, .linked:not(.vertical) > combobox > box > button.combo { border-radius: 0; -gtk-outline-radius: 2px; } .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .linked > button:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .linked > button:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo { border-radius: 2px; } .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button, .linked.vertical > combobox > box > button.combo { border-radius: 0; -gtk-outline-radius: 2px; } .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo { border-top-left-radius: 2px; border-top-right-radius: 2px; } .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo { border-radius: 2px; } /* menu buttons */ modelbutton.flat, .menuitem.button.flat { min-height: 28px; padding: 0 8px; border-radius: 2px; color: inherit; } modelbutton.flat arrow { background: none; } modelbutton.flat arrow:hover { background: none; } modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } button.color { min-height: 24px; min-width: 24px; padding: 6px; } /********* * Links * *********/ *:link, button:link, button:visited, *:link:hover, button:hover:link, button:hover:visited, *:link:active, button:active:link, button:active:visited { color: #338DD6; } *:link:visited, button:visited, *:link:visited:hover, button:visited:hover, *:link:visited:active, button:visited:active { color: #E040FB; } infobar.info *:link, infobar.info button:link, infobar.info button:visited, infobar.question *:link, infobar.question button:link, infobar.question button:visited, infobar.warning *:link, infobar.warning button:link, infobar.warning button:visited, infobar.error *:link, infobar.error button:link, infobar.error button:visited, *:link:selected, button:selected:link, button:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:link, headerbar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited { color: #FFFFFF; } button:link > label, button:visited > label { text-decoration-line: underline; } /***************** * GtkSpinButton * *****************/ spinbutton:not(.vertical) { padding: 0; } notebook > stack:not(:only-child) spinbutton:not(.vertical) entry, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:focus, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:disabled, spinbutton:not(.vertical) entry { min-width: 32px; margin: 0; border-image: none; border-radius: 0; box-shadow: none; background-color: transparent; } spinbutton:not(.vertical) button { border: solid 6px transparent; } spinbutton:not(.vertical) button.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:disabled { color: rgba(0, 0, 0, 0.38); } spinbutton.vertical:drop(active) { box-shadow: none; } 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.up { border-radius: 2px 2px 0 0; } spinbutton.vertical button.down { border-radius: 0 0 2px 2px; } treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; } treeview spinbutton:not(.vertical) entry { min-height: 0; padding: 1px 2px; } /************** * ComboBoxes * **************/ combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } combobox decoration, combobox button.combo:checked { transition: none; } combobox button.combo cellview:dir(ltr) { margin-left: -2px; } combobox button.combo cellview:dir(rtl) { margin-right: -2px; } combobox #gtk-combobox-popup-menu { padding: 2px 0; } combobox #gtk-combobox-popup-menu menuitem { min-height: 32px; padding: 0 8px; } combobox #gtk-combobox-popup-menu > arrow.top { margin-top: -2px; } combobox #gtk-combobox-popup-menu > arrow.bottom { margin-bottom: -6px; } combobox:drop(active) { box-shadow: none; } notebook > stack:not(:only-child) button.combo, .raven .raven-background button.combo, #login_window #user_combobox button { border-radius: 0; background-image: none; font-weight: inherit; transition: all 270ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); background-color: transparent; color: rgba(0, 0, 0, 0.87); } notebook > stack:not(:only-child) button.combo:hover, .raven .raven-background button.combo:hover, #login_window #user_combobox button:hover { box-shadow: inset 0 -2px rgba(0, 0, 0, 0.38); } notebook > stack:not(:only-child) button.combo:checked, .raven .raven-background button.combo:checked, #login_window #user_combobox button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px; } notebook > stack:not(:only-child) button.combo:disabled, .raven .raven-background button.combo:disabled, #login_window #user_combobox button:disabled { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.38); } /************ * Toolbars * ************/ toolbar { -GtkWidget-window-dragging: true; padding: 2px; background-color: #EEEEEE; } .osd toolbar { background-color: transparent; } toolbar.osd, .app-notification, frame.documents-dropdown { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); padding: 6px; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.4); } toolbar.osd.left, .left.app-notification, frame.left.documents-dropdown, toolbar.osd.right, .right.app-notification, frame.right.documents-dropdown, toolbar.osd.top, .top.app-notification, frame.top.documents-dropdown, toolbar.osd.bottom, .bottom.app-notification, frame.bottom.documents-dropdown { border-radius: 0; } toolbar.horizontal > separator { margin: 2px; } toolbar.vertical > separator { margin: 2px; } toolbar:not(.inline-toolbar):not(.osd) scale, toolbar:not(.inline-toolbar):not(.osd) entry, toolbar:not(.inline-toolbar):not(.osd) spinbutton, toolbar:not(.inline-toolbar):not(.osd) button { margin: 2px; } toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child), toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child), toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) { margin-left: 0; } toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child), toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child), toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) { margin-right: 0; } toolbar:not(.inline-toolbar):not(.osd) spinbutton entry, toolbar:not(.inline-toolbar):not(.osd) spinbutton button { margin: 0; } toolbar:not(.inline-toolbar):not(.osd) switch { margin: 8px 2px; } .inline-toolbar { padding: 6px; border-style: solid; border-width: 0 1px 1px; border-color: rgba(0, 0, 0, 0.12); background-color: #F5F5F5; } searchbar > revealer > box, .location-bar { padding: 6px; border-style: solid; border-width: 0 0 1px; border-color: rgba(0, 0, 0, 0.12); background-color: #EEEEEE; background-clip: border-box; } searchbar > revealer > box { margin: -6px; padding: 6px; } /*************** * Header bars * ***************/ .titlebar:not(headerbar), headerbar { transition: background-color 180ms cubic-bezier(0, 0, 0.2, 1), color 270ms cubic-bezier(0, 0, 0.2, 1); min-height: 48px; padding: 0 6px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.1); background-color: #303030; color: #FFFFFF; } .titlebar:disabled:not(headerbar) :not(button) > label, headerbar:disabled :not(button) > label { color: rgba(255, 255, 255, 0.5); } .titlebar:backdrop:not(headerbar), headerbar:backdrop { color: rgba(255, 255, 255, 0.7); } .titlebar:backdrop:disabled:not(headerbar) :not(button) > label, headerbar:backdrop:disabled :not(button) > label { color: rgba(255, 255, 255, 0.3); } .titlebar:not(headerbar) .title, headerbar .title { padding: 0 12px; font-weight: bold; } .titlebar:not(headerbar) .subtitle, headerbar .subtitle { padding: 0 12px; font-size: smaller; } .titlebar:not(headerbar) .linked:not(.vertical) > entry:not(.flat), headerbar .linked:not(.vertical) > entry:not(.flat) { border-radius: 2px; } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), headerbar button:not(.suggested-action):not(.destructive-action) { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px; color: rgba(255, 255, 255, 0.7); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active, headerbar button:not(.suggested-action):not(.destructive-action):hover, headerbar button:not(.suggested-action):not(.destructive-action):active { color: #FFFFFF; } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled, headerbar button:not(.suggested-action):not(.destructive-action):disabled { color: rgba(255, 255, 255, 0.3); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, headerbar 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: #FFFFFF; } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled { color: rgba(255, 255, 255, 0.5); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, headerbar button:not(.suggested-action):not(.destructive-action):checked, headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled { background-color: transparent; } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop, headerbar button:not(.suggested-action):not(.destructive-action):backdrop { color: rgba(255, 255, 255, 0.5); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:active, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:hover, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:active { color: rgba(255, 255, 255, 0.7); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:disabled { color: rgba(255, 255, 255, 0.3); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked { color: rgba(255, 255, 255, 0.7); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { color: rgba(255, 255, 255, 0.3); } .titlebar:not(headerbar) button.suggested-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled, headerbar button.suggested-action:disabled, headerbar button.destructive-action:disabled { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } .selection-mode.titlebar:not(headerbar), headerbar.selection-mode { transition: background-color 0.00001s 270ms, color 270ms cubic-bezier(0, 0, 0.2, 1); animation: header_ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.2); background-color: #338DD6; color: #FFFFFF; } .selection-mode.titlebar:backdrop:not(headerbar), headerbar.selection-mode:backdrop { color: rgba(255, 255, 255, 0.7); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), headerbar.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: #FFFFFF; } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled { color: rgba(255, 255, 255, 0.5); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, headerbar.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: #FFFFFF; } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled { color: rgba(255, 255, 255, 0.5); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop { color: rgba(255, 255, 255, 0.7); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled { color: rgba(255, 255, 255, 0.3); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked { color: rgba(255, 255, 255, 0.7); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { color: rgba(255, 255, 255, 0.3); } .selection-mode.titlebar:not(headerbar) .selection-menu, headerbar.selection-mode .selection-menu { padding-left: 16px; padding-right: 16px; } .selection-mode.titlebar:not(headerbar) .selection-menu arrow, headerbar.selection-mode .selection-menu arrow { -GtkArrow-arrow-scaling: 1; } .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } .tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 24px; padding: 6px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } .tiled .default-decoration.titlebar:not(headerbar), .maximized .default-decoration.titlebar:not(headerbar), .fullscreen .default-decoration.titlebar:not(headerbar), .tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { box-shadow: none; } .default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { min-height: 24px; min-width: 24px; margin: 0; padding: 0; } .background:not(.csd) .default-decoration.titlebar:not(headerbar) button.titlebutton:active, .background:not(.csd) headerbar.default-decoration button.titlebutton:active { background-size: 1000% 1000%; } headerbar entry, headerbar spinbutton, headerbar button { margin-top: 6px; margin-bottom: 6px; } headerbar switch { margin-top: 12px; margin-bottom: 12px; } headerbar spinbutton button { margin-top: 0; margin-bottom: 0; } .background .titlebar { border-top-left-radius: 2px; border-top-right-radius: 2px; } .background.tiled .titlebar, .background.tiled-top .titlebar, .background.tiled-right .titlebar, .background.tiled-bottom .titlebar, .background.tiled-left .titlebar, .background.maximized .titlebar, .background.solid-csd .titlebar { border-top-left-radius: 0; border-top-right-radius: 0; } window separator:first-child + headerbar, window headerbar:first-child { border-top-left-radius: 2px; } window headerbar:last-child { border-top-right-radius: 2px; } window stack headerbar:first-child, window stack headerbar:last-child { border-top-left-radius: 2px; border-top-right-radius: 2px; } window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child { border-top-left-radius: 0; border-top-right-radius: 0; } window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; box-shadow: none; } .titlebar:not(headerbar) > separator { background-color: #303030; background-image: image(rgba(0, 0, 0, 0.12)); } /************ * Pathbars * ************/ .caja-pathbar button, .path-bar button { padding-left: 6px; padding-right: 6px; } .caja-pathbar button label:not(:only-child):first-child, .path-bar button label:not(:only-child):first-child { margin-left: 4px; } .caja-pathbar button label:not(:only-child):last-child, .path-bar button label:not(:only-child):last-child { margin-right: 4px; } .caja-pathbar button.slider-button, .path-bar button.slider-button { padding-left: 4px; padding-right: 4px; } :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) .path-bar button { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px; border-radius: 2px; } :not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .path-bar button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px; } :not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar) .path-bar button:checked, :not(headerbar) .path-bar button:checked:disabled { background-color: transparent; } /************** * Tree Views * **************/ treeview.view { border-left-color: rgba(0, 0, 0, 0.26); border-top-color: rgba(0, 0, 0, 0.12); } * { -GtkTreeView-horizontal-separator: 4; -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; } treeview.view:selected { border-left-color: rgba(255, 255, 255, 0.3); } treeview.view:hover, treeview.view:active, treeview.view:selected { border-radius: 0; } treeview.view.separator { min-height: 5px; color: rgba(0, 0, 0, 0.12); } treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #009688; } treeview.view:drop(active).after { border-top-style: none; } treeview.view:drop(active).before { border-bottom-style: none; } treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -gtk-icon-transform: rotate(-90deg); color: rgba(0, 0, 0, 0.54); } treeview.view.expander:dir(rtl) { -gtk-icon-transform: rotate(90deg); } treeview.view.expander:checked { -gtk-icon-transform: unset; } treeview.view.expander:hover, treeview.view.expander:active { color: rgba(0, 0, 0, 0.87); } treeview.view.expander:disabled { color: rgba(0, 0, 0, 0.26); } treeview.view.expander:selected { color: rgba(255, 255, 255, 0.7); } treeview.view.expander:selected:hover, treeview.view.expander:selected:active { color: #FFFFFF; } treeview.view.expander:selected:disabled { color: rgba(255, 255, 255, 0.3); } treeview.view.progressbar { border-bottom: 4px solid #338DD6; box-shadow: none; background-color: transparent; } treeview.view.progressbar:selected { border-bottom-color: #FFFFFF; } treeview.view.trough { border-bottom: 4px solid rgba(51, 141, 214, 0.3); box-shadow: none; background-color: transparent; } treeview.view.trough:selected { border-bottom-color: rgba(255, 255, 255, 0.3); } treeview.view header button { padding: 2px 6px; border-style: none solid solid none; border-width: 1px; border-color: rgba(0, 0, 0, 0.12); border-radius: 0; background-clip: border-box; } treeview.view header button, treeview.view header button:hover, treeview.view header button:active { box-shadow: none; } treeview.view header button, treeview.view header button:disabled { background-color: #FFFFFF; } 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(0, 0, 0, 0.12); border-radius: 0; box-shadow: none; background-color: #FFFFFF; background-clip: border-box; color: #338DD6; } treeview.view acceleditor > label { background-color: #338DD6; } /********* * Menus * *********/ menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0; background-color: #303030; } menubar > menuitem, .menubar > menuitem { transition: all 180ms 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); } menubar > menuitem label:disabled, .menubar > menuitem label:disabled { color: inherit; } .csd.popup { background-color: transparent; } menu, .menu, .context-menu { margin: 4px 0; padding: 4px 0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.12); } .csd menu, .csd .menu, .csd .context-menu { border: none; border-radius: 2px; } menu menuitem, .menu menuitem, .context-menu menuitem { transition: background-color 180ms cubic-bezier(0, 0, 0.2, 1); min-height: 20px; min-width: 40px; padding: 4px 8px; font: initial; text-shadow: none; } menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { transition: none; background-color: rgba(0, 0, 0, 0.12); } menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: rgba(0, 0, 0, 0.38); } menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; min-width: 16px; } menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 8px; } menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 8px; } menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { color: inherit; } menu > arrow, .menu > arrow, .context-menu > arrow { min-height: 16px; min-width: 16px; padding: 4px; background-color: #FFFFFF; color: rgba(0, 0, 0, 0.54); } menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -4px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); border-radius: 2px 2px 0 0; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-bottom: -12px; border-top: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0 0 2px 2px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-image: image(rgba(0, 0, 0, 0.12)); color: rgba(0, 0, 0, 0.87); } menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { border-color: transparent; background-color: transparent; color: transparent; } menu separator, .menu separator, .context-menu separator { margin: 4px 0; } menuitem accelerator { color: rgba(0, 0, 0, 0.54); } .popup:not(.csd) menu menuitem { color: #212121; } .popup:not(.csd) menu menuitem:hover { background-color: #E0E0E0; } .popup:not(.csd) menu menuitem:disabled { color: #9E9E9E; } .popup:not(.csd) menu accelerator { color: #757575; } /************ * Popovers * ************/ popover.background { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); padding: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); background-color: #FAFAFA; } popover.background:backdrop { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } 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: 3px; } 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: 2px; } popover.background separator { margin: 4px 0; } popover.background list separator { margin: 0; } /************* * Notebooks * *************/ notebook > header { border-width: 1px; border-color: rgba(0, 0, 0, 0.12); background-color: #EEEEEE; background-clip: border-box; } notebook > header.top { border-bottom-style: solid; } notebook > header.top > tabs { margin-bottom: -1px; } notebook > header.top > tabs > tab:hover { box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26); } notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -2px #338DD6; } notebook > header.bottom { border-top-style: solid; } notebook > header.bottom > tabs { margin-top: -1px; } notebook > header.bottom > tabs > tab:hover { box-shadow: inset 0 2px rgba(0, 0, 0, 0.26); } notebook > header.bottom > tabs > tab:checked { box-shadow: inset 0 2px #338DD6; } notebook > header.left { border-right-style: solid; } notebook > header.left > tabs { margin-right: -1px; } notebook > header.left > tabs > tab:hover { box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26); } notebook > header.left > tabs > tab:checked { box-shadow: inset -2px 0 #338DD6; } notebook > header.right { border-left-style: solid; } notebook > header.right > tabs { margin-left: -1px; } notebook > header.right > tabs > tab:hover { box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26); } notebook > header.right > tabs > tab:checked { box-shadow: inset 2px 0 #338DD6; } notebook > header.top > tabs > arrow { border-top-style: none; } notebook > header.bottom > tabs > arrow { border-bottom-style: none; } notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { padding-left: 4px; padding-right: 4px; } notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { margin-left: -8px; -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { margin-right: -8px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } notebook > header.left > tabs > arrow { border-left-style: none; } notebook > header.right > tabs > arrow { border-right-style: none; } notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { padding-top: 4px; padding-bottom: 4px; } notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { margin-top: -8px; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { margin-bottom: -8px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; } notebook > header tab { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; min-height: 24px; min-width: 24px; padding: 6px 12px; outline-offset: -6px; border-width: 1px; border-color: transparent; background-image: radial-gradient(circle farthest-corner at center, #338DD6 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; color: rgba(0, 0, 0, 0.54); font-weight: 500; } notebook > header tab:hover { color: rgba(0, 0, 0, 0.87); } notebook > header tab:hover.reorderable-page { border-color: rgba(0, 0, 0, 0.12); background-color: #F5F5F5; } notebook > header tab:disabled { color: rgba(0, 0, 0, 0.26); } notebook > header tab:checked { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 270ms cubic-bezier(0, 0, 0.2, 1), background-image 720ms cubic-bezier(0, 0, 0.2, 1); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-size: 1000% 1000%; color: rgba(0, 0, 0, 0.87); } notebook > header tab:checked:disabled { color: rgba(0, 0, 0, 0.38); } notebook > header tab:checked.reorderable-page { border-color: rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } notebook > header tab button.flat:last-child { margin-left: 6px; margin-right: -6px; } notebook > header tab button.flat:first-child { margin-left: -6px; margin-right: 6px; } notebook > header.top tabs, notebook > header.bottom tabs { padding-left: 8px; padding-right: 8px; } notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { margin-left: 0; } notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { margin-right: 0; } notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { margin: 0 -1px; border-style: none solid; } notebook > header.left tabs, notebook > header.right tabs { padding-top: 8px; padding-bottom: 8px; } notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { margin-top: 0; } notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { margin-bottom: 0; } notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { margin: -1px 0; border-style: solid none; } notebook > stack:not(:only-child) { background-color: #FFFFFF; } /************** * Scrollbars * **************/ scrollbar { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); background-color: #FFFFFF; background-clip: padding-box; } * { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; } scrollbar.top { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } scrollbar.bottom { border-top: 1px solid rgba(0, 0, 0, 0.12); } scrollbar.left { border-right: 1px solid rgba(0, 0, 0, 0.12); } scrollbar.right { border-left: 1px solid rgba(0, 0, 0, 0.12); } scrollbar slider { transition: all 180ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0; min-width: 8px; min-height: 8px; border: 4px solid transparent; border-radius: 9999px; background-clip: padding-box; background-color: rgba(0, 0, 0, 0.38); } scrollbar slider:hover { background-color: rgba(0, 0, 0, 0.54); } scrollbar slider:active { background-color: rgba(0, 0, 0, 0.87); } scrollbar slider:disabled { background-color: rgba(0, 0, 0, 0.26); } scrollbar.fine-tune slider { transition: all 180ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0; 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(.dragging):not(.hovering) { border-color: transparent; background-color: transparent; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { min-width: 4px; min-height: 4px; margin: 3px; border: 1px solid rgba(255, 255, 255, 0.3); } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 4px; min-height: 4px; margin: 3px; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 9999px; background-color: rgba(0, 0, 0, 0.38); background-clip: padding-box; -gtk-icon-source: none; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { background-color: rgba(0, 0, 0, 0.26); } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { min-width: 24px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { min-width: 8px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { min-height: 24px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { min-height: 8px; } scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { background-color: rgba(255, 255, 255, 0.9); } scrollbar.horizontal slider { min-width: 24px; } scrollbar.vertical slider { min-height: 24px; } scrollbar button { min-width: 16px; min-height: 16px; padding: 0; border-radius: 0; } scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } scrollbar.vertical button.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } scrollbar.horizontal button.down { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } /********** * Switch * **********/ switch { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); margin: 6px 0; padding: 0 2px; border: 5px solid transparent; border-radius: 9999px; background-color: rgba(0, 0, 0, 0.26); background-clip: padding-box; font-size: 0; } switch:disabled { background-color: rgba(0, 0, 0, 0.12); } switch:checked { background-color: rgba(0, 150, 136, 0.5); } switch:checked:disabled { background-color: rgba(0, 150, 136, 0.3); } switch slider { transition: all 180ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); min-width: 20px; min-height: 20px; margin: -3px -2px; border-radius: 9999px; outline-width: 0; outline-color: rgba(0, 0, 0, 0.12); outline-offset: 0; -gtk-outline-radius: 9999px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FAFAFA; } switch:focus slider { outline-width: 14px; } switch:hover slider { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } switch:checked slider { background-color: #009688; outline-color: rgba(0, 150, 136, 0.2); } switch:disabled slider { background-color: #EEEEEE; } /************************* * Check and Radio items * *************************/ .view.content-view.check:not(list), .content-view .tile check:not(list) { min-height: 40px; min-width: 40px; margin: 0; padding: 0; box-shadow: none; background-color: transparent; background-image: none; -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .view.content-view.check:not(list):hover, .view.content-view.check:not(list):active, .content-view .tile check:not(list):hover, .content-view .tile check:not(list):active { -gtk-icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } .view.content-view.check:not(list), .content-view .tile check:not(list) { -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked.png"), url("assets/selectionmode-checkbox-unchecked@2.png")); } .view.content-view.check:not(list):checked, .content-view .tile check:not(list):checked { -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked.png"), url("assets/selectionmode-checkbox-checked@2.png")); } checkbutton.text-button, radiobutton.text-button { padding: 2px; outline-offset: 0; } checkbutton.text-button label:not(:only-child), radiobutton.text-button label:not(:only-child) { margin: 0 4px; } check, radio { min-height: 24px; min-width: 24px; margin: -8px; padding: 8px; } check:checked, check:indeterminate, radio:checked, radio:indeterminate { color: #009688; } check:checked:disabled, check:indeterminate:disabled, radio:checked:disabled, radio:indeterminate:disabled { color: rgba(0, 150, 136, 0.5); } row:selected check:not(:checked):not(:indeterminate), row:selected radio:not(:checked):not(:indeterminate) { color: rgba(255, 255, 255, 0.7); } row:selected check:not(:checked):not(:indeterminate):hover, row:selected check:not(:checked):not(:indeterminate):active, row:selected radio:not(:checked):not(:indeterminate):hover, row:selected radio:not(:checked):not(:indeterminate):active { color: #FFFFFF; } row:selected check:not(:checked):not(:indeterminate):disabled, row:selected radio:not(:checked):not(:indeterminate):disabled { color: rgba(255, 255, 255, 0.3); } popover check, popover check:hover, popover check:active, popover check:disabled, popover radio, popover radio:hover, popover radio:active, popover radio:disabled { box-shadow: none; background-image: none; } popover check:not(:checked):not(:indeterminate):not(:disabled), popover radio:not(:checked):not(:indeterminate):not(:disabled) { color: rgba(0, 0, 0, 0.54); } popover check.left:dir(rtl), popover radio.left:dir(rtl) { margin-left: -12px; margin-right: -4px; } popover check.right:dir(ltr), popover radio.right:dir(ltr) { margin-left: -4px; margin-right: -12px; } menu menuitem check, menu menuitem radio { transition: none; margin: 0; padding: 0; } menu menuitem check:dir(ltr), menu menuitem radio:dir(ltr) { margin-right: 8px; } menu menuitem check:dir(rtl), menu menuitem radio:dir(rtl) { margin-left: 8px; } menu menuitem check:not(:checked):not(:indeterminate):not(:disabled), menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled) { color: rgba(0, 0, 0, 0.54); } menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled { box-shadow: none; } check { -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg")); } check:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")); } check:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg")); } radio { -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg")); border-image-slice: 20; border-image-width: 20px; } radio:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg")); } radio { border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#009688), to(transparent)); } radio:checked:not(:indeterminate) { border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#009688), to(transparent)); } radio:checked:not(:indeterminate):disabled { border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(rgba(0, 150, 136, 0.5)), to(transparent)); } window.background:not(.csd) > widget > checkbutton > check, menu menuitem check { min-height: 16px; min-width: 16px; border-radius: 2px; -gtk-outline-radius: 2px; -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg")); } window.background:not(.csd) > widget > checkbutton > check:checked, menu menuitem check:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg")); } window.background:not(.csd) > widget > checkbutton > check:indeterminate, menu menuitem check:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg")); } window.background:not(.csd) > widget > radiobutton > radio, menu menuitem radio { min-height: 16px; min-width: 16px; border-image: none; -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg")); } window.background:not(.csd) > widget > radiobutton > radio:checked, menu menuitem radio:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg")); } window.background:not(.csd) > widget > radiobutton > radio:indeterminate, menu menuitem radio:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg")); } check:not(:checked):active { -gtk-icon-transform: rotate(90deg); } check:not(:checked):indeterminate:active, radio:not(:checked):indeterminate:active { -gtk-icon-transform: scaleX(-1); } check:not(:checked), radio:not(:checked) { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0; } check:not(:checked):active, radio:not(:checked):active { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0; } menu menuitem check:not(:checked), menu menuitem radio:not(:checked) { transition: none; } treeview.view check, treeview.view radio { padding: 0; } treeview.view check:hover, treeview.view radio:hover { box-shadow: inset 0 0 0 9999px alpha(rgba(0, 0, 0, 0.87), 0.05); } treeview.view check:hover:disabled, treeview.view radio:hover:disabled { box-shadow: none; } treeview.view check:hover:selected, treeview.view radio:hover:selected { box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05); } treeview.view check, treeview.view radio { color: rgba(0, 0, 0, 0.54); } treeview.view check:hover, treeview.view check:active, treeview.view radio:hover, treeview.view radio:active { color: rgba(0, 0, 0, 0.87); } treeview.view check:disabled, treeview.view radio:disabled { color: rgba(0, 0, 0, 0.26); } treeview.view check:checked, treeview.view check:indeterminate, treeview.view radio:checked, treeview.view radio:indeterminate { color: #009688; } treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled, treeview.view radio:checked:disabled, treeview.view radio:indeterminate:disabled { color: rgba(0, 150, 136, 0.5); } treeview.view check:selected, treeview.view radio:selected { color: rgba(255, 255, 255, 0.7); } treeview.view check:selected:hover, treeview.view check:selected:active, treeview.view radio:selected:hover, treeview.view radio:selected:active { color: #FFFFFF; } treeview.view check:selected:disabled, treeview.view radio:selected:disabled { color: rgba(255, 255, 255, 0.3); } treeview.view check:selected:checked, treeview.view check:selected:indeterminate, treeview.view radio:selected:checked, treeview.view radio:selected:indeterminate { color: #009688; } treeview.view check:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled, treeview.view radio:selected:checked:disabled, treeview.view radio:selected:indeterminate:disabled { color: rgba(0, 150, 136, 0.5); } treeview.view radio:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")); border-image: none; } /************ * GtkScale * ************/ scale { min-height: 12px; min-width: 12px; padding: 12px; } scale slider { min-height: 24px; min-width: 24px; margin: -11px; } scale trough { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); outline-offset: 2px; background-color: rgba(0, 0, 0, 0.26); } scale trough:disabled { background-color: rgba(0, 0, 0, 0.12); } scale highlight { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); background-color: #009688; } scale highlight:disabled { background-color: transparent; } scale fill { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); background-color: rgba(0, 0, 0, 0.26); } scale fill:disabled { background-color: transparent; } scale slider { transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1); background-repeat: no-repeat; background-position: center; background-size: calc(100% - 10px); } scale slider { background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png")); } scale slider:disabled { background-image: -gtk-scaled(url("assets/scale-slider-disabled.png"), url("assets/scale-slider-disabled@2.png")); } scale slider:hover { background-size: calc(100% - 8px); } scale slider:active { background-size: calc(100% - 6px); } scale.fine-tune slider { background-size: calc(100% - 12px); } scale marks label, scale value { color: rgba(0, 0, 0, 0.38); } scale marks { color: rgba(0, 0, 0, 0.26); } scale marks.top { margin-bottom: 8px; margin-top: -16px; } scale marks.bottom { margin-top: 8px; margin-bottom: -16px; } scale marks.top { margin-right: 8px; margin-left: -16px; } scale marks.bottom { margin-left: 8px; margin-right: -16px; } 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 { min-height: 30px; min-width: 24px; margin-top: -17px; background-position: center calc(100% - 5px); } scale.horizontal.marks-before:not(.marks-after) slider { background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png")); } scale.horizontal.marks-before:not(.marks-after) slider:disabled { background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled.png"), url("assets/scale-horz-marks-before-slider-disabled@2.png")); } scale.horizontal.marks-before:not(.marks-after) slider:hover { background-position: center calc(100% - 4px); } scale.horizontal.marks-before:not(.marks-after) slider:active { background-position: center calc(100% - 3px); } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { background-position: center calc(100% - 6px); } scale.horizontal.marks-after:not(.marks-before) slider { min-height: 30px; min-width: 24px; margin-bottom: -17px; background-position: center calc(5px); } scale.horizontal.marks-after:not(.marks-before) slider { background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png")); } scale.horizontal.marks-after:not(.marks-before) slider:disabled { background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled.png"), url("assets/scale-horz-marks-after-slider-disabled@2.png")); } scale.horizontal.marks-after:not(.marks-before) slider:hover { background-position: center calc(4px); } scale.horizontal.marks-after:not(.marks-before) slider:active { background-position: center calc(3px); } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { background-position: center calc(6px); } scale.vertical.marks-before:not(.marks-after) slider { min-height: 24px; min-width: 30px; margin-left: -17px; background-position: calc(5px) center; } scale.vertical.marks-before:not(.marks-after) slider { background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png")); } scale.vertical.marks-before:not(.marks-after) slider:disabled { background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled.png"), url("assets/scale-vert-marks-before-slider-disabled@2.png")); } scale.vertical.marks-before:not(.marks-after) slider:hover { background-position: calc(4px) center; } scale.vertical.marks-before:not(.marks-after) slider:active { background-position: calc(3px) center; } scale.vertical.marks-before:not(.marks-after).fine-tune slider { background-position: calc(6px) center; } scale.vertical.marks-after:not(.marks-before) slider { min-height: 24px; min-width: 30px; margin-right: -17px; background-position: calc(100% - 5px) center; } scale.vertical.marks-after:not(.marks-before) slider { background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png")); } scale.vertical.marks-after:not(.marks-before) slider:disabled { background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled.png"), url("assets/scale-vert-marks-after-slider-disabled@2.png")); } scale.vertical.marks-after:not(.marks-before) slider:hover { background-position: calc(100% - 4px) center; } scale.vertical.marks-after:not(.marks-before) slider:active { background-position: calc(100% - 3px) center; } scale.vertical.marks-after:not(.marks-before).fine-tune slider { background-position: calc(100% - 6px) center; } 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: -12px; margin-top: -2px; } scale.color.vertical:dir(ltr) { padding: 0 0 0 12px; } scale.color.vertical:dir(ltr) slider { margin-left: -12px; margin-right: -2px; } scale.color.vertical:dir(rtl) { padding: 0 12px 0 0; } scale.color.vertical:dir(rtl) slider { margin-right: -12px; margin-left: -2px; } /***************** * Progress bars * *****************/ progressbar { color: rgba(0, 0, 0, 0.38); 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(51, 141, 214, 0.3); } progressbar progress { background-color: #338DD6; } 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 trough { padding: 2px; border-radius: 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FFFFFF; } levelbar trough:disabled { background-color: #F5F5F5; } levelbar block.low { background-color: #FF6D00; } levelbar block.high, levelbar block:not(.empty) { background-color: #338DD6; } levelbar block.full { background-color: #00C853; } levelbar block.empty { background-color: rgba(0, 0, 0, 0.12); } /**************** * Print dialog * *****************/ printdialog paper { padding: 0; border: 1px solid rgba(0, 0, 0, 0.12); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } printdialog .dialog-action-box { margin: 12px; } /********** * Frames * **********/ frame > border, .frame { margin: 0; padding: 0; border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0; box-shadow: none; } frame > border.flat, .frame.flat, frame.flat > border { border-style: none; } actionbar > revealer > box { padding: 6px; border-top: 1px solid rgba(0, 0, 0, 0.12); } scrolledwindow viewport.frame { border-style: none; } overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(64, 196, 255, 0.3)), 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(64, 196, 255, 0.3)), 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(64, 196, 255, 0.3)), 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(64, 196, 255, 0.3)), to(transparent)); background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } undershoot.top { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); padding-top: 1px; background-size: 12px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: left top; } undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); padding-bottom: 1px; background-size: 12px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: left bottom; } undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: left top; } undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: right top; } junction { border-style: solid none none solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } junction:dir(rtl) { border-style: solid solid none none; } separator { min-width: 1px; min-height: 1px; background-color: rgba(0, 0, 0, 0.12); } button.font separator, button.file separator, .tweak-categories separator { min-width: 0; min-height: 0; background-color: transparent; } /********* * Lists * *********/ list { border-color: rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } list row { padding: 2px; } row.activatable, .view, treeview.view header button, .budgie-menu button { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 9999px transparent; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } row.activatable:hover, .view:hover, treeview.view header button:hover, .budgie-menu button:hover { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, box-shadow 0, background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05); } row.activatable.has-open-popup, .has-open-popup.view, treeview.view header button.has-open-popup, .budgie-menu button.has-open-popup, row.activatable:active, .view:active, treeview.view header button:active, .budgie-menu button:active { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 0, background-image 0; animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15); background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%); background-size: 0% 0%; } /********************* * App Notifications * *********************/ .app-notification { margin: 8px; } .app-notification.frame, .app-notification border { border-style: none; } /************* * Expanders * *************/ expander title > arrow { transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1); min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -gtk-icon-transform: rotate(-90deg); color: rgba(0, 0, 0, 0.54); } expander title > arrow:dir(rtl) { -gtk-icon-transform: rotate(90deg); } expander title > arrow:checked { -gtk-icon-transform: unset; } expander title > arrow:hover, expander title > arrow:active { color: rgba(0, 0, 0, 0.87); } expander title > arrow:disabled { color: rgba(0, 0, 0, 0.26); } expander title > arrow:selected { color: rgba(255, 255, 255, 0.7); } expander title > arrow:selected:hover, expander title > arrow:selected:active { color: #FFFFFF; } expander title > arrow:selected:disabled { color: rgba(255, 255, 255, 0.3); } /************ * Calendar * ************/ calendar { padding: 1px; border: 1px solid rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } calendar:disabled { color: rgba(0, 0, 0, 0.38); } calendar:selected { border-radius: 3px; } calendar.header { border-style: none none solid; border-radius: 0; } calendar.highlight { color: rgba(0, 0, 0, 0.54); font-weight: 500; } calendar:indeterminate { color: rgba(0, 0, 0, 0.26); } /*********** * Dialogs * ***********/ messagedialog.background { background-color: #FAFAFA; } messagedialog .titlebar { min-height: 24px; border-style: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FAFAFA; color: rgba(0, 0, 0, 0.87); } messagedialog .titlebar:backdrop { color: rgba(0, 0, 0, 0.54); } messagedialog.csd.background { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } messagedialog.csd .dialog-action-area button { padding: 8px 16px; border-top: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0; } messagedialog.csd .dialog-action-area button:first-child { border-bottom-left-radius: 2px; } messagedialog.csd .dialog-action-area button:last-child { border-bottom-right-radius: 2px; } filechooser .dialog-action-box { border-top: 1px solid rgba(0, 0, 0, 0.12); } filechooser #pathbarbox { border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: #EEEEEE; } filechooserbutton:drop(active) { box-shadow: none; } /*********** * Sidebar * ***********/ .sidebar { border-style: none; background-color: #F5F5F5; } stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { border-right: 1px solid rgba(0, 0, 0, 0.12); border-left-style: none; } stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { border-left: 1px solid rgba(0, 0, 0, 0.12); border-right-style: none; } .sidebar list { background-color: transparent; } paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; } stacksidebar row { padding: 10px 4px; } stacksidebar row > label { padding-left: 6px; padding-right: 6px; } /**************** * File chooser * ****************/ row image.sidebar-icon { color: rgba(0, 0, 0, 0.54); } row:selected image.sidebar-icon { color: rgba(255, 255, 255, 0.7); } placessidebar > viewport.frame { border-style: none; } placessidebar list { padding: 1px 0 4px; } placessidebar row { min-height: 32px; margin: -1px 0; padding: 0; } placessidebar row > revealer { padding: 0 12px; } placessidebar row:selected { color: #FFFFFF; } placessidebar row:disabled { color: rgba(0, 0, 0, 0.38); } placessidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; } placessidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; } placessidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; } placessidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } placessidebar row.sidebar-placeholder-row { min-height: 2px; padding: 0 8px; background-image: image(#009688); background-clip: content-box; } placessidebar row.sidebar-new-bookmark-row { color: #009688; } placessidebar row:drop(active):not(:disabled) { box-shadow: inset 0 0 0 2px #009688; } placesview .server-list-button > image { -gtk-icon-transform: rotate(0turn); } placesview .server-list-button:checked > image { -gtk-icon-transform: rotate(-0.5turn); } placesview > actionbar > revealer > box > label { padding-left: 8px; padding-right: 8px; } /********* * Paned * *********/ paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(rgba(0, 0, 0, 0.12)); background-size: 1px 1px; background-clip: content-box; } paned > separator.wide { min-width: 6px; min-height: 6px; background-color: #EEEEEE; background-image: image(rgba(0, 0, 0, 0.12)), image(rgba(0, 0, 0, 0.12)); background-size: 1px 1px, 1px 1px; } paned.horizontal > separator { background-repeat: repeat-y; } paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; } paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; } paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; } paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; } paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; } /************** * GtkInfoBar * **************/ infobar { border-style: none; } infobar.info { background-color: #66BB6A; } infobar.question { background-color: #42A5F5; } infobar.warning { background-color: #FFA726; } infobar.error { background-color: #EF5350; } infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error { color: #FFFFFF; } /************ * Tooltips * ************/ tooltip { border-radius: 2px; box-shadow: none; } tooltip.background { background-color: rgba(66, 66, 66, 0.9); color: #FFFFFF; } tooltip decoration { background-color: transparent; } tooltip label { min-height: 20px; padding: 0 2px; } /***************** * Color Chooser * *****************/ colorswatch.top { border-top-left-radius: 2.5px; border-top-right-radius: 2.5px; } colorswatch.top overlay { border-top-left-radius: 2px; border-top-right-radius: 2px; } colorswatch.bottom { border-bottom-left-radius: 2.5px; border-bottom-right-radius: 2.5px; } colorswatch.bottom overlay { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 2.5px; border-bottom-left-radius: 2.5px; } colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 2.5px; border-bottom-right-radius: 2.5px; } colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } colorswatch.dark { color: #FFFFFF; } colorswatch.light { color: rgba(0, 0, 0, 0.87); } colorswatch:drop(active) { box-shadow: none; } colorswatch:drop(active).light overlay { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #009688; } colorswatch:drop(active).dark overlay { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #009688; } colorswatch overlay { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } colorswatch overlay:hover { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } colorswatch#add-color-button { border-radius: 2px 2px 0 0; color: #FFFFFF; } colorswatch#add-color-button:only-child { border-radius: 2px; } colorswatch#add-color-button overlay { background-image: linear-gradient(to right, #EF5350 25%, #FFA726 25%, #FFA726 50%, #66BB6A 50%, #66BB6A 75%, #42A5F5 75%); } colorswatch:disabled { opacity: 0.5; } colorswatch:disabled overlay { box-shadow: none; } colorswatch#editor-color-sample { border-radius: 2.5px; } colorswatch#editor-color-sample overlay { border-radius: 2px; } colorchooser .popover.osd { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } colorchooser .popover.osd:backdrop { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.4); } /******** * Misc * ********/ .content-view { background-color: #EEEEEE; } /********************** * Window Decorations * **********************/ decoration { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-radius: 2px 2px 0 0; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent; margin: 8px; } decoration:backdrop { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px 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: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } tooltip.csd decoration { border-radius: 2px; box-shadow: none; } messagedialog.csd decoration { border-radius: 2px; } .solid-csd decoration { margin: 0; border-radius: 0; box-shadow: none; background-color: #303030; } .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, popover.background.menu button:checked, popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked { background-color: #338DD6; } row:selected label, label:selected, .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, popover.background.menu button:checked, popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked { color: #FFFFFF; } row:selected label:disabled, label:disabled:selected, .view selection:disabled, .view:disabled:selected, flowbox flowboxchild:disabled:selected, label:disabled selection, spinbutton:not(.vertical) selection:disabled, entry selection:disabled, modelbutton.flat:disabled:selected, .menuitem.button.flat:disabled:selected, popover.background.menu button:disabled:checked, popover.background button.model:disabled:checked, row:disabled:selected, calendar:disabled:selected, text:disabled:selected, .budgie-menu button:disabled:checked { color: rgba(255, 255, 255, 0.5); } .monospace { font-family: monospace; } /********************** * Touch Copy & Paste * **********************/ cursor-handle { border-radius: 9999px; background-color: #009688; background-image: none; } cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { padding-left: 6px; border-top-right-radius: 0; } cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { padding-right: 6px; border-top-left-radius: 0; } cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { -GtkWidget-text-handle-width: 24; -GtkWidget-text-handle-height: 30; -gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png")); } .context-menu { font: initial; } .keycap { min-width: 12px; min-height: 26px; margin-top: 2px; padding-bottom: 2px; padding-left: 8px; padding-right: 8px; border: solid 1px rgba(0, 0, 0, 0.12); border-radius: 3px; box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); font-size: smaller; } :not(decoration):not(window):drop(active) { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 2px #009688; caret-color: #009688; } stackswitcher button.text-button { min-width: 100px; } stackswitcher button.circular, stackswitcher button.text-button.circular { min-width: 36px; min-height: 36px; padding: 0; } /********* * Emoji * *********/ popover.emoji-picker { padding: 0; } popover.emoji-picker entry { border-bottom: 1px solid rgba(0, 0, 0, 0.12); border-bottom-left-radius: 0; border-bottom-right-radius: 0; box-shadow: none; } popover.emoji-picker scrolledwindow { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } button.emoji-section { margin-top: -1px; padding: 0 8px; min-width: 24px; min-height: 36px; border-radius: 0; outline-offset: -6px; box-shadow: none; } button.emoji-section:hover { box-shadow: inset 0 2px rgba(0, 0, 0, 0.26); } button.emoji-section:active { box-shadow: inset 0 2px #338DD6; background-image: radial-gradient(circle farthest-corner at center, rgba(51, 141, 214, 0.7) 10%, transparent 0%); } button.emoji-section:checked { box-shadow: inset 0 2px #338DD6; background-color: transparent; } button.emoji-section:first-child { margin-left: 4px; } button.emoji-section:last-child { margin-right: 4px; } .emoji { min-width: 3em; min-height: 3em; padding: 0; } .emoji widget { transition: all 180ms cubic-bezier(0, 0, 0.2, 1); } .emoji widget:hover { font-size: larger; } /************ * Nautilus * ************/ .nautilus-window, .nautilus-window notebook, .nautilus-window notebook > stack { background-color: #FFFFFF; } .nautilus-desktop.nautilus-canvas-item:not(:selected), .caja-desktop.caja-canvas-item:not(:selected) { color: #FFFFFF; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } @keyframes needs_attention_keyframes { to { background-color: alpha(currentColor, 0.3); } } .nautilus-operations-button-needs-attention { animation: needs_attention_keyframes 270ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate; } .nautilus-operations-button-needs-attention-multiple { animation: needs_attention_keyframes 270ms cubic-bezier(0.4, 0, 0.2, 1) 4 alternate; } .nautilus-window .floating-bar { min-height: 32px; padding: 0; border-style: solid solid none; border-width: 1px; border-color: rgba(0, 0, 0, 0.12); border-radius: 3px 3px 0 0; background-color: #FFFFFF; background-clip: padding-box; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), border-width 0; } .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: #FF6D00; } .disk-space-display.used { background-color: #338DD6; } .disk-space-display.free { background-color: rgba(0, 0, 0, 0.12); } .nautilus-window paned > separator { background-color: #EEEEEE; } /********* * gedit * *********/ .open-document-selector-path-label { color: rgba(0, 0, 0, 0.54); font-size: smaller; } .open-document-selector-path-label:selected { color: rgba(255, 255, 255, 0.7); } .gedit-document-panel { background-color: #F5F5F5; } .gedit-document-panel row button.flat { margin-top: 8px; margin-bottom: 8px; } .gedit-document-panel-group-row:not(:first-child) { border-top: 1px solid rgba(0, 0, 0, 0.12); } .gedit-side-panel-paned statusbar { border-top: 1px solid rgba(0, 0, 0, 0.12); } .gedit-search-slider { margin: 4px 4px 8px; } .gedit-search-slider entry:dir(ltr), .gedit-search-slider entry:dir(rtl) { border-radius: 2px; } .gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag, .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag { all: unset; color: rgba(0, 0, 0, 0.38); } .gedit-search-slider entry:dir(ltr) { margin-right: -66px; padding-right: 66px; } .gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag { margin-left: 6px; } .gedit-search-slider entry:dir(ltr) image.right { margin-right: 0; } .gedit-search-slider entry:dir(rtl) { margin-left: -66px; padding-left: 66px; } .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag { margin-right: 6px; } .gedit-search-slider entry:dir(rtl) image.left { margin-left: 0; } .gedit-search-slider entry.error ~ button { color: rgba(255, 255, 255, 0.7); } .gedit-search-slider entry.error ~ button:hover, .gedit-search-slider entry.error ~ button:active { color: #FFFFFF; } .gedit-search-slider entry.error ~ button:disabled { color: rgba(255, 255, 255, 0.3); } .gedit-search-slider button { border: solid 6px transparent; } .gedit-search-slider button:last-child:dir(ltr), .gedit-search-slider button:not(:first-child):dir(rtl) { margin-left: -3px; } .gedit-search-slider button:first-child:dir(rtl), .gedit-search-slider 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; } /************** * Tweak Tool * **************/ .tweak-categories { background-image: image(#F5F5F5); } .tweak { padding: 3px; } .tweak.title:hover { box-shadow: none; } .tweak-group-white, .tweak-white, .tweak-white:hover { background-image: image(#FFFFFF); } .tweak-startup, .tweak-startup:hover { background-image: image(#FFFFFF); } .tweak-group-startup { background-image: image(#FFFFFF); border: 1px solid rgba(0, 0, 0, 0.12); } /*********** * Builder * ***********/ workbench stack.titlebar { padding: 0; } workbench:not(.tiled):not(.maximized):not(.fullscreen) stack.titlebar headerbar { border-radius: 2px 2px 0 0; } perspectiveswitcher { background-color: #EEEEEE; } perspectiveswitcher button:checked { color: #338DD6; } layouttabbar { border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: #EEEEEE; } layouttabbar > box > button { margin: 2px 0; } layouttab { margin: 0 8px; border-style: none solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.12); box-shadow: inset 0 -2px #338DD6; background-color: #FFFFFF; } layouttab separator.vertical { margin: 8px 4px; } layouttab button.text-button, layouttab button.image-button, layouttab button { margin-top: 8px; margin-bottom: 8px; padding: 0 4px; } layout { border: 1px solid rgba(0, 0, 0, 0.12); -PnlDockBin-handle-size: 1; } entry.search-missing { background-color: #DD2C00; color: #FFFFFF; } workbench treeview.image { color: rgba(0, 0, 0, 0.54); } workbench treeview.image:selected { color: rgba(255, 255, 255, 0.7); } dockbin { border: 1px solid rgba(0, 0, 0, 0.12); -PnlDockBin-handle-size: 1; } dockpaned { border: 1px solid rgba(0, 0, 0, 0.12); } eggsearchbar box.search-bar { padding: 0 8px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: #EEEEEE; } docktabstrip { padding: 0 8px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: #EEEEEE; } docktab { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; min-height: 24px; min-width: 24px; margin-bottom: -1px; padding: 6px 6px; outline-offset: -6px; border-width: 1px; border-color: transparent; background-image: radial-gradient(circle farthest-corner at center, #338DD6 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; color: rgba(0, 0, 0, 0.54); font-weight: 500; } docktab:hover { box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } docktab:checked { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 270ms cubic-bezier(0, 0, 0.2, 1), background-image 720ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 -2px #338DD6; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-size: 1000% 1000%; color: rgba(0, 0, 0, 0.87); } dockoverlayedge { background-color: #EEEEEE; } dockoverlayedge docktabstrip { padding: 0; border: none; } dockoverlayedge.left-edge docktab:hover { box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26); } dockoverlayedge.left-edge docktab:checked { box-shadow: inset -2px 0 #338DD6; } dockoverlayedge.right-edge docktab:hover { box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26); } dockoverlayedge.right-edge docktab:checked { box-shadow: inset 2px 0 #338DD6; } pillbox { background-color: #EEEEEE; border-radius: 2px; } buildperspective row { padding: 10px; } layoutpane entry.search { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } editortweak entry.search { margin-bottom: -1px; box-shadow: none; } frame.gb-search-frame { border-bottom-right-radius: 5px; } .gb-search-entry-occurrences-tag { box-shadow: none; background-color: transparent; } docktabstrip { min-height: 39px; } workbench preferences preferencesgroup list entry { padding-top: 8px; padding-bottom: 8px; } /********** * Photos * **********/ GdMainIconView.content-view { -GdMainIconView-icon-size: 48; } .documents-counter { margin: 8px; border-radius: 9999px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); background-color: #009688; color: #FFFFFF; font-weight: bold; } .documents-scrolledwin.frame { border-style: none; } .photos-fade-in { opacity: 1; transition: opacity 180ms cubic-bezier(0, 0, 0.2, 1); } .photos-fade-out { opacity: 0; transition: opacity 180ms cubic-bezier(0, 0, 0.2, 1); } overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) { border-style: none none none solid; } overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) { border-style: none solid none none; } /********* * Music * *********/ .side-panel:dir(ltr) { border-style: solid; border-color: rgba(0, 0, 0, 0.12); } .side-panel:dir(rtl) { border-style: solid; border-color: rgba(0, 0, 0, 0.12); } .side-panel .view { background-image: image(#F5F5F5); } .side-panel .view:hover { background-image: image(rgba(235, 235, 235, 0.9935)); } .side-panel .view:selected { background-image: image(#338DD6); } .side-panel .view:selected:hover { background-image: image(#3d93d8); } .songs-list:hover { background-image: image(alpha(currentColor, 0.05)); } frame.documents-dropdown { margin: 8px; } frame.documents-dropdown > border { border: none; } box.vertical:not(.titlebar) > revealer > toolbar.search-bar { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } box.vertical:not(.titlebar) > revealer > toolbar.search-bar button > widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } /********* * To Do * *********/ task-row { transition: all 180ms cubic-bezier(0, 0, 0.2, 1); margin: 0 -4px; } task-row:hover { transition: none; } task-row label { margin: 0 8px; } task-row image { margin: 0 4px; } task-list-view > box > revealer > box > button { min-height: 36px; margin: -4px; padding: 0 12px; } task-list-view > box > revealer > box > button label { margin: 0 8px; } task-list-view > box > revealer > box > button image { margin: 0 4px; } /******* * eog * *******/ #eog-thumb-nav scrolledwindow { border-top: none; } #eog-thumb-nav button { -gtk-outline-radius: 2px; } /************* * 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(0, 0, 0, 0.12); } list.categories { background-image: image(#F5F5F5); } /********* * Boxes * *********/ .transparent-bg + stack overlay > label { min-height: 24px; padding: 0 4px; border-radius: 2px; background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; } /************** * Calculator * **************/ button.title label { min-height: 36px; } /********* * Geary * *********/ .geary-titlebar-left:dir(ltr) { margin-right: 5px; padding-right: 0; } .geary-titlebar-left:dir(rtl) { margin-left: 5px; padding-left: 0; } .geary-titlebar-left > separator { background-color: rgba(0, 0, 0, 0.05); } .geary-titlebar-right:dir(ltr) { margin-left: -5px; } .geary-titlebar-right:dir(rtl) { margin-right: -5px; } /********* * Tilix * *********/ overlay > revealer.left > scrolledwindow.frame, overlay > revealer.right > scrolledwindow.frame { border-style: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22); } 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(#FAFAFA); } button.image-button.session-new-button { min-width: 32px; } /*********** * 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: 2px; } /************ * Chromium * ************/ tooltip.chromium { background-color: #424242; } /*********** * Firefox * ***********/ window.background:not(.csd) > widget > separator { color: rgba(0, 0, 0, 0.26); } window.background:not(.csd) > widget > scrollbar { background-clip: border-box; } window.background:not(.csd) > widget > scrollbar, window.background:not(.csd) > widget > frame > border { border-color: rgba(0, 0, 0, 0.26); } window.background:not(.csd) > widget > entry, window.background:not(.csd) > widget > button > button { border: 1px solid rgba(0, 0, 0, 0.26); border-radius: 3px; box-shadow: none; } window.background:not(.csd) > widget > entry { min-height: 30px; } window.background:not(.csd) > widget > entry:focus { border-color: #338DD6; } window.background:not(.csd) > widget > button > button { padding: 4px 8px; background-size: auto; } window.background:not(.csd) > widget > button > button:hover { background-image: image(alpha(currentColor, 0.05)); } window.background:not(.csd) > widget > button > button:active { background-image: image(alpha(currentColor, 0.1)); } window.background:not(.csd) > widget > checkbutton > check:not(:checked), window.background:not(.csd) > widget > radiobutton > radio:not(:checked) { color: #757575; } window.background:not(.csd) > widget > checkbutton > check:not(:checked):hover, window.background:not(.csd) > widget > checkbutton > check:not(:checked):active, window.background:not(.csd) > widget > radiobutton > radio:not(:checked):hover, window.background:not(.csd) > widget > radiobutton > radio:not(:checked):active { color: #212121; } window.background:not(.csd) > widget > checkbutton > check:not(:checked):disabled, window.background:not(.csd) > widget > radiobutton > radio:not(:checked):disabled { color: rgba(117, 117, 117, 0.5); } window.background:not(.csd) > window > menu, window.background:not(.csd) > menu > menu { border: none; } window.background:not(.csd) > widget > menubar { color: rgba(255, 255, 255, 0.7); } window.background:not(.csd) > widget > menubar:hover { color: #FFFFFF; } window.background:not(.csd) > widget > menubar:disabled { color: rgba(255, 255, 255, 0.3); } window.background:not(.csd) > widget > frame { color: rgba(0, 0, 0, 0.26); } window.background:not(.csd) > widget > checkbutton > check, window.background:not(.csd) > widget > radiobutton > radio { margin: 0; padding: 0; } window.background:not(.csd) > window.background > menu > separator { color: rgba(0, 0, 0, 0.12); } /************ * 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: 2px; -gtk-outline-radius: 2px; } #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: 2px; -gtk-outline-radius: 2px; } #CanvasTable button { min-height: 16px; min-width: 16px; padding: 0; } #CanvasTable #HorizontalScrollbar { border-top: 1px solid rgba(0, 0, 0, 0.12); } #CanvasTable #VerticalScrollbar:dir(ltr) { border-left: 1px solid rgba(0, 0, 0, 0.12); } #CanvasTable #VerticalScrollbar:dir(rtl) { border-right: 1px solid rgba(0, 0, 0, 0.12); } #Canvas_and_Dock frame > border { border: none; } #Canvas_and_Dock widget > widget > button.flat { min-height: 16px; min-width: 16px; padding: 4px; } #Canvas_and_Dock widget > widget > box.horizontal image { padding: 4px; } #Canvas_and_Dock box.horizontal > box.vertical > button.flat { min-height: 16px; min-width: 24px; padding: 8px 4px; } /*********** * Synapse * ***********/ box.vertical > widget > widget:selected { background-color: #338DD6; } /********* * 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: #338DD6; -UnityDecoration-title-indent: 4px; -UnityDecoration-title-fade: 32px; -UnityDecoration-title-alignment: 0.0; } UnityDecoration .top { padding: 0 2px; border-style: none; border-radius: 2px 2px 0 0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); background-color: #303030; color: #FFFFFF; } UnityDecoration .top:backdrop { color: rgba(255, 255, 255, 0.7); } UnityDecoration .menuitem { color: rgba(255, 255, 255, 0.7); } UnityDecoration .menuitem:hover { box-shadow: inset 0 -2px currentColor; background-color: transparent; color: #FFFFFF; } .background:not(.csd) headerbar:not(.titlebar) { border-radius: 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .background:not(.csd) headerbar:not(.titlebar).inline-toolbar { border-style: none; } UnityPanelWidget, .unity-panel { background-color: #212121; 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 { box-shadow: inset 0 -2px currentColor; background-color: transparent; color: #FFFFFF; } .menu IdoPlaybackMenuItem.menuitem:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: spin 1s linear infinite; color: #338DD6; } /************** * Mate-Panel * **************/ .mate-panel-menu-bar menubar, #PanelApplet-window-menu-applet-button { background-color: transparent; } .mate-panel-menu-bar { background-color: #212121; font-weight: 500; } .mate-panel-menu-bar:not(.popup) { color: rgba(255, 255, 255, 0.7); } .mate-panel-menu-bar button { min-height: 16px; min-width: 16px; padding: 0; border-radius: 0; } .mate-panel-menu-bar button:checked { background-color: rgba(255, 255, 255, 0.12); } PanelToplevel.horizontal > grid > button { min-width: 24px; } PanelToplevel.vertical > grid > button { min-height: 24px; } PanelSeparator { color: rgba(255, 255, 255, 0.12); } MatePanelAppletFrameDBus { border-style: solid; border-color: rgba(255, 255, 255, 0.12); } .mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus { border-width: 0 1px; } .mate-panel-menu-bar.vertical MatePanelAppletFrameDBus { border-width: 1px 0; } .mate-panel-menu-bar menubar > menuitem { color: rgba(255, 255, 255, 0.7); } .mate-panel-menu-bar menubar > menuitem:hover { 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 0px; } .mate-panel-menu-bar #tasklist-button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; } .mate-panel-menu-bar #tasklist-button image:dir(ltr), .mate-panel-menu-bar #tasklist-button label:dir(rtl) { padding-left: 4px; } .mate-panel-menu-bar #tasklist-button label:dir(ltr), .mate-panel-menu-bar #tasklist-button image:dir(rtl) { padding-right: 4px; } .mate-panel-menu-bar.vertical #tasklist-button { min-height: 32px; } .mate-panel-menu-bar.horizontal #showdesktop-button image { min-width: 24px; padding: 0 4px; } .mate-panel-menu-bar.vertical #showdesktop-button image { min-height: 24px; padding: 4px 0; } PanelApplet.wnck-applet .wnck-pager { background-color: transparent; color: #40C4FF; } PanelApplet.wnck-applet .wnck-pager:hover { background-color: rgba(255, 255, 255, 0.12); } PanelApplet.wnck-applet .wnck-pager:active { background-color: rgba(255, 255, 255, 0.3); } PanelApplet.wnck-applet .wnck-pager:selected { background-color: #338DD6; } .mate-panel-menu-bar.horizontal #clock-applet-button label { padding: 0 8px; } .mate-panel-menu-bar.vertical #clock-applet-button label { padding: 8px 0; } #MatePanelPopupWindow { border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 3px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } #MatePanelPopupWindow frame > border { border-style: none; } #MatePanelPopupWindow button { padding: 4px 16px; } #MatePanelPopupWindow ClockMap { border: 1px solid rgba(0, 0, 0, 0.12); } #MatePanelPopupWindow widget { color: rgba(0, 0, 0, 0.12); } na-tray-applet { -NaTrayApplet-icon-padding: 3px; -NaTrayApplet-icon-size: 16; } .mate-panel-menu-bar { -PanelMenuBar-icon-visible: true; } .mate-panel-applet-slider { border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 3px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: #EEEEEE; } .mate-panel-applet-slider frame > border { border-style: none; } #PanelApplet:not(:selected) > box { transition: all 180ms 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(0, 0, 0, 0.12); } #mate-menu button { min-height: 24px; min-width: 24px; padding: 4px 0; color: rgba(0, 0, 0, 0.87); font-weight: normal; } #mate-menu button label:not(:first-child) { color: rgba(0, 0, 0, 0.54); } #mate-menu entry { margin: 0 0 8px; } #mate-menu entry image { margin: 0; } #mate-menu entry + button { margin: 0 4px 8px; padding: 6px; } /********************* * CAJA File manager * *********************/ .caja-navigation-window button.toggle.image-button { border-radius: 2px; } .caja-pathbar button { margin: 0 -1px 0 -2px; } .caja-pathbar button > widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -GtkArrow-arrow-scaling: 1; } .caja-side-pane notebook viewport.frame, .caja-side-pane notebook widget .vertical { background-color: #FFFFFF; } .caja-side-pane notebook, .caja-notebook { border-top: 1px solid rgba(0, 0, 0, 0.12); } .caja-side-pane notebook .frame, .caja-notebook .frame { border-style: none; } .caja-navigation-window statusbar { margin: 0 -10px; padding: 0 4px; border-top: 1px solid rgba(0, 0, 0, 0.12); } .caja-notebook frame > border { border-style: none; } #caja-extra-view-widget { border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: #EEEEEE; } #caja-extra-view-widget > box > box > label { font-weight: bold; } /********* * Pluma * *********/ .pluma-window statusbar { margin: 0 -10px; padding: 0 4px; border-top: 1px solid rgba(0, 0, 0, 0.12); } .pluma-window statusbar frame > border { border-style: none; } .pluma-window statusbar frame button.flat { padding: 0 4px; border-radius: 0; } .pluma-window statusbar frame button.flat widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -GtkArrow-arrow-scaling: 1; } .pluma-print-preview toolbar { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .pluma-window paned.horizontal box.vertical box.horizontal button.flat { margin: 1px; } .pluma-window paned.horizontal box.vertical .frame { border-style: none; } .pluma-window paned.horizontal box.vertical notebook.frame { margin-top: -1px; border-top: 1px solid rgba(0, 0, 0, 0.12); } .pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } /********* * Atril * *********/ .atril-window paned.horizontal box.vertical .frame { border-style: none; } .atril-window paned.horizontal box.vertical notebook .frame { border-top: 1px solid rgba(0, 0, 0, 0.12); } /* mate-screensaver lock dialog */ .lock-dialog { border-radius: 2px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), inset 0 1px rgba(255, 255, 255, 0.4); } .lock-dialog frame > border { border-style: none; } /****************** * 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: 2px; -gtk-outline-radius: 2px; } .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: 3px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); background-color: #FAFAFA; } .budgie-popover .container { padding: 2px; } .budgie-popover border { border: none; } .budgie-popover list { background-color: transparent; } .budgie-popover row { padding: 0; } .budgie-popover row:hover { box-shadow: none; } .budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { min-height: 28px; padding: 0 8px; color: rgba(0, 0, 0, 0.87); font-weight: normal; } .budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled { color: rgba(0, 0, 0, 0.38); } .budgie-popover.budgie-menu .container { padding: 0; } .budgie-popover.user-menu .container { padding: 8px; } .budgie-popover.user-menu separator { margin: 4px 0; } .budgie-popover.sound-popover separator { margin: 3px 0; } .budgie-popover.night-light-indicator .container { padding: 8px; } .budgie-popover.places-menu .container { padding: 8px; } .budgie-popover.places-menu .places-list:not(.always-expand) { margin-top: 4px; padding-top: 4px; border-top: 1px solid rgba(0, 0, 0, 0.12); } .budgie-popover.places-menu .alternative-label { padding: 3px; font-size: 15px; } .budgie-popover.workspace-popover .container { padding: 2px 8px 8px; } .budgie-popover.workspace-popover separator { margin: 4px 0; } .budgie-popover.workspace-popover flowboxchild { padding: 0; } .workspace-switcher .workspace-layout { border: 0 solid rgba(255, 255, 255, 0.12); } .top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { border-left-width: 1px; } .top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { border-right-width: 1px; } .left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { border-top-width: 1px; } .workspace-switcher .workspace-item, .workspace-switcher .workspace-add-button { border: 0 solid rgba(255, 255, 255, 0.12); } .top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { border-right-width: 1px; } .top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { border-left-width: 1px; } .left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { border-bottom-width: 1px; } .workspace-switcher .workspace-item { transition: all 180ms 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: 2px; } .budgie-menu.background { padding: 0; background-color: #FFFFFF; } .budgie-menu scrollbar, .budgie-menu entry.search { background-color: transparent; } .budgie-menu entry.search { border-bottom: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0; box-shadow: none; font-size: 120%; } .budgie-menu .categories:dir(ltr) { border-bottom-left-radius: 2px; } .budgie-menu .categories:dir(rtl) { border-bottom-right-radius: 2px; } .budgie-menu button { min-height: 32px; padding: 0 8px; border-radius: 0; color: rgba(0, 0, 0, 0.87); font-weight: normal; } .budgie-menu button:disabled { color: rgba(0, 0, 0, 0.38); } .budgie-menu button:checked:disabled { background-color: #338DD6; } .budgie-menu row { padding: 0; } .budgie-menu row:hover { box-shadow: none; } popover.background.user-menu { padding: 8px; } popover.background.user-menu .content-box { background-color: transparent; } popover.background.user-menu separator { margin: 4px 0; } popover.background.user-menu row { padding: 0; box-shadow: none; background-image: none; } popover.background.places-menu { padding: 8px; } popover.background.places-menu .name-button.text-button { padding-left: 8px; padding-right: 8px; } popover.background.places-menu .name-button.text-button image:dir(ltr) { margin-right: 3px; } popover.background.places-menu .name-button.text-button image:dir(rtl) { margin-left: 3px; } popover.background.places-menu .places-section-header > image:dir(ltr) { margin: 0 -2px 0 5px; } popover.background.places-menu .places-section-header > image:dir(rtl) { margin: 0 5px 0 -2px; } popover.background.places-menu .places-list { margin-top: 4px; padding-top: 4px; border-top: 1px solid rgba(0, 0, 0, 0.12); background-color: transparent; } popover.background.places-menu row { padding: 0; box-shadow: none; background-image: none; } .budgie-panel { transition: background-color 270ms cubic-bezier(0, 0, 0.2, 1); background-color: #212121; color: rgba(255, 255, 255, 0.7); font-weight: 500; } .budgie-panel.transparent { background-color: rgba(0, 0, 0, 0.6); } .budgie-panel button { min-height: 16px; min-width: 16px; padding: 0; border-radius: 0; } .budgie-panel button:checked { background-color: rgba(255, 255, 255, 0.12); } .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: #FF5252; } .budgie-panel #tasklist-button { padding: 0 4px; } .budgie-panel.vertical #tasklist-button { min-height: 32px; } .budgie-panel button.flat.launcher { padding: 0; } .budgie-panel button.flat.launcher:not(:checked) { color: rgba(255, 255, 255, 0.5); } .budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { color: rgba(255, 255, 255, 0.7); } .budgie-panel button.flat.launcher:not(:checked):disabled { color: rgba(255, 255, 255, 0.3); } .top .budgie-panel #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; } .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, .top .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .top button.flat.launcher, .top .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .top button.flat.launcher.running { 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; } .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, .bottom .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .bottom button.flat.launcher, .bottom .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .bottom button.flat.launcher.running { 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; } .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, .left .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .left button.flat.launcher, .left .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .left button.flat.launcher.running { 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; } .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, .right .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .right button.flat.launcher, .right .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .right button.flat.launcher.running { 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 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22); } .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: #FAFAFA; } .raven > box { margin-bottom: -10px; } .raven > stack { margin-bottom: -10px; } .raven stackswitcher.linked > button { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 0%, transparent 0%) 0 0 0/0 0 0px; border-radius: 0; } .raven stackswitcher.linked > button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 100%, transparent 0%) 0 0 2/0 0 2px; background-color: transparent; } .raven .raven-header { min-height: 36px; padding: 3px; } .raven .raven-header:not(.top) { margin-top: -6px; } .raven .raven-header.top { padding: 2px 0; background-color: #338DD6; color: #FFFFFF; } .raven .raven-header.top stackswitcher button { margin: -6px 0; min-height: 36px; } .raven .raven-header.top button.image-button:dir(ltr) { margin-right: 2px; } .raven .raven-header.top button.image-button:dir(rtl) { margin-left: 2px; } .raven .raven-header.top > image { margin: 0 8px; } .raven .raven-header.top > label { margin: 0 -8px; font-weight: bold; } .raven .raven-header.bottom { border-top: 1px solid rgba(0, 0, 0, 0.12); } .raven viewport.frame .raven-header { margin-top: -8px; } .raven .raven-background { border-style: solid none; border-width: 1px; border-color: rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } .raven .raven-background.frame { border-style: solid none; } .raven .raven-background > overlay > widget > image { color: rgba(0, 0, 0, 0.12); } .raven .raven-background grid > label:first-child { min-height: 36px; } .raven scrolledwindow.raven-background { border-bottom-style: none; } .raven .raven-header.top + .raven-background { border-style: none; background-color: #338DD6; color: #FFFFFF; } .raven .raven-header.top + .raven-background stackswitcher button { margin: -4px 0; } .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: 2px; background-color: #338DD6; } .raven-mpris { background-color: rgba(0, 0, 0, 0.6); color: #FFFFFF; } .raven-mpris label { min-height: 24px; } .raven-mpris button.image-button { padding: 12px; } .budgie-notification-window, .budgie-osd-window, .budgie-switcher-window { background-color: transparent; } .budgie-notification .notification-title, .budgie-switcher .notification-title { font-size: 120%; } .budgie-osd .budgie-osd-text { font-size: 120%; } .drop-shadow { margin: 5px 9px; padding: 3px; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FAFAFA; } .drop-shadow .linked > button { border-radius: 2px; } .budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { border-radius: 2px; background-color: #FAFAFA; } .budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration { border-radius: 2px; } .budgie-session-dialog label:not(:last-child), .budgie-session-dialog .dialog-title { font-size: 120%; } .budgie-session-dialog .linked.horizontal > button { padding: 8px 16px; border-top: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0; } .budgie-session-dialog .linked.horizontal > button:first-child { border-bottom-left-radius: 2px; } .budgie-session-dialog .linked.horizontal > button:last-child { border-bottom-right-radius: 2px; } .budgie-polkit-dialog .message { color: rgba(0, 0, 0, 0.38); } .budgie-polkit-dialog .failure { color: #FF5252; } .budgie-run-dialog { background-color: #FFFFFF; } .budgie-run-dialog entry.search { font-size: 120%; padding: 6px 14px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: transparent; } .budgie-run-dialog list .dim-label, .budgie-run-dialog list label.separator, .budgie-run-dialog list .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .budgie-run-dialog list .subtitle, .budgie-run-dialog list headerbar .subtitle, headerbar .budgie-run-dialog list .subtitle, .budgie-run-dialog list .budgie-notification .notification-body, .budgie-notification .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher .notification-body, .budgie-switcher .budgie-run-dialog list .notification-body { opacity: 1; } .budgie-run-dialog scrolledwindow { border-top: 1px solid rgba(0, 0, 0, 0.12); } /************************ * LightDM GTK+ Greeter * ************************/ #panel_window { background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; } #panel_window menubar, #panel_window separator { background-color: transparent; } #panel_window separator { padding: 0 4px; } #panel_window separator:first-child { padding: 0 8px; } #panel_window menubar > menuitem { color: rgba(255, 255, 255, 0.7); } #panel_window menubar > menuitem:hover { color: #FFFFFF; } #panel_window menubar > menuitem:disabled label { color: rgba(255, 255, 255, 0.3); } #login_window, #shutdown_dialog, #restart_dialog { margin: 8px; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FAFAFA; } #content_frame { padding-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); } #buttonbox_frame { padding-top: 24px; } #buttonbox_frame button { margin: -16px; } #greeter_infobar { margin-top: -1px; } /* GTK NAMED COLORS ---------------- use responsibly! */ /* widget text/foreground color */ @define-color theme_fg_color rgba(0, 0, 0, 0.87); /* text color for entries, views and content in general */ @define-color theme_text_color rgba(0, 0, 0, 0.87); /* widget base background color */ @define-color theme_bg_color #EEEEEE; /* text widgets and the like base background color */ @define-color theme_base_color #FFFFFF; /* base background color of selections */ @define-color theme_selected_bg_color #338DD6; /* text/foreground color of selections */ @define-color theme_selected_fg_color #FFFFFF; /* base background color of insensitive widgets */ @define-color insensitive_bg_color #EEEEEE; /* text foreground color of insensitive widgets */ @define-color insensitive_fg_color rgba(0, 0, 0, 0.38); /* insensitive text widgets and the like base background color */ @define-color insensitive_base_color #F5F5F5; /* widget text/foreground color on backdrop windows */ @define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.87); /* text color for entries, views and content in general on backdrop windows */ @define-color theme_unfocused_text_color rgba(0, 0, 0, 0.87); /* widget base background color on backdrop windows */ @define-color theme_unfocused_bg_color #EEEEEE; /* text widgets and the like base background color on backdrop windows */ @define-color theme_unfocused_base_color #FFFFFF; /* base background color of selections on backdrop windows */ @define-color theme_unfocused_selected_bg_color #338DD6; /* text/foreground color of selections on backdrop windows */ @define-color theme_unfocused_selected_fg_color #FFFFFF; /* insensitive color on backdrop windows */ @define-color unfocused_insensitive_color rgba(0, 0, 0, 0.38); /* widgets main borders color */ @define-color borders rgba(0, 0, 0, 0.12); /* widgets main borders color on backdrop windows */ @define-color unfocused_borders rgba(0, 0, 0, 0.12); /* these are pretty self explicative */ @define-color warning_color #FF6D00; @define-color error_color #DD2C00; @define-color success_color #00C853; /* FIXME this is really an API */ @define-color content_view_bg #FFFFFF; @define-color placeholder_text_color #757575; materia-theme-20180321/src/gtk/3.20/gtk.scss000066400000000000000000000004321325420104000201040ustar00rootroot00000000000000$variant: 'light'; $titlebar: 'dark'; $compact: 'false'; @import '../../_sass/gtk/variables'; @import '../../_sass/colors'; @import '../../_sass/gtk/drawing-3.20'; @import '../../_sass/gtk/common-3.20'; @import '../../_sass/gtk/apps-3.20'; @import '../../_sass/gtk/colors-public'; materia-theme-20180321/src/gtk/3.22/000077500000000000000000000000001325420104000164255ustar00rootroot00000000000000materia-theme-20180321/src/gtk/3.22/gtk-compact.css000066400000000000000000004671571325420104000213740ustar00rootroot00000000000000@keyframes ripple_effect { to { background-size: 1000% 1000%; } } @keyframes header_ripple_effect { from { background-image: radial-gradient(circle farthest-corner at center, #338DD6 0%, transparent 0%); } to { background-image: radial-gradient(circle farthest-corner at center, #338DD6 100%, transparent 0%); } } * { background-clip: padding-box; -GtkToolButton-icon-spacing: 0; -GtkTextView-error-underline-color: #DD2C00; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 24; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-style: solid; outline-width: 2px; outline-color: transparent; outline-offset: -4px; -gtk-outline-radius: 2px; -gtk-secondary-caret-color: #338DD6; } notebook:focus tab, *:focus { outline-color: alpha(currentColor, 0.3); } /*************** * Base States * ***************/ .background { background-color: #EEEEEE; color: rgba(0, 0, 0, 0.87); } /* 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: #EEEEEE; color: rgba(0, 0, 0, 0.87); } .gtkstyle-fallback:hover { background-color: #e1e1e1; color: rgba(0, 0, 0, 0.87); } .gtkstyle-fallback:active { background-color: #d5d5d5; color: rgba(0, 0, 0, 0.87); } .gtkstyle-fallback:disabled { background-color: #EEEEEE; color: rgba(0, 0, 0, 0.38); } .gtkstyle-fallback:selected { background-color: #338DD6; color: #FFFFFF; } .view { background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .view:disabled { color: rgba(0, 0, 0, 0.38); } .view:hover, .view:active, .view:selected { border-radius: 2px; } textview text { background-color: #FFFFFF; } textview border { background-color: #F5F5F5; color: rgba(0, 0, 0, 0.38); } .rubberband, rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, .content-view .rubberband { border: 1px solid #40C4FF; background-color: rgba(64, 196, 255, 0.3); } flowbox flowboxchild { padding: 4px; border-radius: 2px; } .content-view .tile:selected { background-color: transparent; color: inherit; } label { caret-color: currentColor; } label.separator { color: rgba(0, 0, 0, 0.87); } label selection { background-color: #338DD6; color: #FFFFFF; } label:disabled { color: rgba(0, 0, 0, 0.38); } tab label:disabled, button label:disabled { color: inherit; } .dim-label, label.separator, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, .budgie-notification .notification-body, .budgie-switcher .notification-body { opacity: 0.6; } assistant .sidebar { padding: 4px 0; } assistant .sidebar label { min-height: 32px; padding: 0 12px; color: rgba(0, 0, 0, 0.38); font-weight: 500; } assistant .sidebar label.highlight { color: rgba(0, 0, 0, 0.87); } popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .app-notification, .osd .scale-popup, .nautilus-window .floating-bar, .osd { opacity: 0.9; } /********************* * Spinner Animation * *********************/ @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } spinner:checked { opacity: 1; animation: spin 1s linear infinite; } spinner:checked:disabled { opacity: 0.5; } /**************** * Text Entries * ****************/ spinbutton:not(.vertical), entry { min-height: 32px; padding: 0 8px; border-radius: 2px; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } spinbutton:focus:not(.vertical), entry:focus { border-image: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } spinbutton:disabled:not(.vertical), entry:disabled { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #F5F5F5; color: rgba(0, 0, 0, 0.38); } spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) entry:not(.search), notebook > stack:not(:only-child) spinbutton:not(.vertical), messagedialog entry, colorchooser .popover.osd spinbutton:not(.vertical), entry.preferences-search, layoutpane entry.search, editortweak entry.search, .raven .raven-background spinbutton:not(.vertical), #login_window entry, entry.flat { border-radius: 0; transition: all 270ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); background-color: transparent; color: rgba(0, 0, 0, 0.87); } spinbutton.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry:focus:not(.search), notebook > stack:not(:only-child) spinbutton:focus:not(.vertical), messagedialog entry:focus, colorchooser .popover.osd spinbutton:focus:not(.vertical), entry.preferences-search:focus, layoutpane entry.search:focus, editortweak entry.search:focus, .raven .raven-background spinbutton:focus:not(.vertical), #login_window entry:focus, entry.flat:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } spinbutton.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry:disabled:not(.search), notebook > stack:not(:only-child) spinbutton:disabled:not(.vertical), messagedialog entry:disabled, colorchooser .popover.osd spinbutton:disabled:not(.vertical), entry.preferences-search:disabled, layoutpane entry.search:disabled, editortweak entry.search:disabled, .raven .raven-background spinbutton:disabled:not(.vertical), #login_window entry:disabled, entry.flat:disabled { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: transparent; color: rgba(0, 0, 0, 0.38); } spinbutton:not(.vertical) image, entry image { color: rgba(0, 0, 0, 0.54); } spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active, entry image:hover, entry image:active { color: rgba(0, 0, 0, 0.87); } spinbutton:not(.vertical) image:disabled, entry image:disabled { color: rgba(0, 0, 0, 0.38); } spinbutton:not(.vertical) image.left, entry image.left { margin-left: 0px; margin-right: 6px; } spinbutton:not(.vertical) image.right, entry image.right { margin-left: 6px; margin-right: 0px; } spinbutton:not(.vertical) undershoot.left, entry undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: left top; } spinbutton:not(.vertical) undershoot.right, entry undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: right top; } spinbutton.error:not(.vertical), entry.error { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #DD2C00; color: #FFFFFF; } spinbutton.error:focus:not(.vertical), entry.error:focus { border-image: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } spinbutton.error:disabled:not(.vertical), entry.error:disabled { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #F5F5F5; color: rgba(0, 0, 0, 0.38); } spinbutton.error.flat:not(.vertical), notebook > stack:not(:only-child) entry.error:not(.search), notebook > stack:not(:only-child) spinbutton.error:not(.vertical), messagedialog entry.error, colorchooser .popover.osd spinbutton.error:not(.vertical), entry.error.preferences-search, layoutpane entry.error.search, editortweak entry.error.search, .raven .raven-background spinbutton.error:not(.vertical), #login_window entry.error, entry.error.flat { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 0%, transparent 0%) 0 0 0/0 0 0px; box-shadow: inset 0 -1px #DD2C00; background-color: transparent; color: rgba(0, 0, 0, 0.87); } spinbutton.error.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.error:focus:not(.search), notebook > stack:not(:only-child) spinbutton.error:focus:not(.vertical), messagedialog entry.error:focus, colorchooser .popover.osd spinbutton.error:focus:not(.vertical), entry.error.preferences-search:focus, layoutpane entry.error.search:focus, editortweak entry.error.search:focus, .raven .raven-background spinbutton.error:focus:not(.vertical), #login_window entry.error:focus, entry.error.flat:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 100%, transparent 0%) 0 0 2/0 0 2px; box-shadow: inset 0 -1px #DD2C00; } spinbutton.error.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.error:disabled:not(.search), notebook > stack:not(:only-child) spinbutton.error:disabled:not(.vertical), messagedialog entry.error:disabled, colorchooser .popover.osd spinbutton.error:disabled:not(.vertical), entry.error.preferences-search:disabled, layoutpane entry.error.search:disabled, editortweak entry.error.search:disabled, .raven .raven-background spinbutton.error:disabled:not(.vertical), #login_window entry.error:disabled, entry.error.flat:disabled { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: transparent; color: rgba(0, 0, 0, 0.38); } spinbutton.error:not(.vertical) image, entry.error image { color: rgba(255, 255, 255, 0.7); } spinbutton.error:not(.vertical) image:hover, spinbutton.error:not(.vertical) image:active, entry.error image:hover, entry.error image:active { color: #FFFFFF; } spinbutton.error:not(.vertical) image:disabled, entry.error image:disabled { color: rgba(255, 255, 255, 0.5); } spinbutton.warning:not(.vertical), entry.warning { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FF6D00; color: #FFFFFF; } spinbutton.warning:focus:not(.vertical), entry.warning:focus { border-image: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } spinbutton.warning:disabled:not(.vertical), entry.warning:disabled { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #F5F5F5; color: rgba(0, 0, 0, 0.38); } spinbutton.warning.flat:not(.vertical), notebook > stack:not(:only-child) entry.warning:not(.search), notebook > stack:not(:only-child) spinbutton.warning:not(.vertical), messagedialog entry.warning, colorchooser .popover.osd spinbutton.warning:not(.vertical), entry.warning.preferences-search, layoutpane entry.warning.search, editortweak entry.warning.search, .raven .raven-background spinbutton.warning:not(.vertical), #login_window entry.warning, entry.warning.flat { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 0%, transparent 0%) 0 0 0/0 0 0px; box-shadow: inset 0 -1px #FF6D00; background-color: transparent; color: rgba(0, 0, 0, 0.87); } spinbutton.warning.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.warning:focus:not(.search), notebook > stack:not(:only-child) spinbutton.warning:focus:not(.vertical), messagedialog entry.warning:focus, colorchooser .popover.osd spinbutton.warning:focus:not(.vertical), entry.warning.preferences-search:focus, layoutpane entry.warning.search:focus, editortweak entry.warning.search:focus, .raven .raven-background spinbutton.warning:focus:not(.vertical), #login_window entry.warning:focus, entry.warning.flat:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 100%, transparent 0%) 0 0 2/0 0 2px; box-shadow: inset 0 -1px #FF6D00; } spinbutton.warning.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.warning:disabled:not(.search), notebook > stack:not(:only-child) spinbutton.warning:disabled:not(.vertical), messagedialog entry.warning:disabled, colorchooser .popover.osd spinbutton.warning:disabled:not(.vertical), entry.warning.preferences-search:disabled, layoutpane entry.warning.search:disabled, editortweak entry.warning.search:disabled, .raven .raven-background spinbutton.warning:disabled:not(.vertical), #login_window entry.warning:disabled, entry.warning.flat:disabled { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: transparent; color: rgba(0, 0, 0, 0.38); } spinbutton.warning:not(.vertical) image, entry.warning image { color: rgba(255, 255, 255, 0.7); } spinbutton.warning:not(.vertical) image:hover, spinbutton.warning:not(.vertical) image:active, entry.warning image:hover, entry.warning image:active { color: #FFFFFF; } spinbutton.warning:not(.vertical) image:disabled, entry.warning image:disabled { color: rgba(255, 255, 255, 0.5); } spinbutton:not(.vertical) progress, entry progress { margin: 2px -6px; border-bottom: 2px solid #338DD6; background-color: transparent; } .linked:not(.vertical) > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) .linked:not(.vertical) > entry:not(.search), notebook > stack:not(:only-child) .linked:not(.vertical) > spinbutton:not(.vertical), messagedialog .linked:not(.vertical) > entry, colorchooser .popover.osd .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry.preferences-search, layoutpane .linked:not(.vertical) > entry.search, editortweak .linked:not(.vertical) > entry.search, .raven .raven-background .linked:not(.vertical) > spinbutton:not(.vertical), #login_window .linked:not(.vertical) > entry, .linked.vertical > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) .linked.vertical > entry:not(.search), notebook > stack:not(:only-child) .linked.vertical > spinbutton:not(.vertical), messagedialog .linked.vertical > entry, colorchooser .popover.osd .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry.preferences-search, layoutpane .linked.vertical > entry.search, editortweak .linked.vertical > entry.search, .raven .raven-background .linked.vertical > spinbutton:not(.vertical), #login_window .linked.vertical > entry, .linked:not(.vertical) > entry.flat, .linked.vertical > entry.flat { border-radius: 0; } treeview entry.flat, treeview entry { min-height: 0; padding: 2px; border-radius: 0; background-color: #FFFFFF; } treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus { border-image: none; box-shadow: none; } .entry-tag, .documents-entry-tag, .photos-entry-tag { margin: 4px; border-radius: 9999px; box-shadow: none; background-color: #338DD6; color: #FFFFFF; } .entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } :dir(ltr) .entry-tag, :dir(ltr) .documents-entry-tag, :dir(ltr) .photos-entry-tag { margin-left: 8px; margin-right: -4px; padding-left: 8px; padding-right: 4px; } :dir(rtl) .entry-tag, :dir(rtl) .documents-entry-tag, :dir(rtl) .photos-entry-tag { margin-left: -4px; margin-right: 8px; padding-left: 4px; padding-right: 8px; } .entry-tag.button, .button.documents-entry-tag, .button.photos-entry-tag { box-shadow: none; background-color: transparent; } .entry-tag.button:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active) { color: rgba(255, 255, 255, 0.7); } /*********** * Buttons * ***********/ @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#009688), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#009688), to(transparent)); } } button { min-height: 24px; min-width: 16px; padding: 4px 8px; border-radius: 2px; font-weight: 500; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1), background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 9999px transparent; background-color: #FAFAFA; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; color: rgba(0, 0, 0, 0.62); } button:hover { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px transparent; color: rgba(0, 0, 0, 0.87); } button:active { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px alpha(currentColor, 0.15); background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%); background-size: 0% 0%; color: rgba(0, 0, 0, 0.87); } button:disabled { box-shadow: none; background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.26); } button:checked { background-color: #338DD6; color: #FFFFFF; } button:checked:disabled { background-color: rgba(51, 141, 214, 0.3); color: rgba(51, 141, 214, 0.5); } modelbutton.flat, .menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button, popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check, radio, calendar.button, messagedialog.csd .dialog-action-area button, button.sidebar-button, .gedit-search-slider button, popover.messagepopover .popover-action-area button, #mate-menu button, .budgie-settings-window buttonbox.inline-toolbar button, .raven .raven-header:not(.top) button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, .lightdm-gtk-greeter button, :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) .path-bar button, layouttabbar button, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, toolbar button, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), headerbar button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button, button.flat { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 9999px transparent; background-color: transparent; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; color: rgba(0, 0, 0, 0.54); } modelbutton.flat:hover, .menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background.menu button:hover, popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover, radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button:hover, button.sidebar-button:hover, .gedit-search-slider button:hover, popover.messagepopover .popover-action-area button:hover, #mate-menu button:hover, .budgie-settings-window buttonbox.inline-toolbar button:hover, .raven .raven-header:not(.top) button:hover, .drop-shadow button:hover, .budgie-session-dialog .linked.horizontal > button:hover, .lightdm-gtk-greeter button:hover, :not(headerbar) .caja-pathbar button:hover, .caja-pathbar :not(headerbar) button:hover, :not(headerbar) .path-bar button:hover, layouttabbar button:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, toolbar button:hover, .titlebar:not(headerbar) button:hover:not(.suggested-action):not(.destructive-action), headerbar button:hover:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:hover, button.flat:hover { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15); color: rgba(0, 0, 0, 0.87); } modelbutton.flat:active, .menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background.menu button:active, popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active, radio:active, calendar.button:active, messagedialog.csd .dialog-action-area button:active, button.sidebar-button:active, .gedit-search-slider button:active, popover.messagepopover .popover-action-area button:active, #mate-menu button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, .raven .raven-header:not(.top) button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, .lightdm-gtk-greeter button:active, :not(headerbar) .caja-pathbar button:active, .caja-pathbar :not(headerbar) button:active, :not(headerbar) .path-bar button:active, layouttabbar button:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, toolbar button:active, .titlebar:not(headerbar) button:active:not(.suggested-action):not(.destructive-action), headerbar button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:active, button.flat:active { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15); background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%); background-size: 0% 0%; color: rgba(0, 0, 0, 0.87); } modelbutton.flat:disabled, .menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background.menu button:disabled, popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled, radio:disabled, calendar.button:disabled, messagedialog.csd .dialog-action-area button:disabled, button.sidebar-button:disabled, .gedit-search-slider button:disabled, popover.messagepopover .popover-action-area button:disabled, #mate-menu button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, .raven .raven-header:not(.top) button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, .lightdm-gtk-greeter button:disabled, :not(headerbar) .caja-pathbar button:disabled, .caja-pathbar :not(headerbar) button:disabled, :not(headerbar) .path-bar button:disabled, layouttabbar button:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, toolbar button:disabled, .titlebar:not(headerbar) button:disabled:not(.suggested-action):not(.destructive-action), headerbar button:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:disabled, button.flat:disabled { box-shadow: none; background-color: transparent; color: rgba(0, 0, 0, 0.26); } :not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .path-bar button:checked, layouttabbar button:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, toolbar button:checked, .titlebar:not(headerbar) button:checked:not(.suggested-action):not(.destructive-action), headerbar button:checked:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked, button.flat:checked { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } :not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar) .path-bar button:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, toolbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled:not(.suggested-action):not(.destructive-action), headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked:disabled, button.flat:checked:disabled { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.38); } button.text-button { padding-left: 16px; padding-right: 16px; } button.image-button { min-width: 24px; padding: 4px; } button.text-button.image-button { border-radius: 2px; -gtk-outline-radius: 2px; } button.text-button.image-button label:first-child { margin-left: 12px; } button.text-button.image-button label:last-child { margin-right: 12px; } button.text-button.image-button image:not(:only-child) { margin: 0 4px; } toolbar .linked > button, .titlebar:not(headerbar) .linked > button:not(.suggested-action):not(.destructive-action), headerbar .linked > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button, toolbar .linked.vertical > button, .titlebar:not(headerbar) .linked.vertical > button:not(.suggested-action):not(.destructive-action), headerbar .linked.vertical > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked.vertical > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked.vertical > button, .linked > button.flat, .linked.vertical > button.flat { border-radius: 2px; } toolbar .linked > button.text-button.image-button, .titlebar:not(headerbar) .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action), headerbar .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.text-button.image-button, toolbar .linked.vertical > button.text-button.image-button, .titlebar:not(headerbar) .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action), headerbar .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked.vertical > button.text-button.image-button, .linked > button.flat.text-button.image-button, .linked.vertical > button.flat.text-button.image-button { border-radius: 2px; -gtk-outline-radius: 2px; } infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, row:selected button:disabled { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.3); } row:selected button.sidebar-button, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, .raven-mpris button.image-button, row:selected button.flat { color: rgba(255, 255, 255, 0.7); } row:selected button.sidebar-button:hover, infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, .raven-mpris button.image-button:hover, row:selected button.sidebar-button:active, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .raven-mpris button.image-button:active, row:selected button.flat:hover, row:selected button.flat:active { color: #FFFFFF; } row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .raven-mpris button.image-button:disabled, row:selected button.flat:disabled { color: rgba(255, 255, 255, 0.3); } row:selected button.sidebar-button:checked, infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .raven-mpris button.image-button:checked, row:selected button.flat:checked { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } row:selected button.sidebar-button:checked:disabled, infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .raven-mpris button.image-button:checked:disabled, row:selected button.flat:checked:disabled { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } button.osd { padding: 10px 14px; } button.osd.image-button { padding: 10px; } button.osd:disabled { opacity: 0; } button.suggested-action { background-color: #009688; color: #FFFFFF; } button.suggested-action:disabled { box-shadow: none; background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.38); } button.suggested-action:checked { background-color: #4db6ac; } button.suggested-action.flat { background-color: transparent; color: #009688; } button.suggested-action.flat:disabled { box-shadow: none; background-color: transparent; color: rgba(0, 0, 0, 0.38); } button.suggested-action.flat:checked { background-color: rgba(0, 150, 136, 0.3); } button.destructive-action { background-color: #FF5252; color: #FFFFFF; } button.destructive-action:disabled { box-shadow: none; background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.38); } button.destructive-action:checked { background-color: #ff8686; } button.destructive-action.flat { background-color: transparent; color: #FF5252; } button.destructive-action.flat:disabled { box-shadow: none; background-color: transparent; color: rgba(0, 0, 0, 0.38); } button.destructive-action.flat:checked { background-color: rgba(255, 82, 82, 0.3); } .stack-switcher > button { outline-offset: -4px; } .stack-switcher > button > label { padding-left: 6px; padding-right: 6px; } .stack-switcher > button > image { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } .stack-switcher > button.text-button { padding-left: 10px; padding-right: 10px; } .stack-switcher > button.image-button { padding-left: 2px; padding-right: 2px; } .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { animation: none; background-image: none; } .primary-toolbar button { -gtk-icon-shadow: none; } button.image-button, toolbar .linked > button.image-button, .titlebar:not(headerbar) .linked > button.image-button:not(.suggested-action):not(.destructive-action), headerbar .linked > button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.image-button, toolbar .linked.vertical > button.image-button, headerbar .linked.vertical > button.image-button:not(.suggested-action):not(.destructive-action), .app-notification .linked.vertical > button.image-button, .linked > button.flat.image-button, .linked.vertical > button.flat.image-button, .inline-toolbar button:not(.text-button), check, radio, button.titlebutton, .nautilus-window headerbar > revealer > button, .raven .raven-header:not(.top) button.image-button, .raven .expander-button, button.close, button.circular { border-radius: 9999px; -gtk-outline-radius: 9999px; } spinbutton:not(.vertical) button, notebook > header tab button.flat, button.sidebar-button, .nautilus-window .floating-bar button, .gedit-document-panel row button.flat, .gedit-search-slider button:dir(ltr), .gedit-search-slider button:dir(rtl), .pluma-window paned.horizontal box.vertical box.horizontal button.flat { min-height: 20px; min-width: 20px; padding: 0; border-radius: 9999px; -gtk-outline-radius: 9999px; } .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label { animation: needs_attention 270ms cubic-bezier(0, 0, 0.2, 1) forwards; background-repeat: no-repeat; background-position: right 3px; background-size: 6px 6px; } .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) { background-position: left 3px; } .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked > button, .linked:not(.vertical) > combobox > box > button.combo { border-radius: 0; -gtk-outline-radius: 2px; } .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .linked > button:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .linked > button:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo { border-radius: 2px; } .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button, .linked.vertical > combobox > box > button.combo { border-radius: 0; -gtk-outline-radius: 2px; } .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo { border-top-left-radius: 2px; border-top-right-radius: 2px; } .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo { border-radius: 2px; } /* menu buttons */ modelbutton.flat, .menuitem.button.flat { min-height: 28px; padding: 0 8px; border-radius: 2px; color: inherit; } modelbutton.flat arrow { background: none; } modelbutton.flat arrow:hover { background: none; } modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } button.color { min-height: 20px; min-width: 20px; padding: 6px; } /********* * Links * *********/ *:link, button:link, button:visited, *:link:hover, button:hover:link, button:hover:visited, *:link:active, button:active:link, button:active:visited { color: #338DD6; } *:link:visited, button:visited, *:link:visited:hover, button:visited:hover, *:link:visited:active, button:visited:active { color: #E040FB; } infobar.info *:link, infobar.info button:link, infobar.info button:visited, infobar.question *:link, infobar.question button:link, infobar.question button:visited, infobar.warning *:link, infobar.warning button:link, infobar.warning button:visited, infobar.error *:link, infobar.error button:link, infobar.error button:visited, *:link:selected, button:selected:link, button:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:link, headerbar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited { color: #FFFFFF; } button:link > label, button:visited > label { text-decoration-line: underline; } /***************** * GtkSpinButton * *****************/ spinbutton:not(.vertical) { padding: 0; } notebook > stack:not(:only-child) spinbutton:not(.vertical) entry, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:focus, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:disabled, spinbutton:not(.vertical) entry { min-width: 28px; margin: 0; border-image: none; border-radius: 0; box-shadow: none; background-color: transparent; } spinbutton:not(.vertical) button { border: solid 6px transparent; } spinbutton:not(.vertical) button.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:disabled { color: rgba(0, 0, 0, 0.38); } spinbutton.vertical:drop(active) { box-shadow: none; } spinbutton.vertical entry { min-height: 32px; min-width: 44px; padding: 0; } spinbutton.vertical button { min-height: 32px; min-width: 44px; padding: 0; } spinbutton.vertical button.up { border-radius: 2px 2px 0 0; } spinbutton.vertical button.down { border-radius: 0 0 2px 2px; } treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; } treeview spinbutton:not(.vertical) entry { min-height: 0; padding: 1px 2px; } /************** * ComboBoxes * **************/ combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } combobox decoration, combobox button.combo:checked { transition: none; } combobox button.combo cellview:dir(ltr) { margin-left: 0px; } combobox button.combo cellview:dir(rtl) { margin-right: 0px; } combobox #gtk-combobox-popup-menu { padding: 2px 0; } combobox #gtk-combobox-popup-menu menuitem { min-height: 28px; padding: 0 8px; } combobox #gtk-combobox-popup-menu > arrow.top { margin-top: -2px; } combobox #gtk-combobox-popup-menu > arrow.bottom { margin-bottom: -6px; } combobox:drop(active) { box-shadow: none; } notebook > stack:not(:only-child) button.combo, .raven .raven-background button.combo, #login_window #user_combobox button { border-radius: 0; background-image: none; font-weight: inherit; transition: all 270ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); background-color: transparent; color: rgba(0, 0, 0, 0.87); } notebook > stack:not(:only-child) button.combo:hover, .raven .raven-background button.combo:hover, #login_window #user_combobox button:hover { box-shadow: inset 0 -2px rgba(0, 0, 0, 0.38); } notebook > stack:not(:only-child) button.combo:checked, .raven .raven-background button.combo:checked, #login_window #user_combobox button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px; } notebook > stack:not(:only-child) button.combo:disabled, .raven .raven-background button.combo:disabled, #login_window #user_combobox button:disabled { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.38); } /************ * Toolbars * ************/ toolbar { -GtkWidget-window-dragging: true; padding: 2px; background-color: #EEEEEE; } .osd toolbar { background-color: transparent; } toolbar.osd, .app-notification, frame.documents-dropdown { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); padding: 6px; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.4); } toolbar.osd.left, .left.app-notification, frame.left.documents-dropdown, toolbar.osd.right, .right.app-notification, frame.right.documents-dropdown, toolbar.osd.top, .top.app-notification, frame.top.documents-dropdown, toolbar.osd.bottom, .bottom.app-notification, frame.bottom.documents-dropdown { border-radius: 0; } toolbar.horizontal > separator { margin: 2px; } toolbar.vertical > separator { margin: 2px; } toolbar:not(.inline-toolbar):not(.osd) scale, toolbar:not(.inline-toolbar):not(.osd) entry, toolbar:not(.inline-toolbar):not(.osd) spinbutton, toolbar:not(.inline-toolbar):not(.osd) button { margin: 2px; } toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child), toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child), toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) { margin-left: 0; } toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child), toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child), toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) { margin-right: 0; } toolbar:not(.inline-toolbar):not(.osd) spinbutton entry, toolbar:not(.inline-toolbar):not(.osd) spinbutton button { margin: 0; } toolbar:not(.inline-toolbar):not(.osd) switch { margin: 8px 2px; } .inline-toolbar { padding: 6px; border-style: solid; border-width: 0 1px 1px; border-color: rgba(0, 0, 0, 0.12); background-color: #F5F5F5; } searchbar > revealer > box, .location-bar { padding: 6px; border-style: solid; border-width: 0 0 1px; border-color: rgba(0, 0, 0, 0.12); background-color: #EEEEEE; background-clip: border-box; } searchbar > revealer > box { margin: -6px; padding: 6px; } /*************** * Header bars * ***************/ .titlebar:not(headerbar), headerbar { transition: background-color 180ms cubic-bezier(0, 0, 0.2, 1), color 270ms cubic-bezier(0, 0, 0.2, 1); min-height: 44px; padding: 0 6px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.1); background-color: #303030; color: #FFFFFF; } .titlebar:disabled:not(headerbar) :not(button) > label, headerbar:disabled :not(button) > label { color: rgba(255, 255, 255, 0.5); } .titlebar:backdrop:not(headerbar), headerbar:backdrop { color: rgba(255, 255, 255, 0.7); } .titlebar:backdrop:disabled:not(headerbar) :not(button) > label, headerbar:backdrop:disabled :not(button) > label { color: rgba(255, 255, 255, 0.3); } .titlebar:not(headerbar) .title, headerbar .title { padding: 0 12px; font-weight: bold; } .titlebar:not(headerbar) .subtitle, headerbar .subtitle { padding: 0 12px; font-size: smaller; } .titlebar:not(headerbar) .linked:not(.vertical) > entry:not(.flat), headerbar .linked:not(.vertical) > entry:not(.flat) { border-radius: 2px; } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), headerbar button:not(.suggested-action):not(.destructive-action) { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px; color: rgba(255, 255, 255, 0.7); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active, headerbar button:not(.suggested-action):not(.destructive-action):hover, headerbar button:not(.suggested-action):not(.destructive-action):active { color: #FFFFFF; } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled, headerbar button:not(.suggested-action):not(.destructive-action):disabled { color: rgba(255, 255, 255, 0.3); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, headerbar 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: #FFFFFF; } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled { color: rgba(255, 255, 255, 0.5); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, headerbar button:not(.suggested-action):not(.destructive-action):checked, headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled { background-color: transparent; } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop, headerbar button:not(.suggested-action):not(.destructive-action):backdrop { color: rgba(255, 255, 255, 0.5); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:active, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:hover, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:active { color: rgba(255, 255, 255, 0.7); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:disabled { color: rgba(255, 255, 255, 0.3); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked { color: rgba(255, 255, 255, 0.7); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { color: rgba(255, 255, 255, 0.3); } .titlebar:not(headerbar) button.suggested-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled, headerbar button.suggested-action:disabled, headerbar button.destructive-action:disabled { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } .selection-mode.titlebar:not(headerbar), headerbar.selection-mode { transition: background-color 0.00001s 270ms, color 270ms cubic-bezier(0, 0, 0.2, 1); animation: header_ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.2); background-color: #338DD6; color: #FFFFFF; } .selection-mode.titlebar:backdrop:not(headerbar), headerbar.selection-mode:backdrop { color: rgba(255, 255, 255, 0.7); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), headerbar.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: #FFFFFF; } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled { color: rgba(255, 255, 255, 0.5); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, headerbar.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: #FFFFFF; } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled { color: rgba(255, 255, 255, 0.5); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop { color: rgba(255, 255, 255, 0.7); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled { color: rgba(255, 255, 255, 0.3); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked { color: rgba(255, 255, 255, 0.7); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { color: rgba(255, 255, 255, 0.3); } .selection-mode.titlebar:not(headerbar) .selection-menu, headerbar.selection-mode .selection-menu { padding-left: 16px; padding-right: 16px; } .selection-mode.titlebar:not(headerbar) .selection-menu arrow, headerbar.selection-mode .selection-menu arrow { -GtkArrow-arrow-scaling: 1; } .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } .tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 20px; padding: 6px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } .tiled .default-decoration.titlebar:not(headerbar), .maximized .default-decoration.titlebar:not(headerbar), .fullscreen .default-decoration.titlebar:not(headerbar), .tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { box-shadow: none; } .default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { min-height: 20px; min-width: 20px; margin: 0; padding: 0; } .background:not(.csd) .default-decoration.titlebar:not(headerbar) button.titlebutton:active, .background:not(.csd) headerbar.default-decoration button.titlebutton:active { background-size: 1000% 1000%; } headerbar entry, headerbar spinbutton, headerbar button { margin-top: 6px; margin-bottom: 6px; } headerbar switch { margin-top: 10px; margin-bottom: 10px; } headerbar spinbutton button { margin-top: 0; margin-bottom: 0; } .background .titlebar { border-top-left-radius: 2px; border-top-right-radius: 2px; } .background.tiled .titlebar, .background.tiled-top .titlebar, .background.tiled-right .titlebar, .background.tiled-bottom .titlebar, .background.tiled-left .titlebar, .background.maximized .titlebar, .background.solid-csd .titlebar { border-top-left-radius: 0; border-top-right-radius: 0; } window separator:first-child + headerbar, window headerbar:first-child { border-top-left-radius: 2px; } window headerbar:last-child { border-top-right-radius: 2px; } window stack headerbar:first-child, window stack headerbar:last-child { border-top-left-radius: 2px; border-top-right-radius: 2px; } window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child { border-top-left-radius: 0; border-top-right-radius: 0; } window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; box-shadow: none; } .titlebar:not(headerbar) > separator { background-color: #303030; background-image: image(rgba(0, 0, 0, 0.12)); } /************ * Pathbars * ************/ .caja-pathbar button, .path-bar button { padding-left: 4px; padding-right: 4px; } .caja-pathbar button label:not(:only-child):first-child, .path-bar button label:not(:only-child):first-child { margin-left: 4px; } .caja-pathbar button label:not(:only-child):last-child, .path-bar button label:not(:only-child):last-child { margin-right: 4px; } .caja-pathbar button.slider-button, .path-bar button.slider-button { padding-left: 4px; padding-right: 4px; } :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) .path-bar button { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px; border-radius: 2px; } :not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .path-bar button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px; } :not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar) .path-bar button:checked, :not(headerbar) .path-bar button:checked:disabled { background-color: transparent; } /************** * Tree Views * **************/ treeview.view { border-left-color: rgba(0, 0, 0, 0.26); border-top-color: rgba(0, 0, 0, 0.12); } * { -GtkTreeView-horizontal-separator: 4; -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; } treeview.view:selected { border-left-color: rgba(255, 255, 255, 0.3); } treeview.view:hover, treeview.view:active, treeview.view:selected { border-radius: 0; } treeview.view.separator { min-height: 5px; color: rgba(0, 0, 0, 0.12); } treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #009688; } treeview.view:drop(active).after { border-top-style: none; } treeview.view:drop(active).before { border-bottom-style: none; } treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -gtk-icon-transform: rotate(-90deg); color: rgba(0, 0, 0, 0.54); } treeview.view.expander:dir(rtl) { -gtk-icon-transform: rotate(90deg); } treeview.view.expander:checked { -gtk-icon-transform: unset; } treeview.view.expander:hover, treeview.view.expander:active { color: rgba(0, 0, 0, 0.87); } treeview.view.expander:disabled { color: rgba(0, 0, 0, 0.26); } treeview.view.expander:selected { color: rgba(255, 255, 255, 0.7); } treeview.view.expander:selected:hover, treeview.view.expander:selected:active { color: #FFFFFF; } treeview.view.expander:selected:disabled { color: rgba(255, 255, 255, 0.3); } treeview.view.progressbar { border-bottom: 4px solid #338DD6; box-shadow: none; background-color: transparent; } treeview.view.progressbar:selected { border-bottom-color: #FFFFFF; } treeview.view.trough { border-bottom: 4px solid rgba(51, 141, 214, 0.3); box-shadow: none; background-color: transparent; } treeview.view.trough:selected { border-bottom-color: rgba(255, 255, 255, 0.3); } treeview.view header button { padding: 2px 6px; border-style: none solid solid none; border-width: 1px; border-color: rgba(0, 0, 0, 0.12); border-radius: 0; background-clip: border-box; } treeview.view header button, treeview.view header button:hover, treeview.view header button:active { box-shadow: none; } treeview.view header button, treeview.view header button:disabled { background-color: #FFFFFF; } 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(0, 0, 0, 0.12); border-radius: 0; box-shadow: none; background-color: #FFFFFF; background-clip: border-box; color: #338DD6; } treeview.view acceleditor > label { background-color: #338DD6; } /********* * Menus * *********/ menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0; background-color: #303030; } menubar > menuitem, .menubar > menuitem { transition: all 180ms 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); } menubar > menuitem label:disabled, .menubar > menuitem label:disabled { color: inherit; } .csd.popup { background-color: transparent; } menu, .menu, .context-menu { margin: 4px 0; padding: 4px 0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.12); } .csd menu, .csd .menu, .csd .context-menu { border: none; border-radius: 2px; } menu menuitem, .menu menuitem, .context-menu menuitem { transition: background-color 180ms cubic-bezier(0, 0, 0.2, 1); min-height: 20px; min-width: 40px; padding: 4px 8px; font: initial; text-shadow: none; } menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { transition: none; background-color: rgba(0, 0, 0, 0.12); } menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: rgba(0, 0, 0, 0.38); } menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; min-width: 16px; } menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 8px; } menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 8px; } menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { color: inherit; } menu > arrow, .menu > arrow, .context-menu > arrow { min-height: 16px; min-width: 16px; padding: 4px; background-color: #FFFFFF; color: rgba(0, 0, 0, 0.54); } menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -4px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); border-radius: 2px 2px 0 0; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-bottom: -12px; border-top: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0 0 2px 2px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-image: image(rgba(0, 0, 0, 0.12)); color: rgba(0, 0, 0, 0.87); } menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { border-color: transparent; background-color: transparent; color: transparent; } menu separator, .menu separator, .context-menu separator { margin: 4px 0; } menuitem accelerator { color: rgba(0, 0, 0, 0.54); } .popup:not(.csd) menu menuitem { color: #212121; } .popup:not(.csd) menu menuitem:hover { background-color: #E0E0E0; } .popup:not(.csd) menu menuitem:disabled { color: #9E9E9E; } .popup:not(.csd) menu accelerator { color: #757575; } /************ * Popovers * ************/ popover.background { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); padding: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); background-color: #FAFAFA; } popover.background:backdrop { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } 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: 3px; } 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: 2px; } popover.background separator { margin: 4px 0; } popover.background list separator { margin: 0; } /************* * Notebooks * *************/ notebook > header { border-width: 1px; border-color: rgba(0, 0, 0, 0.12); background-color: #EEEEEE; background-clip: border-box; } notebook > header.top { border-bottom-style: solid; } notebook > header.top > tabs { margin-bottom: -1px; } notebook > header.top > tabs > tab:hover { box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26); } notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -2px #338DD6; } notebook > header.bottom { border-top-style: solid; } notebook > header.bottom > tabs { margin-top: -1px; } notebook > header.bottom > tabs > tab:hover { box-shadow: inset 0 2px rgba(0, 0, 0, 0.26); } notebook > header.bottom > tabs > tab:checked { box-shadow: inset 0 2px #338DD6; } notebook > header.left { border-right-style: solid; } notebook > header.left > tabs { margin-right: -1px; } notebook > header.left > tabs > tab:hover { box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26); } notebook > header.left > tabs > tab:checked { box-shadow: inset -2px 0 #338DD6; } notebook > header.right { border-left-style: solid; } notebook > header.right > tabs { margin-left: -1px; } notebook > header.right > tabs > tab:hover { box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26); } notebook > header.right > tabs > tab:checked { box-shadow: inset 2px 0 #338DD6; } notebook > header.top > tabs > arrow { border-top-style: none; } notebook > header.bottom > tabs > arrow { border-bottom-style: none; } notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { padding-left: 4px; padding-right: 4px; } notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { margin-left: -8px; -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { margin-right: -8px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } notebook > header.left > tabs > arrow { border-left-style: none; } notebook > header.right > tabs > arrow { border-right-style: none; } notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { padding-top: 4px; padding-bottom: 4px; } notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { margin-top: -8px; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { margin-bottom: -8px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; } notebook > header tab { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; min-height: 20px; min-width: 20px; padding: 6px 12px; outline-offset: -6px; border-width: 1px; border-color: transparent; background-image: radial-gradient(circle farthest-corner at center, #338DD6 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; color: rgba(0, 0, 0, 0.54); font-weight: 500; } notebook > header tab:hover { color: rgba(0, 0, 0, 0.87); } notebook > header tab:hover.reorderable-page { border-color: rgba(0, 0, 0, 0.12); background-color: #F5F5F5; } notebook > header tab:disabled { color: rgba(0, 0, 0, 0.26); } notebook > header tab:checked { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 270ms cubic-bezier(0, 0, 0.2, 1), background-image 720ms cubic-bezier(0, 0, 0.2, 1); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-size: 1000% 1000%; color: rgba(0, 0, 0, 0.87); } notebook > header tab:checked:disabled { color: rgba(0, 0, 0, 0.38); } notebook > header tab:checked.reorderable-page { border-color: rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } notebook > header tab button.flat:last-child { margin-left: 6px; margin-right: -6px; } notebook > header tab button.flat:first-child { margin-left: -6px; margin-right: 6px; } notebook > header.top tabs, notebook > header.bottom tabs { padding-left: 8px; padding-right: 8px; } notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { margin-left: 0; } notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { margin-right: 0; } notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { margin: 0 -1px; border-style: none solid; } notebook > header.left tabs, notebook > header.right tabs { padding-top: 8px; padding-bottom: 8px; } notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { margin-top: 0; } notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { margin-bottom: 0; } notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { margin: -1px 0; border-style: solid none; } notebook > stack:not(:only-child) { background-color: #FFFFFF; } /************** * Scrollbars * **************/ scrollbar { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); background-color: #FFFFFF; background-clip: padding-box; } * { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; } scrollbar.top { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } scrollbar.bottom { border-top: 1px solid rgba(0, 0, 0, 0.12); } scrollbar.left { border-right: 1px solid rgba(0, 0, 0, 0.12); } scrollbar.right { border-left: 1px solid rgba(0, 0, 0, 0.12); } scrollbar slider { transition: all 180ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0; min-width: 8px; min-height: 8px; border: 4px solid transparent; border-radius: 9999px; background-clip: padding-box; background-color: rgba(0, 0, 0, 0.38); } scrollbar slider:hover { background-color: rgba(0, 0, 0, 0.54); } scrollbar slider:active { background-color: rgba(0, 0, 0, 0.87); } scrollbar slider:disabled { background-color: rgba(0, 0, 0, 0.26); } scrollbar.fine-tune slider { transition: all 180ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0; 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(.dragging):not(.hovering) { border-color: transparent; background-color: transparent; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { min-width: 4px; min-height: 4px; margin: 3px; border: 1px solid rgba(255, 255, 255, 0.3); } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 4px; min-height: 4px; margin: 3px; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 9999px; background-color: rgba(0, 0, 0, 0.38); background-clip: padding-box; -gtk-icon-source: none; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { background-color: rgba(0, 0, 0, 0.26); } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { min-width: 24px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { min-width: 8px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { min-height: 24px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { min-height: 8px; } scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { background-color: rgba(255, 255, 255, 0.9); } scrollbar.horizontal slider { min-width: 24px; } scrollbar.vertical slider { min-height: 24px; } scrollbar button { min-width: 16px; min-height: 16px; padding: 0; border-radius: 0; } scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } scrollbar.vertical button.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } scrollbar.horizontal button.down { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } /********** * Switch * **********/ switch { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); margin: 6px 0; padding: 0 2px; border: 5px solid transparent; border-radius: 9999px; background-color: rgba(0, 0, 0, 0.26); background-clip: padding-box; font-size: 0; } switch:disabled { background-color: rgba(0, 0, 0, 0.12); } switch:checked { background-color: rgba(0, 150, 136, 0.5); } switch:checked:disabled { background-color: rgba(0, 150, 136, 0.3); } switch slider { transition: all 180ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); min-width: 20px; min-height: 20px; margin: -3px -2px; border-radius: 9999px; outline-width: 0; outline-color: rgba(0, 0, 0, 0.12); outline-offset: 0; -gtk-outline-radius: 9999px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FAFAFA; } switch:focus slider { outline-width: 14px; } switch:hover slider { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } switch:checked slider { background-color: #009688; outline-color: rgba(0, 150, 136, 0.2); } switch:disabled slider { background-color: #EEEEEE; } /************************* * Check and Radio items * *************************/ .view.content-view.check:not(list), .content-view .tile check:not(list) { min-height: 40px; min-width: 40px; margin: 0; padding: 0; box-shadow: none; background-color: transparent; background-image: none; -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .view.content-view.check:not(list):hover, .view.content-view.check:not(list):active, .content-view .tile check:not(list):hover, .content-view .tile check:not(list):active { -gtk-icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } .view.content-view.check:not(list), .content-view .tile check:not(list) { -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked.png"), url("assets/selectionmode-checkbox-unchecked@2.png")); } .view.content-view.check:not(list):checked, .content-view .tile check:not(list):checked { -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked.png"), url("assets/selectionmode-checkbox-checked@2.png")); } checkbutton.text-button, radiobutton.text-button { padding: 2px; outline-offset: 0; } checkbutton.text-button label:not(:only-child), radiobutton.text-button label:not(:only-child) { margin: 0 4px; } check, radio { min-height: 24px; min-width: 24px; margin: -8px; padding: 8px; } check:checked, check:indeterminate, radio:checked, radio:indeterminate { color: #009688; } check:checked:disabled, check:indeterminate:disabled, radio:checked:disabled, radio:indeterminate:disabled { color: rgba(0, 150, 136, 0.5); } row:selected check:not(:checked):not(:indeterminate), row:selected radio:not(:checked):not(:indeterminate) { color: rgba(255, 255, 255, 0.7); } row:selected check:not(:checked):not(:indeterminate):hover, row:selected check:not(:checked):not(:indeterminate):active, row:selected radio:not(:checked):not(:indeterminate):hover, row:selected radio:not(:checked):not(:indeterminate):active { color: #FFFFFF; } row:selected check:not(:checked):not(:indeterminate):disabled, row:selected radio:not(:checked):not(:indeterminate):disabled { color: rgba(255, 255, 255, 0.3); } popover check, popover check:hover, popover check:active, popover check:disabled, popover radio, popover radio:hover, popover radio:active, popover radio:disabled { box-shadow: none; background-image: none; } popover check:not(:checked):not(:indeterminate):not(:disabled), popover radio:not(:checked):not(:indeterminate):not(:disabled) { color: rgba(0, 0, 0, 0.54); } popover check.left:dir(rtl), popover radio.left:dir(rtl) { margin-left: -12px; margin-right: -4px; } popover check.right:dir(ltr), popover radio.right:dir(ltr) { margin-left: -4px; margin-right: -12px; } menu menuitem check, menu menuitem radio { transition: none; margin: 0; padding: 0; } menu menuitem check:dir(ltr), menu menuitem radio:dir(ltr) { margin-right: 8px; } menu menuitem check:dir(rtl), menu menuitem radio:dir(rtl) { margin-left: 8px; } menu menuitem check:not(:checked):not(:indeterminate):not(:disabled), menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled) { color: rgba(0, 0, 0, 0.54); } menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled { box-shadow: none; } check { -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg")); } check:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")); } check:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg")); } radio { -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg")); border-image-slice: 20; border-image-width: 20px; } radio:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg")); } radio { border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#009688), to(transparent)); } radio:checked:not(:indeterminate) { border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#009688), to(transparent)); } radio:checked:not(:indeterminate):disabled { border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(rgba(0, 150, 136, 0.5)), to(transparent)); } window.background:not(.csd) > widget > checkbutton > check, menu menuitem check { min-height: 16px; min-width: 16px; border-radius: 2px; -gtk-outline-radius: 2px; -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg")); } window.background:not(.csd) > widget > checkbutton > check:checked, menu menuitem check:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg")); } window.background:not(.csd) > widget > checkbutton > check:indeterminate, menu menuitem check:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg")); } window.background:not(.csd) > widget > radiobutton > radio, menu menuitem radio { min-height: 16px; min-width: 16px; border-image: none; -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg")); } window.background:not(.csd) > widget > radiobutton > radio:checked, menu menuitem radio:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg")); } window.background:not(.csd) > widget > radiobutton > radio:indeterminate, menu menuitem radio:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg")); } check:not(:checked):active { -gtk-icon-transform: rotate(90deg); } check:not(:checked):indeterminate:active, radio:not(:checked):indeterminate:active { -gtk-icon-transform: scaleX(-1); } check:not(:checked), radio:not(:checked) { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0; } check:not(:checked):active, radio:not(:checked):active { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0; } menu menuitem check:not(:checked), menu menuitem radio:not(:checked) { transition: none; } treeview.view check, treeview.view radio { padding: 0; } treeview.view check:hover, treeview.view radio:hover { box-shadow: inset 0 0 0 9999px alpha(rgba(0, 0, 0, 0.87), 0.05); } treeview.view check:hover:disabled, treeview.view radio:hover:disabled { box-shadow: none; } treeview.view check:hover:selected, treeview.view radio:hover:selected { box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05); } treeview.view check, treeview.view radio { color: rgba(0, 0, 0, 0.54); } treeview.view check:hover, treeview.view check:active, treeview.view radio:hover, treeview.view radio:active { color: rgba(0, 0, 0, 0.87); } treeview.view check:disabled, treeview.view radio:disabled { color: rgba(0, 0, 0, 0.26); } treeview.view check:checked, treeview.view check:indeterminate, treeview.view radio:checked, treeview.view radio:indeterminate { color: #009688; } treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled, treeview.view radio:checked:disabled, treeview.view radio:indeterminate:disabled { color: rgba(0, 150, 136, 0.5); } treeview.view check:selected, treeview.view radio:selected { color: rgba(255, 255, 255, 0.7); } treeview.view check:selected:hover, treeview.view check:selected:active, treeview.view radio:selected:hover, treeview.view radio:selected:active { color: #FFFFFF; } treeview.view check:selected:disabled, treeview.view radio:selected:disabled { color: rgba(255, 255, 255, 0.3); } treeview.view check:selected:checked, treeview.view check:selected:indeterminate, treeview.view radio:selected:checked, treeview.view radio:selected:indeterminate { color: #009688; } treeview.view check:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled, treeview.view radio:selected:checked:disabled, treeview.view radio:selected:indeterminate:disabled { color: rgba(0, 150, 136, 0.5); } treeview.view radio:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")); border-image: none; } /************ * GtkScale * ************/ scale { min-height: 8px; min-width: 8px; padding: 12px; } scale slider { min-height: 24px; min-width: 24px; margin: -11px; } scale trough { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); outline-offset: 2px; background-color: rgba(0, 0, 0, 0.26); } scale trough:disabled { background-color: rgba(0, 0, 0, 0.12); } scale highlight { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); background-color: #009688; } scale highlight:disabled { background-color: transparent; } scale fill { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); background-color: rgba(0, 0, 0, 0.26); } scale fill:disabled { background-color: transparent; } scale slider { transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1); background-repeat: no-repeat; background-position: center; background-size: calc(100% - 10px); } scale slider { background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png")); } scale slider:disabled { background-image: -gtk-scaled(url("assets/scale-slider-disabled.png"), url("assets/scale-slider-disabled@2.png")); } scale slider:hover { background-size: calc(100% - 8px); } scale slider:active { background-size: calc(100% - 6px); } scale.fine-tune slider { background-size: calc(100% - 12px); } scale marks label, scale value { color: rgba(0, 0, 0, 0.38); } scale marks { color: rgba(0, 0, 0, 0.26); } scale marks.top { margin-bottom: 8px; margin-top: -16px; } scale marks.bottom { margin-top: 8px; margin-bottom: -16px; } scale marks.top { margin-right: 8px; margin-left: -16px; } scale marks.bottom { margin-left: 8px; margin-right: -16px; } 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 { min-height: 30px; min-width: 24px; margin-top: -17px; background-position: center calc(100% - 5px); } scale.horizontal.marks-before:not(.marks-after) slider { background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png")); } scale.horizontal.marks-before:not(.marks-after) slider:disabled { background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled.png"), url("assets/scale-horz-marks-before-slider-disabled@2.png")); } scale.horizontal.marks-before:not(.marks-after) slider:hover { background-position: center calc(100% - 4px); } scale.horizontal.marks-before:not(.marks-after) slider:active { background-position: center calc(100% - 3px); } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { background-position: center calc(100% - 6px); } scale.horizontal.marks-after:not(.marks-before) slider { min-height: 30px; min-width: 24px; margin-bottom: -17px; background-position: center calc(5px); } scale.horizontal.marks-after:not(.marks-before) slider { background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png")); } scale.horizontal.marks-after:not(.marks-before) slider:disabled { background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled.png"), url("assets/scale-horz-marks-after-slider-disabled@2.png")); } scale.horizontal.marks-after:not(.marks-before) slider:hover { background-position: center calc(4px); } scale.horizontal.marks-after:not(.marks-before) slider:active { background-position: center calc(3px); } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { background-position: center calc(6px); } scale.vertical.marks-before:not(.marks-after) slider { min-height: 24px; min-width: 30px; margin-left: -17px; background-position: calc(5px) center; } scale.vertical.marks-before:not(.marks-after) slider { background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png")); } scale.vertical.marks-before:not(.marks-after) slider:disabled { background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled.png"), url("assets/scale-vert-marks-before-slider-disabled@2.png")); } scale.vertical.marks-before:not(.marks-after) slider:hover { background-position: calc(4px) center; } scale.vertical.marks-before:not(.marks-after) slider:active { background-position: calc(3px) center; } scale.vertical.marks-before:not(.marks-after).fine-tune slider { background-position: calc(6px) center; } scale.vertical.marks-after:not(.marks-before) slider { min-height: 24px; min-width: 30px; margin-right: -17px; background-position: calc(100% - 5px) center; } scale.vertical.marks-after:not(.marks-before) slider { background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png")); } scale.vertical.marks-after:not(.marks-before) slider:disabled { background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled.png"), url("assets/scale-vert-marks-after-slider-disabled@2.png")); } scale.vertical.marks-after:not(.marks-before) slider:hover { background-position: calc(100% - 4px) center; } scale.vertical.marks-after:not(.marks-before) slider:active { background-position: calc(100% - 3px) center; } scale.vertical.marks-after:not(.marks-before).fine-tune slider { background-position: calc(100% - 6px) center; } 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: -12px; margin-top: -2px; } scale.color.vertical:dir(ltr) { padding: 0 0 0 12px; } scale.color.vertical:dir(ltr) slider { margin-left: -12px; margin-right: -2px; } scale.color.vertical:dir(rtl) { padding: 0 12px 0 0; } scale.color.vertical:dir(rtl) slider { margin-right: -12px; margin-left: -2px; } /***************** * Progress bars * *****************/ progressbar { color: rgba(0, 0, 0, 0.38); 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(51, 141, 214, 0.3); } progressbar progress { background-color: #338DD6; } progressbar trough.empty progress { all: unset; } /************* * Level Bar * *************/ levelbar.horizontal block { min-height: 4px; } levelbar.horizontal.discrete block { min-width: 32px; } levelbar.horizontal.discrete block:not(:last-child) { margin-right: 2px; } levelbar.vertical block { min-width: 4px; } levelbar.vertical.discrete block { min-height: 32px; } levelbar.vertical.discrete block:not(:last-child) { margin-bottom: 2px; } levelbar trough { padding: 2px; border-radius: 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FFFFFF; } levelbar trough:disabled { background-color: #F5F5F5; } levelbar block.low { background-color: #FF6D00; } levelbar block.high, levelbar block:not(.empty) { background-color: #338DD6; } levelbar block.full { background-color: #00C853; } levelbar block.empty { background-color: rgba(0, 0, 0, 0.12); } /**************** * Print dialog * *****************/ printdialog paper { padding: 0; border: 1px solid rgba(0, 0, 0, 0.12); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } printdialog .dialog-action-box { margin: 12px; } /********** * Frames * **********/ frame > border, .frame { margin: 0; padding: 0; border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0; box-shadow: none; } frame > border.flat, .frame.flat, frame.flat > border { border-style: none; } actionbar > revealer > box { padding: 6px; border-top: 1px solid rgba(0, 0, 0, 0.12); } scrolledwindow viewport.frame { border-style: none; } overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(64, 196, 255, 0.3)), 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(64, 196, 255, 0.3)), 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(64, 196, 255, 0.3)), 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(64, 196, 255, 0.3)), to(transparent)); background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } undershoot.top { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); padding-top: 1px; background-size: 12px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: left top; } undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); padding-bottom: 1px; background-size: 12px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: left bottom; } undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: left top; } undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: right top; } junction { border-style: solid none none solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } junction:dir(rtl) { border-style: solid solid none none; } separator { min-width: 1px; min-height: 1px; background-color: rgba(0, 0, 0, 0.12); } button.font separator, button.file separator, .tweak-categories separator, preferences stacksidebar.sidebar list separator { min-width: 0; min-height: 0; background-color: transparent; } /********* * Lists * *********/ list { border-color: rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } list row { padding: 2px; } row.activatable, .view, treeview.view header button, .budgie-menu button { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 9999px transparent; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } row.activatable:hover, .view:hover, treeview.view header button:hover, .budgie-menu button:hover { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, box-shadow 0, background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05); } row.activatable.has-open-popup, .has-open-popup.view, treeview.view header button.has-open-popup, .budgie-menu button.has-open-popup, row.activatable:active, .view:active, treeview.view header button:active, .budgie-menu button:active { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 0, background-image 0; animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15); background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%); background-size: 0% 0%; } /********************* * App Notifications * *********************/ .app-notification { margin: 8px; } .app-notification.frame, .app-notification border { border-style: none; } /************* * Expanders * *************/ expander title > arrow { transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1); min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -gtk-icon-transform: rotate(-90deg); color: rgba(0, 0, 0, 0.54); } expander title > arrow:dir(rtl) { -gtk-icon-transform: rotate(90deg); } expander title > arrow:checked { -gtk-icon-transform: unset; } expander title > arrow:hover, expander title > arrow:active { color: rgba(0, 0, 0, 0.87); } expander title > arrow:disabled { color: rgba(0, 0, 0, 0.26); } expander title > arrow:selected { color: rgba(255, 255, 255, 0.7); } expander title > arrow:selected:hover, expander title > arrow:selected:active { color: #FFFFFF; } expander title > arrow:selected:disabled { color: rgba(255, 255, 255, 0.3); } /************ * Calendar * ************/ calendar { padding: 1px; border: 1px solid rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } calendar:disabled { color: rgba(0, 0, 0, 0.38); } calendar:selected { border-radius: 3px; } calendar.header { border-style: none none solid; border-radius: 0; } calendar.highlight { color: rgba(0, 0, 0, 0.54); font-weight: 500; } calendar:indeterminate { color: rgba(0, 0, 0, 0.26); } /*********** * Dialogs * ***********/ messagedialog.background { background-color: #FAFAFA; } messagedialog .titlebar { min-height: 20px; border-style: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FAFAFA; color: rgba(0, 0, 0, 0.87); } messagedialog .titlebar:backdrop { color: rgba(0, 0, 0, 0.54); } messagedialog.csd.background { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } messagedialog.csd .dialog-action-area button { padding: 8px 16px; border-top: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0; } messagedialog.csd .dialog-action-area button:first-child { border-bottom-left-radius: 2px; } messagedialog.csd .dialog-action-area button:last-child { border-bottom-right-radius: 2px; } filechooser .dialog-action-box { border-top: 1px solid rgba(0, 0, 0, 0.12); } filechooser #pathbarbox { border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: #EEEEEE; } filechooserbutton:drop(active) { box-shadow: none; } /*********** * Sidebar * ***********/ .sidebar { border-style: none; background-color: #F5F5F5; } stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { border-right: 1px solid rgba(0, 0, 0, 0.12); border-left-style: none; } stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { border-left: 1px solid rgba(0, 0, 0, 0.12); border-right-style: none; } .sidebar list { background-color: transparent; } paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; } stacksidebar row { padding: 10px 4px; } stacksidebar row > label { padding-left: 6px; padding-right: 6px; } /**************** * File chooser * ****************/ row image.sidebar-icon { color: rgba(0, 0, 0, 0.54); } row:selected image.sidebar-icon { color: rgba(255, 255, 255, 0.7); } placessidebar > viewport.frame { border-style: none; } placessidebar list { padding: 1px 0 4px; } placessidebar row { min-height: 32px; margin: -1px 0; padding: 0; } placessidebar row > revealer { padding: 0 12px; } placessidebar row:selected { color: #FFFFFF; } placessidebar row:disabled { color: rgba(0, 0, 0, 0.38); } placessidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; } placessidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; } placessidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; } placessidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } placessidebar row.sidebar-placeholder-row { min-height: 2px; padding: 0 8px; background-image: image(#009688); background-clip: content-box; } placessidebar row.sidebar-new-bookmark-row { color: #009688; } placessidebar row:drop(active):not(:disabled) { box-shadow: inset 0 0 0 2px #009688; } placesview .server-list-button > image { -gtk-icon-transform: rotate(0turn); } placesview .server-list-button:checked > image { -gtk-icon-transform: rotate(-0.5turn); } placesview > actionbar > revealer > box > label { padding-left: 8px; padding-right: 8px; } /********* * Paned * *********/ paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(rgba(0, 0, 0, 0.12)); background-size: 1px 1px; background-clip: content-box; } paned > separator.wide { min-width: 6px; min-height: 6px; background-color: #EEEEEE; background-image: image(rgba(0, 0, 0, 0.12)), image(rgba(0, 0, 0, 0.12)); background-size: 1px 1px, 1px 1px; } paned.horizontal > separator { background-repeat: repeat-y; } paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; } paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; } paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; } paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; } paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; } /************** * GtkInfoBar * **************/ infobar { border-style: none; } infobar.info { background-color: #66BB6A; } infobar.question { background-color: #42A5F5; } infobar.warning { background-color: #FFA726; } infobar.error { background-color: #EF5350; } infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error { color: #FFFFFF; } /************ * Tooltips * ************/ tooltip { border-radius: 2px; box-shadow: none; } tooltip.background { background-color: rgba(66, 66, 66, 0.9); color: #FFFFFF; } tooltip decoration { background-color: transparent; } tooltip label { min-height: 20px; padding: 0 2px; } /***************** * Color Chooser * *****************/ colorswatch.top { border-top-left-radius: 2.5px; border-top-right-radius: 2.5px; } colorswatch.top overlay { border-top-left-radius: 2px; border-top-right-radius: 2px; } colorswatch.bottom { border-bottom-left-radius: 2.5px; border-bottom-right-radius: 2.5px; } colorswatch.bottom overlay { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 2.5px; border-bottom-left-radius: 2.5px; } colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 2.5px; border-bottom-right-radius: 2.5px; } colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } colorswatch.dark { color: #FFFFFF; } colorswatch.light { color: rgba(0, 0, 0, 0.87); } colorswatch:drop(active) { box-shadow: none; } colorswatch:drop(active).light overlay { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #009688; } colorswatch:drop(active).dark overlay { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #009688; } colorswatch overlay { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } colorswatch overlay:hover { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } colorswatch#add-color-button { border-radius: 2px 2px 0 0; color: #FFFFFF; } colorswatch#add-color-button:only-child { border-radius: 2px; } colorswatch#add-color-button overlay { background-image: linear-gradient(to right, #EF5350 25%, #FFA726 25%, #FFA726 50%, #66BB6A 50%, #66BB6A 75%, #42A5F5 75%); } colorswatch:disabled { opacity: 0.5; } colorswatch:disabled overlay { box-shadow: none; } colorswatch#editor-color-sample { border-radius: 2.5px; } colorswatch#editor-color-sample overlay { border-radius: 2px; } colorchooser .popover.osd { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } colorchooser .popover.osd:backdrop { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.4); } /******** * Misc * ********/ .content-view { background-color: #EEEEEE; } /********************** * Window Decorations * **********************/ decoration { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-radius: 2px 2px 0 0; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent; margin: 8px; } decoration:backdrop { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px 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: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } tooltip.csd decoration { border-radius: 2px; box-shadow: none; } messagedialog.csd decoration { border-radius: 2px; } .solid-csd decoration { margin: 0; border-radius: 0; box-shadow: none; background-color: #303030; } .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, popover.background.menu button:checked, popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked { background-color: #338DD6; } row:selected label, label:selected, .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, popover.background.menu button:checked, popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked { color: #FFFFFF; } row:selected label:disabled, label:disabled:selected, .view selection:disabled, .view:disabled:selected, flowbox flowboxchild:disabled:selected, label:disabled selection, spinbutton:not(.vertical) selection:disabled, entry selection:disabled, modelbutton.flat:disabled:selected, .menuitem.button.flat:disabled:selected, popover.background.menu button:disabled:checked, popover.background button.model:disabled:checked, row:disabled:selected, calendar:disabled:selected, text:disabled:selected, .budgie-menu button:disabled:checked { color: rgba(255, 255, 255, 0.5); } .monospace { font-family: monospace; } /********************** * Touch Copy & Paste * **********************/ cursor-handle { border-radius: 9999px; background-color: #009688; background-image: none; } cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { padding-left: 6px; border-top-right-radius: 0; } cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { padding-right: 6px; border-top-left-radius: 0; } cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { -GtkWidget-text-handle-width: 24; -GtkWidget-text-handle-height: 30; -gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png")); } .context-menu { font: initial; } .keycap { min-width: 12px; min-height: 26px; margin-top: 2px; padding-bottom: 2px; padding-left: 8px; padding-right: 8px; border: solid 1px rgba(0, 0, 0, 0.12); border-radius: 3px; box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); font-size: smaller; } :not(decoration):not(window):drop(active) { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 2px #009688; caret-color: #009688; } stackswitcher button.text-button { min-width: 100px; } stackswitcher button.circular, stackswitcher button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; } /********* * Emoji * *********/ popover.emoji-picker { padding: 0; } popover.emoji-picker entry { border-bottom: 1px solid rgba(0, 0, 0, 0.12); border-bottom-left-radius: 0; border-bottom-right-radius: 0; box-shadow: none; } popover.emoji-picker scrolledwindow { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } button.emoji-section { margin-top: -1px; padding: 0 8px; min-width: 24px; min-height: 32px; border-radius: 0; outline-offset: -6px; box-shadow: none; } button.emoji-section:hover { box-shadow: inset 0 2px rgba(0, 0, 0, 0.26); } button.emoji-section:active { box-shadow: inset 0 2px #338DD6; background-image: radial-gradient(circle farthest-corner at center, rgba(51, 141, 214, 0.7) 10%, transparent 0%); } button.emoji-section:checked { box-shadow: inset 0 2px #338DD6; background-color: transparent; } button.emoji-section:first-child { margin-left: 4px; } button.emoji-section:last-child { margin-right: 4px; } .emoji { min-width: 3em; min-height: 3em; padding: 0; } .emoji widget { transition: all 180ms cubic-bezier(0, 0, 0.2, 1); } .emoji widget:hover { font-size: larger; } /************ * Nautilus * ************/ .nautilus-window, .nautilus-window notebook, .nautilus-window notebook > stack { background-color: #FFFFFF; } .nautilus-desktop.nautilus-canvas-item:not(:selected), .caja-desktop.caja-canvas-item:not(:selected) { color: #FFFFFF; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } @keyframes needs_attention_keyframes { to { background-color: alpha(currentColor, 0.3); } } .nautilus-operations-button-needs-attention { animation: needs_attention_keyframes 270ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate; } .nautilus-operations-button-needs-attention-multiple { animation: needs_attention_keyframes 270ms cubic-bezier(0.4, 0, 0.2, 1) 4 alternate; } .nautilus-window .floating-bar { min-height: 32px; padding: 0; border-style: solid solid none; border-width: 1px; border-color: rgba(0, 0, 0, 0.12); border-radius: 3px 3px 0 0; background-color: #FFFFFF; background-clip: padding-box; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), border-width 0; } .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: 6px; } .disk-space-display.unknown { background-color: #FF6D00; } .disk-space-display.used { background-color: #338DD6; } .disk-space-display.free { background-color: rgba(0, 0, 0, 0.12); } .conflict-row:not(:selected) { background-color: #ffd3b3; } .nautilus-window flowboxchild > widget > .icon-item-background { padding: 4px; border-radius: 2px; } .nautilus-window flowboxchild:selected { background-color: transparent; } .nautilus-window flowboxchild:selected > widget > .icon-item-background { background-color: #338DD6; } dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame { border-style: none; } dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child { margin: -6px 0 0 -6px; border-top: 1px solid rgba(0, 0, 0, 0.12); } dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label { margin: 0 8px; } dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button { border-radius: 0; } .nautilus-window > popover.menu:not(:last-child) { padding: 3px; } .nautilus-window > popover.menu:not(:last-child) > stack > box > box > box { margin-top: -6px; } .nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box { margin-bottom: -6px; } .nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked { margin-top: 1px; } .nautilus-window > popover.menu:not(:last-child) separator { margin-bottom: -2px; } .nautilus-menu-sort-heading { margin: 1px 3px; font-weight: 500; } .nautilus-menu-sort-heading:disabled { color: rgba(0, 0, 0, 0.38); } .nautilus-window paned > separator { background-color: #EEEEEE; } /********* * gedit * *********/ .open-document-selector-path-label { color: rgba(0, 0, 0, 0.54); font-size: smaller; } .open-document-selector-path-label:selected { color: rgba(255, 255, 255, 0.7); } .gedit-document-panel { background-color: #F5F5F5; } .gedit-document-panel row button.flat { margin-top: 8px; margin-bottom: 8px; } .gedit-document-panel-group-row:not(:first-child) { border-top: 1px solid rgba(0, 0, 0, 0.12); } .gedit-side-panel-paned statusbar { border-top: 1px solid rgba(0, 0, 0, 0.12); } .gedit-search-slider { margin: 4px 4px 8px; } .gedit-search-slider entry:dir(ltr), .gedit-search-slider entry:dir(rtl) { border-radius: 2px; } .gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag, .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag { all: unset; color: rgba(0, 0, 0, 0.38); } .gedit-search-slider entry:dir(ltr) { margin-right: -58px; padding-right: 58px; } .gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag { margin-left: 6px; } .gedit-search-slider entry:dir(ltr) image.right { margin-right: 0; } .gedit-search-slider entry:dir(rtl) { margin-left: -58px; padding-left: 58px; } .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag { margin-right: 6px; } .gedit-search-slider entry:dir(rtl) image.left { margin-left: 0; } .gedit-search-slider entry.error ~ button { color: rgba(255, 255, 255, 0.7); } .gedit-search-slider entry.error ~ button:hover, .gedit-search-slider entry.error ~ button:active { color: #FFFFFF; } .gedit-search-slider entry.error ~ button:disabled { color: rgba(255, 255, 255, 0.3); } .gedit-search-slider button { border: solid 6px transparent; } .gedit-search-slider button:last-child:dir(ltr), .gedit-search-slider button:not(:first-child):dir(rtl) { margin-left: -3px; } .gedit-search-slider button:first-child:dir(rtl), .gedit-search-slider 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; } /************** * Tweak Tool * **************/ .tweak-categories { background-image: image(#F5F5F5); } .tweak { padding: 3px; } .tweak.title:hover { box-shadow: none; } .tweak-group-white, .tweak-white, .tweak-white:hover { background-image: image(#FFFFFF); } .tweak-startup, .tweak-startup:hover { background-image: image(#FFFFFF); } .tweak-group-startup { background-image: image(#FFFFFF); border: 1px solid rgba(0, 0, 0, 0.12); } row#Focus, row#StaticWorkspaceTweak, row#dynamic-workspaces, row#PrimaryWorkspaceTweak, row#workspaces-only-on-primary { padding: 0; border: 1px solid rgba(0, 0, 0, 0.12); } row#Focus 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(0, 0, 0, 0.12); } row#Focus.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#PrimaryWorkspaceTweak, row#workspaces-only-on-primary { margin-top: 4px; } /*********** * Builder * ***********/ layouttabbar { border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: #EEEEEE; } layouttabbar > box > button { margin: 4px 0; } layouttab { margin: 0 8px; border-style: none solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.12); box-shadow: inset 0 -2px #338DD6; background-color: #FFFFFF; } layouttab separator.vertical { margin: 8px 4px; } layouttab button.text-button, layouttab button.image-button, layouttab button { margin-top: 8px; margin-bottom: 8px; padding: 0 4px; } layout { border: 1px solid rgba(0, 0, 0, 0.12); -PnlDockBin-handle-size: 1; } entry.search-missing { background-color: #DD2C00; color: #FFFFFF; } window.workbench treeview.image { color: rgba(0, 0, 0, 0.54); } window.workbench treeview.image:selected { color: rgba(255, 255, 255, 0.7); } popover.popover-selector list { padding: 6px; } popover.popover-selector list row { border-radius: 2px; } 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: 2px; } omnibar:not(:hover):not(:active) entry { color: rgba(0, 0, 0, 0.54); } popover.omnibar list row:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } entry.preferences-search { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } preferences stacksidebar.sidebar list { background-color: #F5F5F5; } preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list { border-style: none; } preferences > box > box:dir(ltr) { border-right: 1px solid rgba(0, 0, 0, 0.12); } preferences > box > box:dir(rtl) { border-left: 1px solid rgba(0, 0, 0, 0.12); } popover.messagepopover.background { padding: 0; } popover.messagepopover .popover-action-area button { padding: 8px 16px; border-top: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0; } popover.messagepopover .popover-action-area button:first-child { border-bottom-left-radius: 2px; } popover.messagepopover .popover-action-area button:last-child { border-bottom-right-radius: 2px; } popover.messagepopover .popover-content-area { margin: 16px; } popover.transfers list { background-color: transparent; } popover.transfers list row:not(:first-child) { border-top: 1px solid rgba(0, 0, 0, 0.12); } popover.transfers list row > box { padding: 10px; } dockbin { border: 1px solid rgba(0, 0, 0, 0.12); -PnlDockBin-handle-size: 1; } dockpaned { border: 1px solid rgba(0, 0, 0, 0.12); } eggsearchbar box.search-bar { padding: 0 8px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: #EEEEEE; } docktabstrip { padding: 0 8px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: #EEEEEE; } docktab { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; min-height: 20px; min-width: 20px; margin-bottom: -1px; padding: 6px 6px; outline-offset: -6px; border-width: 1px; border-color: transparent; background-image: radial-gradient(circle farthest-corner at center, #338DD6 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; color: rgba(0, 0, 0, 0.54); font-weight: 500; } docktab:hover { box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } docktab:checked { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 270ms cubic-bezier(0, 0, 0.2, 1), background-image 720ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 -2px #338DD6; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-size: 1000% 1000%; color: rgba(0, 0, 0, 0.87); } dockoverlayedge { background-color: #EEEEEE; } dockoverlayedge docktabstrip { padding: 0; border: none; } dockoverlayedge.left-edge docktab:hover { box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26); } dockoverlayedge.left-edge docktab:checked { box-shadow: inset -2px 0 #338DD6; } dockoverlayedge.right-edge docktab:hover { box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26); } dockoverlayedge.right-edge docktab:checked { box-shadow: inset 2px 0 #338DD6; } pillbox { background-color: #EEEEEE; border-radius: 2px; } layoutpane entry.search { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } editortweak entry.search { margin-bottom: -1px; box-shadow: none; } .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: 8px; padding-right: 8px; } button.dzlmenubutton image { min-width: 26px; } button.dzlmenubutton image.arrow { min-width: 23px; } button.dzlmenubuttonitem { color: rgba(0, 0, 0, 0.87); font-weight: normal; } button.dzlmenubuttonitem:disabled { color: rgba(0, 0, 0, 0.38); } idelayoutstackheader { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } idelayoutstackheader button:checked { color: rgba(0, 0, 0, 0.87); } ideeditorutilities > dzldockpaned > box > stackswitcher { padding: 8px 0; background-color: #EEEEEE; } ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) { border-right: 1px solid rgba(0, 0, 0, 0.12); } ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) { border-left: 1px solid rgba(0, 0, 0, 0.12); } ideeditorutilities > dzldockpaned > box > stackswitcher button { border-radius: 0; outline-offset: -6px; box-shadow: none; background-color: transparent; } ideeditorutilities > dzldockpaned > box > stackswitcher button:active { background-image: radial-gradient(circle farthest-corner at center, rgba(51, 141, 214, 0.7) 10%, transparent 0%); } ideeditorutilities > dzldockpaned > box > stackswitcher button:checked { background-color: transparent; color: rgba(0, 0, 0, 0.87); } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) { margin-right: -1px; } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):hover { box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26); } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked { box-shadow: inset -2px 0 #338DD6; } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) { margin-left: -1px; } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):hover { box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26); } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked { box-shadow: inset 2px 0 #338DD6; } ideeditorsidebar notebook header { background: transparent; } popover.messagepopover list { border: 1px solid rgba(0, 0, 0, 0.12); } popover.messagepopover list row:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } /********** * Photos * **********/ GdMainIconView.content-view { -GdMainIconView-icon-size: 48; } .documents-counter { margin: 8px; border-radius: 9999px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); background-color: #009688; color: #FFFFFF; font-weight: bold; } .documents-scrolledwin.frame { border-style: none; } .documents-scrolledwin.frame frame.content-view > border { border-style: none; } .photos-fade-in { opacity: 1; transition: opacity 180ms cubic-bezier(0, 0, 0.2, 1); } .photos-fade-out { opacity: 0; transition: opacity 180ms cubic-bezier(0, 0, 0.2, 1); } overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) { border-style: none none none solid; } overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) { border-style: none solid none none; } /********* * Music * *********/ .side-panel:dir(ltr) { border-style: solid; border-color: rgba(0, 0, 0, 0.12); } .side-panel:dir(rtl) { border-style: solid; border-color: rgba(0, 0, 0, 0.12); } .side-panel .view { background-image: image(#F5F5F5); } .side-panel .view:hover { background-image: image(rgba(235, 235, 235, 0.9935)); } .side-panel .view:selected { background-image: image(#338DD6); } .side-panel .view:selected:hover { background-image: image(#3d93d8); } .songs-list:hover { background-image: image(alpha(currentColor, 0.05)); } frame.documents-dropdown { margin: 8px; } frame.documents-dropdown > border { border: none; } box.vertical > revealer > toolbar.search-bar { border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-clip: border-box; } box.vertical > revealer > toolbar.search-bar button > widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } /********* * To Do * *********/ taskrow { transition: all 180ms cubic-bezier(0, 0, 0.2, 1); margin: 0 -8px; } taskrow:hover { transition: none; } taskrow label { margin: 0 8px; } taskrow image { min-width: 16px; } task-list-view > box > revealer > box > button { margin: -4px; } /******* * eog * *******/ #eog-thumb-nav scrolledwindow { border-top: none; } #eog-thumb-nav button { -gtk-outline-radius: 2px; } /************* * 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(0, 0, 0, 0.12); } list.categories { background-image: image(#F5F5F5); } /********* * Boxes * *********/ .transparent-bg + stack overlay > label { min-height: 24px; padding: 0 4px; border-radius: 2px; background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; } /************** * Calculator * **************/ button.title label { min-height: 32px; } /********* * Geary * *********/ .geary-titlebar-left:dir(ltr) { margin-right: 5px; padding-right: 0; } .geary-titlebar-left:dir(rtl) { margin-left: 5px; padding-left: 0; } .geary-titlebar-left > separator { background-color: rgba(0, 0, 0, 0.05); } .geary-titlebar-right:dir(ltr) { margin-left: -5px; } .geary-titlebar-right:dir(rtl) { margin-right: -5px; } /********* * Tilix * *********/ overlay > revealer.left > scrolledwindow.frame, overlay > revealer.right > scrolledwindow.frame { border-style: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22); } 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(#FAFAFA); } button.image-button.session-new-button { min-width: 28px; } /*********** * 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: 2px; } /************ * Chromium * ************/ tooltip.chromium { background-color: #424242; } /*********** * Firefox * ***********/ window.background:not(.csd) > widget > separator { color: rgba(0, 0, 0, 0.26); } window.background:not(.csd) > widget > scrollbar { background-clip: border-box; } window.background:not(.csd) > widget > scrollbar, window.background:not(.csd) > widget > frame > border { border-color: rgba(0, 0, 0, 0.26); } window.background:not(.csd) > widget > entry, window.background:not(.csd) > widget > button > button { border: 1px solid rgba(0, 0, 0, 0.26); border-radius: 3px; box-shadow: none; } window.background:not(.csd) > widget > entry { min-height: 30px; } window.background:not(.csd) > widget > entry:focus { border-color: #338DD6; } window.background:not(.csd) > widget > button > button { padding: 4px 8px; background-size: auto; } window.background:not(.csd) > widget > button > button:hover { background-image: image(alpha(currentColor, 0.05)); } window.background:not(.csd) > widget > button > button:active { background-image: image(alpha(currentColor, 0.1)); } window.background:not(.csd) > widget > checkbutton > check:not(:checked), window.background:not(.csd) > widget > radiobutton > radio:not(:checked) { color: #757575; } window.background:not(.csd) > widget > checkbutton > check:not(:checked):hover, window.background:not(.csd) > widget > checkbutton > check:not(:checked):active, window.background:not(.csd) > widget > radiobutton > radio:not(:checked):hover, window.background:not(.csd) > widget > radiobutton > radio:not(:checked):active { color: #212121; } window.background:not(.csd) > widget > checkbutton > check:not(:checked):disabled, window.background:not(.csd) > widget > radiobutton > radio:not(:checked):disabled { color: rgba(117, 117, 117, 0.5); } window.background:not(.csd) > window > menu, window.background:not(.csd) > menu > menu { border: none; } window.background:not(.csd) > widget > menubar { color: rgba(255, 255, 255, 0.7); } window.background:not(.csd) > widget > menubar:hover { color: #FFFFFF; } window.background:not(.csd) > widget > menubar:disabled { color: rgba(255, 255, 255, 0.3); } window.background:not(.csd) > widget > frame { color: rgba(0, 0, 0, 0.26); } window.background:not(.csd) > widget > checkbutton > check, window.background:not(.csd) > widget > radiobutton > radio { margin: 0; padding: 0; } window.background:not(.csd) > window.background > menu > separator { color: rgba(0, 0, 0, 0.12); } /************ * 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: 2px; -gtk-outline-radius: 2px; } #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: 2px; -gtk-outline-radius: 2px; } #CanvasTable button { min-height: 16px; min-width: 16px; padding: 0; } #CanvasTable #HorizontalScrollbar { border-top: 1px solid rgba(0, 0, 0, 0.12); } #CanvasTable #VerticalScrollbar:dir(ltr) { border-left: 1px solid rgba(0, 0, 0, 0.12); } #CanvasTable #VerticalScrollbar:dir(rtl) { border-right: 1px solid rgba(0, 0, 0, 0.12); } #Canvas_and_Dock frame > border { border: none; } #Canvas_and_Dock widget > widget > button.flat { min-height: 16px; min-width: 16px; padding: 4px; } #Canvas_and_Dock widget > widget > box.horizontal image { padding: 4px; } #Canvas_and_Dock box.horizontal > box.vertical > button.flat { min-height: 16px; min-width: 24px; padding: 8px 4px; } /*********** * Synapse * ***********/ box.vertical > widget > widget:selected { background-color: #338DD6; } /********* * 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: #338DD6; -UnityDecoration-title-indent: 4px; -UnityDecoration-title-fade: 32px; -UnityDecoration-title-alignment: 0.0; } UnityDecoration .top { padding: 0 2px; border-style: none; border-radius: 2px 2px 0 0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); background-color: #303030; color: #FFFFFF; } UnityDecoration .top:backdrop { color: rgba(255, 255, 255, 0.7); } UnityDecoration .menuitem { color: rgba(255, 255, 255, 0.7); } UnityDecoration .menuitem:hover { box-shadow: inset 0 -2px currentColor; background-color: transparent; color: #FFFFFF; } .background:not(.csd) headerbar:not(.titlebar) { border-radius: 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .background:not(.csd) headerbar:not(.titlebar).inline-toolbar { border-style: none; } UnityPanelWidget, .unity-panel { background-color: #212121; 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 { box-shadow: inset 0 -2px currentColor; background-color: transparent; color: #FFFFFF; } .menu IdoPlaybackMenuItem.menuitem:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: spin 1s linear infinite; color: #338DD6; } /************** * Mate-Panel * **************/ .mate-panel-menu-bar menubar, #PanelApplet-window-menu-applet-button { background-color: transparent; } .mate-panel-menu-bar { background-color: #212121; font-weight: 500; } .mate-panel-menu-bar:not(.popup) { color: rgba(255, 255, 255, 0.7); } .mate-panel-menu-bar button { min-height: 16px; min-width: 16px; padding: 0; border-radius: 0; } .mate-panel-menu-bar button:checked { background-color: rgba(255, 255, 255, 0.12); } PanelToplevel.horizontal > grid > button { min-width: 24px; } PanelToplevel.vertical > grid > button { min-height: 24px; } PanelSeparator { color: rgba(255, 255, 255, 0.12); } MatePanelAppletFrameDBus { border-style: solid; border-color: rgba(255, 255, 255, 0.12); } .mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus { border-width: 0 1px; } .mate-panel-menu-bar.vertical MatePanelAppletFrameDBus { border-width: 1px 0; } .mate-panel-menu-bar menubar > menuitem { color: rgba(255, 255, 255, 0.7); } .mate-panel-menu-bar menubar > menuitem:hover { 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 0px; } .mate-panel-menu-bar #tasklist-button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; } .mate-panel-menu-bar #tasklist-button image:dir(ltr), .mate-panel-menu-bar #tasklist-button label:dir(rtl) { padding-left: 4px; } .mate-panel-menu-bar #tasklist-button label:dir(ltr), .mate-panel-menu-bar #tasklist-button image:dir(rtl) { padding-right: 4px; } .mate-panel-menu-bar.vertical #tasklist-button { min-height: 32px; } .mate-panel-menu-bar.horizontal #showdesktop-button image { min-width: 24px; padding: 0 4px; } .mate-panel-menu-bar.vertical #showdesktop-button image { min-height: 24px; padding: 4px 0; } PanelApplet.wnck-applet .wnck-pager { background-color: transparent; color: #40C4FF; } PanelApplet.wnck-applet .wnck-pager:hover { background-color: rgba(255, 255, 255, 0.12); } PanelApplet.wnck-applet .wnck-pager:active { background-color: rgba(255, 255, 255, 0.3); } PanelApplet.wnck-applet .wnck-pager:selected { background-color: #338DD6; } .mate-panel-menu-bar.horizontal #clock-applet-button label { padding: 0 8px; } .mate-panel-menu-bar.vertical #clock-applet-button label { padding: 8px 0; } #MatePanelPopupWindow { border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 3px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } #MatePanelPopupWindow frame > border { border-style: none; } #MatePanelPopupWindow button { padding: 4px 16px; } #MatePanelPopupWindow ClockMap { border: 1px solid rgba(0, 0, 0, 0.12); } #MatePanelPopupWindow widget { color: rgba(0, 0, 0, 0.12); } na-tray-applet { -NaTrayApplet-icon-padding: 3px; -NaTrayApplet-icon-size: 16; } .mate-panel-menu-bar { -PanelMenuBar-icon-visible: true; } .mate-panel-applet-slider { border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 3px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: #EEEEEE; } .mate-panel-applet-slider frame > border { border-style: none; } #PanelApplet:not(:selected) > box { transition: all 180ms 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(0, 0, 0, 0.12); } #mate-menu button { min-height: 24px; min-width: 24px; padding: 4px 0; color: rgba(0, 0, 0, 0.87); font-weight: normal; } #mate-menu button label:not(:first-child) { color: rgba(0, 0, 0, 0.54); } #mate-menu entry { margin: 0 0 8px; } #mate-menu entry image { margin: 0; } #mate-menu entry + button { margin: 0 4px 8px; padding: 4px; } /********************* * CAJA File manager * *********************/ .caja-navigation-window button.toggle.image-button { border-radius: 2px; } .caja-pathbar button { margin: 0 -1px 0 -2px; } .caja-pathbar button > widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -GtkArrow-arrow-scaling: 1; } .caja-side-pane notebook viewport.frame, .caja-side-pane notebook widget .vertical { background-color: #FFFFFF; } .caja-side-pane notebook, .caja-notebook { border-top: 1px solid rgba(0, 0, 0, 0.12); } .caja-side-pane notebook .frame, .caja-notebook .frame { border-style: none; } .caja-navigation-window statusbar { margin: 0 -10px; padding: 0 4px; border-top: 1px solid rgba(0, 0, 0, 0.12); } .caja-notebook frame > border { border-style: none; } #caja-extra-view-widget { border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: #EEEEEE; } #caja-extra-view-widget > box > box > label { font-weight: bold; } /********* * Pluma * *********/ .pluma-window statusbar { margin: 0 -10px; padding: 0 4px; border-top: 1px solid rgba(0, 0, 0, 0.12); } .pluma-window statusbar frame > border { border-style: none; } .pluma-window statusbar frame button.flat { padding: 0 4px; border-radius: 0; } .pluma-window statusbar frame button.flat widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -GtkArrow-arrow-scaling: 1; } .pluma-print-preview toolbar { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .pluma-window paned.horizontal box.vertical box.horizontal button.flat { margin: 1px; } .pluma-window paned.horizontal box.vertical .frame { border-style: none; } .pluma-window paned.horizontal box.vertical notebook.frame { margin-top: -1px; border-top: 1px solid rgba(0, 0, 0, 0.12); } .pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } /********* * Atril * *********/ .atril-window paned.horizontal box.vertical .frame { border-style: none; } .atril-window paned.horizontal box.vertical notebook .frame { border-top: 1px solid rgba(0, 0, 0, 0.12); } /* mate-screensaver lock dialog */ .lock-dialog { border-radius: 2px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), inset 0 1px rgba(255, 255, 255, 0.4); } .lock-dialog frame > border { border-style: none; } /****************** * 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: 2px; -gtk-outline-radius: 2px; } .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: 3px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); background-color: #FAFAFA; } .budgie-popover .container { padding: 2px; } .budgie-popover border { border: none; } .budgie-popover list { background-color: transparent; } .budgie-popover row { padding: 0; } .budgie-popover row:hover { box-shadow: none; } .budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { min-height: 28px; padding: 0 8px; color: rgba(0, 0, 0, 0.87); font-weight: normal; } .budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled { color: rgba(0, 0, 0, 0.38); } .budgie-popover.budgie-menu .container { padding: 0; } .budgie-popover.user-menu .container { padding: 8px; } .budgie-popover.user-menu separator { margin: 4px 0; } .budgie-popover.sound-popover separator { margin: 3px 0; } .budgie-popover.night-light-indicator .container { padding: 8px; } .budgie-popover.places-menu .container { padding: 8px; } .budgie-popover.places-menu .places-list:not(.always-expand) { margin-top: 4px; padding-top: 4px; border-top: 1px solid rgba(0, 0, 0, 0.12); } .budgie-popover.places-menu .alternative-label { padding: 3px; font-size: 15px; } .budgie-popover.workspace-popover .container { padding: 2px 8px 8px; } .budgie-popover.workspace-popover separator { margin: 4px 0; } .budgie-popover.workspace-popover flowboxchild { padding: 0; } .workspace-switcher .workspace-layout { border: 0 solid rgba(255, 255, 255, 0.12); } .top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { border-left-width: 1px; } .top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { border-right-width: 1px; } .left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { border-top-width: 1px; } .workspace-switcher .workspace-item, .workspace-switcher .workspace-add-button { border: 0 solid rgba(255, 255, 255, 0.12); } .top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { border-right-width: 1px; } .top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { border-left-width: 1px; } .left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { border-bottom-width: 1px; } .workspace-switcher .workspace-item { transition: all 180ms 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: 2px; } .budgie-menu.background { padding: 0; background-color: #FFFFFF; } .budgie-menu scrollbar, .budgie-menu entry.search { background-color: transparent; } .budgie-menu entry.search { border-bottom: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0; box-shadow: none; font-size: 120%; } .budgie-menu .categories:dir(ltr) { border-bottom-left-radius: 2px; } .budgie-menu .categories:dir(rtl) { border-bottom-right-radius: 2px; } .budgie-menu button { min-height: 32px; padding: 0 8px; border-radius: 0; color: rgba(0, 0, 0, 0.87); font-weight: normal; } .budgie-menu button:disabled { color: rgba(0, 0, 0, 0.38); } .budgie-menu button:checked:disabled { background-color: #338DD6; } .budgie-menu row { padding: 0; } .budgie-menu row:hover { box-shadow: none; } popover.background.user-menu { padding: 8px; } popover.background.user-menu .content-box { background-color: transparent; } popover.background.user-menu separator { margin: 4px 0; } popover.background.user-menu row { padding: 0; box-shadow: none; background-image: none; } popover.background.places-menu { padding: 8px; } popover.background.places-menu .name-button.text-button { padding-left: 8px; padding-right: 8px; } popover.background.places-menu .name-button.text-button image:dir(ltr) { margin-right: 3px; } popover.background.places-menu .name-button.text-button image:dir(rtl) { margin-left: 3px; } popover.background.places-menu .places-section-header > image:dir(ltr) { margin: 0 -2px 0 5px; } popover.background.places-menu .places-section-header > image:dir(rtl) { margin: 0 5px 0 -2px; } popover.background.places-menu .places-list { margin-top: 4px; padding-top: 4px; border-top: 1px solid rgba(0, 0, 0, 0.12); background-color: transparent; } popover.background.places-menu row { padding: 0; box-shadow: none; background-image: none; } .budgie-panel { transition: background-color 270ms cubic-bezier(0, 0, 0.2, 1); background-color: #212121; color: rgba(255, 255, 255, 0.7); font-weight: 500; } .budgie-panel.transparent { background-color: rgba(0, 0, 0, 0.6); } .budgie-panel button { min-height: 16px; min-width: 16px; padding: 0; border-radius: 0; } .budgie-panel button:checked { background-color: rgba(255, 255, 255, 0.12); } .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: #FF5252; } .budgie-panel #tasklist-button { padding: 0 4px; } .budgie-panel.vertical #tasklist-button { min-height: 32px; } .budgie-panel button.flat.launcher { padding: 0; } .budgie-panel button.flat.launcher:not(:checked) { color: rgba(255, 255, 255, 0.5); } .budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { color: rgba(255, 255, 255, 0.7); } .budgie-panel button.flat.launcher:not(:checked):disabled { color: rgba(255, 255, 255, 0.3); } .top .budgie-panel #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; } .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, .top .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .top button.flat.launcher, .top .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .top button.flat.launcher.running { 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; } .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, .bottom .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .bottom button.flat.launcher, .bottom .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .bottom button.flat.launcher.running { 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; } .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, .left .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .left button.flat.launcher, .left .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .left button.flat.launcher.running { 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; } .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, .right .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .right button.flat.launcher, .right .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .right button.flat.launcher.running { 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 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22); } .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: #FAFAFA; } .raven > box { margin-bottom: -10px; } .raven > stack { margin-bottom: -10px; } .raven stackswitcher.linked > button { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 0%, transparent 0%) 0 0 0/0 0 0px; border-radius: 0; } .raven stackswitcher.linked > button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 100%, transparent 0%) 0 0 2/0 0 2px; background-color: transparent; } .raven .raven-header { min-height: 32px; padding: 3px; } .raven .raven-header:not(.top) { margin-top: -6px; } .raven .raven-header.top { padding: 2px 0; background-color: #338DD6; color: #FFFFFF; } .raven .raven-header.top stackswitcher button { margin: -6px 0; min-height: 32px; } .raven .raven-header.top button.image-button:dir(ltr) { margin-right: 2px; } .raven .raven-header.top button.image-button:dir(rtl) { margin-left: 2px; } .raven .raven-header.top > image { margin: 0 8px; } .raven .raven-header.top > label { margin: 0 -8px; font-weight: bold; } .raven .raven-header.bottom { border-top: 1px solid rgba(0, 0, 0, 0.12); } .raven viewport.frame .raven-header { margin-top: -8px; } .raven .raven-background { border-style: solid none; border-width: 1px; border-color: rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } .raven .raven-background.frame { border-style: solid none; } .raven .raven-background > overlay > widget > image { color: rgba(0, 0, 0, 0.12); } .raven .raven-background grid > label:first-child { min-height: 32px; } .raven scrolledwindow.raven-background { border-bottom-style: none; } .raven .raven-header.top + .raven-background { border-style: none; background-color: #338DD6; color: #FFFFFF; } .raven .raven-header.top + .raven-background stackswitcher button { margin: -4px 0; } .raven .powerstrip button { margin: 2px 0 1px; padding: 10px; } .raven .option-subtitle { font-size: smaller; } calendar.raven-calendar { border-style: none; background-color: transparent; } calendar.raven-calendar:selected { border-radius: 2px; background-color: #338DD6; } .raven-mpris { background-color: rgba(0, 0, 0, 0.6); color: #FFFFFF; } .raven-mpris label { min-height: 24px; } .raven-mpris button.image-button { padding: 10px; } .budgie-notification-window, .budgie-osd-window, .budgie-switcher-window { background-color: transparent; } .budgie-notification .notification-title, .budgie-switcher .notification-title { font-size: 120%; } .budgie-osd .budgie-osd-text { font-size: 120%; } .drop-shadow { margin: 5px 9px; padding: 3px; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FAFAFA; } .drop-shadow .linked > button { border-radius: 2px; } .budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { border-radius: 2px; background-color: #FAFAFA; } .budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration { border-radius: 2px; } .budgie-session-dialog label:not(:last-child), .budgie-session-dialog .dialog-title { font-size: 120%; } .budgie-session-dialog .linked.horizontal > button { padding: 8px 16px; border-top: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0; } .budgie-session-dialog .linked.horizontal > button:first-child { border-bottom-left-radius: 2px; } .budgie-session-dialog .linked.horizontal > button:last-child { border-bottom-right-radius: 2px; } .budgie-polkit-dialog .message { color: rgba(0, 0, 0, 0.38); } .budgie-polkit-dialog .failure { color: #FF5252; } .budgie-run-dialog { background-color: #FFFFFF; } .budgie-run-dialog entry.search { font-size: 120%; padding: 6px 14px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: transparent; } .budgie-run-dialog list .dim-label, .budgie-run-dialog list label.separator, .budgie-run-dialog list .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .budgie-run-dialog list .subtitle, .budgie-run-dialog list headerbar .subtitle, headerbar .budgie-run-dialog list .subtitle, .budgie-run-dialog list .budgie-notification .notification-body, .budgie-notification .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher .notification-body, .budgie-switcher .budgie-run-dialog list .notification-body { opacity: 1; } .budgie-run-dialog scrolledwindow { border-top: 1px solid rgba(0, 0, 0, 0.12); } /************************ * LightDM GTK+ Greeter * ************************/ #panel_window { background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; } #panel_window menubar, #panel_window separator { background-color: transparent; } #panel_window separator { padding: 0 4px; } #panel_window separator:first-child { padding: 0 8px; } #panel_window menubar > menuitem { color: rgba(255, 255, 255, 0.7); } #panel_window menubar > menuitem:hover { color: #FFFFFF; } #panel_window menubar > menuitem:disabled label { color: rgba(255, 255, 255, 0.3); } #login_window, #shutdown_dialog, #restart_dialog { margin: 8px; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FAFAFA; } #content_frame { padding-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); } #buttonbox_frame { padding-top: 24px; } #buttonbox_frame button { margin: -16px; } #greeter_infobar { margin-top: -1px; } /* GTK NAMED COLORS ---------------- use responsibly! */ /* widget text/foreground color */ @define-color theme_fg_color rgba(0, 0, 0, 0.87); /* text color for entries, views and content in general */ @define-color theme_text_color rgba(0, 0, 0, 0.87); /* widget base background color */ @define-color theme_bg_color #EEEEEE; /* text widgets and the like base background color */ @define-color theme_base_color #FFFFFF; /* base background color of selections */ @define-color theme_selected_bg_color #338DD6; /* text/foreground color of selections */ @define-color theme_selected_fg_color #FFFFFF; /* base background color of insensitive widgets */ @define-color insensitive_bg_color #EEEEEE; /* text foreground color of insensitive widgets */ @define-color insensitive_fg_color rgba(0, 0, 0, 0.38); /* insensitive text widgets and the like base background color */ @define-color insensitive_base_color #F5F5F5; /* widget text/foreground color on backdrop windows */ @define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.87); /* text color for entries, views and content in general on backdrop windows */ @define-color theme_unfocused_text_color rgba(0, 0, 0, 0.87); /* widget base background color on backdrop windows */ @define-color theme_unfocused_bg_color #EEEEEE; /* text widgets and the like base background color on backdrop windows */ @define-color theme_unfocused_base_color #FFFFFF; /* base background color of selections on backdrop windows */ @define-color theme_unfocused_selected_bg_color #338DD6; /* text/foreground color of selections on backdrop windows */ @define-color theme_unfocused_selected_fg_color #FFFFFF; /* insensitive color on backdrop windows */ @define-color unfocused_insensitive_color rgba(0, 0, 0, 0.38); /* widgets main borders color */ @define-color borders rgba(0, 0, 0, 0.12); /* widgets main borders color on backdrop windows */ @define-color unfocused_borders rgba(0, 0, 0, 0.12); /* these are pretty self explicative */ @define-color warning_color #FF6D00; @define-color error_color #DD2C00; @define-color success_color #00C853; /* FIXME this is really an API */ @define-color content_view_bg #FFFFFF; @define-color placeholder_text_color #757575; materia-theme-20180321/src/gtk/3.22/gtk-compact.scss000066400000000000000000000004311325420104000215310ustar00rootroot00000000000000$variant: 'light'; $titlebar: 'dark'; $compact: 'true'; @import '../../_sass/gtk/variables'; @import '../../_sass/colors'; @import '../../_sass/gtk/drawing-3.20'; @import '../../_sass/gtk/common-3.20'; @import '../../_sass/gtk/apps-3.22'; @import '../../_sass/gtk/colors-public'; materia-theme-20180321/src/gtk/3.22/gtk-dark-compact.css000066400000000000000000004673521325420104000223100ustar00rootroot00000000000000@keyframes ripple_effect { to { background-size: 1000% 1000%; } } @keyframes header_ripple_effect { from { background-image: radial-gradient(circle farthest-corner at center, #338DD6 0%, transparent 0%); } to { background-image: radial-gradient(circle farthest-corner at center, #338DD6 100%, transparent 0%); } } * { background-clip: padding-box; -GtkToolButton-icon-spacing: 0; -GtkTextView-error-underline-color: #DD2C00; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 24; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-style: solid; outline-width: 2px; outline-color: transparent; outline-offset: -4px; -gtk-outline-radius: 2px; -gtk-secondary-caret-color: #338DD6; } notebook:focus tab, *:focus { outline-color: alpha(currentColor, 0.3); } /*************** * Base States * ***************/ .background { background-color: #212121; color: #FFFFFF; } /* 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: #212121; color: #FFFFFF; } .gtkstyle-fallback:hover { background-color: #141414; color: #FFFFFF; } .gtkstyle-fallback:active { background-color: #080808; color: #FFFFFF; } .gtkstyle-fallback:disabled { background-color: #212121; color: rgba(255, 255, 255, 0.5); } .gtkstyle-fallback:selected { background-color: #338DD6; color: #FFFFFF; } .view { background-color: #303030; color: #FFFFFF; } .view:disabled { color: rgba(255, 255, 255, 0.5); } .view:hover, .view:active, .view:selected { border-radius: 2px; } textview text { background-color: #303030; } textview border { background-color: #292929; color: rgba(255, 255, 255, 0.5); } .rubberband, rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, .content-view .rubberband { border: 1px solid #40C4FF; background-color: rgba(64, 196, 255, 0.3); } flowbox flowboxchild { padding: 4px; border-radius: 2px; } .content-view .tile:selected { background-color: transparent; color: inherit; } label { caret-color: currentColor; } label.separator { color: #FFFFFF; } label selection { background-color: #338DD6; color: #FFFFFF; } label:disabled { color: rgba(255, 255, 255, 0.5); } tab label:disabled, button label:disabled { color: inherit; } .dim-label, label.separator, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, .budgie-notification .notification-body, .budgie-switcher .notification-body { opacity: 0.6; } assistant .sidebar { padding: 4px 0; } assistant .sidebar label { min-height: 32px; padding: 0 12px; color: rgba(255, 255, 255, 0.5); font-weight: 500; } assistant .sidebar label.highlight { color: #FFFFFF; } popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .app-notification, .osd .scale-popup, .nautilus-window .floating-bar, .osd { opacity: 0.9; } /********************* * Spinner Animation * *********************/ @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } spinner:checked { opacity: 1; animation: spin 1s linear infinite; } spinner:checked:disabled { opacity: 0.5; } /**************** * Text Entries * ****************/ spinbutton:not(.vertical), entry { min-height: 32px; padding: 0 8px; border-radius: 2px; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #303030; color: #FFFFFF; } spinbutton:focus:not(.vertical), entry:focus { border-image: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } spinbutton:disabled:not(.vertical), entry:disabled { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #292929; color: rgba(255, 255, 255, 0.5); } spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) entry:not(.search), notebook > stack:not(:only-child) spinbutton:not(.vertical), messagedialog entry, colorchooser .popover.osd spinbutton:not(.vertical), entry.preferences-search, layoutpane entry.search, editortweak entry.search, .raven .raven-background spinbutton:not(.vertical), #login_window entry, entry.flat { border-radius: 0; transition: all 270ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); background-color: transparent; color: #FFFFFF; } spinbutton.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry:focus:not(.search), notebook > stack:not(:only-child) spinbutton:focus:not(.vertical), messagedialog entry:focus, colorchooser .popover.osd spinbutton:focus:not(.vertical), entry.preferences-search:focus, layoutpane entry.search:focus, editortweak entry.search:focus, .raven .raven-background spinbutton:focus:not(.vertical), #login_window entry:focus, entry.flat:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } spinbutton.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry:disabled:not(.search), notebook > stack:not(:only-child) spinbutton:disabled:not(.vertical), messagedialog entry:disabled, colorchooser .popover.osd spinbutton:disabled:not(.vertical), entry.preferences-search:disabled, layoutpane entry.search:disabled, editortweak entry.search:disabled, .raven .raven-background spinbutton:disabled:not(.vertical), #login_window entry:disabled, entry.flat:disabled { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); background-color: transparent; color: rgba(255, 255, 255, 0.5); } spinbutton:not(.vertical) image, entry image { color: rgba(255, 255, 255, 0.7); } spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active, entry image:hover, entry image:active { color: #FFFFFF; } spinbutton:not(.vertical) image:disabled, entry image:disabled { color: rgba(255, 255, 255, 0.5); } spinbutton:not(.vertical) image.left, entry image.left { margin-left: 0px; margin-right: 6px; } spinbutton:not(.vertical) image.right, entry image.right { margin-left: 6px; margin-right: 0px; } spinbutton:not(.vertical) undershoot.left, entry undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: left top; } spinbutton:not(.vertical) undershoot.right, entry undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: right top; } spinbutton.error:not(.vertical), entry.error { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #DD2C00; color: #FFFFFF; } spinbutton.error:focus:not(.vertical), entry.error:focus { border-image: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } spinbutton.error:disabled:not(.vertical), entry.error:disabled { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #292929; color: rgba(255, 255, 255, 0.5); } spinbutton.error.flat:not(.vertical), notebook > stack:not(:only-child) entry.error:not(.search), notebook > stack:not(:only-child) spinbutton.error:not(.vertical), messagedialog entry.error, colorchooser .popover.osd spinbutton.error:not(.vertical), entry.error.preferences-search, layoutpane entry.error.search, editortweak entry.error.search, .raven .raven-background spinbutton.error:not(.vertical), #login_window entry.error, entry.error.flat { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 0%, transparent 0%) 0 0 0/0 0 0px; box-shadow: inset 0 -1px #DD2C00; background-color: transparent; color: #FFFFFF; } spinbutton.error.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.error:focus:not(.search), notebook > stack:not(:only-child) spinbutton.error:focus:not(.vertical), messagedialog entry.error:focus, colorchooser .popover.osd spinbutton.error:focus:not(.vertical), entry.error.preferences-search:focus, layoutpane entry.error.search:focus, editortweak entry.error.search:focus, .raven .raven-background spinbutton.error:focus:not(.vertical), #login_window entry.error:focus, entry.error.flat:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 100%, transparent 0%) 0 0 2/0 0 2px; box-shadow: inset 0 -1px #DD2C00; } spinbutton.error.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.error:disabled:not(.search), notebook > stack:not(:only-child) spinbutton.error:disabled:not(.vertical), messagedialog entry.error:disabled, colorchooser .popover.osd spinbutton.error:disabled:not(.vertical), entry.error.preferences-search:disabled, layoutpane entry.error.search:disabled, editortweak entry.error.search:disabled, .raven .raven-background spinbutton.error:disabled:not(.vertical), #login_window entry.error:disabled, entry.error.flat:disabled { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); background-color: transparent; color: rgba(255, 255, 255, 0.5); } spinbutton.error:not(.vertical) image, entry.error image { color: rgba(255, 255, 255, 0.7); } spinbutton.error:not(.vertical) image:hover, spinbutton.error:not(.vertical) image:active, entry.error image:hover, entry.error image:active { color: #FFFFFF; } spinbutton.error:not(.vertical) image:disabled, entry.error image:disabled { color: rgba(255, 255, 255, 0.5); } spinbutton.warning:not(.vertical), entry.warning { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FF6D00; color: #FFFFFF; } spinbutton.warning:focus:not(.vertical), entry.warning:focus { border-image: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } spinbutton.warning:disabled:not(.vertical), entry.warning:disabled { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #292929; color: rgba(255, 255, 255, 0.5); } spinbutton.warning.flat:not(.vertical), notebook > stack:not(:only-child) entry.warning:not(.search), notebook > stack:not(:only-child) spinbutton.warning:not(.vertical), messagedialog entry.warning, colorchooser .popover.osd spinbutton.warning:not(.vertical), entry.warning.preferences-search, layoutpane entry.warning.search, editortweak entry.warning.search, .raven .raven-background spinbutton.warning:not(.vertical), #login_window entry.warning, entry.warning.flat { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 0%, transparent 0%) 0 0 0/0 0 0px; box-shadow: inset 0 -1px #FF6D00; background-color: transparent; color: #FFFFFF; } spinbutton.warning.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.warning:focus:not(.search), notebook > stack:not(:only-child) spinbutton.warning:focus:not(.vertical), messagedialog entry.warning:focus, colorchooser .popover.osd spinbutton.warning:focus:not(.vertical), entry.warning.preferences-search:focus, layoutpane entry.warning.search:focus, editortweak entry.warning.search:focus, .raven .raven-background spinbutton.warning:focus:not(.vertical), #login_window entry.warning:focus, entry.warning.flat:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 100%, transparent 0%) 0 0 2/0 0 2px; box-shadow: inset 0 -1px #FF6D00; } spinbutton.warning.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.warning:disabled:not(.search), notebook > stack:not(:only-child) spinbutton.warning:disabled:not(.vertical), messagedialog entry.warning:disabled, colorchooser .popover.osd spinbutton.warning:disabled:not(.vertical), entry.warning.preferences-search:disabled, layoutpane entry.warning.search:disabled, editortweak entry.warning.search:disabled, .raven .raven-background spinbutton.warning:disabled:not(.vertical), #login_window entry.warning:disabled, entry.warning.flat:disabled { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); background-color: transparent; color: rgba(255, 255, 255, 0.5); } spinbutton.warning:not(.vertical) image, entry.warning image { color: rgba(255, 255, 255, 0.7); } spinbutton.warning:not(.vertical) image:hover, spinbutton.warning:not(.vertical) image:active, entry.warning image:hover, entry.warning image:active { color: #FFFFFF; } spinbutton.warning:not(.vertical) image:disabled, entry.warning image:disabled { color: rgba(255, 255, 255, 0.5); } spinbutton:not(.vertical) progress, entry progress { margin: 2px -6px; border-bottom: 2px solid #338DD6; background-color: transparent; } .linked:not(.vertical) > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) .linked:not(.vertical) > entry:not(.search), notebook > stack:not(:only-child) .linked:not(.vertical) > spinbutton:not(.vertical), messagedialog .linked:not(.vertical) > entry, colorchooser .popover.osd .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry.preferences-search, layoutpane .linked:not(.vertical) > entry.search, editortweak .linked:not(.vertical) > entry.search, .raven .raven-background .linked:not(.vertical) > spinbutton:not(.vertical), #login_window .linked:not(.vertical) > entry, .linked.vertical > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) .linked.vertical > entry:not(.search), notebook > stack:not(:only-child) .linked.vertical > spinbutton:not(.vertical), messagedialog .linked.vertical > entry, colorchooser .popover.osd .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry.preferences-search, layoutpane .linked.vertical > entry.search, editortweak .linked.vertical > entry.search, .raven .raven-background .linked.vertical > spinbutton:not(.vertical), #login_window .linked.vertical > entry, .linked:not(.vertical) > entry.flat, .linked.vertical > entry.flat { border-radius: 0; } treeview entry.flat, treeview entry { min-height: 0; padding: 2px; border-radius: 0; background-color: #303030; } treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus { border-image: none; box-shadow: none; } .entry-tag, .documents-entry-tag, .photos-entry-tag { margin: 4px; border-radius: 9999px; box-shadow: none; background-color: #338DD6; color: #FFFFFF; } .entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } :dir(ltr) .entry-tag, :dir(ltr) .documents-entry-tag, :dir(ltr) .photos-entry-tag { margin-left: 8px; margin-right: -4px; padding-left: 8px; padding-right: 4px; } :dir(rtl) .entry-tag, :dir(rtl) .documents-entry-tag, :dir(rtl) .photos-entry-tag { margin-left: -4px; margin-right: 8px; padding-left: 4px; padding-right: 8px; } .entry-tag.button, .button.documents-entry-tag, .button.photos-entry-tag { box-shadow: none; background-color: transparent; } .entry-tag.button:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active) { color: rgba(255, 255, 255, 0.7); } /*********** * Buttons * ***********/ @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#009688), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#009688), to(transparent)); } } button { min-height: 24px; min-width: 16px; padding: 4px 8px; border-radius: 2px; font-weight: 500; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1), background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 9999px transparent; background-color: #424242; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; color: rgba(255, 255, 255, 0.8); } button:hover { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px transparent; color: #FFFFFF; } button:active { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px alpha(currentColor, 0.15); background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%); background-size: 0% 0%; color: #FFFFFF; } button:disabled { box-shadow: none; background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.3); } button:checked { background-color: #338DD6; color: #FFFFFF; } button:checked:disabled { background-color: rgba(51, 141, 214, 0.3); color: rgba(51, 141, 214, 0.5); } modelbutton.flat, .menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button, popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check, radio, calendar.button, messagedialog.csd .dialog-action-area button, button.sidebar-button, .gedit-search-slider button, popover.messagepopover .popover-action-area button, #mate-menu button, .budgie-settings-window buttonbox.inline-toolbar button, .raven .raven-header:not(.top) button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, .lightdm-gtk-greeter button, :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) .path-bar button, layouttabbar button, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, toolbar button, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), headerbar button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button, button.flat { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 9999px transparent; background-color: transparent; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; color: rgba(255, 255, 255, 0.7); } modelbutton.flat:hover, .menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background.menu button:hover, popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover, radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button:hover, button.sidebar-button:hover, .gedit-search-slider button:hover, popover.messagepopover .popover-action-area button:hover, #mate-menu button:hover, .budgie-settings-window buttonbox.inline-toolbar button:hover, .raven .raven-header:not(.top) button:hover, .drop-shadow button:hover, .budgie-session-dialog .linked.horizontal > button:hover, .lightdm-gtk-greeter button:hover, :not(headerbar) .caja-pathbar button:hover, .caja-pathbar :not(headerbar) button:hover, :not(headerbar) .path-bar button:hover, layouttabbar button:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, toolbar button:hover, .titlebar:not(headerbar) button:hover:not(.suggested-action):not(.destructive-action), headerbar button:hover:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:hover, button.flat:hover { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15); color: #FFFFFF; } modelbutton.flat:active, .menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background.menu button:active, popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active, radio:active, calendar.button:active, messagedialog.csd .dialog-action-area button:active, button.sidebar-button:active, .gedit-search-slider button:active, popover.messagepopover .popover-action-area button:active, #mate-menu button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, .raven .raven-header:not(.top) button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, .lightdm-gtk-greeter button:active, :not(headerbar) .caja-pathbar button:active, .caja-pathbar :not(headerbar) button:active, :not(headerbar) .path-bar button:active, layouttabbar button:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, toolbar button:active, .titlebar:not(headerbar) button:active:not(.suggested-action):not(.destructive-action), headerbar button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:active, button.flat:active { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15); background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%); background-size: 0% 0%; color: #FFFFFF; } modelbutton.flat:disabled, .menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background.menu button:disabled, popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled, radio:disabled, calendar.button:disabled, messagedialog.csd .dialog-action-area button:disabled, button.sidebar-button:disabled, .gedit-search-slider button:disabled, popover.messagepopover .popover-action-area button:disabled, #mate-menu button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, .raven .raven-header:not(.top) button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, .lightdm-gtk-greeter button:disabled, :not(headerbar) .caja-pathbar button:disabled, .caja-pathbar :not(headerbar) button:disabled, :not(headerbar) .path-bar button:disabled, layouttabbar button:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, toolbar button:disabled, .titlebar:not(headerbar) button:disabled:not(.suggested-action):not(.destructive-action), headerbar button:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:disabled, button.flat:disabled { box-shadow: none; background-color: transparent; color: rgba(255, 255, 255, 0.3); } :not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .path-bar button:checked, layouttabbar button:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, toolbar button:checked, .titlebar:not(headerbar) button:checked:not(.suggested-action):not(.destructive-action), headerbar button:checked:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked, button.flat:checked { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } :not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar) .path-bar button:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, toolbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled:not(.suggested-action):not(.destructive-action), headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked:disabled, button.flat:checked:disabled { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } button.text-button { padding-left: 16px; padding-right: 16px; } button.image-button { min-width: 24px; padding: 4px; } button.text-button.image-button { border-radius: 2px; -gtk-outline-radius: 2px; } button.text-button.image-button label:first-child { margin-left: 12px; } button.text-button.image-button label:last-child { margin-right: 12px; } button.text-button.image-button image:not(:only-child) { margin: 0 4px; } toolbar .linked > button, .titlebar:not(headerbar) .linked > button:not(.suggested-action):not(.destructive-action), headerbar .linked > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button, toolbar .linked.vertical > button, .titlebar:not(headerbar) .linked.vertical > button:not(.suggested-action):not(.destructive-action), headerbar .linked.vertical > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked.vertical > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked.vertical > button, .linked > button.flat, .linked.vertical > button.flat { border-radius: 2px; } toolbar .linked > button.text-button.image-button, .titlebar:not(headerbar) .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action), headerbar .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.text-button.image-button, toolbar .linked.vertical > button.text-button.image-button, .titlebar:not(headerbar) .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action), headerbar .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked.vertical > button.text-button.image-button, .linked > button.flat.text-button.image-button, .linked.vertical > button.flat.text-button.image-button { border-radius: 2px; -gtk-outline-radius: 2px; } infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, row:selected button:disabled { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.3); } row:selected button.sidebar-button, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, .raven-mpris button.image-button, row:selected button.flat { color: rgba(255, 255, 255, 0.7); } row:selected button.sidebar-button:hover, infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, .raven-mpris button.image-button:hover, row:selected button.sidebar-button:active, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .raven-mpris button.image-button:active, row:selected button.flat:hover, row:selected button.flat:active { color: #FFFFFF; } row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .raven-mpris button.image-button:disabled, row:selected button.flat:disabled { color: rgba(255, 255, 255, 0.3); } row:selected button.sidebar-button:checked, infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .raven-mpris button.image-button:checked, row:selected button.flat:checked { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } row:selected button.sidebar-button:checked:disabled, infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .raven-mpris button.image-button:checked:disabled, row:selected button.flat:checked:disabled { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } button.osd { padding: 10px 14px; } button.osd.image-button { padding: 10px; } button.osd:disabled { opacity: 0; } button.suggested-action { background-color: #009688; color: #FFFFFF; } button.suggested-action:disabled { box-shadow: none; background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } button.suggested-action:checked { background-color: #4db6ac; } button.suggested-action.flat { background-color: transparent; color: #009688; } button.suggested-action.flat:disabled { box-shadow: none; background-color: transparent; color: rgba(255, 255, 255, 0.5); } button.suggested-action.flat:checked { background-color: rgba(0, 150, 136, 0.3); } button.destructive-action { background-color: #FF5252; color: #FFFFFF; } button.destructive-action:disabled { box-shadow: none; background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } button.destructive-action:checked { background-color: #ff8686; } button.destructive-action.flat { background-color: transparent; color: #FF5252; } button.destructive-action.flat:disabled { box-shadow: none; background-color: transparent; color: rgba(255, 255, 255, 0.5); } button.destructive-action.flat:checked { background-color: rgba(255, 82, 82, 0.3); } .stack-switcher > button { outline-offset: -4px; } .stack-switcher > button > label { padding-left: 6px; padding-right: 6px; } .stack-switcher > button > image { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } .stack-switcher > button.text-button { padding-left: 10px; padding-right: 10px; } .stack-switcher > button.image-button { padding-left: 2px; padding-right: 2px; } .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { animation: none; background-image: none; } .primary-toolbar button { -gtk-icon-shadow: none; } button.image-button, toolbar .linked > button.image-button, .titlebar:not(headerbar) .linked > button.image-button:not(.suggested-action):not(.destructive-action), headerbar .linked > button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.image-button, toolbar .linked.vertical > button.image-button, headerbar .linked.vertical > button.image-button:not(.suggested-action):not(.destructive-action), .app-notification .linked.vertical > button.image-button, .linked > button.flat.image-button, .linked.vertical > button.flat.image-button, .inline-toolbar button:not(.text-button), check, radio, button.titlebutton, .nautilus-window headerbar > revealer > button, .raven .raven-header:not(.top) button.image-button, .raven .expander-button, button.close, button.circular { border-radius: 9999px; -gtk-outline-radius: 9999px; } spinbutton:not(.vertical) button, notebook > header tab button.flat, button.sidebar-button, .nautilus-window .floating-bar button, .gedit-document-panel row button.flat, .gedit-search-slider button:dir(ltr), .gedit-search-slider button:dir(rtl), .pluma-window paned.horizontal box.vertical box.horizontal button.flat { min-height: 20px; min-width: 20px; padding: 0; border-radius: 9999px; -gtk-outline-radius: 9999px; } .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label { animation: needs_attention 270ms cubic-bezier(0, 0, 0.2, 1) forwards; background-repeat: no-repeat; background-position: right 3px; background-size: 6px 6px; } .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) { background-position: left 3px; } .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked > button, .linked:not(.vertical) > combobox > box > button.combo { border-radius: 0; -gtk-outline-radius: 2px; } .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .linked > button:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .linked > button:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo { border-radius: 2px; } .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button, .linked.vertical > combobox > box > button.combo { border-radius: 0; -gtk-outline-radius: 2px; } .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo { border-top-left-radius: 2px; border-top-right-radius: 2px; } .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo { border-radius: 2px; } /* menu buttons */ modelbutton.flat, .menuitem.button.flat { min-height: 28px; padding: 0 8px; border-radius: 2px; color: inherit; } modelbutton.flat arrow { background: none; } modelbutton.flat arrow:hover { background: none; } modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } button.color { min-height: 20px; min-width: 20px; padding: 6px; } /********* * Links * *********/ *:link, button:link, button:visited, *:link:hover, button:hover:link, button:hover:visited, *:link:active, button:active:link, button:active:visited { color: #338DD6; } *:link:visited, button:visited, *:link:visited:hover, button:visited:hover, *:link:visited:active, button:visited:active { color: #E040FB; } infobar.info *:link, infobar.info button:link, infobar.info button:visited, infobar.question *:link, infobar.question button:link, infobar.question button:visited, infobar.warning *:link, infobar.warning button:link, infobar.warning button:visited, infobar.error *:link, infobar.error button:link, infobar.error button:visited, *:link:selected, button:selected:link, button:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:link, headerbar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited { color: #FFFFFF; } button:link > label, button:visited > label { text-decoration-line: underline; } /***************** * GtkSpinButton * *****************/ spinbutton:not(.vertical) { padding: 0; } notebook > stack:not(:only-child) spinbutton:not(.vertical) entry, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:focus, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:disabled, spinbutton:not(.vertical) entry { min-width: 28px; margin: 0; border-image: none; border-radius: 0; box-shadow: none; background-color: transparent; } spinbutton:not(.vertical) button { border: solid 6px transparent; } spinbutton:not(.vertical) button.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:disabled { color: rgba(255, 255, 255, 0.5); } spinbutton.vertical:drop(active) { box-shadow: none; } spinbutton.vertical entry { min-height: 32px; min-width: 44px; padding: 0; } spinbutton.vertical button { min-height: 32px; min-width: 44px; padding: 0; } spinbutton.vertical button.up { border-radius: 2px 2px 0 0; } spinbutton.vertical button.down { border-radius: 0 0 2px 2px; } treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; } treeview spinbutton:not(.vertical) entry { min-height: 0; padding: 1px 2px; } /************** * ComboBoxes * **************/ combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } combobox decoration, combobox button.combo:checked { transition: none; } combobox button.combo cellview:dir(ltr) { margin-left: 0px; } combobox button.combo cellview:dir(rtl) { margin-right: 0px; } combobox #gtk-combobox-popup-menu { padding: 2px 0; } combobox #gtk-combobox-popup-menu menuitem { min-height: 28px; padding: 0 8px; } combobox #gtk-combobox-popup-menu > arrow.top { margin-top: -2px; } combobox #gtk-combobox-popup-menu > arrow.bottom { margin-bottom: -6px; } combobox:drop(active) { box-shadow: none; } notebook > stack:not(:only-child) button.combo, .raven .raven-background button.combo, #login_window #user_combobox button { border-radius: 0; background-image: none; font-weight: inherit; transition: all 270ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); background-color: transparent; color: #FFFFFF; } notebook > stack:not(:only-child) button.combo:hover, .raven .raven-background button.combo:hover, #login_window #user_combobox button:hover { box-shadow: inset 0 -2px rgba(255, 255, 255, 0.5); } notebook > stack:not(:only-child) button.combo:checked, .raven .raven-background button.combo:checked, #login_window #user_combobox button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px; } notebook > stack:not(:only-child) button.combo:disabled, .raven .raven-background button.combo:disabled, #login_window #user_combobox button:disabled { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } /************ * Toolbars * ************/ toolbar { -GtkWidget-window-dragging: true; padding: 2px; background-color: #212121; } .osd toolbar { background-color: transparent; } toolbar.osd, .app-notification, frame.documents-dropdown { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); padding: 6px; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1); background-color: #303030; } toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.1); } toolbar.osd.left, .left.app-notification, frame.left.documents-dropdown, toolbar.osd.right, .right.app-notification, frame.right.documents-dropdown, toolbar.osd.top, .top.app-notification, frame.top.documents-dropdown, toolbar.osd.bottom, .bottom.app-notification, frame.bottom.documents-dropdown { border-radius: 0; } toolbar.horizontal > separator { margin: 2px; } toolbar.vertical > separator { margin: 2px; } toolbar:not(.inline-toolbar):not(.osd) scale, toolbar:not(.inline-toolbar):not(.osd) entry, toolbar:not(.inline-toolbar):not(.osd) spinbutton, toolbar:not(.inline-toolbar):not(.osd) button { margin: 2px; } toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child), toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child), toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) { margin-left: 0; } toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child), toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child), toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) { margin-right: 0; } toolbar:not(.inline-toolbar):not(.osd) spinbutton entry, toolbar:not(.inline-toolbar):not(.osd) spinbutton button { margin: 0; } toolbar:not(.inline-toolbar):not(.osd) switch { margin: 8px 2px; } .inline-toolbar { padding: 6px; border-style: solid; border-width: 0 1px 1px; border-color: rgba(0, 0, 0, 0.26); background-color: #292929; } searchbar > revealer > box, .location-bar { padding: 6px; border-style: solid; border-width: 0 0 1px; border-color: rgba(0, 0, 0, 0.26); background-color: #212121; background-clip: border-box; } searchbar > revealer > box { margin: -6px; padding: 6px; } /*************** * Header bars * ***************/ .titlebar:not(headerbar), headerbar { transition: background-color 180ms cubic-bezier(0, 0, 0.2, 1), color 270ms cubic-bezier(0, 0, 0.2, 1); min-height: 44px; padding: 0 6px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.1); background-color: #303030; color: #FFFFFF; } .titlebar:disabled:not(headerbar) :not(button) > label, headerbar:disabled :not(button) > label { color: rgba(255, 255, 255, 0.5); } .titlebar:backdrop:not(headerbar), headerbar:backdrop { color: rgba(255, 255, 255, 0.7); } .titlebar:backdrop:disabled:not(headerbar) :not(button) > label, headerbar:backdrop:disabled :not(button) > label { color: rgba(255, 255, 255, 0.3); } .titlebar:not(headerbar) .title, headerbar .title { padding: 0 12px; font-weight: bold; } .titlebar:not(headerbar) .subtitle, headerbar .subtitle { padding: 0 12px; font-size: smaller; } .titlebar:not(headerbar) .linked:not(.vertical) > entry:not(.flat), headerbar .linked:not(.vertical) > entry:not(.flat) { border-radius: 2px; } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), headerbar button:not(.suggested-action):not(.destructive-action) { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px; color: rgba(255, 255, 255, 0.7); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active, headerbar button:not(.suggested-action):not(.destructive-action):hover, headerbar button:not(.suggested-action):not(.destructive-action):active { color: #FFFFFF; } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled, headerbar button:not(.suggested-action):not(.destructive-action):disabled { color: rgba(255, 255, 255, 0.3); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, headerbar 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: #FFFFFF; } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled { color: rgba(255, 255, 255, 0.5); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, headerbar button:not(.suggested-action):not(.destructive-action):checked, headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled { background-color: transparent; } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop, headerbar button:not(.suggested-action):not(.destructive-action):backdrop { color: rgba(255, 255, 255, 0.5); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:active, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:hover, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:active { color: rgba(255, 255, 255, 0.7); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:disabled { color: rgba(255, 255, 255, 0.3); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked { color: rgba(255, 255, 255, 0.7); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { color: rgba(255, 255, 255, 0.3); } .titlebar:not(headerbar) button.suggested-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled, headerbar button.suggested-action:disabled, headerbar button.destructive-action:disabled { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } .selection-mode.titlebar:not(headerbar), headerbar.selection-mode { transition: background-color 0.00001s 270ms, color 270ms cubic-bezier(0, 0, 0.2, 1); animation: header_ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.2); background-color: #338DD6; color: #FFFFFF; } .selection-mode.titlebar:backdrop:not(headerbar), headerbar.selection-mode:backdrop { color: rgba(255, 255, 255, 0.7); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), headerbar.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: #FFFFFF; } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled { color: rgba(255, 255, 255, 0.5); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, headerbar.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: #FFFFFF; } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled { color: rgba(255, 255, 255, 0.5); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop { color: rgba(255, 255, 255, 0.7); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled { color: rgba(255, 255, 255, 0.3); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked { color: rgba(255, 255, 255, 0.7); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { color: rgba(255, 255, 255, 0.3); } .selection-mode.titlebar:not(headerbar) .selection-menu, headerbar.selection-mode .selection-menu { padding-left: 16px; padding-right: 16px; } .selection-mode.titlebar:not(headerbar) .selection-menu arrow, headerbar.selection-mode .selection-menu arrow { -GtkArrow-arrow-scaling: 1; } .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } .tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 20px; padding: 6px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } .tiled .default-decoration.titlebar:not(headerbar), .maximized .default-decoration.titlebar:not(headerbar), .fullscreen .default-decoration.titlebar:not(headerbar), .tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { box-shadow: none; } .default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { min-height: 20px; min-width: 20px; margin: 0; padding: 0; } .background:not(.csd) .default-decoration.titlebar:not(headerbar) button.titlebutton:active, .background:not(.csd) headerbar.default-decoration button.titlebutton:active { background-size: 1000% 1000%; } headerbar entry, headerbar spinbutton, headerbar button { margin-top: 6px; margin-bottom: 6px; } headerbar switch { margin-top: 10px; margin-bottom: 10px; } headerbar spinbutton button { margin-top: 0; margin-bottom: 0; } .background .titlebar { border-top-left-radius: 2px; border-top-right-radius: 2px; } .background.tiled .titlebar, .background.tiled-top .titlebar, .background.tiled-right .titlebar, .background.tiled-bottom .titlebar, .background.tiled-left .titlebar, .background.maximized .titlebar, .background.solid-csd .titlebar { border-top-left-radius: 0; border-top-right-radius: 0; } window separator:first-child + headerbar, window headerbar:first-child { border-top-left-radius: 2px; } window headerbar:last-child { border-top-right-radius: 2px; } window stack headerbar:first-child, window stack headerbar:last-child { border-top-left-radius: 2px; border-top-right-radius: 2px; } window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child { border-top-left-radius: 0; border-top-right-radius: 0; } window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; box-shadow: none; } .titlebar:not(headerbar) > separator { background-color: #303030; background-image: image(rgba(0, 0, 0, 0.26)); } /************ * Pathbars * ************/ .caja-pathbar button, .path-bar button { padding-left: 4px; padding-right: 4px; } .caja-pathbar button label:not(:only-child):first-child, .path-bar button label:not(:only-child):first-child { margin-left: 4px; } .caja-pathbar button label:not(:only-child):last-child, .path-bar button label:not(:only-child):last-child { margin-right: 4px; } .caja-pathbar button.slider-button, .path-bar button.slider-button { padding-left: 4px; padding-right: 4px; } :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) .path-bar button { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px; border-radius: 2px; } :not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .path-bar button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px; } :not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar) .path-bar button:checked, :not(headerbar) .path-bar button:checked:disabled { background-color: transparent; } /************** * Tree Views * **************/ treeview.view { border-left-color: rgba(255, 255, 255, 0.3); border-top-color: rgba(0, 0, 0, 0.26); } * { -GtkTreeView-horizontal-separator: 4; -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; } treeview.view:selected { border-left-color: rgba(255, 255, 255, 0.3); } treeview.view:hover, treeview.view:active, treeview.view:selected { border-radius: 0; } treeview.view.separator { min-height: 5px; color: rgba(0, 0, 0, 0.26); } treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #009688; } treeview.view:drop(active).after { border-top-style: none; } treeview.view:drop(active).before { border-bottom-style: none; } treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -gtk-icon-transform: rotate(-90deg); color: rgba(255, 255, 255, 0.7); } treeview.view.expander:dir(rtl) { -gtk-icon-transform: rotate(90deg); } treeview.view.expander:checked { -gtk-icon-transform: unset; } treeview.view.expander:hover, treeview.view.expander:active { color: #FFFFFF; } treeview.view.expander:disabled { color: rgba(255, 255, 255, 0.3); } treeview.view.expander:selected { color: rgba(255, 255, 255, 0.7); } treeview.view.expander:selected:hover, treeview.view.expander:selected:active { color: #FFFFFF; } treeview.view.expander:selected:disabled { color: rgba(255, 255, 255, 0.3); } treeview.view.progressbar { border-bottom: 4px solid #338DD6; box-shadow: none; background-color: transparent; } treeview.view.progressbar:selected { border-bottom-color: #FFFFFF; } treeview.view.trough { border-bottom: 4px solid rgba(51, 141, 214, 0.3); box-shadow: none; background-color: transparent; } treeview.view.trough:selected { border-bottom-color: rgba(255, 255, 255, 0.3); } treeview.view header button { padding: 2px 6px; border-style: none solid solid none; border-width: 1px; border-color: rgba(0, 0, 0, 0.26); border-radius: 0; background-clip: border-box; } treeview.view header button, treeview.view header button:hover, treeview.view header button:active { box-shadow: none; } treeview.view header button, treeview.view header button:disabled { background-color: #303030; } 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(0, 0, 0, 0.26); border-radius: 0; box-shadow: none; background-color: #303030; background-clip: border-box; color: #338DD6; } treeview.view acceleditor > label { background-color: #338DD6; } /********* * Menus * *********/ menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0; background-color: #303030; } menubar > menuitem, .menubar > menuitem { transition: all 180ms 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); } menubar > menuitem label:disabled, .menubar > menuitem label:disabled { color: inherit; } .csd.popup { background-color: transparent; } menu, .menu, .context-menu { margin: 4px 0; padding: 4px 0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); background-color: #303030; border: 1px solid rgba(0, 0, 0, 0.26); } .csd menu, .csd .menu, .csd .context-menu { border: none; border-radius: 2px; } menu menuitem, .menu menuitem, .context-menu menuitem { transition: background-color 180ms cubic-bezier(0, 0, 0.2, 1); min-height: 20px; min-width: 40px; padding: 4px 8px; font: initial; text-shadow: none; } menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { transition: none; background-color: rgba(255, 255, 255, 0.12); } menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: rgba(255, 255, 255, 0.5); } menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; min-width: 16px; } menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 8px; } menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 8px; } menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { color: inherit; } menu > arrow, .menu > arrow, .context-menu > arrow { min-height: 16px; min-width: 16px; padding: 4px; background-color: #303030; color: rgba(255, 255, 255, 0.7); } menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -4px; border-bottom: 1px solid rgba(0, 0, 0, 0.26); border-radius: 2px 2px 0 0; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-bottom: -12px; border-top: 1px solid rgba(0, 0, 0, 0.26); border-radius: 0 0 2px 2px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-image: image(rgba(255, 255, 255, 0.12)); color: #FFFFFF; } 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(255, 255, 255, 0.7); } .popup:not(.csd) menu menuitem { color: #FFFFFF; } .popup:not(.csd) menu menuitem:hover { background-color: #494949; } .popup:not(.csd) menu menuitem:disabled { color: #989898; } .popup:not(.csd) menu accelerator { color: #c1c1c1; } /************ * Popovers * ************/ popover.background { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); padding: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); background-color: #424242; } popover.background:backdrop { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } 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: 3px; } 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: 2px; } popover.background separator { margin: 4px 0; } popover.background list separator { margin: 0; } /************* * Notebooks * *************/ notebook > header { border-width: 1px; border-color: rgba(0, 0, 0, 0.26); background-color: #212121; background-clip: border-box; } notebook > header.top { border-bottom-style: solid; } notebook > header.top > tabs { margin-bottom: -1px; } notebook > header.top > tabs > tab:hover { box-shadow: inset 0 -2px rgba(255, 255, 255, 0.3); } notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -2px #338DD6; } notebook > header.bottom { border-top-style: solid; } notebook > header.bottom > tabs { margin-top: -1px; } notebook > header.bottom > tabs > tab:hover { box-shadow: inset 0 2px rgba(255, 255, 255, 0.3); } notebook > header.bottom > tabs > tab:checked { box-shadow: inset 0 2px #338DD6; } notebook > header.left { border-right-style: solid; } notebook > header.left > tabs { margin-right: -1px; } notebook > header.left > tabs > tab:hover { box-shadow: inset -2px 0 rgba(255, 255, 255, 0.3); } notebook > header.left > tabs > tab:checked { box-shadow: inset -2px 0 #338DD6; } notebook > header.right { border-left-style: solid; } notebook > header.right > tabs { margin-left: -1px; } notebook > header.right > tabs > tab:hover { box-shadow: inset 2px 0 rgba(255, 255, 255, 0.3); } notebook > header.right > tabs > tab:checked { box-shadow: inset 2px 0 #338DD6; } notebook > header.top > tabs > arrow { border-top-style: none; } notebook > header.bottom > tabs > arrow { border-bottom-style: none; } notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { padding-left: 4px; padding-right: 4px; } notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { margin-left: -8px; -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { margin-right: -8px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } notebook > header.left > tabs > arrow { border-left-style: none; } notebook > header.right > tabs > arrow { border-right-style: none; } notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { padding-top: 4px; padding-bottom: 4px; } notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { margin-top: -8px; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { margin-bottom: -8px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; } notebook > header tab { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; min-height: 20px; min-width: 20px; padding: 6px 12px; outline-offset: -6px; border-width: 1px; border-color: transparent; background-image: radial-gradient(circle farthest-corner at center, #338DD6 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; color: rgba(255, 255, 255, 0.7); font-weight: 500; } notebook > header tab:hover { color: #FFFFFF; } notebook > header tab:hover.reorderable-page { border-color: rgba(0, 0, 0, 0.26); background-color: #292929; } notebook > header tab:disabled { color: rgba(255, 255, 255, 0.3); } notebook > header tab:checked { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 270ms cubic-bezier(0, 0, 0.2, 1), background-image 720ms cubic-bezier(0, 0, 0.2, 1); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-size: 1000% 1000%; color: #FFFFFF; } notebook > header tab:checked:disabled { color: rgba(255, 255, 255, 0.5); } notebook > header tab:checked.reorderable-page { border-color: rgba(0, 0, 0, 0.26); background-color: #303030; } notebook > header tab button.flat:last-child { margin-left: 6px; margin-right: -6px; } notebook > header tab button.flat:first-child { margin-left: -6px; margin-right: 6px; } notebook > header.top tabs, notebook > header.bottom tabs { padding-left: 8px; padding-right: 8px; } notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { margin-left: 0; } notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { margin-right: 0; } notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { margin: 0 -1px; border-style: none solid; } notebook > header.left tabs, notebook > header.right tabs { padding-top: 8px; padding-bottom: 8px; } notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { margin-top: 0; } notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { margin-bottom: 0; } notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { margin: -1px 0; border-style: solid none; } notebook > stack:not(:only-child) { background-color: #303030; } /************** * Scrollbars * **************/ scrollbar { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); background-color: #303030; background-clip: border-box; } * { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; } scrollbar.top { border-bottom: 1px solid rgba(0, 0, 0, 0.26); } scrollbar.bottom { border-top: 1px solid rgba(0, 0, 0, 0.26); } scrollbar.left { border-right: 1px solid rgba(0, 0, 0, 0.26); } scrollbar.right { border-left: 1px solid rgba(0, 0, 0, 0.26); } scrollbar slider { transition: all 180ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0; min-width: 8px; min-height: 8px; border: 4px solid transparent; border-radius: 9999px; background-clip: padding-box; background-color: rgba(255, 255, 255, 0.5); } scrollbar slider:hover { background-color: rgba(255, 255, 255, 0.7); } scrollbar slider:active { background-color: #FFFFFF; } scrollbar slider:disabled { background-color: rgba(255, 255, 255, 0.3); } scrollbar.fine-tune slider { transition: all 180ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0; 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(.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(48, 48, 48, 0.3); } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 4px; min-height: 4px; margin: 3px; border: 1px solid rgba(48, 48, 48, 0.3); border-radius: 9999px; background-color: rgba(255, 255, 255, 0.5); background-clip: padding-box; -gtk-icon-source: none; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { background-color: rgba(255, 255, 255, 0.3); } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { min-width: 24px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { min-width: 8px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { min-height: 24px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { min-height: 8px; } scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { background-color: rgba(48, 48, 48, 0.9); } scrollbar.horizontal slider { min-width: 24px; } scrollbar.vertical slider { min-height: 24px; } scrollbar button { min-width: 16px; min-height: 16px; padding: 0; border-radius: 0; } scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } scrollbar.vertical button.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } scrollbar.horizontal button.down { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } /********** * Switch * **********/ switch { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); margin: 6px 0; padding: 0 2px; border: 5px solid transparent; border-radius: 9999px; background-color: rgba(255, 255, 255, 0.3); background-clip: padding-box; font-size: 0; } switch:disabled { background-color: rgba(255, 255, 255, 0.12); } switch:checked { background-color: rgba(0, 150, 136, 0.5); } switch:checked:disabled { background-color: rgba(0, 150, 136, 0.3); } switch slider { transition: all 180ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); min-width: 20px; min-height: 20px; margin: -3px -2px; border-radius: 9999px; outline-width: 0; outline-color: rgba(255, 255, 255, 0.12); outline-offset: 0; -gtk-outline-radius: 9999px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #424242; } switch:focus slider { outline-width: 14px; } switch:hover slider { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } switch:checked slider { background-color: #009688; outline-color: rgba(0, 150, 136, 0.2); } switch:disabled slider { background-color: #212121; } /************************* * Check and Radio items * *************************/ .view.content-view.check:not(list), .content-view .tile check:not(list) { min-height: 40px; min-width: 40px; margin: 0; padding: 0; box-shadow: none; background-color: transparent; background-image: none; -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .view.content-view.check:not(list):hover, .view.content-view.check:not(list):active, .content-view .tile check:not(list):hover, .content-view .tile check:not(list):active { -gtk-icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } .view.content-view.check:not(list), .content-view .tile check:not(list) { -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked-dark.png"), url("assets/selectionmode-checkbox-unchecked-dark@2.png")); } .view.content-view.check:not(list):checked, .content-view .tile check:not(list):checked { -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked-dark.png"), url("assets/selectionmode-checkbox-checked-dark@2.png")); } checkbutton.text-button, radiobutton.text-button { padding: 2px; outline-offset: 0; } checkbutton.text-button label:not(:only-child), radiobutton.text-button label:not(:only-child) { margin: 0 4px; } check, radio { min-height: 24px; min-width: 24px; margin: -8px; padding: 8px; } check:checked, check:indeterminate, radio:checked, radio:indeterminate { color: #009688; } check:checked:disabled, check:indeterminate:disabled, radio:checked:disabled, radio:indeterminate:disabled { color: rgba(0, 150, 136, 0.5); } row:selected check:not(:checked):not(:indeterminate), row:selected radio:not(:checked):not(:indeterminate) { color: rgba(255, 255, 255, 0.7); } row:selected check:not(:checked):not(:indeterminate):hover, row:selected check:not(:checked):not(:indeterminate):active, row:selected radio:not(:checked):not(:indeterminate):hover, row:selected radio:not(:checked):not(:indeterminate):active { color: #FFFFFF; } row:selected check:not(:checked):not(:indeterminate):disabled, row:selected radio:not(:checked):not(:indeterminate):disabled { color: rgba(255, 255, 255, 0.3); } popover check, popover check:hover, popover check:active, popover check:disabled, popover radio, popover radio:hover, popover radio:active, popover radio:disabled { box-shadow: none; background-image: none; } popover check:not(:checked):not(:indeterminate):not(:disabled), popover radio:not(:checked):not(:indeterminate):not(:disabled) { color: rgba(255, 255, 255, 0.7); } popover check.left:dir(rtl), popover radio.left:dir(rtl) { margin-left: -12px; margin-right: -4px; } popover check.right:dir(ltr), popover radio.right:dir(ltr) { margin-left: -4px; margin-right: -12px; } menu menuitem check, menu menuitem radio { transition: none; margin: 0; padding: 0; } menu menuitem check:dir(ltr), menu menuitem radio:dir(ltr) { margin-right: 8px; } menu menuitem check:dir(rtl), menu menuitem radio:dir(rtl) { margin-left: 8px; } menu menuitem check:not(:checked):not(:indeterminate):not(:disabled), menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled) { color: rgba(255, 255, 255, 0.7); } menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled { box-shadow: none; } check { -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg")); } check:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")); } check:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg")); } radio { -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg")); border-image-slice: 20; border-image-width: 20px; } radio:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg")); } radio { border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#009688), to(transparent)); } radio:checked:not(:indeterminate) { border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#009688), to(transparent)); } radio:checked:not(:indeterminate):disabled { border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(rgba(0, 150, 136, 0.5)), to(transparent)); } window.background:not(.csd) > widget > checkbutton > check, menu menuitem check { min-height: 16px; min-width: 16px; border-radius: 2px; -gtk-outline-radius: 2px; -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg")); } window.background:not(.csd) > widget > checkbutton > check:checked, menu menuitem check:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg")); } window.background:not(.csd) > widget > checkbutton > check:indeterminate, menu menuitem check:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg")); } window.background:not(.csd) > widget > radiobutton > radio, menu menuitem radio { min-height: 16px; min-width: 16px; border-image: none; -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg")); } window.background:not(.csd) > widget > radiobutton > radio:checked, menu menuitem radio:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg")); } window.background:not(.csd) > widget > radiobutton > radio:indeterminate, menu menuitem radio:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg")); } check:not(:checked):active { -gtk-icon-transform: rotate(90deg); } check:not(:checked):indeterminate:active, radio:not(:checked):indeterminate:active { -gtk-icon-transform: scaleX(-1); } check:not(:checked), radio:not(:checked) { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0; } check:not(:checked):active, radio:not(:checked):active { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0; } menu menuitem check:not(:checked), menu menuitem radio:not(:checked) { transition: none; } treeview.view check, treeview.view radio { padding: 0; } treeview.view check:hover, treeview.view radio:hover { box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05); } treeview.view check:hover:disabled, treeview.view radio:hover:disabled { box-shadow: none; } treeview.view check:hover:selected, treeview.view radio:hover:selected { box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05); } treeview.view check, treeview.view radio { color: rgba(255, 255, 255, 0.7); } treeview.view check:hover, treeview.view check:active, treeview.view radio:hover, treeview.view radio:active { color: #FFFFFF; } treeview.view check:disabled, treeview.view radio:disabled { color: rgba(255, 255, 255, 0.3); } treeview.view check:checked, treeview.view check:indeterminate, treeview.view radio:checked, treeview.view radio:indeterminate { color: #009688; } treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled, treeview.view radio:checked:disabled, treeview.view radio:indeterminate:disabled { color: rgba(0, 150, 136, 0.5); } treeview.view check:selected, treeview.view radio:selected { color: rgba(255, 255, 255, 0.7); } treeview.view check:selected:hover, treeview.view check:selected:active, treeview.view radio:selected:hover, treeview.view radio:selected:active { color: #FFFFFF; } treeview.view check:selected:disabled, treeview.view radio:selected:disabled { color: rgba(255, 255, 255, 0.3); } treeview.view check:selected:checked, treeview.view check:selected:indeterminate, treeview.view radio:selected:checked, treeview.view radio:selected:indeterminate { color: #009688; } treeview.view check:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled, treeview.view radio:selected:checked:disabled, treeview.view radio:selected:indeterminate:disabled { color: rgba(0, 150, 136, 0.5); } treeview.view radio:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")); border-image: none; } /************ * GtkScale * ************/ scale { min-height: 8px; min-width: 8px; padding: 12px; } scale slider { min-height: 24px; min-width: 24px; margin: -11px; } scale trough { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); outline-offset: 2px; background-color: rgba(255, 255, 255, 0.3); } scale trough:disabled { background-color: rgba(255, 255, 255, 0.12); } scale highlight { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); background-color: #009688; } scale highlight:disabled { background-color: transparent; } scale fill { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); background-color: rgba(255, 255, 255, 0.3); } scale fill:disabled { background-color: transparent; } scale slider { transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1); background-repeat: no-repeat; background-position: center; background-size: calc(100% - 10px); } scale slider { background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png")); } scale slider:disabled { background-image: -gtk-scaled(url("assets/scale-slider-disabled-dark.png"), url("assets/scale-slider-disabled-dark@2.png")); } scale slider:hover { background-size: calc(100% - 8px); } scale slider:active { background-size: calc(100% - 6px); } scale.fine-tune slider { background-size: calc(100% - 12px); } scale marks label, scale value { color: rgba(255, 255, 255, 0.5); } scale marks { color: rgba(255, 255, 255, 0.3); } scale marks.top { margin-bottom: 8px; margin-top: -16px; } scale marks.bottom { margin-top: 8px; margin-bottom: -16px; } scale marks.top { margin-right: 8px; margin-left: -16px; } scale marks.bottom { margin-left: 8px; margin-right: -16px; } 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 { min-height: 30px; min-width: 24px; margin-top: -17px; background-position: center calc(100% - 5px); } scale.horizontal.marks-before:not(.marks-after) slider { background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")); } scale.horizontal.marks-before:not(.marks-after) slider:disabled { background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled-dark.png"), url("assets/scale-horz-marks-before-slider-disabled-dark@2.png")); } scale.horizontal.marks-before:not(.marks-after) slider:hover { background-position: center calc(100% - 4px); } scale.horizontal.marks-before:not(.marks-after) slider:active { background-position: center calc(100% - 3px); } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { background-position: center calc(100% - 6px); } scale.horizontal.marks-after:not(.marks-before) slider { min-height: 30px; min-width: 24px; margin-bottom: -17px; background-position: center calc(5px); } scale.horizontal.marks-after:not(.marks-before) slider { background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")); } scale.horizontal.marks-after:not(.marks-before) slider:disabled { background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled-dark.png"), url("assets/scale-horz-marks-after-slider-disabled-dark@2.png")); } scale.horizontal.marks-after:not(.marks-before) slider:hover { background-position: center calc(4px); } scale.horizontal.marks-after:not(.marks-before) slider:active { background-position: center calc(3px); } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { background-position: center calc(6px); } scale.vertical.marks-before:not(.marks-after) slider { min-height: 24px; min-width: 30px; margin-left: -17px; background-position: calc(5px) center; } scale.vertical.marks-before:not(.marks-after) slider { background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")); } scale.vertical.marks-before:not(.marks-after) slider:disabled { background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled-dark.png"), url("assets/scale-vert-marks-before-slider-disabled-dark@2.png")); } scale.vertical.marks-before:not(.marks-after) slider:hover { background-position: calc(4px) center; } scale.vertical.marks-before:not(.marks-after) slider:active { background-position: calc(3px) center; } scale.vertical.marks-before:not(.marks-after).fine-tune slider { background-position: calc(6px) center; } scale.vertical.marks-after:not(.marks-before) slider { min-height: 24px; min-width: 30px; margin-right: -17px; background-position: calc(100% - 5px) center; } scale.vertical.marks-after:not(.marks-before) slider { background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")); } scale.vertical.marks-after:not(.marks-before) slider:disabled { background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled-dark.png"), url("assets/scale-vert-marks-after-slider-disabled-dark@2.png")); } scale.vertical.marks-after:not(.marks-before) slider:hover { background-position: calc(100% - 4px) center; } scale.vertical.marks-after:not(.marks-before) slider:active { background-position: calc(100% - 3px) center; } scale.vertical.marks-after:not(.marks-before).fine-tune slider { background-position: calc(100% - 6px) center; } 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: -12px; margin-top: -2px; } scale.color.vertical:dir(ltr) { padding: 0 0 0 12px; } scale.color.vertical:dir(ltr) slider { margin-left: -12px; margin-right: -2px; } scale.color.vertical:dir(rtl) { padding: 0 12px 0 0; } scale.color.vertical:dir(rtl) slider { margin-right: -12px; margin-left: -2px; } /***************** * Progress bars * *****************/ progressbar { color: rgba(255, 255, 255, 0.5); 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(51, 141, 214, 0.3); } progressbar progress { background-color: #338DD6; } progressbar trough.empty progress { all: unset; } /************* * Level Bar * *************/ levelbar.horizontal block { min-height: 4px; } levelbar.horizontal.discrete block { min-width: 32px; } levelbar.horizontal.discrete block:not(:last-child) { margin-right: 2px; } levelbar.vertical block { min-width: 4px; } levelbar.vertical.discrete block { min-height: 32px; } levelbar.vertical.discrete block:not(:last-child) { margin-bottom: 2px; } levelbar trough { padding: 2px; border-radius: 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #303030; } levelbar trough:disabled { background-color: #292929; } levelbar block.low { background-color: #FF6D00; } levelbar block.high, levelbar block:not(.empty) { background-color: #338DD6; } levelbar block.full { background-color: #00C853; } levelbar block.empty { background-color: rgba(255, 255, 255, 0.12); } /**************** * Print dialog * *****************/ printdialog paper { padding: 0; border: 1px solid rgba(0, 0, 0, 0.26); background-color: #303030; color: #FFFFFF; } printdialog .dialog-action-box { margin: 12px; } /********** * Frames * **********/ frame > border, .frame { margin: 0; padding: 0; border: 1px solid rgba(0, 0, 0, 0.26); border-radius: 0; box-shadow: none; } frame > border.flat, .frame.flat, frame.flat > border { border-style: none; } actionbar > revealer > box { padding: 6px; border-top: 1px solid rgba(0, 0, 0, 0.26); } scrolledwindow viewport.frame { border-style: none; } overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(64, 196, 255, 0.3)), 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(64, 196, 255, 0.3)), 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(64, 196, 255, 0.3)), 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(64, 196, 255, 0.3)), to(transparent)); background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } undershoot.top { background-color: transparent; background-image: linear-gradient(to left, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); padding-top: 1px; background-size: 12px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: left top; } undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); padding-bottom: 1px; background-size: 12px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: left bottom; } undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: left top; } undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: right top; } junction { border-style: solid none none solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.26); background-color: #303030; } junction:dir(rtl) { border-style: solid solid none none; } separator { min-width: 1px; min-height: 1px; background-color: rgba(0, 0, 0, 0.26); } button.font separator, button.file separator, .tweak-categories separator, preferences stacksidebar.sidebar list separator { min-width: 0; min-height: 0; background-color: transparent; } /********* * Lists * *********/ list { border-color: rgba(0, 0, 0, 0.26); background-color: #303030; } list row { padding: 2px; } row.activatable, .view, treeview.view header button, .budgie-menu button { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 9999px transparent; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } row.activatable:hover, .view:hover, treeview.view header button:hover, .budgie-menu button:hover { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, box-shadow 0, background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05); } row.activatable.has-open-popup, .has-open-popup.view, treeview.view header button.has-open-popup, .budgie-menu button.has-open-popup, row.activatable:active, .view:active, treeview.view header button:active, .budgie-menu button:active { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 0, background-image 0; animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15); background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%); background-size: 0% 0%; } /********************* * App Notifications * *********************/ .app-notification { margin: 8px; } .app-notification.frame, .app-notification border { border-style: none; } /************* * Expanders * *************/ expander title > arrow { transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1); min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -gtk-icon-transform: rotate(-90deg); color: rgba(255, 255, 255, 0.7); } expander title > arrow:dir(rtl) { -gtk-icon-transform: rotate(90deg); } expander title > arrow:checked { -gtk-icon-transform: unset; } expander title > arrow:hover, expander title > arrow:active { color: #FFFFFF; } expander title > arrow:disabled { color: rgba(255, 255, 255, 0.3); } expander title > arrow:selected { color: rgba(255, 255, 255, 0.7); } expander title > arrow:selected:hover, expander title > arrow:selected:active { color: #FFFFFF; } expander title > arrow:selected:disabled { color: rgba(255, 255, 255, 0.3); } /************ * Calendar * ************/ calendar { padding: 1px; border: 1px solid rgba(0, 0, 0, 0.26); color: #FFFFFF; } calendar:disabled { color: rgba(255, 255, 255, 0.5); } calendar:selected { border-radius: 3px; } calendar.header { border-style: none none solid; border-radius: 0; } calendar.highlight { color: rgba(255, 255, 255, 0.7); font-weight: 500; } calendar:indeterminate { color: rgba(255, 255, 255, 0.3); } /*********** * Dialogs * ***********/ messagedialog.background { background-color: #424242; } messagedialog .titlebar { min-height: 20px; border-style: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); background-color: #424242; color: #FFFFFF; } messagedialog .titlebar:backdrop { color: rgba(255, 255, 255, 0.7); } messagedialog.csd.background { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } messagedialog.csd .dialog-action-area button { padding: 8px 16px; border-top: 1px solid rgba(0, 0, 0, 0.26); border-radius: 0; } messagedialog.csd .dialog-action-area button:first-child { border-bottom-left-radius: 2px; } messagedialog.csd .dialog-action-area button:last-child { border-bottom-right-radius: 2px; } filechooser .dialog-action-box { border-top: 1px solid rgba(0, 0, 0, 0.26); } filechooser #pathbarbox { border-bottom: 1px solid rgba(0, 0, 0, 0.26); background-color: #212121; } filechooserbutton:drop(active) { box-shadow: none; } /*********** * Sidebar * ***********/ .sidebar { border-style: none; background-color: #292929; } stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { border-right: 1px solid rgba(0, 0, 0, 0.26); border-left-style: none; } stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { border-left: 1px solid rgba(0, 0, 0, 0.26); border-right-style: none; } .sidebar list { background-color: transparent; } paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; } stacksidebar row { padding: 10px 4px; } stacksidebar row > label { padding-left: 6px; padding-right: 6px; } /**************** * File chooser * ****************/ row image.sidebar-icon { color: rgba(255, 255, 255, 0.7); } row:selected image.sidebar-icon { color: rgba(255, 255, 255, 0.7); } placessidebar > viewport.frame { border-style: none; } placessidebar list { padding: 1px 0 4px; } placessidebar row { min-height: 32px; margin: -1px 0; padding: 0; } placessidebar row > revealer { padding: 0 12px; } placessidebar row:selected { color: #FFFFFF; } placessidebar row:disabled { color: rgba(255, 255, 255, 0.5); } placessidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; } placessidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; } placessidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; } placessidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } placessidebar row.sidebar-placeholder-row { min-height: 2px; padding: 0 8px; background-image: image(#009688); background-clip: content-box; } placessidebar row.sidebar-new-bookmark-row { color: #009688; } placessidebar row:drop(active):not(:disabled) { box-shadow: inset 0 0 0 2px #009688; } placesview .server-list-button > image { -gtk-icon-transform: rotate(0turn); } placesview .server-list-button:checked > image { -gtk-icon-transform: rotate(-0.5turn); } placesview > actionbar > revealer > box > label { padding-left: 8px; padding-right: 8px; } /********* * Paned * *********/ paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(rgba(0, 0, 0, 0.26)); background-size: 1px 1px; background-clip: content-box; } paned > separator.wide { min-width: 6px; min-height: 6px; background-color: #212121; background-image: image(rgba(0, 0, 0, 0.26)), image(rgba(0, 0, 0, 0.26)); 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.info { background-color: #66BB6A; } infobar.question { background-color: #42A5F5; } infobar.warning { background-color: #FFA726; } infobar.error { background-color: #EF5350; } infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error { color: #FFFFFF; } /************ * Tooltips * ************/ tooltip { border-radius: 2px; box-shadow: none; } tooltip.background { background-color: rgba(66, 66, 66, 0.9); color: #FFFFFF; } tooltip decoration { background-color: transparent; } tooltip label { min-height: 20px; padding: 0 2px; } /***************** * Color Chooser * *****************/ colorswatch.top { border-top-left-radius: 2.5px; border-top-right-radius: 2.5px; } colorswatch.top overlay { border-top-left-radius: 2px; border-top-right-radius: 2px; } colorswatch.bottom { border-bottom-left-radius: 2.5px; border-bottom-right-radius: 2.5px; } colorswatch.bottom overlay { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 2.5px; border-bottom-left-radius: 2.5px; } colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 2.5px; border-bottom-right-radius: 2.5px; } colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } colorswatch.dark { color: #FFFFFF; } colorswatch.light { color: rgba(0, 0, 0, 0.87); } colorswatch:drop(active) { box-shadow: none; } colorswatch:drop(active).light overlay { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #009688; } colorswatch:drop(active).dark overlay { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #009688; } colorswatch overlay { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } colorswatch overlay:hover { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } colorswatch#add-color-button { border-radius: 2px 2px 0 0; color: #FFFFFF; } colorswatch#add-color-button:only-child { border-radius: 2px; } colorswatch#add-color-button overlay { background-image: linear-gradient(to right, #EF5350 25%, #FFA726 25%, #FFA726 50%, #66BB6A 50%, #66BB6A 75%, #42A5F5 75%); } colorswatch:disabled { opacity: 0.5; } colorswatch:disabled overlay { box-shadow: none; } colorswatch#editor-color-sample { border-radius: 2.5px; } colorswatch#editor-color-sample overlay { border-radius: 2px; } colorchooser .popover.osd { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1); background-color: #303030; } colorchooser .popover.osd:backdrop { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.1); } /******** * Misc * ********/ .content-view { background-color: #212121; } /********************** * Window Decorations * **********************/ decoration { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-radius: 2px 2px 0 0; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent; margin: 8px; } decoration:backdrop { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px 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: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } tooltip.csd decoration { border-radius: 2px; box-shadow: none; } messagedialog.csd decoration { border-radius: 2px; } .solid-csd decoration { margin: 0; border-radius: 0; box-shadow: none; background-color: #303030; } .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, popover.background.menu button:checked, popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked { background-color: #338DD6; } row:selected label, label:selected, .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, popover.background.menu button:checked, popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked { color: #FFFFFF; } row:selected label:disabled, label:disabled:selected, .view selection:disabled, .view:disabled:selected, flowbox flowboxchild:disabled:selected, label:disabled selection, spinbutton:not(.vertical) selection:disabled, entry selection:disabled, modelbutton.flat:disabled:selected, .menuitem.button.flat:disabled:selected, popover.background.menu button:disabled:checked, popover.background button.model:disabled:checked, row:disabled:selected, calendar:disabled:selected, text:disabled:selected, .budgie-menu button:disabled:checked { color: rgba(255, 255, 255, 0.5); } .monospace { font-family: monospace; } /********************** * Touch Copy & Paste * **********************/ cursor-handle { border-radius: 9999px; background-color: #009688; background-image: none; } cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { padding-left: 6px; border-top-right-radius: 0; } cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { padding-right: 6px; border-top-left-radius: 0; } cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { -GtkWidget-text-handle-width: 24; -GtkWidget-text-handle-height: 30; -gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")); } .context-menu { font: initial; } .keycap { min-width: 12px; min-height: 26px; margin-top: 2px; padding-bottom: 2px; padding-left: 8px; padding-right: 8px; border: solid 1px rgba(0, 0, 0, 0.26); border-radius: 3px; box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26); background-color: #303030; color: #FFFFFF; font-size: smaller; } :not(decoration):not(window):drop(active) { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 2px #009688; caret-color: #009688; } stackswitcher button.text-button { min-width: 100px; } stackswitcher button.circular, stackswitcher button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; } /********* * Emoji * *********/ popover.emoji-picker { padding: 0; } popover.emoji-picker entry { border-bottom: 1px solid rgba(0, 0, 0, 0.26); border-bottom-left-radius: 0; border-bottom-right-radius: 0; box-shadow: none; } popover.emoji-picker scrolledwindow { border-bottom: 1px solid rgba(0, 0, 0, 0.26); } button.emoji-section { margin-top: -1px; padding: 0 8px; min-width: 24px; min-height: 32px; border-radius: 0; outline-offset: -6px; box-shadow: none; } button.emoji-section:hover { box-shadow: inset 0 2px rgba(255, 255, 255, 0.3); } button.emoji-section:active { box-shadow: inset 0 2px #338DD6; background-image: radial-gradient(circle farthest-corner at center, rgba(51, 141, 214, 0.7) 10%, transparent 0%); } button.emoji-section:checked { box-shadow: inset 0 2px #338DD6; background-color: transparent; } button.emoji-section:first-child { margin-left: 4px; } button.emoji-section:last-child { margin-right: 4px; } .emoji { min-width: 3em; min-height: 3em; padding: 0; } .emoji widget { transition: all 180ms cubic-bezier(0, 0, 0.2, 1); } .emoji widget:hover { font-size: larger; } /************ * Nautilus * ************/ .nautilus-window, .nautilus-window notebook, .nautilus-window notebook > stack { background-color: #303030; } .nautilus-desktop.nautilus-canvas-item:not(:selected), .caja-desktop.caja-canvas-item:not(:selected) { color: #FFFFFF; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } @keyframes needs_attention_keyframes { to { background-color: alpha(currentColor, 0.3); } } .nautilus-operations-button-needs-attention { animation: needs_attention_keyframes 270ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate; } .nautilus-operations-button-needs-attention-multiple { animation: needs_attention_keyframes 270ms cubic-bezier(0.4, 0, 0.2, 1) 4 alternate; } .nautilus-window .floating-bar { min-height: 32px; padding: 0; border-style: solid solid none; border-width: 1px; border-color: rgba(0, 0, 0, 0.26); border-radius: 3px 3px 0 0; background-color: #303030; background-clip: border-box; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), border-width 0; } .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: 6px; } .disk-space-display.unknown { background-color: #FF6D00; } .disk-space-display.used { background-color: #338DD6; } .disk-space-display.free { background-color: rgba(255, 255, 255, 0.12); } .conflict-row:not(:selected) { background-color: #6e4222; } .nautilus-window flowboxchild > widget > .icon-item-background { padding: 4px; border-radius: 2px; } .nautilus-window flowboxchild:selected { background-color: transparent; } .nautilus-window flowboxchild:selected > widget > .icon-item-background { background-color: #338DD6; } dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame { border-style: none; } dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child { margin: -6px 0 0 -6px; border-top: 1px solid rgba(0, 0, 0, 0.26); } dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label { margin: 0 8px; } dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button { border-radius: 0; } .nautilus-window > popover.menu:not(:last-child) { padding: 3px; } .nautilus-window > popover.menu:not(:last-child) > stack > box > box > box { margin-top: -6px; } .nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box { margin-bottom: -6px; } .nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked { margin-top: 1px; } .nautilus-window > popover.menu:not(:last-child) separator { margin-bottom: -2px; } .nautilus-menu-sort-heading { margin: 1px 3px; font-weight: 500; } .nautilus-menu-sort-heading:disabled { color: rgba(255, 255, 255, 0.5); } .nautilus-window paned > separator { background-color: #212121; } /********* * gedit * *********/ .open-document-selector-path-label { color: rgba(255, 255, 255, 0.7); font-size: smaller; } .open-document-selector-path-label:selected { color: rgba(255, 255, 255, 0.7); } .gedit-document-panel { background-color: #292929; } .gedit-document-panel row button.flat { margin-top: 8px; margin-bottom: 8px; } .gedit-document-panel-group-row:not(:first-child) { border-top: 1px solid rgba(0, 0, 0, 0.26); } .gedit-side-panel-paned statusbar { border-top: 1px solid rgba(0, 0, 0, 0.26); } .gedit-search-slider { margin: 4px 4px 8px; } .gedit-search-slider entry:dir(ltr), .gedit-search-slider entry:dir(rtl) { border-radius: 2px; } .gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag, .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag { all: unset; color: rgba(255, 255, 255, 0.5); } .gedit-search-slider entry:dir(ltr) { margin-right: -58px; padding-right: 58px; } .gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag { margin-left: 6px; } .gedit-search-slider entry:dir(ltr) image.right { margin-right: 0; } .gedit-search-slider entry:dir(rtl) { margin-left: -58px; padding-left: 58px; } .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag { margin-right: 6px; } .gedit-search-slider entry:dir(rtl) image.left { margin-left: 0; } .gedit-search-slider entry.error ~ button { color: rgba(255, 255, 255, 0.7); } .gedit-search-slider entry.error ~ button:hover, .gedit-search-slider entry.error ~ button:active { color: #FFFFFF; } .gedit-search-slider entry.error ~ button:disabled { color: rgba(255, 255, 255, 0.3); } .gedit-search-slider button { border: solid 6px transparent; } .gedit-search-slider button:last-child:dir(ltr), .gedit-search-slider button:not(:first-child):dir(rtl) { margin-left: -3px; } .gedit-search-slider button:first-child:dir(rtl), .gedit-search-slider 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; } /************** * Tweak Tool * **************/ .tweak-categories { background-image: image(#292929); } .tweak { padding: 3px; } .tweak.title:hover { box-shadow: none; } .tweak-group-white, .tweak-white, .tweak-white:hover { background-image: image(#303030); } .tweak-startup, .tweak-startup:hover { background-image: image(#303030); } .tweak-group-startup { background-image: image(#303030); border: 1px solid rgba(0, 0, 0, 0.26); } row#Focus, row#StaticWorkspaceTweak, row#dynamic-workspaces, row#PrimaryWorkspaceTweak, row#workspaces-only-on-primary { padding: 0; border: 1px solid rgba(0, 0, 0, 0.26); } row#Focus 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(0, 0, 0, 0.26); } row#Focus.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#PrimaryWorkspaceTweak, row#workspaces-only-on-primary { margin-top: 4px; } /*********** * Builder * ***********/ layouttabbar { border-bottom: 1px solid rgba(0, 0, 0, 0.26); background-color: #212121; } layouttabbar > box > button { margin: 4px 0; } layouttab { margin: 0 8px; border-style: none solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.26); box-shadow: inset 0 -2px #338DD6; background-color: #303030; } layouttab separator.vertical { margin: 8px 4px; } layouttab button.text-button, layouttab button.image-button, layouttab button { margin-top: 8px; margin-bottom: 8px; padding: 0 4px; } layout { border: 1px solid rgba(0, 0, 0, 0.26); -PnlDockBin-handle-size: 1; } entry.search-missing { background-color: #DD2C00; color: #FFFFFF; } window.workbench treeview.image { color: rgba(255, 255, 255, 0.7); } window.workbench treeview.image:selected { color: rgba(255, 255, 255, 0.7); } popover.popover-selector list { padding: 6px; } popover.popover-selector list row { border-radius: 2px; } 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: 2px; } omnibar:not(:hover):not(:active) entry { color: rgba(255, 255, 255, 0.7); } popover.omnibar list row:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.26); } entry.preferences-search { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); background-color: #303030; } preferences stacksidebar.sidebar list { background-color: #292929; } preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list { border-style: none; } preferences > box > box:dir(ltr) { border-right: 1px solid rgba(0, 0, 0, 0.26); } preferences > box > box:dir(rtl) { border-left: 1px solid rgba(0, 0, 0, 0.26); } popover.messagepopover.background { padding: 0; } popover.messagepopover .popover-action-area button { padding: 8px 16px; border-top: 1px solid rgba(0, 0, 0, 0.26); border-radius: 0; } popover.messagepopover .popover-action-area button:first-child { border-bottom-left-radius: 2px; } popover.messagepopover .popover-action-area button:last-child { border-bottom-right-radius: 2px; } popover.messagepopover .popover-content-area { margin: 16px; } popover.transfers list { background-color: transparent; } popover.transfers list row:not(:first-child) { border-top: 1px solid rgba(0, 0, 0, 0.26); } popover.transfers list row > box { padding: 10px; } dockbin { border: 1px solid rgba(0, 0, 0, 0.26); -PnlDockBin-handle-size: 1; } dockpaned { border: 1px solid rgba(0, 0, 0, 0.26); } eggsearchbar box.search-bar { padding: 0 8px; border-bottom: 1px solid rgba(0, 0, 0, 0.26); background-color: #212121; } docktabstrip { padding: 0 8px; border-bottom: 1px solid rgba(0, 0, 0, 0.26); background-color: #212121; } docktab { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; min-height: 20px; min-width: 20px; margin-bottom: -1px; padding: 6px 6px; outline-offset: -6px; border-width: 1px; border-color: transparent; background-image: radial-gradient(circle farthest-corner at center, #338DD6 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; color: rgba(255, 255, 255, 0.7); font-weight: 500; } docktab:hover { box-shadow: inset 0 -2px rgba(255, 255, 255, 0.3); color: #FFFFFF; } docktab:checked { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 270ms cubic-bezier(0, 0, 0.2, 1), background-image 720ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 -2px #338DD6; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-size: 1000% 1000%; color: #FFFFFF; } dockoverlayedge { background-color: #212121; } dockoverlayedge docktabstrip { padding: 0; border: none; } dockoverlayedge.left-edge docktab:hover { box-shadow: inset -2px 0 rgba(255, 255, 255, 0.3); } dockoverlayedge.left-edge docktab:checked { box-shadow: inset -2px 0 #338DD6; } dockoverlayedge.right-edge docktab:hover { box-shadow: inset 2px 0 rgba(255, 255, 255, 0.3); } dockoverlayedge.right-edge docktab:checked { box-shadow: inset 2px 0 #338DD6; } pillbox { background-color: #212121; border-radius: 2px; } layoutpane entry.search { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); background-color: #303030; } editortweak entry.search { margin-bottom: -1px; box-shadow: none; } .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: 8px; padding-right: 8px; } button.dzlmenubutton image { min-width: 26px; } button.dzlmenubutton image.arrow { min-width: 23px; } button.dzlmenubuttonitem { color: #FFFFFF; font-weight: normal; } button.dzlmenubuttonitem:disabled { color: rgba(255, 255, 255, 0.5); } idelayoutstackheader { border-bottom: 1px solid rgba(0, 0, 0, 0.26); } idelayoutstackheader button:checked { color: #FFFFFF; } ideeditorutilities > dzldockpaned > box > stackswitcher { padding: 8px 0; background-color: #212121; } ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) { border-right: 1px solid rgba(0, 0, 0, 0.26); } ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) { border-left: 1px solid rgba(0, 0, 0, 0.26); } ideeditorutilities > dzldockpaned > box > stackswitcher button { border-radius: 0; outline-offset: -6px; box-shadow: none; background-color: transparent; } ideeditorutilities > dzldockpaned > box > stackswitcher button:active { background-image: radial-gradient(circle farthest-corner at center, rgba(51, 141, 214, 0.7) 10%, transparent 0%); } ideeditorutilities > dzldockpaned > box > stackswitcher button:checked { background-color: transparent; color: #FFFFFF; } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) { margin-right: -1px; } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):hover { box-shadow: inset -2px 0 rgba(255, 255, 255, 0.3); } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked { box-shadow: inset -2px 0 #338DD6; } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) { margin-left: -1px; } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):hover { box-shadow: inset 2px 0 rgba(255, 255, 255, 0.3); } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked { box-shadow: inset 2px 0 #338DD6; } ideeditorsidebar notebook header { background: transparent; } popover.messagepopover list { border: 1px solid rgba(0, 0, 0, 0.26); } popover.messagepopover list row:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.26); } /********** * Photos * **********/ GdMainIconView.content-view { -GdMainIconView-icon-size: 48; } .documents-counter { margin: 8px; border-radius: 9999px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); background-color: #009688; color: #FFFFFF; font-weight: bold; } .documents-scrolledwin.frame { border-style: none; } .documents-scrolledwin.frame frame.content-view > border { border-style: none; } .photos-fade-in { opacity: 1; transition: opacity 180ms cubic-bezier(0, 0, 0.2, 1); } .photos-fade-out { opacity: 0; transition: opacity 180ms cubic-bezier(0, 0, 0.2, 1); } overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) { border-style: none none none solid; } overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) { border-style: none solid none none; } /********* * Music * *********/ .side-panel:dir(ltr) { border-style: solid; border-color: rgba(0, 0, 0, 0.26); } .side-panel:dir(rtl) { border-style: solid; border-color: rgba(0, 0, 0, 0.26); } .side-panel .view { background-image: image(#292929); } .side-panel .view:hover { background-image: image(#343434); } .side-panel .view:selected { background-image: image(#338DD6); } .side-panel .view:selected:hover { background-image: image(#3d93d8); } .songs-list:hover { background-image: image(alpha(currentColor, 0.05)); } frame.documents-dropdown { margin: 8px; } frame.documents-dropdown > border { border: none; } box.vertical > revealer > toolbar.search-bar { border-bottom: 1px solid rgba(0, 0, 0, 0.26); background-clip: border-box; } box.vertical > revealer > toolbar.search-bar button > widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } /********* * To Do * *********/ taskrow { transition: all 180ms cubic-bezier(0, 0, 0.2, 1); margin: 0 -8px; } taskrow:hover { transition: none; } taskrow label { margin: 0 8px; } taskrow image { min-width: 16px; } task-list-view > box > revealer > box > button { margin: -4px; } /******* * eog * *******/ #eog-thumb-nav scrolledwindow { border-top: none; } #eog-thumb-nav button { -gtk-outline-radius: 2px; } /************* * 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(0, 0, 0, 0.26); } list.categories { background-image: image(#292929); } /********* * Boxes * *********/ .transparent-bg + stack overlay > label { min-height: 24px; padding: 0 4px; border-radius: 2px; background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; } /************** * Calculator * **************/ button.title label { min-height: 32px; } /********* * Geary * *********/ .geary-titlebar-left:dir(ltr) { margin-right: 5px; padding-right: 0; } .geary-titlebar-left:dir(rtl) { margin-left: 5px; padding-left: 0; } .geary-titlebar-left > separator { background-color: rgba(0, 0, 0, 0.05); } .geary-titlebar-right:dir(ltr) { margin-left: -5px; } .geary-titlebar-right:dir(rtl) { margin-right: -5px; } /********* * Tilix * *********/ overlay > revealer.left > scrolledwindow.frame, overlay > revealer.right > scrolledwindow.frame { border-style: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22); } 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(#424242); } button.image-button.session-new-button { min-width: 28px; } /*********** * 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: 2px; } /************ * Chromium * ************/ tooltip.chromium { background-color: #424242; } /*********** * Firefox * ***********/ window.background:not(.csd) > widget > separator { color: rgba(0, 0, 0, 0.26); } window.background:not(.csd) > widget > scrollbar { background-clip: border-box; } window.background:not(.csd) > widget > scrollbar, window.background:not(.csd) > widget > frame > border { border-color: rgba(0, 0, 0, 0.26); } window.background:not(.csd) > widget > entry, window.background:not(.csd) > widget > button > button { border: 1px solid rgba(0, 0, 0, 0.26); border-radius: 3px; box-shadow: none; } window.background:not(.csd) > widget > entry { min-height: 30px; } window.background:not(.csd) > widget > entry:focus { border-color: #338DD6; } window.background:not(.csd) > widget > button > button { padding: 4px 8px; background-size: auto; } window.background:not(.csd) > widget > button > button:hover { background-image: image(alpha(currentColor, 0.05)); } window.background:not(.csd) > widget > button > button:active { background-image: image(alpha(currentColor, 0.1)); } window.background:not(.csd) > widget > checkbutton > check:not(:checked), window.background:not(.csd) > widget > radiobutton > radio:not(:checked) { color: #757575; } window.background:not(.csd) > widget > checkbutton > check:not(:checked):hover, window.background:not(.csd) > widget > checkbutton > check:not(:checked):active, window.background:not(.csd) > widget > radiobutton > radio:not(:checked):hover, window.background:not(.csd) > widget > radiobutton > radio:not(:checked):active { color: #212121; } window.background:not(.csd) > widget > checkbutton > check:not(:checked):disabled, window.background:not(.csd) > widget > radiobutton > radio:not(:checked):disabled { color: rgba(117, 117, 117, 0.5); } window.background:not(.csd) > window > menu, window.background:not(.csd) > menu > menu { border: none; } window.background:not(.csd) > widget > menubar { color: rgba(255, 255, 255, 0.7); } window.background:not(.csd) > widget > menubar:hover { color: #FFFFFF; } window.background:not(.csd) > widget > menubar:disabled { color: rgba(255, 255, 255, 0.3); } window.background:not(.csd) > widget > frame { color: rgba(0, 0, 0, 0.26); } window.background:not(.csd) > widget > checkbutton > check, window.background:not(.csd) > widget > radiobutton > radio { margin: 0; padding: 0; } window.background:not(.csd) > window.background > menu > separator { color: rgba(0, 0, 0, 0.26); } /************ * 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: 2px; -gtk-outline-radius: 2px; } #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: 2px; -gtk-outline-radius: 2px; } #CanvasTable button { min-height: 16px; min-width: 16px; padding: 0; } #CanvasTable #HorizontalScrollbar { border-top: 1px solid rgba(0, 0, 0, 0.26); } #CanvasTable #VerticalScrollbar:dir(ltr) { border-left: 1px solid rgba(0, 0, 0, 0.26); } #CanvasTable #VerticalScrollbar:dir(rtl) { border-right: 1px solid rgba(0, 0, 0, 0.26); } #Canvas_and_Dock frame > border { border: none; } #Canvas_and_Dock widget > widget > button.flat { min-height: 16px; min-width: 16px; padding: 4px; } #Canvas_and_Dock widget > widget > box.horizontal image { padding: 4px; } #Canvas_and_Dock box.horizontal > box.vertical > button.flat { min-height: 16px; min-width: 24px; padding: 8px 4px; } /*********** * Synapse * ***********/ box.vertical > widget > widget:selected { background-color: #338DD6; } /********* * 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: #338DD6; -UnityDecoration-title-indent: 4px; -UnityDecoration-title-fade: 32px; -UnityDecoration-title-alignment: 0.0; } UnityDecoration .top { padding: 0 2px; border-style: none; border-radius: 2px 2px 0 0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); background-color: #303030; color: #FFFFFF; } UnityDecoration .top:backdrop { color: rgba(255, 255, 255, 0.7); } UnityDecoration .menuitem { color: rgba(255, 255, 255, 0.7); } UnityDecoration .menuitem:hover { box-shadow: inset 0 -2px currentColor; background-color: transparent; color: #FFFFFF; } .background:not(.csd) headerbar:not(.titlebar) { border-radius: 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .background:not(.csd) headerbar:not(.titlebar).inline-toolbar { border-style: none; } UnityPanelWidget, .unity-panel { background-color: #212121; 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 { box-shadow: inset 0 -2px currentColor; background-color: transparent; color: #FFFFFF; } .menu IdoPlaybackMenuItem.menuitem:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: spin 1s linear infinite; color: #338DD6; } /************** * Mate-Panel * **************/ .mate-panel-menu-bar menubar, #PanelApplet-window-menu-applet-button { background-color: transparent; } .mate-panel-menu-bar { background-color: #212121; font-weight: 500; } .mate-panel-menu-bar:not(.popup) { color: rgba(255, 255, 255, 0.7); } .mate-panel-menu-bar button { min-height: 16px; min-width: 16px; padding: 0; border-radius: 0; } .mate-panel-menu-bar button:checked { background-color: rgba(255, 255, 255, 0.12); } PanelToplevel.horizontal > grid > button { min-width: 24px; } PanelToplevel.vertical > grid > button { min-height: 24px; } PanelSeparator { color: rgba(255, 255, 255, 0.12); } MatePanelAppletFrameDBus { border-style: solid; border-color: rgba(255, 255, 255, 0.12); } .mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus { border-width: 0 1px; } .mate-panel-menu-bar.vertical MatePanelAppletFrameDBus { border-width: 1px 0; } .mate-panel-menu-bar menubar > menuitem { color: rgba(255, 255, 255, 0.7); } .mate-panel-menu-bar menubar > menuitem:hover { 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 0px; } .mate-panel-menu-bar #tasklist-button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; } .mate-panel-menu-bar #tasklist-button image:dir(ltr), .mate-panel-menu-bar #tasklist-button label:dir(rtl) { padding-left: 4px; } .mate-panel-menu-bar #tasklist-button label:dir(ltr), .mate-panel-menu-bar #tasklist-button image:dir(rtl) { padding-right: 4px; } .mate-panel-menu-bar.vertical #tasklist-button { min-height: 32px; } .mate-panel-menu-bar.horizontal #showdesktop-button image { min-width: 24px; padding: 0 4px; } .mate-panel-menu-bar.vertical #showdesktop-button image { min-height: 24px; padding: 4px 0; } PanelApplet.wnck-applet .wnck-pager { background-color: transparent; color: #40C4FF; } PanelApplet.wnck-applet .wnck-pager:hover { background-color: rgba(255, 255, 255, 0.12); } PanelApplet.wnck-applet .wnck-pager:active { background-color: rgba(255, 255, 255, 0.3); } PanelApplet.wnck-applet .wnck-pager:selected { background-color: #338DD6; } .mate-panel-menu-bar.horizontal #clock-applet-button label { padding: 0 8px; } .mate-panel-menu-bar.vertical #clock-applet-button label { padding: 8px 0; } #MatePanelPopupWindow { border: 1px solid rgba(0, 0, 0, 0.26); border-radius: 3px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } #MatePanelPopupWindow frame > border { border-style: none; } #MatePanelPopupWindow button { padding: 4px 16px; } #MatePanelPopupWindow ClockMap { border: 1px solid rgba(0, 0, 0, 0.26); } #MatePanelPopupWindow widget { color: rgba(0, 0, 0, 0.26); } na-tray-applet { -NaTrayApplet-icon-padding: 3px; -NaTrayApplet-icon-size: 16; } .mate-panel-menu-bar { -PanelMenuBar-icon-visible: true; } .mate-panel-applet-slider { border: 1px solid rgba(0, 0, 0, 0.26); border-radius: 3px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); background-color: #212121; } .mate-panel-applet-slider frame > border { border-style: none; } #PanelApplet:not(:selected) > box { transition: all 180ms 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(0, 0, 0, 0.26); } #mate-menu button { min-height: 24px; min-width: 24px; padding: 4px 0; color: #FFFFFF; font-weight: normal; } #mate-menu button label:not(:first-child) { color: rgba(255, 255, 255, 0.7); } #mate-menu entry { margin: 0 0 8px; } #mate-menu entry image { margin: 0; } #mate-menu entry + button { margin: 0 4px 8px; padding: 4px; } /********************* * CAJA File manager * *********************/ .caja-navigation-window button.toggle.image-button { border-radius: 2px; } .caja-pathbar button { margin: 0 -1px 0 -2px; } .caja-pathbar button > widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -GtkArrow-arrow-scaling: 1; } .caja-side-pane notebook viewport.frame, .caja-side-pane notebook widget .vertical { background-color: #303030; } .caja-side-pane notebook, .caja-notebook { border-top: 1px solid rgba(0, 0, 0, 0.26); } .caja-side-pane notebook .frame, .caja-notebook .frame { border-style: none; } .caja-navigation-window statusbar { margin: 0 -10px; padding: 0 4px; border-top: 1px solid rgba(0, 0, 0, 0.26); } .caja-notebook frame > border { border-style: none; } #caja-extra-view-widget { border-bottom: 1px solid rgba(0, 0, 0, 0.26); background-color: #212121; } #caja-extra-view-widget > box > box > label { font-weight: bold; } /********* * Pluma * *********/ .pluma-window statusbar { margin: 0 -10px; padding: 0 4px; border-top: 1px solid rgba(0, 0, 0, 0.26); } .pluma-window statusbar frame > border { border-style: none; } .pluma-window statusbar frame button.flat { padding: 0 4px; border-radius: 0; } .pluma-window statusbar frame button.flat widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -GtkArrow-arrow-scaling: 1; } .pluma-print-preview toolbar { border-bottom: 1px solid rgba(0, 0, 0, 0.26); } .pluma-window paned.horizontal box.vertical box.horizontal button.flat { margin: 1px; } .pluma-window paned.horizontal box.vertical .frame { border-style: none; } .pluma-window paned.horizontal box.vertical notebook.frame { margin-top: -1px; border-top: 1px solid rgba(0, 0, 0, 0.26); } .pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal { border-bottom: 1px solid rgba(0, 0, 0, 0.26); } /********* * Atril * *********/ .atril-window paned.horizontal box.vertical .frame { border-style: none; } .atril-window paned.horizontal box.vertical notebook .frame { border-top: 1px solid rgba(0, 0, 0, 0.26); } /* mate-screensaver lock dialog */ .lock-dialog { border-radius: 2px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), inset 0 1px rgba(255, 255, 255, 0.1); } .lock-dialog frame > border { border-style: none; } /****************** * 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: 2px; -gtk-outline-radius: 2px; } .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: 3px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); background-color: #424242; } .budgie-popover .container { padding: 2px; } .budgie-popover border { border: none; } .budgie-popover list { background-color: transparent; } .budgie-popover row { padding: 0; } .budgie-popover row:hover { box-shadow: none; } .budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { min-height: 28px; padding: 0 8px; color: #FFFFFF; font-weight: normal; } .budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled { color: rgba(255, 255, 255, 0.5); } .budgie-popover.budgie-menu .container { padding: 0; } .budgie-popover.user-menu .container { padding: 8px; } .budgie-popover.user-menu separator { margin: 4px 0; } .budgie-popover.sound-popover separator { margin: 3px 0; } .budgie-popover.night-light-indicator .container { padding: 8px; } .budgie-popover.places-menu .container { padding: 8px; } .budgie-popover.places-menu .places-list:not(.always-expand) { margin-top: 4px; padding-top: 4px; border-top: 1px solid rgba(0, 0, 0, 0.26); } .budgie-popover.places-menu .alternative-label { padding: 3px; font-size: 15px; } .budgie-popover.workspace-popover .container { padding: 2px 8px 8px; } .budgie-popover.workspace-popover separator { margin: 4px 0; } .budgie-popover.workspace-popover flowboxchild { padding: 0; } .workspace-switcher .workspace-layout { border: 0 solid rgba(255, 255, 255, 0.12); } .top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { border-left-width: 1px; } .top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { border-right-width: 1px; } .left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { border-top-width: 1px; } .workspace-switcher .workspace-item, .workspace-switcher .workspace-add-button { border: 0 solid rgba(255, 255, 255, 0.12); } .top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { border-right-width: 1px; } .top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { border-left-width: 1px; } .left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { border-bottom-width: 1px; } .workspace-switcher .workspace-item { transition: all 180ms 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: 2px; } .budgie-menu.background { padding: 0; background-color: #303030; } .budgie-menu scrollbar, .budgie-menu entry.search { background-color: transparent; } .budgie-menu entry.search { border-bottom: 1px solid rgba(0, 0, 0, 0.26); border-radius: 0; box-shadow: none; font-size: 120%; } .budgie-menu .categories:dir(ltr) { border-bottom-left-radius: 2px; } .budgie-menu .categories:dir(rtl) { border-bottom-right-radius: 2px; } .budgie-menu button { min-height: 32px; padding: 0 8px; border-radius: 0; color: #FFFFFF; font-weight: normal; } .budgie-menu button:disabled { color: rgba(255, 255, 255, 0.5); } .budgie-menu button:checked:disabled { background-color: #338DD6; } .budgie-menu row { padding: 0; } .budgie-menu row:hover { box-shadow: none; } popover.background.user-menu { padding: 8px; } popover.background.user-menu .content-box { background-color: transparent; } popover.background.user-menu separator { margin: 4px 0; } popover.background.user-menu row { padding: 0; box-shadow: none; background-image: none; } popover.background.places-menu { padding: 8px; } popover.background.places-menu .name-button.text-button { padding-left: 8px; padding-right: 8px; } popover.background.places-menu .name-button.text-button image:dir(ltr) { margin-right: 3px; } popover.background.places-menu .name-button.text-button image:dir(rtl) { margin-left: 3px; } popover.background.places-menu .places-section-header > image:dir(ltr) { margin: 0 -2px 0 5px; } popover.background.places-menu .places-section-header > image:dir(rtl) { margin: 0 5px 0 -2px; } popover.background.places-menu .places-list { margin-top: 4px; padding-top: 4px; border-top: 1px solid rgba(0, 0, 0, 0.26); background-color: transparent; } popover.background.places-menu row { padding: 0; box-shadow: none; background-image: none; } .budgie-panel { transition: background-color 270ms cubic-bezier(0, 0, 0.2, 1); background-color: #212121; color: rgba(255, 255, 255, 0.7); font-weight: 500; } .budgie-panel.transparent { background-color: rgba(0, 0, 0, 0.6); } .budgie-panel button { min-height: 16px; min-width: 16px; padding: 0; border-radius: 0; } .budgie-panel button:checked { background-color: rgba(255, 255, 255, 0.12); } .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: #FF5252; } .budgie-panel #tasklist-button { padding: 0 4px; } .budgie-panel.vertical #tasklist-button { min-height: 32px; } .budgie-panel button.flat.launcher { padding: 0; } .budgie-panel button.flat.launcher:not(:checked) { color: rgba(255, 255, 255, 0.5); } .budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { color: rgba(255, 255, 255, 0.7); } .budgie-panel button.flat.launcher:not(:checked):disabled { color: rgba(255, 255, 255, 0.3); } .top .budgie-panel #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; } .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, .top .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .top button.flat.launcher, .top .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .top button.flat.launcher.running { 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; } .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, .bottom .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .bottom button.flat.launcher, .bottom .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .bottom button.flat.launcher.running { 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; } .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, .left .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .left button.flat.launcher, .left .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .left button.flat.launcher.running { 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; } .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, .right .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .right button.flat.launcher, .right .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .right button.flat.launcher.running { 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 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22); } .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: #424242; } .raven > box { margin-bottom: -10px; } .raven > stack { margin-bottom: -10px; } .raven stackswitcher.linked > button { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 0%, transparent 0%) 0 0 0/0 0 0px; border-radius: 0; } .raven stackswitcher.linked > button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 100%, transparent 0%) 0 0 2/0 0 2px; background-color: transparent; } .raven .raven-header { min-height: 32px; padding: 3px; } .raven .raven-header:not(.top) { margin-top: -6px; } .raven .raven-header.top { padding: 2px 0; background-color: #338DD6; color: #FFFFFF; } .raven .raven-header.top stackswitcher button { margin: -6px 0; min-height: 32px; } .raven .raven-header.top button.image-button:dir(ltr) { margin-right: 2px; } .raven .raven-header.top button.image-button:dir(rtl) { margin-left: 2px; } .raven .raven-header.top > image { margin: 0 8px; } .raven .raven-header.top > label { margin: 0 -8px; font-weight: bold; } .raven .raven-header.bottom { border-top: 1px solid rgba(0, 0, 0, 0.26); } .raven viewport.frame .raven-header { margin-top: -8px; } .raven .raven-background { border-style: solid none; border-width: 1px; border-color: rgba(0, 0, 0, 0.26); background-color: #303030; } .raven .raven-background.frame { border-style: solid none; } .raven .raven-background > overlay > widget > image { color: rgba(255, 255, 255, 0.12); } .raven .raven-background grid > label:first-child { min-height: 32px; } .raven scrolledwindow.raven-background { border-bottom-style: none; } .raven .raven-header.top + .raven-background { border-style: none; background-color: #338DD6; color: #FFFFFF; } .raven .raven-header.top + .raven-background stackswitcher button { margin: -4px 0; } .raven .powerstrip button { margin: 2px 0 1px; padding: 10px; } .raven .option-subtitle { font-size: smaller; } calendar.raven-calendar { border-style: none; background-color: transparent; } calendar.raven-calendar:selected { border-radius: 2px; background-color: #338DD6; } .raven-mpris { background-color: rgba(0, 0, 0, 0.6); color: #FFFFFF; } .raven-mpris label { min-height: 24px; } .raven-mpris button.image-button { padding: 10px; } .budgie-notification-window, .budgie-osd-window, .budgie-switcher-window { background-color: transparent; } .budgie-notification .notification-title, .budgie-switcher .notification-title { font-size: 120%; } .budgie-osd .budgie-osd-text { font-size: 120%; } .drop-shadow { margin: 5px 9px; padding: 3px; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1); background-color: #424242; } .drop-shadow .linked > button { border-radius: 2px; } .budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { border-radius: 2px; background-color: #424242; } .budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration { border-radius: 2px; } .budgie-session-dialog label:not(:last-child), .budgie-session-dialog .dialog-title { font-size: 120%; } .budgie-session-dialog .linked.horizontal > button { padding: 8px 16px; border-top: 1px solid rgba(0, 0, 0, 0.26); border-radius: 0; } .budgie-session-dialog .linked.horizontal > button:first-child { border-bottom-left-radius: 2px; } .budgie-session-dialog .linked.horizontal > button:last-child { border-bottom-right-radius: 2px; } .budgie-polkit-dialog .message { color: rgba(255, 255, 255, 0.5); } .budgie-polkit-dialog .failure { color: #FF5252; } .budgie-run-dialog { background-color: #303030; } .budgie-run-dialog entry.search { font-size: 120%; padding: 6px 14px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); background-color: transparent; } .budgie-run-dialog list .dim-label, .budgie-run-dialog list label.separator, .budgie-run-dialog list .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .budgie-run-dialog list .subtitle, .budgie-run-dialog list headerbar .subtitle, headerbar .budgie-run-dialog list .subtitle, .budgie-run-dialog list .budgie-notification .notification-body, .budgie-notification .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher .notification-body, .budgie-switcher .budgie-run-dialog list .notification-body { opacity: 1; } .budgie-run-dialog scrolledwindow { border-top: 1px solid rgba(0, 0, 0, 0.26); } /************************ * LightDM GTK+ Greeter * ************************/ #panel_window { background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; } #panel_window menubar, #panel_window separator { background-color: transparent; } #panel_window separator { padding: 0 4px; } #panel_window separator:first-child { padding: 0 8px; } #panel_window menubar > menuitem { color: rgba(255, 255, 255, 0.7); } #panel_window menubar > menuitem:hover { color: #FFFFFF; } #panel_window menubar > menuitem:disabled label { color: rgba(255, 255, 255, 0.3); } #login_window, #shutdown_dialog, #restart_dialog { margin: 8px; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1); background-color: #424242; } #content_frame { padding-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.26); } #buttonbox_frame { padding-top: 24px; } #buttonbox_frame button { margin: -16px; } #greeter_infobar { margin-top: -1px; } /* GTK NAMED COLORS ---------------- use responsibly! */ /* widget text/foreground color */ @define-color theme_fg_color #FFFFFF; /* text color for entries, views and content in general */ @define-color theme_text_color #FFFFFF; /* widget base background color */ @define-color theme_bg_color #212121; /* text widgets and the like base background color */ @define-color theme_base_color #303030; /* base background color of selections */ @define-color theme_selected_bg_color #338DD6; /* text/foreground color of selections */ @define-color theme_selected_fg_color #FFFFFF; /* base background color of insensitive widgets */ @define-color insensitive_bg_color #212121; /* text foreground color of insensitive widgets */ @define-color insensitive_fg_color rgba(255, 255, 255, 0.5); /* insensitive text widgets and the like base background color */ @define-color insensitive_base_color #292929; /* widget text/foreground color on backdrop windows */ @define-color theme_unfocused_fg_color #FFFFFF; /* text color for entries, views and content in general on backdrop windows */ @define-color theme_unfocused_text_color #FFFFFF; /* widget base background color on backdrop windows */ @define-color theme_unfocused_bg_color #212121; /* text widgets and the like base background color on backdrop windows */ @define-color theme_unfocused_base_color #303030; /* base background color of selections on backdrop windows */ @define-color theme_unfocused_selected_bg_color #338DD6; /* text/foreground color of selections on backdrop windows */ @define-color theme_unfocused_selected_fg_color #FFFFFF; /* insensitive color on backdrop windows */ @define-color unfocused_insensitive_color rgba(255, 255, 255, 0.5); /* widgets main borders color */ @define-color borders rgba(0, 0, 0, 0.26); /* widgets main borders color on backdrop windows */ @define-color unfocused_borders rgba(0, 0, 0, 0.26); /* these are pretty self explicative */ @define-color warning_color #FF6D00; @define-color error_color #DD2C00; @define-color success_color #00C853; /* FIXME this is really an API */ @define-color content_view_bg #303030; @define-color placeholder_text_color #c1c1c1; materia-theme-20180321/src/gtk/3.22/gtk-dark-compact.scss000066400000000000000000000004301325420104000224470ustar00rootroot00000000000000$variant: 'dark'; $titlebar: 'dark'; $compact: 'true'; @import '../../_sass/gtk/variables'; @import '../../_sass/colors'; @import '../../_sass/gtk/drawing-3.20'; @import '../../_sass/gtk/common-3.20'; @import '../../_sass/gtk/apps-3.22'; @import '../../_sass/gtk/colors-public'; materia-theme-20180321/src/gtk/3.22/gtk-dark.css000066400000000000000000004673611325420104000206640ustar00rootroot00000000000000@keyframes ripple_effect { to { background-size: 1000% 1000%; } } @keyframes header_ripple_effect { from { background-image: radial-gradient(circle farthest-corner at center, #338DD6 0%, transparent 0%); } to { background-image: radial-gradient(circle farthest-corner at center, #338DD6 100%, transparent 0%); } } * { background-clip: padding-box; -GtkToolButton-icon-spacing: 0; -GtkTextView-error-underline-color: #DD2C00; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 24; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-style: solid; outline-width: 2px; outline-color: transparent; outline-offset: -4px; -gtk-outline-radius: 2px; -gtk-secondary-caret-color: #338DD6; } notebook:focus tab, *:focus { outline-color: alpha(currentColor, 0.3); } /*************** * Base States * ***************/ .background { background-color: #212121; color: #FFFFFF; } /* 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: #212121; color: #FFFFFF; } .gtkstyle-fallback:hover { background-color: #141414; color: #FFFFFF; } .gtkstyle-fallback:active { background-color: #080808; color: #FFFFFF; } .gtkstyle-fallback:disabled { background-color: #212121; color: rgba(255, 255, 255, 0.5); } .gtkstyle-fallback:selected { background-color: #338DD6; color: #FFFFFF; } .view { background-color: #303030; color: #FFFFFF; } .view:disabled { color: rgba(255, 255, 255, 0.5); } .view:hover, .view:active, .view:selected { border-radius: 2px; } textview text { background-color: #303030; } textview border { background-color: #292929; color: rgba(255, 255, 255, 0.5); } .rubberband, rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, .content-view .rubberband { border: 1px solid #40C4FF; background-color: rgba(64, 196, 255, 0.3); } flowbox flowboxchild { padding: 4px; border-radius: 2px; } .content-view .tile:selected { background-color: transparent; color: inherit; } label { caret-color: currentColor; } label.separator { color: #FFFFFF; } label selection { background-color: #338DD6; color: #FFFFFF; } label:disabled { color: rgba(255, 255, 255, 0.5); } tab label:disabled, button label:disabled { color: inherit; } .dim-label, label.separator, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, .budgie-notification .notification-body, .budgie-switcher .notification-body { opacity: 0.6; } assistant .sidebar { padding: 4px 0; } assistant .sidebar label { min-height: 36px; padding: 0 12px; color: rgba(255, 255, 255, 0.5); font-weight: 500; } assistant .sidebar label.highlight { color: #FFFFFF; } popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .app-notification, .osd .scale-popup, .nautilus-window .floating-bar, .osd { opacity: 0.9; } /********************* * Spinner Animation * *********************/ @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } spinner:checked { opacity: 1; animation: spin 1s linear infinite; } spinner:checked:disabled { opacity: 0.5; } /**************** * Text Entries * ****************/ spinbutton:not(.vertical), entry { min-height: 36px; padding: 0 8px; border-radius: 2px; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #303030; color: #FFFFFF; } spinbutton:focus:not(.vertical), entry:focus { border-image: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } spinbutton:disabled:not(.vertical), entry:disabled { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #292929; color: rgba(255, 255, 255, 0.5); } spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) entry:not(.search), notebook > stack:not(:only-child) spinbutton:not(.vertical), messagedialog entry, colorchooser .popover.osd spinbutton:not(.vertical), entry.preferences-search, layoutpane entry.search, editortweak entry.search, .raven .raven-background spinbutton:not(.vertical), #login_window entry, entry.flat { border-radius: 0; transition: all 270ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); background-color: transparent; color: #FFFFFF; } spinbutton.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry:focus:not(.search), notebook > stack:not(:only-child) spinbutton:focus:not(.vertical), messagedialog entry:focus, colorchooser .popover.osd spinbutton:focus:not(.vertical), entry.preferences-search:focus, layoutpane entry.search:focus, editortweak entry.search:focus, .raven .raven-background spinbutton:focus:not(.vertical), #login_window entry:focus, entry.flat:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); } spinbutton.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry:disabled:not(.search), notebook > stack:not(:only-child) spinbutton:disabled:not(.vertical), messagedialog entry:disabled, colorchooser .popover.osd spinbutton:disabled:not(.vertical), entry.preferences-search:disabled, layoutpane entry.search:disabled, editortweak entry.search:disabled, .raven .raven-background spinbutton:disabled:not(.vertical), #login_window entry:disabled, entry.flat:disabled { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); background-color: transparent; color: rgba(255, 255, 255, 0.5); } spinbutton:not(.vertical) image, entry image { color: rgba(255, 255, 255, 0.7); } spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active, entry image:hover, entry image:active { color: #FFFFFF; } spinbutton:not(.vertical) image:disabled, entry image:disabled { color: rgba(255, 255, 255, 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) undershoot.left, entry undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: left top; } spinbutton:not(.vertical) undershoot.right, entry undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: right top; } spinbutton.error:not(.vertical), entry.error { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #DD2C00; color: #FFFFFF; } spinbutton.error:focus:not(.vertical), entry.error:focus { border-image: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } spinbutton.error:disabled:not(.vertical), entry.error:disabled { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #292929; color: rgba(255, 255, 255, 0.5); } spinbutton.error.flat:not(.vertical), notebook > stack:not(:only-child) entry.error:not(.search), notebook > stack:not(:only-child) spinbutton.error:not(.vertical), messagedialog entry.error, colorchooser .popover.osd spinbutton.error:not(.vertical), entry.error.preferences-search, layoutpane entry.error.search, editortweak entry.error.search, .raven .raven-background spinbutton.error:not(.vertical), #login_window entry.error, entry.error.flat { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 0%, transparent 0%) 0 0 0/0 0 0px; box-shadow: inset 0 -1px #DD2C00; background-color: transparent; color: #FFFFFF; } spinbutton.error.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.error:focus:not(.search), notebook > stack:not(:only-child) spinbutton.error:focus:not(.vertical), messagedialog entry.error:focus, colorchooser .popover.osd spinbutton.error:focus:not(.vertical), entry.error.preferences-search:focus, layoutpane entry.error.search:focus, editortweak entry.error.search:focus, .raven .raven-background spinbutton.error:focus:not(.vertical), #login_window entry.error:focus, entry.error.flat:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 100%, transparent 0%) 0 0 2/0 0 2px; box-shadow: inset 0 -1px #DD2C00; } spinbutton.error.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.error:disabled:not(.search), notebook > stack:not(:only-child) spinbutton.error:disabled:not(.vertical), messagedialog entry.error:disabled, colorchooser .popover.osd spinbutton.error:disabled:not(.vertical), entry.error.preferences-search:disabled, layoutpane entry.error.search:disabled, editortweak entry.error.search:disabled, .raven .raven-background spinbutton.error:disabled:not(.vertical), #login_window entry.error:disabled, entry.error.flat:disabled { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); background-color: transparent; color: rgba(255, 255, 255, 0.5); } spinbutton.error:not(.vertical) image, entry.error image { color: rgba(255, 255, 255, 0.7); } spinbutton.error:not(.vertical) image:hover, spinbutton.error:not(.vertical) image:active, entry.error image:hover, entry.error image:active { color: #FFFFFF; } spinbutton.error:not(.vertical) image:disabled, entry.error image:disabled { color: rgba(255, 255, 255, 0.5); } spinbutton.warning:not(.vertical), entry.warning { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FF6D00; color: #FFFFFF; } spinbutton.warning:focus:not(.vertical), entry.warning:focus { border-image: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } spinbutton.warning:disabled:not(.vertical), entry.warning:disabled { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #292929; color: rgba(255, 255, 255, 0.5); } spinbutton.warning.flat:not(.vertical), notebook > stack:not(:only-child) entry.warning:not(.search), notebook > stack:not(:only-child) spinbutton.warning:not(.vertical), messagedialog entry.warning, colorchooser .popover.osd spinbutton.warning:not(.vertical), entry.warning.preferences-search, layoutpane entry.warning.search, editortweak entry.warning.search, .raven .raven-background spinbutton.warning:not(.vertical), #login_window entry.warning, entry.warning.flat { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 0%, transparent 0%) 0 0 0/0 0 0px; box-shadow: inset 0 -1px #FF6D00; background-color: transparent; color: #FFFFFF; } spinbutton.warning.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.warning:focus:not(.search), notebook > stack:not(:only-child) spinbutton.warning:focus:not(.vertical), messagedialog entry.warning:focus, colorchooser .popover.osd spinbutton.warning:focus:not(.vertical), entry.warning.preferences-search:focus, layoutpane entry.warning.search:focus, editortweak entry.warning.search:focus, .raven .raven-background spinbutton.warning:focus:not(.vertical), #login_window entry.warning:focus, entry.warning.flat:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 100%, transparent 0%) 0 0 2/0 0 2px; box-shadow: inset 0 -1px #FF6D00; } spinbutton.warning.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.warning:disabled:not(.search), notebook > stack:not(:only-child) spinbutton.warning:disabled:not(.vertical), messagedialog entry.warning:disabled, colorchooser .popover.osd spinbutton.warning:disabled:not(.vertical), entry.warning.preferences-search:disabled, layoutpane entry.warning.search:disabled, editortweak entry.warning.search:disabled, .raven .raven-background spinbutton.warning:disabled:not(.vertical), #login_window entry.warning:disabled, entry.warning.flat:disabled { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); background-color: transparent; color: rgba(255, 255, 255, 0.5); } spinbutton.warning:not(.vertical) image, entry.warning image { color: rgba(255, 255, 255, 0.7); } spinbutton.warning:not(.vertical) image:hover, spinbutton.warning:not(.vertical) image:active, entry.warning image:hover, entry.warning image:active { color: #FFFFFF; } spinbutton.warning:not(.vertical) image:disabled, entry.warning image:disabled { color: rgba(255, 255, 255, 0.5); } spinbutton:not(.vertical) progress, entry progress { margin: 2px -6px; border-bottom: 2px solid #338DD6; background-color: transparent; } .linked:not(.vertical) > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) .linked:not(.vertical) > entry:not(.search), notebook > stack:not(:only-child) .linked:not(.vertical) > spinbutton:not(.vertical), messagedialog .linked:not(.vertical) > entry, colorchooser .popover.osd .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry.preferences-search, layoutpane .linked:not(.vertical) > entry.search, editortweak .linked:not(.vertical) > entry.search, .raven .raven-background .linked:not(.vertical) > spinbutton:not(.vertical), #login_window .linked:not(.vertical) > entry, .linked.vertical > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) .linked.vertical > entry:not(.search), notebook > stack:not(:only-child) .linked.vertical > spinbutton:not(.vertical), messagedialog .linked.vertical > entry, colorchooser .popover.osd .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry.preferences-search, layoutpane .linked.vertical > entry.search, editortweak .linked.vertical > entry.search, .raven .raven-background .linked.vertical > spinbutton:not(.vertical), #login_window .linked.vertical > entry, .linked:not(.vertical) > entry.flat, .linked.vertical > entry.flat { border-radius: 0; } treeview entry.flat, treeview entry { min-height: 0; padding: 2px; border-radius: 0; background-color: #303030; } treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus { border-image: none; box-shadow: none; } .entry-tag, .documents-entry-tag, .photos-entry-tag { margin: 6px; border-radius: 9999px; box-shadow: none; background-color: #338DD6; color: #FFFFFF; } .entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } :dir(ltr) .entry-tag, :dir(ltr) .documents-entry-tag, :dir(ltr) .photos-entry-tag { margin-left: 8px; margin-right: -2px; padding-left: 8px; padding-right: 4px; } :dir(rtl) .entry-tag, :dir(rtl) .documents-entry-tag, :dir(rtl) .photos-entry-tag { margin-left: -2px; margin-right: 8px; padding-left: 4px; padding-right: 8px; } .entry-tag.button, .button.documents-entry-tag, .button.photos-entry-tag { box-shadow: none; background-color: transparent; } .entry-tag.button:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active) { color: rgba(255, 255, 255, 0.7); } /*********** * Buttons * ***********/ @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#009688), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#009688), to(transparent)); } } button { min-height: 24px; min-width: 16px; padding: 6px 10px; border-radius: 2px; font-weight: 500; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1), background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 9999px transparent; background-color: #424242; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; color: rgba(255, 255, 255, 0.8); } button:hover { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px transparent; color: #FFFFFF; } button:active { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px alpha(currentColor, 0.15); background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%); background-size: 0% 0%; color: #FFFFFF; } button:disabled { box-shadow: none; background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.3); } button:checked { background-color: #338DD6; color: #FFFFFF; } button:checked:disabled { background-color: rgba(51, 141, 214, 0.3); color: rgba(51, 141, 214, 0.5); } modelbutton.flat, .menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button, popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check, radio, calendar.button, messagedialog.csd .dialog-action-area button, button.sidebar-button, .gedit-search-slider button, popover.messagepopover .popover-action-area button, #mate-menu button, .budgie-settings-window buttonbox.inline-toolbar button, .raven .raven-header:not(.top) button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, .lightdm-gtk-greeter button, :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) .path-bar button, layouttabbar button, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, toolbar button, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), headerbar button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button, button.flat { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 9999px transparent; background-color: transparent; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; color: rgba(255, 255, 255, 0.7); } modelbutton.flat:hover, .menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background.menu button:hover, popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover, radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button:hover, button.sidebar-button:hover, .gedit-search-slider button:hover, popover.messagepopover .popover-action-area button:hover, #mate-menu button:hover, .budgie-settings-window buttonbox.inline-toolbar button:hover, .raven .raven-header:not(.top) button:hover, .drop-shadow button:hover, .budgie-session-dialog .linked.horizontal > button:hover, .lightdm-gtk-greeter button:hover, :not(headerbar) .caja-pathbar button:hover, .caja-pathbar :not(headerbar) button:hover, :not(headerbar) .path-bar button:hover, layouttabbar button:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, toolbar button:hover, .titlebar:not(headerbar) button:hover:not(.suggested-action):not(.destructive-action), headerbar button:hover:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:hover, button.flat:hover { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15); color: #FFFFFF; } modelbutton.flat:active, .menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background.menu button:active, popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active, radio:active, calendar.button:active, messagedialog.csd .dialog-action-area button:active, button.sidebar-button:active, .gedit-search-slider button:active, popover.messagepopover .popover-action-area button:active, #mate-menu button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, .raven .raven-header:not(.top) button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, .lightdm-gtk-greeter button:active, :not(headerbar) .caja-pathbar button:active, .caja-pathbar :not(headerbar) button:active, :not(headerbar) .path-bar button:active, layouttabbar button:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, toolbar button:active, .titlebar:not(headerbar) button:active:not(.suggested-action):not(.destructive-action), headerbar button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:active, button.flat:active { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15); background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%); background-size: 0% 0%; color: #FFFFFF; } modelbutton.flat:disabled, .menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background.menu button:disabled, popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled, radio:disabled, calendar.button:disabled, messagedialog.csd .dialog-action-area button:disabled, button.sidebar-button:disabled, .gedit-search-slider button:disabled, popover.messagepopover .popover-action-area button:disabled, #mate-menu button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, .raven .raven-header:not(.top) button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, .lightdm-gtk-greeter button:disabled, :not(headerbar) .caja-pathbar button:disabled, .caja-pathbar :not(headerbar) button:disabled, :not(headerbar) .path-bar button:disabled, layouttabbar button:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, toolbar button:disabled, .titlebar:not(headerbar) button:disabled:not(.suggested-action):not(.destructive-action), headerbar button:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:disabled, button.flat:disabled { box-shadow: none; background-color: transparent; color: rgba(255, 255, 255, 0.3); } :not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .path-bar button:checked, layouttabbar button:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, toolbar button:checked, .titlebar:not(headerbar) button:checked:not(.suggested-action):not(.destructive-action), headerbar button:checked:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked, button.flat:checked { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } :not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar) .path-bar button:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, toolbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled:not(.suggested-action):not(.destructive-action), headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked:disabled, button.flat:checked:disabled { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } button.text-button { padding-left: 16px; padding-right: 16px; } button.image-button { min-width: 24px; padding: 6px; } button.text-button.image-button { border-radius: 2px; -gtk-outline-radius: 2px; } 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; } toolbar .linked > button, .titlebar:not(headerbar) .linked > button:not(.suggested-action):not(.destructive-action), headerbar .linked > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button, toolbar .linked.vertical > button, .titlebar:not(headerbar) .linked.vertical > button:not(.suggested-action):not(.destructive-action), headerbar .linked.vertical > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked.vertical > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked.vertical > button, .linked > button.flat, .linked.vertical > button.flat { border-radius: 2px; } toolbar .linked > button.text-button.image-button, .titlebar:not(headerbar) .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action), headerbar .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.text-button.image-button, toolbar .linked.vertical > button.text-button.image-button, .titlebar:not(headerbar) .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action), headerbar .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked.vertical > button.text-button.image-button, .linked > button.flat.text-button.image-button, .linked.vertical > button.flat.text-button.image-button { border-radius: 2px; -gtk-outline-radius: 2px; } infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, row:selected button:disabled { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.3); } row:selected button.sidebar-button, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, .raven-mpris button.image-button, row:selected button.flat { color: rgba(255, 255, 255, 0.7); } row:selected button.sidebar-button:hover, infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, .raven-mpris button.image-button:hover, row:selected button.sidebar-button:active, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .raven-mpris button.image-button:active, row:selected button.flat:hover, row:selected button.flat:active { color: #FFFFFF; } row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .raven-mpris button.image-button:disabled, row:selected button.flat:disabled { color: rgba(255, 255, 255, 0.3); } row:selected button.sidebar-button:checked, infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .raven-mpris button.image-button:checked, row:selected button.flat:checked { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } row:selected button.sidebar-button:checked:disabled, infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .raven-mpris button.image-button:checked:disabled, row:selected button.flat:checked:disabled { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } button.osd { padding: 12px 16px; } button.osd.image-button { padding: 12px; } button.osd:disabled { opacity: 0; } button.suggested-action { background-color: #009688; color: #FFFFFF; } button.suggested-action:disabled { box-shadow: none; background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } button.suggested-action:checked { background-color: #4db6ac; } button.suggested-action.flat { background-color: transparent; color: #009688; } button.suggested-action.flat:disabled { box-shadow: none; background-color: transparent; color: rgba(255, 255, 255, 0.5); } button.suggested-action.flat:checked { background-color: rgba(0, 150, 136, 0.3); } button.destructive-action { background-color: #FF5252; color: #FFFFFF; } button.destructive-action:disabled { box-shadow: none; background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } button.destructive-action:checked { background-color: #ff8686; } button.destructive-action.flat { background-color: transparent; color: #FF5252; } button.destructive-action.flat:disabled { box-shadow: none; background-color: transparent; color: rgba(255, 255, 255, 0.5); } button.destructive-action.flat:checked { background-color: rgba(255, 82, 82, 0.3); } .stack-switcher > button { outline-offset: -4px; } .stack-switcher > button > label { padding-left: 6px; padding-right: 6px; } .stack-switcher > button > image { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } .stack-switcher > button.text-button { padding-left: 10px; padding-right: 10px; } .stack-switcher > button.image-button { padding-left: 4px; padding-right: 4px; } .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { animation: none; background-image: none; } .primary-toolbar button { -gtk-icon-shadow: none; } button.image-button, toolbar .linked > button.image-button, .titlebar:not(headerbar) .linked > button.image-button:not(.suggested-action):not(.destructive-action), headerbar .linked > button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.image-button, toolbar .linked.vertical > button.image-button, headerbar .linked.vertical > button.image-button:not(.suggested-action):not(.destructive-action), .app-notification .linked.vertical > button.image-button, .linked > button.flat.image-button, .linked.vertical > button.flat.image-button, .inline-toolbar button:not(.text-button), check, radio, button.titlebutton, .nautilus-window headerbar > revealer > button, .raven .raven-header:not(.top) button.image-button, .raven .expander-button, button.close, button.circular { border-radius: 9999px; -gtk-outline-radius: 9999px; } spinbutton:not(.vertical) button, notebook > header tab button.flat, button.sidebar-button, .nautilus-window .floating-bar button, .gedit-document-panel row button.flat, .gedit-search-slider button:dir(ltr), .gedit-search-slider button:dir(rtl), .pluma-window paned.horizontal box.vertical box.horizontal button.flat { min-height: 24px; min-width: 24px; padding: 0; border-radius: 9999px; -gtk-outline-radius: 9999px; } .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label { animation: needs_attention 270ms cubic-bezier(0, 0, 0.2, 1) forwards; background-repeat: no-repeat; background-position: right 3px; background-size: 6px 6px; } .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) { background-position: left 3px; } .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked > button, .linked:not(.vertical) > combobox > box > button.combo { border-radius: 0; -gtk-outline-radius: 2px; } .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .linked > button:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .linked > button:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo { border-radius: 2px; } .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button, .linked.vertical > combobox > box > button.combo { border-radius: 0; -gtk-outline-radius: 2px; } .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo { border-top-left-radius: 2px; border-top-right-radius: 2px; } .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo { border-radius: 2px; } /* menu buttons */ modelbutton.flat, .menuitem.button.flat { min-height: 28px; padding: 0 8px; border-radius: 2px; color: inherit; } modelbutton.flat arrow { background: none; } modelbutton.flat arrow:hover { background: none; } modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } button.color { min-height: 24px; min-width: 24px; padding: 6px; } /********* * Links * *********/ *:link, button:link, button:visited, *:link:hover, button:hover:link, button:hover:visited, *:link:active, button:active:link, button:active:visited { color: #338DD6; } *:link:visited, button:visited, *:link:visited:hover, button:visited:hover, *:link:visited:active, button:visited:active { color: #E040FB; } infobar.info *:link, infobar.info button:link, infobar.info button:visited, infobar.question *:link, infobar.question button:link, infobar.question button:visited, infobar.warning *:link, infobar.warning button:link, infobar.warning button:visited, infobar.error *:link, infobar.error button:link, infobar.error button:visited, *:link:selected, button:selected:link, button:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:link, headerbar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited { color: #FFFFFF; } button:link > label, button:visited > label { text-decoration-line: underline; } /***************** * GtkSpinButton * *****************/ spinbutton:not(.vertical) { padding: 0; } notebook > stack:not(:only-child) spinbutton:not(.vertical) entry, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:focus, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:disabled, spinbutton:not(.vertical) entry { min-width: 32px; margin: 0; border-image: none; border-radius: 0; box-shadow: none; background-color: transparent; } spinbutton:not(.vertical) button { border: solid 6px transparent; } spinbutton:not(.vertical) button.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:disabled { color: rgba(255, 255, 255, 0.5); } spinbutton.vertical:drop(active) { box-shadow: none; } 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.up { border-radius: 2px 2px 0 0; } spinbutton.vertical button.down { border-radius: 0 0 2px 2px; } treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; } treeview spinbutton:not(.vertical) entry { min-height: 0; padding: 1px 2px; } /************** * ComboBoxes * **************/ combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } combobox decoration, combobox button.combo:checked { transition: none; } combobox button.combo cellview:dir(ltr) { margin-left: -2px; } combobox button.combo cellview:dir(rtl) { margin-right: -2px; } combobox #gtk-combobox-popup-menu { padding: 2px 0; } combobox #gtk-combobox-popup-menu menuitem { min-height: 32px; padding: 0 8px; } combobox #gtk-combobox-popup-menu > arrow.top { margin-top: -2px; } combobox #gtk-combobox-popup-menu > arrow.bottom { margin-bottom: -6px; } combobox:drop(active) { box-shadow: none; } notebook > stack:not(:only-child) button.combo, .raven .raven-background button.combo, #login_window #user_combobox button { border-radius: 0; background-image: none; font-weight: inherit; transition: all 270ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); background-color: transparent; color: #FFFFFF; } notebook > stack:not(:only-child) button.combo:hover, .raven .raven-background button.combo:hover, #login_window #user_combobox button:hover { box-shadow: inset 0 -2px rgba(255, 255, 255, 0.5); } notebook > stack:not(:only-child) button.combo:checked, .raven .raven-background button.combo:checked, #login_window #user_combobox button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px; } notebook > stack:not(:only-child) button.combo:disabled, .raven .raven-background button.combo:disabled, #login_window #user_combobox button:disabled { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } /************ * Toolbars * ************/ toolbar { -GtkWidget-window-dragging: true; padding: 2px; background-color: #212121; } .osd toolbar { background-color: transparent; } toolbar.osd, .app-notification, frame.documents-dropdown { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); padding: 6px; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1); background-color: #303030; } toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.1); } toolbar.osd.left, .left.app-notification, frame.left.documents-dropdown, toolbar.osd.right, .right.app-notification, frame.right.documents-dropdown, toolbar.osd.top, .top.app-notification, frame.top.documents-dropdown, toolbar.osd.bottom, .bottom.app-notification, frame.bottom.documents-dropdown { border-radius: 0; } toolbar.horizontal > separator { margin: 2px; } toolbar.vertical > separator { margin: 2px; } toolbar:not(.inline-toolbar):not(.osd) scale, toolbar:not(.inline-toolbar):not(.osd) entry, toolbar:not(.inline-toolbar):not(.osd) spinbutton, toolbar:not(.inline-toolbar):not(.osd) button { margin: 2px; } toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child), toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child), toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) { margin-left: 0; } toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child), toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child), toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) { margin-right: 0; } toolbar:not(.inline-toolbar):not(.osd) spinbutton entry, toolbar:not(.inline-toolbar):not(.osd) spinbutton button { margin: 0; } toolbar:not(.inline-toolbar):not(.osd) switch { margin: 8px 2px; } .inline-toolbar { padding: 6px; border-style: solid; border-width: 0 1px 1px; border-color: rgba(0, 0, 0, 0.26); background-color: #292929; } searchbar > revealer > box, .location-bar { padding: 6px; border-style: solid; border-width: 0 0 1px; border-color: rgba(0, 0, 0, 0.26); background-color: #212121; background-clip: border-box; } searchbar > revealer > box { margin: -6px; padding: 6px; } /*************** * Header bars * ***************/ .titlebar:not(headerbar), headerbar { transition: background-color 180ms cubic-bezier(0, 0, 0.2, 1), color 270ms cubic-bezier(0, 0, 0.2, 1); min-height: 48px; padding: 0 6px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.1); background-color: #303030; color: #FFFFFF; } .titlebar:disabled:not(headerbar) :not(button) > label, headerbar:disabled :not(button) > label { color: rgba(255, 255, 255, 0.5); } .titlebar:backdrop:not(headerbar), headerbar:backdrop { color: rgba(255, 255, 255, 0.7); } .titlebar:backdrop:disabled:not(headerbar) :not(button) > label, headerbar:backdrop:disabled :not(button) > label { color: rgba(255, 255, 255, 0.3); } .titlebar:not(headerbar) .title, headerbar .title { padding: 0 12px; font-weight: bold; } .titlebar:not(headerbar) .subtitle, headerbar .subtitle { padding: 0 12px; font-size: smaller; } .titlebar:not(headerbar) .linked:not(.vertical) > entry:not(.flat), headerbar .linked:not(.vertical) > entry:not(.flat) { border-radius: 2px; } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), headerbar button:not(.suggested-action):not(.destructive-action) { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px; color: rgba(255, 255, 255, 0.7); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active, headerbar button:not(.suggested-action):not(.destructive-action):hover, headerbar button:not(.suggested-action):not(.destructive-action):active { color: #FFFFFF; } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled, headerbar button:not(.suggested-action):not(.destructive-action):disabled { color: rgba(255, 255, 255, 0.3); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, headerbar 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: #FFFFFF; } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled { color: rgba(255, 255, 255, 0.5); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, headerbar button:not(.suggested-action):not(.destructive-action):checked, headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled { background-color: transparent; } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop, headerbar button:not(.suggested-action):not(.destructive-action):backdrop { color: rgba(255, 255, 255, 0.5); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:active, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:hover, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:active { color: rgba(255, 255, 255, 0.7); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:disabled { color: rgba(255, 255, 255, 0.3); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked { color: rgba(255, 255, 255, 0.7); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { color: rgba(255, 255, 255, 0.3); } .titlebar:not(headerbar) button.suggested-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled, headerbar button.suggested-action:disabled, headerbar button.destructive-action:disabled { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } .selection-mode.titlebar:not(headerbar), headerbar.selection-mode { transition: background-color 0.00001s 270ms, color 270ms cubic-bezier(0, 0, 0.2, 1); animation: header_ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.2); background-color: #338DD6; color: #FFFFFF; } .selection-mode.titlebar:backdrop:not(headerbar), headerbar.selection-mode:backdrop { color: rgba(255, 255, 255, 0.7); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), headerbar.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: #FFFFFF; } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled { color: rgba(255, 255, 255, 0.5); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, headerbar.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: #FFFFFF; } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled { color: rgba(255, 255, 255, 0.5); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop { color: rgba(255, 255, 255, 0.7); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled { color: rgba(255, 255, 255, 0.3); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked { color: rgba(255, 255, 255, 0.7); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { color: rgba(255, 255, 255, 0.3); } .selection-mode.titlebar:not(headerbar) .selection-menu, headerbar.selection-mode .selection-menu { padding-left: 16px; padding-right: 16px; } .selection-mode.titlebar:not(headerbar) .selection-menu arrow, headerbar.selection-mode .selection-menu arrow { -GtkArrow-arrow-scaling: 1; } .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } .tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 24px; padding: 6px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } .tiled .default-decoration.titlebar:not(headerbar), .maximized .default-decoration.titlebar:not(headerbar), .fullscreen .default-decoration.titlebar:not(headerbar), .tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { box-shadow: none; } .default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { min-height: 24px; min-width: 24px; margin: 0; padding: 0; } .background:not(.csd) .default-decoration.titlebar:not(headerbar) button.titlebutton:active, .background:not(.csd) headerbar.default-decoration button.titlebutton:active { background-size: 1000% 1000%; } headerbar entry, headerbar spinbutton, headerbar button { margin-top: 6px; margin-bottom: 6px; } headerbar switch { margin-top: 12px; margin-bottom: 12px; } headerbar spinbutton button { margin-top: 0; margin-bottom: 0; } .background .titlebar { border-top-left-radius: 2px; border-top-right-radius: 2px; } .background.tiled .titlebar, .background.tiled-top .titlebar, .background.tiled-right .titlebar, .background.tiled-bottom .titlebar, .background.tiled-left .titlebar, .background.maximized .titlebar, .background.solid-csd .titlebar { border-top-left-radius: 0; border-top-right-radius: 0; } window separator:first-child + headerbar, window headerbar:first-child { border-top-left-radius: 2px; } window headerbar:last-child { border-top-right-radius: 2px; } window stack headerbar:first-child, window stack headerbar:last-child { border-top-left-radius: 2px; border-top-right-radius: 2px; } window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child { border-top-left-radius: 0; border-top-right-radius: 0; } window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; box-shadow: none; } .titlebar:not(headerbar) > separator { background-color: #303030; background-image: image(rgba(0, 0, 0, 0.26)); } /************ * Pathbars * ************/ .caja-pathbar button, .path-bar button { padding-left: 6px; padding-right: 6px; } .caja-pathbar button label:not(:only-child):first-child, .path-bar button label:not(:only-child):first-child { margin-left: 4px; } .caja-pathbar button label:not(:only-child):last-child, .path-bar button label:not(:only-child):last-child { margin-right: 4px; } .caja-pathbar button.slider-button, .path-bar button.slider-button { padding-left: 4px; padding-right: 4px; } :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) .path-bar button { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px; border-radius: 2px; } :not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .path-bar button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px; } :not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar) .path-bar button:checked, :not(headerbar) .path-bar button:checked:disabled { background-color: transparent; } /************** * Tree Views * **************/ treeview.view { border-left-color: rgba(255, 255, 255, 0.3); border-top-color: rgba(0, 0, 0, 0.26); } * { -GtkTreeView-horizontal-separator: 4; -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; } treeview.view:selected { border-left-color: rgba(255, 255, 255, 0.3); } treeview.view:hover, treeview.view:active, treeview.view:selected { border-radius: 0; } treeview.view.separator { min-height: 5px; color: rgba(0, 0, 0, 0.26); } treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #009688; } treeview.view:drop(active).after { border-top-style: none; } treeview.view:drop(active).before { border-bottom-style: none; } treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -gtk-icon-transform: rotate(-90deg); color: rgba(255, 255, 255, 0.7); } treeview.view.expander:dir(rtl) { -gtk-icon-transform: rotate(90deg); } treeview.view.expander:checked { -gtk-icon-transform: unset; } treeview.view.expander:hover, treeview.view.expander:active { color: #FFFFFF; } treeview.view.expander:disabled { color: rgba(255, 255, 255, 0.3); } treeview.view.expander:selected { color: rgba(255, 255, 255, 0.7); } treeview.view.expander:selected:hover, treeview.view.expander:selected:active { color: #FFFFFF; } treeview.view.expander:selected:disabled { color: rgba(255, 255, 255, 0.3); } treeview.view.progressbar { border-bottom: 4px solid #338DD6; box-shadow: none; background-color: transparent; } treeview.view.progressbar:selected { border-bottom-color: #FFFFFF; } treeview.view.trough { border-bottom: 4px solid rgba(51, 141, 214, 0.3); box-shadow: none; background-color: transparent; } treeview.view.trough:selected { border-bottom-color: rgba(255, 255, 255, 0.3); } treeview.view header button { padding: 2px 6px; border-style: none solid solid none; border-width: 1px; border-color: rgba(0, 0, 0, 0.26); border-radius: 0; background-clip: border-box; } treeview.view header button, treeview.view header button:hover, treeview.view header button:active { box-shadow: none; } treeview.view header button, treeview.view header button:disabled { background-color: #303030; } 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(0, 0, 0, 0.26); border-radius: 0; box-shadow: none; background-color: #303030; background-clip: border-box; color: #338DD6; } treeview.view acceleditor > label { background-color: #338DD6; } /********* * Menus * *********/ menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0; background-color: #303030; } menubar > menuitem, .menubar > menuitem { transition: all 180ms 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); } menubar > menuitem label:disabled, .menubar > menuitem label:disabled { color: inherit; } .csd.popup { background-color: transparent; } menu, .menu, .context-menu { margin: 4px 0; padding: 4px 0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); background-color: #303030; border: 1px solid rgba(0, 0, 0, 0.26); } .csd menu, .csd .menu, .csd .context-menu { border: none; border-radius: 2px; } menu menuitem, .menu menuitem, .context-menu menuitem { transition: background-color 180ms cubic-bezier(0, 0, 0.2, 1); min-height: 20px; min-width: 40px; padding: 4px 8px; font: initial; text-shadow: none; } menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { transition: none; background-color: rgba(255, 255, 255, 0.12); } menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: rgba(255, 255, 255, 0.5); } menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; min-width: 16px; } menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 8px; } menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 8px; } menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { color: inherit; } menu > arrow, .menu > arrow, .context-menu > arrow { min-height: 16px; min-width: 16px; padding: 4px; background-color: #303030; color: rgba(255, 255, 255, 0.7); } menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -4px; border-bottom: 1px solid rgba(0, 0, 0, 0.26); border-radius: 2px 2px 0 0; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-bottom: -12px; border-top: 1px solid rgba(0, 0, 0, 0.26); border-radius: 0 0 2px 2px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-image: image(rgba(255, 255, 255, 0.12)); color: #FFFFFF; } 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(255, 255, 255, 0.7); } .popup:not(.csd) menu menuitem { color: #FFFFFF; } .popup:not(.csd) menu menuitem:hover { background-color: #494949; } .popup:not(.csd) menu menuitem:disabled { color: #989898; } .popup:not(.csd) menu accelerator { color: #c1c1c1; } /************ * Popovers * ************/ popover.background { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); padding: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); background-color: #424242; } popover.background:backdrop { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } 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: 3px; } 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: 2px; } popover.background separator { margin: 4px 0; } popover.background list separator { margin: 0; } /************* * Notebooks * *************/ notebook > header { border-width: 1px; border-color: rgba(0, 0, 0, 0.26); background-color: #212121; background-clip: border-box; } notebook > header.top { border-bottom-style: solid; } notebook > header.top > tabs { margin-bottom: -1px; } notebook > header.top > tabs > tab:hover { box-shadow: inset 0 -2px rgba(255, 255, 255, 0.3); } notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -2px #338DD6; } notebook > header.bottom { border-top-style: solid; } notebook > header.bottom > tabs { margin-top: -1px; } notebook > header.bottom > tabs > tab:hover { box-shadow: inset 0 2px rgba(255, 255, 255, 0.3); } notebook > header.bottom > tabs > tab:checked { box-shadow: inset 0 2px #338DD6; } notebook > header.left { border-right-style: solid; } notebook > header.left > tabs { margin-right: -1px; } notebook > header.left > tabs > tab:hover { box-shadow: inset -2px 0 rgba(255, 255, 255, 0.3); } notebook > header.left > tabs > tab:checked { box-shadow: inset -2px 0 #338DD6; } notebook > header.right { border-left-style: solid; } notebook > header.right > tabs { margin-left: -1px; } notebook > header.right > tabs > tab:hover { box-shadow: inset 2px 0 rgba(255, 255, 255, 0.3); } notebook > header.right > tabs > tab:checked { box-shadow: inset 2px 0 #338DD6; } notebook > header.top > tabs > arrow { border-top-style: none; } notebook > header.bottom > tabs > arrow { border-bottom-style: none; } notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { padding-left: 4px; padding-right: 4px; } notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { margin-left: -8px; -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { margin-right: -8px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } notebook > header.left > tabs > arrow { border-left-style: none; } notebook > header.right > tabs > arrow { border-right-style: none; } notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { padding-top: 4px; padding-bottom: 4px; } notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { margin-top: -8px; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { margin-bottom: -8px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; } notebook > header tab { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; min-height: 24px; min-width: 24px; padding: 6px 12px; outline-offset: -6px; border-width: 1px; border-color: transparent; background-image: radial-gradient(circle farthest-corner at center, #338DD6 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; color: rgba(255, 255, 255, 0.7); font-weight: 500; } notebook > header tab:hover { color: #FFFFFF; } notebook > header tab:hover.reorderable-page { border-color: rgba(0, 0, 0, 0.26); background-color: #292929; } notebook > header tab:disabled { color: rgba(255, 255, 255, 0.3); } notebook > header tab:checked { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 270ms cubic-bezier(0, 0, 0.2, 1), background-image 720ms cubic-bezier(0, 0, 0.2, 1); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-size: 1000% 1000%; color: #FFFFFF; } notebook > header tab:checked:disabled { color: rgba(255, 255, 255, 0.5); } notebook > header tab:checked.reorderable-page { border-color: rgba(0, 0, 0, 0.26); background-color: #303030; } notebook > header tab button.flat:last-child { margin-left: 6px; margin-right: -6px; } notebook > header tab button.flat:first-child { margin-left: -6px; margin-right: 6px; } notebook > header.top tabs, notebook > header.bottom tabs { padding-left: 8px; padding-right: 8px; } notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { margin-left: 0; } notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { margin-right: 0; } notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { margin: 0 -1px; border-style: none solid; } notebook > header.left tabs, notebook > header.right tabs { padding-top: 8px; padding-bottom: 8px; } notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { margin-top: 0; } notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { margin-bottom: 0; } notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { margin: -1px 0; border-style: solid none; } notebook > stack:not(:only-child) { background-color: #303030; } /************** * Scrollbars * **************/ scrollbar { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); background-color: #303030; background-clip: border-box; } * { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; } scrollbar.top { border-bottom: 1px solid rgba(0, 0, 0, 0.26); } scrollbar.bottom { border-top: 1px solid rgba(0, 0, 0, 0.26); } scrollbar.left { border-right: 1px solid rgba(0, 0, 0, 0.26); } scrollbar.right { border-left: 1px solid rgba(0, 0, 0, 0.26); } scrollbar slider { transition: all 180ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0; min-width: 8px; min-height: 8px; border: 4px solid transparent; border-radius: 9999px; background-clip: padding-box; background-color: rgba(255, 255, 255, 0.5); } scrollbar slider:hover { background-color: rgba(255, 255, 255, 0.7); } scrollbar slider:active { background-color: #FFFFFF; } scrollbar slider:disabled { background-color: rgba(255, 255, 255, 0.3); } scrollbar.fine-tune slider { transition: all 180ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0; 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(.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(48, 48, 48, 0.3); } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 4px; min-height: 4px; margin: 3px; border: 1px solid rgba(48, 48, 48, 0.3); border-radius: 9999px; background-color: rgba(255, 255, 255, 0.5); background-clip: padding-box; -gtk-icon-source: none; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { background-color: rgba(255, 255, 255, 0.3); } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { min-width: 24px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { min-width: 8px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { min-height: 24px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { min-height: 8px; } scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { background-color: rgba(48, 48, 48, 0.9); } scrollbar.horizontal slider { min-width: 24px; } scrollbar.vertical slider { min-height: 24px; } scrollbar button { min-width: 16px; min-height: 16px; padding: 0; border-radius: 0; } scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } scrollbar.vertical button.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } scrollbar.horizontal button.down { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } /********** * Switch * **********/ switch { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); margin: 6px 0; padding: 0 2px; border: 5px solid transparent; border-radius: 9999px; background-color: rgba(255, 255, 255, 0.3); background-clip: padding-box; font-size: 0; } switch:disabled { background-color: rgba(255, 255, 255, 0.12); } switch:checked { background-color: rgba(0, 150, 136, 0.5); } switch:checked:disabled { background-color: rgba(0, 150, 136, 0.3); } switch slider { transition: all 180ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); min-width: 20px; min-height: 20px; margin: -3px -2px; border-radius: 9999px; outline-width: 0; outline-color: rgba(255, 255, 255, 0.12); outline-offset: 0; -gtk-outline-radius: 9999px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #424242; } switch:focus slider { outline-width: 14px; } switch:hover slider { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } switch:checked slider { background-color: #009688; outline-color: rgba(0, 150, 136, 0.2); } switch:disabled slider { background-color: #212121; } /************************* * Check and Radio items * *************************/ .view.content-view.check:not(list), .content-view .tile check:not(list) { min-height: 40px; min-width: 40px; margin: 0; padding: 0; box-shadow: none; background-color: transparent; background-image: none; -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .view.content-view.check:not(list):hover, .view.content-view.check:not(list):active, .content-view .tile check:not(list):hover, .content-view .tile check:not(list):active { -gtk-icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } .view.content-view.check:not(list), .content-view .tile check:not(list) { -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked-dark.png"), url("assets/selectionmode-checkbox-unchecked-dark@2.png")); } .view.content-view.check:not(list):checked, .content-view .tile check:not(list):checked { -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked-dark.png"), url("assets/selectionmode-checkbox-checked-dark@2.png")); } checkbutton.text-button, radiobutton.text-button { padding: 2px; outline-offset: 0; } checkbutton.text-button label:not(:only-child), radiobutton.text-button label:not(:only-child) { margin: 0 4px; } check, radio { min-height: 24px; min-width: 24px; margin: -8px; padding: 8px; } check:checked, check:indeterminate, radio:checked, radio:indeterminate { color: #009688; } check:checked:disabled, check:indeterminate:disabled, radio:checked:disabled, radio:indeterminate:disabled { color: rgba(0, 150, 136, 0.5); } row:selected check:not(:checked):not(:indeterminate), row:selected radio:not(:checked):not(:indeterminate) { color: rgba(255, 255, 255, 0.7); } row:selected check:not(:checked):not(:indeterminate):hover, row:selected check:not(:checked):not(:indeterminate):active, row:selected radio:not(:checked):not(:indeterminate):hover, row:selected radio:not(:checked):not(:indeterminate):active { color: #FFFFFF; } row:selected check:not(:checked):not(:indeterminate):disabled, row:selected radio:not(:checked):not(:indeterminate):disabled { color: rgba(255, 255, 255, 0.3); } popover check, popover check:hover, popover check:active, popover check:disabled, popover radio, popover radio:hover, popover radio:active, popover radio:disabled { box-shadow: none; background-image: none; } popover check:not(:checked):not(:indeterminate):not(:disabled), popover radio:not(:checked):not(:indeterminate):not(:disabled) { color: rgba(255, 255, 255, 0.7); } popover check.left:dir(rtl), popover radio.left:dir(rtl) { margin-left: -12px; margin-right: -4px; } popover check.right:dir(ltr), popover radio.right:dir(ltr) { margin-left: -4px; margin-right: -12px; } menu menuitem check, menu menuitem radio { transition: none; margin: 0; padding: 0; } menu menuitem check:dir(ltr), menu menuitem radio:dir(ltr) { margin-right: 8px; } menu menuitem check:dir(rtl), menu menuitem radio:dir(rtl) { margin-left: 8px; } menu menuitem check:not(:checked):not(:indeterminate):not(:disabled), menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled) { color: rgba(255, 255, 255, 0.7); } menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled { box-shadow: none; } check { -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg")); } check:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")); } check:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg")); } radio { -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg")); border-image-slice: 20; border-image-width: 20px; } radio:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg")); } radio { border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#009688), to(transparent)); } radio:checked:not(:indeterminate) { border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#009688), to(transparent)); } radio:checked:not(:indeterminate):disabled { border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(rgba(0, 150, 136, 0.5)), to(transparent)); } window.background:not(.csd) > widget > checkbutton > check, menu menuitem check { min-height: 16px; min-width: 16px; border-radius: 2px; -gtk-outline-radius: 2px; -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg")); } window.background:not(.csd) > widget > checkbutton > check:checked, menu menuitem check:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg")); } window.background:not(.csd) > widget > checkbutton > check:indeterminate, menu menuitem check:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg")); } window.background:not(.csd) > widget > radiobutton > radio, menu menuitem radio { min-height: 16px; min-width: 16px; border-image: none; -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg")); } window.background:not(.csd) > widget > radiobutton > radio:checked, menu menuitem radio:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg")); } window.background:not(.csd) > widget > radiobutton > radio:indeterminate, menu menuitem radio:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg")); } check:not(:checked):active { -gtk-icon-transform: rotate(90deg); } check:not(:checked):indeterminate:active, radio:not(:checked):indeterminate:active { -gtk-icon-transform: scaleX(-1); } check:not(:checked), radio:not(:checked) { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0; } check:not(:checked):active, radio:not(:checked):active { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0; } menu menuitem check:not(:checked), menu menuitem radio:not(:checked) { transition: none; } treeview.view check, treeview.view radio { padding: 0; } treeview.view check:hover, treeview.view radio:hover { box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05); } treeview.view check:hover:disabled, treeview.view radio:hover:disabled { box-shadow: none; } treeview.view check:hover:selected, treeview.view radio:hover:selected { box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05); } treeview.view check, treeview.view radio { color: rgba(255, 255, 255, 0.7); } treeview.view check:hover, treeview.view check:active, treeview.view radio:hover, treeview.view radio:active { color: #FFFFFF; } treeview.view check:disabled, treeview.view radio:disabled { color: rgba(255, 255, 255, 0.3); } treeview.view check:checked, treeview.view check:indeterminate, treeview.view radio:checked, treeview.view radio:indeterminate { color: #009688; } treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled, treeview.view radio:checked:disabled, treeview.view radio:indeterminate:disabled { color: rgba(0, 150, 136, 0.5); } treeview.view check:selected, treeview.view radio:selected { color: rgba(255, 255, 255, 0.7); } treeview.view check:selected:hover, treeview.view check:selected:active, treeview.view radio:selected:hover, treeview.view radio:selected:active { color: #FFFFFF; } treeview.view check:selected:disabled, treeview.view radio:selected:disabled { color: rgba(255, 255, 255, 0.3); } treeview.view check:selected:checked, treeview.view check:selected:indeterminate, treeview.view radio:selected:checked, treeview.view radio:selected:indeterminate { color: #009688; } treeview.view check:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled, treeview.view radio:selected:checked:disabled, treeview.view radio:selected:indeterminate:disabled { color: rgba(0, 150, 136, 0.5); } treeview.view radio:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")); border-image: none; } /************ * GtkScale * ************/ scale { min-height: 12px; min-width: 12px; padding: 12px; } scale slider { min-height: 24px; min-width: 24px; margin: -11px; } scale trough { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); outline-offset: 2px; background-color: rgba(255, 255, 255, 0.3); } scale trough:disabled { background-color: rgba(255, 255, 255, 0.12); } scale highlight { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); background-color: #009688; } scale highlight:disabled { background-color: transparent; } scale fill { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); background-color: rgba(255, 255, 255, 0.3); } scale fill:disabled { background-color: transparent; } scale slider { transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1); background-repeat: no-repeat; background-position: center; background-size: calc(100% - 10px); } scale slider { background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png")); } scale slider:disabled { background-image: -gtk-scaled(url("assets/scale-slider-disabled-dark.png"), url("assets/scale-slider-disabled-dark@2.png")); } scale slider:hover { background-size: calc(100% - 8px); } scale slider:active { background-size: calc(100% - 6px); } scale.fine-tune slider { background-size: calc(100% - 12px); } scale marks label, scale value { color: rgba(255, 255, 255, 0.5); } scale marks { color: rgba(255, 255, 255, 0.3); } scale marks.top { margin-bottom: 8px; margin-top: -16px; } scale marks.bottom { margin-top: 8px; margin-bottom: -16px; } scale marks.top { margin-right: 8px; margin-left: -16px; } scale marks.bottom { margin-left: 8px; margin-right: -16px; } 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 { min-height: 30px; min-width: 24px; margin-top: -17px; background-position: center calc(100% - 5px); } scale.horizontal.marks-before:not(.marks-after) slider { background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")); } scale.horizontal.marks-before:not(.marks-after) slider:disabled { background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled-dark.png"), url("assets/scale-horz-marks-before-slider-disabled-dark@2.png")); } scale.horizontal.marks-before:not(.marks-after) slider:hover { background-position: center calc(100% - 4px); } scale.horizontal.marks-before:not(.marks-after) slider:active { background-position: center calc(100% - 3px); } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { background-position: center calc(100% - 6px); } scale.horizontal.marks-after:not(.marks-before) slider { min-height: 30px; min-width: 24px; margin-bottom: -17px; background-position: center calc(5px); } scale.horizontal.marks-after:not(.marks-before) slider { background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")); } scale.horizontal.marks-after:not(.marks-before) slider:disabled { background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled-dark.png"), url("assets/scale-horz-marks-after-slider-disabled-dark@2.png")); } scale.horizontal.marks-after:not(.marks-before) slider:hover { background-position: center calc(4px); } scale.horizontal.marks-after:not(.marks-before) slider:active { background-position: center calc(3px); } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { background-position: center calc(6px); } scale.vertical.marks-before:not(.marks-after) slider { min-height: 24px; min-width: 30px; margin-left: -17px; background-position: calc(5px) center; } scale.vertical.marks-before:not(.marks-after) slider { background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")); } scale.vertical.marks-before:not(.marks-after) slider:disabled { background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled-dark.png"), url("assets/scale-vert-marks-before-slider-disabled-dark@2.png")); } scale.vertical.marks-before:not(.marks-after) slider:hover { background-position: calc(4px) center; } scale.vertical.marks-before:not(.marks-after) slider:active { background-position: calc(3px) center; } scale.vertical.marks-before:not(.marks-after).fine-tune slider { background-position: calc(6px) center; } scale.vertical.marks-after:not(.marks-before) slider { min-height: 24px; min-width: 30px; margin-right: -17px; background-position: calc(100% - 5px) center; } scale.vertical.marks-after:not(.marks-before) slider { background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")); } scale.vertical.marks-after:not(.marks-before) slider:disabled { background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled-dark.png"), url("assets/scale-vert-marks-after-slider-disabled-dark@2.png")); } scale.vertical.marks-after:not(.marks-before) slider:hover { background-position: calc(100% - 4px) center; } scale.vertical.marks-after:not(.marks-before) slider:active { background-position: calc(100% - 3px) center; } scale.vertical.marks-after:not(.marks-before).fine-tune slider { background-position: calc(100% - 6px) center; } 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: -12px; margin-top: -2px; } scale.color.vertical:dir(ltr) { padding: 0 0 0 12px; } scale.color.vertical:dir(ltr) slider { margin-left: -12px; margin-right: -2px; } scale.color.vertical:dir(rtl) { padding: 0 12px 0 0; } scale.color.vertical:dir(rtl) slider { margin-right: -12px; margin-left: -2px; } /***************** * Progress bars * *****************/ progressbar { color: rgba(255, 255, 255, 0.5); 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(51, 141, 214, 0.3); } progressbar progress { background-color: #338DD6; } 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 trough { padding: 2px; border-radius: 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #303030; } levelbar trough:disabled { background-color: #292929; } levelbar block.low { background-color: #FF6D00; } levelbar block.high, levelbar block:not(.empty) { background-color: #338DD6; } levelbar block.full { background-color: #00C853; } levelbar block.empty { background-color: rgba(255, 255, 255, 0.12); } /**************** * Print dialog * *****************/ printdialog paper { padding: 0; border: 1px solid rgba(0, 0, 0, 0.26); background-color: #303030; color: #FFFFFF; } printdialog .dialog-action-box { margin: 12px; } /********** * Frames * **********/ frame > border, .frame { margin: 0; padding: 0; border: 1px solid rgba(0, 0, 0, 0.26); border-radius: 0; box-shadow: none; } frame > border.flat, .frame.flat, frame.flat > border { border-style: none; } actionbar > revealer > box { padding: 6px; border-top: 1px solid rgba(0, 0, 0, 0.26); } scrolledwindow viewport.frame { border-style: none; } overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(64, 196, 255, 0.3)), 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(64, 196, 255, 0.3)), 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(64, 196, 255, 0.3)), 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(64, 196, 255, 0.3)), to(transparent)); background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } undershoot.top { background-color: transparent; background-image: linear-gradient(to left, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); padding-top: 1px; background-size: 12px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: left top; } undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); padding-bottom: 1px; background-size: 12px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: left bottom; } undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: left top; } undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: right top; } junction { border-style: solid none none solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.26); background-color: #303030; } junction:dir(rtl) { border-style: solid solid none none; } separator { min-width: 1px; min-height: 1px; background-color: rgba(0, 0, 0, 0.26); } button.font separator, button.file separator, .tweak-categories separator, preferences stacksidebar.sidebar list separator { min-width: 0; min-height: 0; background-color: transparent; } /********* * Lists * *********/ list { border-color: rgba(0, 0, 0, 0.26); background-color: #303030; } list row { padding: 2px; } row.activatable, .view, treeview.view header button, .budgie-menu button { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 9999px transparent; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } row.activatable:hover, .view:hover, treeview.view header button:hover, .budgie-menu button:hover { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, box-shadow 0, background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05); } row.activatable.has-open-popup, .has-open-popup.view, treeview.view header button.has-open-popup, .budgie-menu button.has-open-popup, row.activatable:active, .view:active, treeview.view header button:active, .budgie-menu button:active { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 0, background-image 0; animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15); background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%); background-size: 0% 0%; } /********************* * App Notifications * *********************/ .app-notification { margin: 8px; } .app-notification.frame, .app-notification border { border-style: none; } /************* * Expanders * *************/ expander title > arrow { transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1); min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -gtk-icon-transform: rotate(-90deg); color: rgba(255, 255, 255, 0.7); } expander title > arrow:dir(rtl) { -gtk-icon-transform: rotate(90deg); } expander title > arrow:checked { -gtk-icon-transform: unset; } expander title > arrow:hover, expander title > arrow:active { color: #FFFFFF; } expander title > arrow:disabled { color: rgba(255, 255, 255, 0.3); } expander title > arrow:selected { color: rgba(255, 255, 255, 0.7); } expander title > arrow:selected:hover, expander title > arrow:selected:active { color: #FFFFFF; } expander title > arrow:selected:disabled { color: rgba(255, 255, 255, 0.3); } /************ * Calendar * ************/ calendar { padding: 1px; border: 1px solid rgba(0, 0, 0, 0.26); color: #FFFFFF; } calendar:disabled { color: rgba(255, 255, 255, 0.5); } calendar:selected { border-radius: 3px; } calendar.header { border-style: none none solid; border-radius: 0; } calendar.highlight { color: rgba(255, 255, 255, 0.7); font-weight: 500; } calendar:indeterminate { color: rgba(255, 255, 255, 0.3); } /*********** * Dialogs * ***********/ messagedialog.background { background-color: #424242; } messagedialog .titlebar { min-height: 24px; border-style: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); background-color: #424242; color: #FFFFFF; } messagedialog .titlebar:backdrop { color: rgba(255, 255, 255, 0.7); } messagedialog.csd.background { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } messagedialog.csd .dialog-action-area button { padding: 8px 16px; border-top: 1px solid rgba(0, 0, 0, 0.26); border-radius: 0; } messagedialog.csd .dialog-action-area button:first-child { border-bottom-left-radius: 2px; } messagedialog.csd .dialog-action-area button:last-child { border-bottom-right-radius: 2px; } filechooser .dialog-action-box { border-top: 1px solid rgba(0, 0, 0, 0.26); } filechooser #pathbarbox { border-bottom: 1px solid rgba(0, 0, 0, 0.26); background-color: #212121; } filechooserbutton:drop(active) { box-shadow: none; } /*********** * Sidebar * ***********/ .sidebar { border-style: none; background-color: #292929; } stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { border-right: 1px solid rgba(0, 0, 0, 0.26); border-left-style: none; } stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { border-left: 1px solid rgba(0, 0, 0, 0.26); border-right-style: none; } .sidebar list { background-color: transparent; } paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; } stacksidebar row { padding: 10px 4px; } stacksidebar row > label { padding-left: 6px; padding-right: 6px; } /**************** * File chooser * ****************/ row image.sidebar-icon { color: rgba(255, 255, 255, 0.7); } row:selected image.sidebar-icon { color: rgba(255, 255, 255, 0.7); } placessidebar > viewport.frame { border-style: none; } placessidebar list { padding: 1px 0 4px; } placessidebar row { min-height: 32px; margin: -1px 0; padding: 0; } placessidebar row > revealer { padding: 0 12px; } placessidebar row:selected { color: #FFFFFF; } placessidebar row:disabled { color: rgba(255, 255, 255, 0.5); } placessidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; } placessidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; } placessidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; } placessidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } placessidebar row.sidebar-placeholder-row { min-height: 2px; padding: 0 8px; background-image: image(#009688); background-clip: content-box; } placessidebar row.sidebar-new-bookmark-row { color: #009688; } placessidebar row:drop(active):not(:disabled) { box-shadow: inset 0 0 0 2px #009688; } placesview .server-list-button > image { -gtk-icon-transform: rotate(0turn); } placesview .server-list-button:checked > image { -gtk-icon-transform: rotate(-0.5turn); } placesview > actionbar > revealer > box > label { padding-left: 8px; padding-right: 8px; } /********* * Paned * *********/ paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(rgba(0, 0, 0, 0.26)); background-size: 1px 1px; background-clip: content-box; } paned > separator.wide { min-width: 6px; min-height: 6px; background-color: #212121; background-image: image(rgba(0, 0, 0, 0.26)), image(rgba(0, 0, 0, 0.26)); 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.info { background-color: #66BB6A; } infobar.question { background-color: #42A5F5; } infobar.warning { background-color: #FFA726; } infobar.error { background-color: #EF5350; } infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error { color: #FFFFFF; } /************ * Tooltips * ************/ tooltip { border-radius: 2px; box-shadow: none; } tooltip.background { background-color: rgba(66, 66, 66, 0.9); color: #FFFFFF; } tooltip decoration { background-color: transparent; } tooltip label { min-height: 20px; padding: 0 2px; } /***************** * Color Chooser * *****************/ colorswatch.top { border-top-left-radius: 2.5px; border-top-right-radius: 2.5px; } colorswatch.top overlay { border-top-left-radius: 2px; border-top-right-radius: 2px; } colorswatch.bottom { border-bottom-left-radius: 2.5px; border-bottom-right-radius: 2.5px; } colorswatch.bottom overlay { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 2.5px; border-bottom-left-radius: 2.5px; } colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 2.5px; border-bottom-right-radius: 2.5px; } colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } colorswatch.dark { color: #FFFFFF; } colorswatch.light { color: rgba(0, 0, 0, 0.87); } colorswatch:drop(active) { box-shadow: none; } colorswatch:drop(active).light overlay { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #009688; } colorswatch:drop(active).dark overlay { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #009688; } colorswatch overlay { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } colorswatch overlay:hover { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } colorswatch#add-color-button { border-radius: 2px 2px 0 0; color: #FFFFFF; } colorswatch#add-color-button:only-child { border-radius: 2px; } colorswatch#add-color-button overlay { background-image: linear-gradient(to right, #EF5350 25%, #FFA726 25%, #FFA726 50%, #66BB6A 50%, #66BB6A 75%, #42A5F5 75%); } colorswatch:disabled { opacity: 0.5; } colorswatch:disabled overlay { box-shadow: none; } colorswatch#editor-color-sample { border-radius: 2.5px; } colorswatch#editor-color-sample overlay { border-radius: 2px; } colorchooser .popover.osd { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1); background-color: #303030; } colorchooser .popover.osd:backdrop { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.1); } /******** * Misc * ********/ .content-view { background-color: #212121; } /********************** * Window Decorations * **********************/ decoration { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-radius: 2px 2px 0 0; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent; margin: 8px; } decoration:backdrop { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px 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: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } tooltip.csd decoration { border-radius: 2px; box-shadow: none; } messagedialog.csd decoration { border-radius: 2px; } .solid-csd decoration { margin: 0; border-radius: 0; box-shadow: none; background-color: #303030; } .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, popover.background.menu button:checked, popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked { background-color: #338DD6; } row:selected label, label:selected, .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, popover.background.menu button:checked, popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked { color: #FFFFFF; } row:selected label:disabled, label:disabled:selected, .view selection:disabled, .view:disabled:selected, flowbox flowboxchild:disabled:selected, label:disabled selection, spinbutton:not(.vertical) selection:disabled, entry selection:disabled, modelbutton.flat:disabled:selected, .menuitem.button.flat:disabled:selected, popover.background.menu button:disabled:checked, popover.background button.model:disabled:checked, row:disabled:selected, calendar:disabled:selected, text:disabled:selected, .budgie-menu button:disabled:checked { color: rgba(255, 255, 255, 0.5); } .monospace { font-family: monospace; } /********************** * Touch Copy & Paste * **********************/ cursor-handle { border-radius: 9999px; background-color: #009688; background-image: none; } cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { padding-left: 6px; border-top-right-radius: 0; } cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { padding-right: 6px; border-top-left-radius: 0; } cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { -GtkWidget-text-handle-width: 24; -GtkWidget-text-handle-height: 30; -gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")); } .context-menu { font: initial; } .keycap { min-width: 12px; min-height: 26px; margin-top: 2px; padding-bottom: 2px; padding-left: 8px; padding-right: 8px; border: solid 1px rgba(0, 0, 0, 0.26); border-radius: 3px; box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26); background-color: #303030; color: #FFFFFF; font-size: smaller; } :not(decoration):not(window):drop(active) { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 2px #009688; caret-color: #009688; } stackswitcher button.text-button { min-width: 100px; } stackswitcher button.circular, stackswitcher button.text-button.circular { min-width: 36px; min-height: 36px; padding: 0; } /********* * Emoji * *********/ popover.emoji-picker { padding: 0; } popover.emoji-picker entry { border-bottom: 1px solid rgba(0, 0, 0, 0.26); border-bottom-left-radius: 0; border-bottom-right-radius: 0; box-shadow: none; } popover.emoji-picker scrolledwindow { border-bottom: 1px solid rgba(0, 0, 0, 0.26); } button.emoji-section { margin-top: -1px; padding: 0 8px; min-width: 24px; min-height: 36px; border-radius: 0; outline-offset: -6px; box-shadow: none; } button.emoji-section:hover { box-shadow: inset 0 2px rgba(255, 255, 255, 0.3); } button.emoji-section:active { box-shadow: inset 0 2px #338DD6; background-image: radial-gradient(circle farthest-corner at center, rgba(51, 141, 214, 0.7) 10%, transparent 0%); } button.emoji-section:checked { box-shadow: inset 0 2px #338DD6; background-color: transparent; } button.emoji-section:first-child { margin-left: 4px; } button.emoji-section:last-child { margin-right: 4px; } .emoji { min-width: 3em; min-height: 3em; padding: 0; } .emoji widget { transition: all 180ms cubic-bezier(0, 0, 0.2, 1); } .emoji widget:hover { font-size: larger; } /************ * Nautilus * ************/ .nautilus-window, .nautilus-window notebook, .nautilus-window notebook > stack { background-color: #303030; } .nautilus-desktop.nautilus-canvas-item:not(:selected), .caja-desktop.caja-canvas-item:not(:selected) { color: #FFFFFF; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } @keyframes needs_attention_keyframes { to { background-color: alpha(currentColor, 0.3); } } .nautilus-operations-button-needs-attention { animation: needs_attention_keyframes 270ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate; } .nautilus-operations-button-needs-attention-multiple { animation: needs_attention_keyframes 270ms cubic-bezier(0.4, 0, 0.2, 1) 4 alternate; } .nautilus-window .floating-bar { min-height: 32px; padding: 0; border-style: solid solid none; border-width: 1px; border-color: rgba(0, 0, 0, 0.26); border-radius: 3px 3px 0 0; background-color: #303030; background-clip: border-box; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), border-width 0; } .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: #FF6D00; } .disk-space-display.used { background-color: #338DD6; } .disk-space-display.free { background-color: rgba(255, 255, 255, 0.12); } .conflict-row:not(:selected) { background-color: #6e4222; } .nautilus-window flowboxchild > widget > .icon-item-background { padding: 4px; border-radius: 2px; } .nautilus-window flowboxchild:selected { background-color: transparent; } .nautilus-window flowboxchild:selected > widget > .icon-item-background { background-color: #338DD6; } dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame { border-style: none; } dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child { margin: -6px 0 0 -6px; border-top: 1px solid rgba(0, 0, 0, 0.26); } dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label { margin: 0 8px; } dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button { border-radius: 0; } .nautilus-window > popover.menu:not(:last-child) { padding: 3px; } .nautilus-window > popover.menu:not(:last-child) > stack > box > box > box { margin-top: -6px; } .nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box { margin-bottom: -6px; } .nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked { margin-top: 1px; } .nautilus-window > popover.menu:not(:last-child) separator { margin-bottom: -2px; } .nautilus-menu-sort-heading { margin: 1px 3px; font-weight: 500; } .nautilus-menu-sort-heading:disabled { color: rgba(255, 255, 255, 0.5); } .nautilus-window paned > separator { background-color: #212121; } /********* * gedit * *********/ .open-document-selector-path-label { color: rgba(255, 255, 255, 0.7); font-size: smaller; } .open-document-selector-path-label:selected { color: rgba(255, 255, 255, 0.7); } .gedit-document-panel { background-color: #292929; } .gedit-document-panel row button.flat { margin-top: 8px; margin-bottom: 8px; } .gedit-document-panel-group-row:not(:first-child) { border-top: 1px solid rgba(0, 0, 0, 0.26); } .gedit-side-panel-paned statusbar { border-top: 1px solid rgba(0, 0, 0, 0.26); } .gedit-search-slider { margin: 4px 4px 8px; } .gedit-search-slider entry:dir(ltr), .gedit-search-slider entry:dir(rtl) { border-radius: 2px; } .gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag, .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag { all: unset; color: rgba(255, 255, 255, 0.5); } .gedit-search-slider entry:dir(ltr) { margin-right: -66px; padding-right: 66px; } .gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag { margin-left: 6px; } .gedit-search-slider entry:dir(ltr) image.right { margin-right: 0; } .gedit-search-slider entry:dir(rtl) { margin-left: -66px; padding-left: 66px; } .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag { margin-right: 6px; } .gedit-search-slider entry:dir(rtl) image.left { margin-left: 0; } .gedit-search-slider entry.error ~ button { color: rgba(255, 255, 255, 0.7); } .gedit-search-slider entry.error ~ button:hover, .gedit-search-slider entry.error ~ button:active { color: #FFFFFF; } .gedit-search-slider entry.error ~ button:disabled { color: rgba(255, 255, 255, 0.3); } .gedit-search-slider button { border: solid 6px transparent; } .gedit-search-slider button:last-child:dir(ltr), .gedit-search-slider button:not(:first-child):dir(rtl) { margin-left: -3px; } .gedit-search-slider button:first-child:dir(rtl), .gedit-search-slider 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; } /************** * Tweak Tool * **************/ .tweak-categories { background-image: image(#292929); } .tweak { padding: 3px; } .tweak.title:hover { box-shadow: none; } .tweak-group-white, .tweak-white, .tweak-white:hover { background-image: image(#303030); } .tweak-startup, .tweak-startup:hover { background-image: image(#303030); } .tweak-group-startup { background-image: image(#303030); border: 1px solid rgba(0, 0, 0, 0.26); } row#Focus, row#StaticWorkspaceTweak, row#dynamic-workspaces, row#PrimaryWorkspaceTweak, row#workspaces-only-on-primary { padding: 0; border: 1px solid rgba(0, 0, 0, 0.26); } row#Focus 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(0, 0, 0, 0.26); } row#Focus.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#PrimaryWorkspaceTweak, row#workspaces-only-on-primary { margin-top: 4px; } /*********** * Builder * ***********/ layouttabbar { border-bottom: 1px solid rgba(0, 0, 0, 0.26); background-color: #212121; } layouttabbar > box > button { margin: 2px 0; } layouttab { margin: 0 8px; border-style: none solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.26); box-shadow: inset 0 -2px #338DD6; background-color: #303030; } layouttab separator.vertical { margin: 8px 4px; } layouttab button.text-button, layouttab button.image-button, layouttab button { margin-top: 8px; margin-bottom: 8px; padding: 0 4px; } layout { border: 1px solid rgba(0, 0, 0, 0.26); -PnlDockBin-handle-size: 1; } entry.search-missing { background-color: #DD2C00; color: #FFFFFF; } window.workbench treeview.image { color: rgba(255, 255, 255, 0.7); } window.workbench treeview.image:selected { color: rgba(255, 255, 255, 0.7); } popover.popover-selector list { padding: 6px; } popover.popover-selector list row { border-radius: 2px; } 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: 2px; } omnibar:not(:hover):not(:active) entry { color: rgba(255, 255, 255, 0.7); } popover.omnibar list row:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.26); } entry.preferences-search { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); background-color: #303030; } preferences stacksidebar.sidebar list { background-color: #292929; } preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list { border-style: none; } preferences > box > box:dir(ltr) { border-right: 1px solid rgba(0, 0, 0, 0.26); } preferences > box > box:dir(rtl) { border-left: 1px solid rgba(0, 0, 0, 0.26); } popover.messagepopover.background { padding: 0; } popover.messagepopover .popover-action-area button { padding: 8px 16px; border-top: 1px solid rgba(0, 0, 0, 0.26); border-radius: 0; } popover.messagepopover .popover-action-area button:first-child { border-bottom-left-radius: 2px; } popover.messagepopover .popover-action-area button:last-child { border-bottom-right-radius: 2px; } popover.messagepopover .popover-content-area { margin: 16px; } popover.transfers list { background-color: transparent; } popover.transfers list row:not(:first-child) { border-top: 1px solid rgba(0, 0, 0, 0.26); } popover.transfers list row > box { padding: 10px; } dockbin { border: 1px solid rgba(0, 0, 0, 0.26); -PnlDockBin-handle-size: 1; } dockpaned { border: 1px solid rgba(0, 0, 0, 0.26); } eggsearchbar box.search-bar { padding: 0 8px; border-bottom: 1px solid rgba(0, 0, 0, 0.26); background-color: #212121; } docktabstrip { padding: 0 8px; border-bottom: 1px solid rgba(0, 0, 0, 0.26); background-color: #212121; } docktab { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; min-height: 24px; min-width: 24px; margin-bottom: -1px; padding: 6px 6px; outline-offset: -6px; border-width: 1px; border-color: transparent; background-image: radial-gradient(circle farthest-corner at center, #338DD6 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; color: rgba(255, 255, 255, 0.7); font-weight: 500; } docktab:hover { box-shadow: inset 0 -2px rgba(255, 255, 255, 0.3); color: #FFFFFF; } docktab:checked { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 270ms cubic-bezier(0, 0, 0.2, 1), background-image 720ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 -2px #338DD6; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-size: 1000% 1000%; color: #FFFFFF; } dockoverlayedge { background-color: #212121; } dockoverlayedge docktabstrip { padding: 0; border: none; } dockoverlayedge.left-edge docktab:hover { box-shadow: inset -2px 0 rgba(255, 255, 255, 0.3); } dockoverlayedge.left-edge docktab:checked { box-shadow: inset -2px 0 #338DD6; } dockoverlayedge.right-edge docktab:hover { box-shadow: inset 2px 0 rgba(255, 255, 255, 0.3); } dockoverlayedge.right-edge docktab:checked { box-shadow: inset 2px 0 #338DD6; } pillbox { background-color: #212121; border-radius: 2px; } layoutpane entry.search { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); background-color: #303030; } editortweak entry.search { margin-bottom: -1px; box-shadow: none; } .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: #FFFFFF; font-weight: normal; } button.dzlmenubuttonitem:disabled { color: rgba(255, 255, 255, 0.5); } idelayoutstackheader { border-bottom: 1px solid rgba(0, 0, 0, 0.26); } idelayoutstackheader button:checked { color: #FFFFFF; } ideeditorutilities > dzldockpaned > box > stackswitcher { padding: 8px 0; background-color: #212121; } ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) { border-right: 1px solid rgba(0, 0, 0, 0.26); } ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) { border-left: 1px solid rgba(0, 0, 0, 0.26); } ideeditorutilities > dzldockpaned > box > stackswitcher button { border-radius: 0; outline-offset: -6px; box-shadow: none; background-color: transparent; } ideeditorutilities > dzldockpaned > box > stackswitcher button:active { background-image: radial-gradient(circle farthest-corner at center, rgba(51, 141, 214, 0.7) 10%, transparent 0%); } ideeditorutilities > dzldockpaned > box > stackswitcher button:checked { background-color: transparent; color: #FFFFFF; } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) { margin-right: -1px; } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):hover { box-shadow: inset -2px 0 rgba(255, 255, 255, 0.3); } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked { box-shadow: inset -2px 0 #338DD6; } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) { margin-left: -1px; } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):hover { box-shadow: inset 2px 0 rgba(255, 255, 255, 0.3); } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked { box-shadow: inset 2px 0 #338DD6; } ideeditorsidebar notebook header { background: transparent; } popover.messagepopover list { border: 1px solid rgba(0, 0, 0, 0.26); } popover.messagepopover list row:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.26); } /********** * Photos * **********/ GdMainIconView.content-view { -GdMainIconView-icon-size: 48; } .documents-counter { margin: 8px; border-radius: 9999px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); background-color: #009688; color: #FFFFFF; font-weight: bold; } .documents-scrolledwin.frame { border-style: none; } .documents-scrolledwin.frame frame.content-view > border { border-style: none; } .photos-fade-in { opacity: 1; transition: opacity 180ms cubic-bezier(0, 0, 0.2, 1); } .photos-fade-out { opacity: 0; transition: opacity 180ms cubic-bezier(0, 0, 0.2, 1); } overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) { border-style: none none none solid; } overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) { border-style: none solid none none; } /********* * Music * *********/ .side-panel:dir(ltr) { border-style: solid; border-color: rgba(0, 0, 0, 0.26); } .side-panel:dir(rtl) { border-style: solid; border-color: rgba(0, 0, 0, 0.26); } .side-panel .view { background-image: image(#292929); } .side-panel .view:hover { background-image: image(#343434); } .side-panel .view:selected { background-image: image(#338DD6); } .side-panel .view:selected:hover { background-image: image(#3d93d8); } .songs-list:hover { background-image: image(alpha(currentColor, 0.05)); } frame.documents-dropdown { margin: 8px; } frame.documents-dropdown > border { border: none; } box.vertical > revealer > toolbar.search-bar { border-bottom: 1px solid rgba(0, 0, 0, 0.26); background-clip: border-box; } box.vertical > revealer > toolbar.search-bar button > widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } /********* * To Do * *********/ taskrow { transition: all 180ms cubic-bezier(0, 0, 0.2, 1); margin: 0 -8px; } taskrow:hover { transition: none; } taskrow label { margin: 0 8px; } taskrow image { min-width: 16px; } task-list-view > box > revealer > box > button { margin: -6px; } /******* * eog * *******/ #eog-thumb-nav scrolledwindow { border-top: none; } #eog-thumb-nav button { -gtk-outline-radius: 2px; } /************* * 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(0, 0, 0, 0.26); } list.categories { background-image: image(#292929); } /********* * Boxes * *********/ .transparent-bg + stack overlay > label { min-height: 24px; padding: 0 4px; border-radius: 2px; background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; } /************** * Calculator * **************/ button.title label { min-height: 36px; } /********* * Geary * *********/ .geary-titlebar-left:dir(ltr) { margin-right: 5px; padding-right: 0; } .geary-titlebar-left:dir(rtl) { margin-left: 5px; padding-left: 0; } .geary-titlebar-left > separator { background-color: rgba(0, 0, 0, 0.05); } .geary-titlebar-right:dir(ltr) { margin-left: -5px; } .geary-titlebar-right:dir(rtl) { margin-right: -5px; } /********* * Tilix * *********/ overlay > revealer.left > scrolledwindow.frame, overlay > revealer.right > scrolledwindow.frame { border-style: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22); } 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(#424242); } button.image-button.session-new-button { min-width: 32px; } /*********** * 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: 2px; } /************ * Chromium * ************/ tooltip.chromium { background-color: #424242; } /*********** * Firefox * ***********/ window.background:not(.csd) > widget > separator { color: rgba(0, 0, 0, 0.26); } window.background:not(.csd) > widget > scrollbar { background-clip: border-box; } window.background:not(.csd) > widget > scrollbar, window.background:not(.csd) > widget > frame > border { border-color: rgba(0, 0, 0, 0.26); } window.background:not(.csd) > widget > entry, window.background:not(.csd) > widget > button > button { border: 1px solid rgba(0, 0, 0, 0.26); border-radius: 3px; box-shadow: none; } window.background:not(.csd) > widget > entry { min-height: 30px; } window.background:not(.csd) > widget > entry:focus { border-color: #338DD6; } window.background:not(.csd) > widget > button > button { padding: 4px 8px; background-size: auto; } window.background:not(.csd) > widget > button > button:hover { background-image: image(alpha(currentColor, 0.05)); } window.background:not(.csd) > widget > button > button:active { background-image: image(alpha(currentColor, 0.1)); } window.background:not(.csd) > widget > checkbutton > check:not(:checked), window.background:not(.csd) > widget > radiobutton > radio:not(:checked) { color: #757575; } window.background:not(.csd) > widget > checkbutton > check:not(:checked):hover, window.background:not(.csd) > widget > checkbutton > check:not(:checked):active, window.background:not(.csd) > widget > radiobutton > radio:not(:checked):hover, window.background:not(.csd) > widget > radiobutton > radio:not(:checked):active { color: #212121; } window.background:not(.csd) > widget > checkbutton > check:not(:checked):disabled, window.background:not(.csd) > widget > radiobutton > radio:not(:checked):disabled { color: rgba(117, 117, 117, 0.5); } window.background:not(.csd) > window > menu, window.background:not(.csd) > menu > menu { border: none; } window.background:not(.csd) > widget > menubar { color: rgba(255, 255, 255, 0.7); } window.background:not(.csd) > widget > menubar:hover { color: #FFFFFF; } window.background:not(.csd) > widget > menubar:disabled { color: rgba(255, 255, 255, 0.3); } window.background:not(.csd) > widget > frame { color: rgba(0, 0, 0, 0.26); } window.background:not(.csd) > widget > checkbutton > check, window.background:not(.csd) > widget > radiobutton > radio { margin: 0; padding: 0; } window.background:not(.csd) > window.background > menu > separator { color: rgba(0, 0, 0, 0.26); } /************ * 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: 2px; -gtk-outline-radius: 2px; } #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: 2px; -gtk-outline-radius: 2px; } #CanvasTable button { min-height: 16px; min-width: 16px; padding: 0; } #CanvasTable #HorizontalScrollbar { border-top: 1px solid rgba(0, 0, 0, 0.26); } #CanvasTable #VerticalScrollbar:dir(ltr) { border-left: 1px solid rgba(0, 0, 0, 0.26); } #CanvasTable #VerticalScrollbar:dir(rtl) { border-right: 1px solid rgba(0, 0, 0, 0.26); } #Canvas_and_Dock frame > border { border: none; } #Canvas_and_Dock widget > widget > button.flat { min-height: 16px; min-width: 16px; padding: 4px; } #Canvas_and_Dock widget > widget > box.horizontal image { padding: 4px; } #Canvas_and_Dock box.horizontal > box.vertical > button.flat { min-height: 16px; min-width: 24px; padding: 8px 4px; } /*********** * Synapse * ***********/ box.vertical > widget > widget:selected { background-color: #338DD6; } /********* * 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: #338DD6; -UnityDecoration-title-indent: 4px; -UnityDecoration-title-fade: 32px; -UnityDecoration-title-alignment: 0.0; } UnityDecoration .top { padding: 0 2px; border-style: none; border-radius: 2px 2px 0 0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); background-color: #303030; color: #FFFFFF; } UnityDecoration .top:backdrop { color: rgba(255, 255, 255, 0.7); } UnityDecoration .menuitem { color: rgba(255, 255, 255, 0.7); } UnityDecoration .menuitem:hover { box-shadow: inset 0 -2px currentColor; background-color: transparent; color: #FFFFFF; } .background:not(.csd) headerbar:not(.titlebar) { border-radius: 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .background:not(.csd) headerbar:not(.titlebar).inline-toolbar { border-style: none; } UnityPanelWidget, .unity-panel { background-color: #212121; 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 { box-shadow: inset 0 -2px currentColor; background-color: transparent; color: #FFFFFF; } .menu IdoPlaybackMenuItem.menuitem:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: spin 1s linear infinite; color: #338DD6; } /************** * Mate-Panel * **************/ .mate-panel-menu-bar menubar, #PanelApplet-window-menu-applet-button { background-color: transparent; } .mate-panel-menu-bar { background-color: #212121; font-weight: 500; } .mate-panel-menu-bar:not(.popup) { color: rgba(255, 255, 255, 0.7); } .mate-panel-menu-bar button { min-height: 16px; min-width: 16px; padding: 0; border-radius: 0; } .mate-panel-menu-bar button:checked { background-color: rgba(255, 255, 255, 0.12); } PanelToplevel.horizontal > grid > button { min-width: 24px; } PanelToplevel.vertical > grid > button { min-height: 24px; } PanelSeparator { color: rgba(255, 255, 255, 0.12); } MatePanelAppletFrameDBus { border-style: solid; border-color: rgba(255, 255, 255, 0.12); } .mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus { border-width: 0 1px; } .mate-panel-menu-bar.vertical MatePanelAppletFrameDBus { border-width: 1px 0; } .mate-panel-menu-bar menubar > menuitem { color: rgba(255, 255, 255, 0.7); } .mate-panel-menu-bar menubar > menuitem:hover { 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 0px; } .mate-panel-menu-bar #tasklist-button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; } .mate-panel-menu-bar #tasklist-button image:dir(ltr), .mate-panel-menu-bar #tasklist-button label:dir(rtl) { padding-left: 4px; } .mate-panel-menu-bar #tasklist-button label:dir(ltr), .mate-panel-menu-bar #tasklist-button image:dir(rtl) { padding-right: 4px; } .mate-panel-menu-bar.vertical #tasklist-button { min-height: 32px; } .mate-panel-menu-bar.horizontal #showdesktop-button image { min-width: 24px; padding: 0 4px; } .mate-panel-menu-bar.vertical #showdesktop-button image { min-height: 24px; padding: 4px 0; } PanelApplet.wnck-applet .wnck-pager { background-color: transparent; color: #40C4FF; } PanelApplet.wnck-applet .wnck-pager:hover { background-color: rgba(255, 255, 255, 0.12); } PanelApplet.wnck-applet .wnck-pager:active { background-color: rgba(255, 255, 255, 0.3); } PanelApplet.wnck-applet .wnck-pager:selected { background-color: #338DD6; } .mate-panel-menu-bar.horizontal #clock-applet-button label { padding: 0 8px; } .mate-panel-menu-bar.vertical #clock-applet-button label { padding: 8px 0; } #MatePanelPopupWindow { border: 1px solid rgba(0, 0, 0, 0.26); border-radius: 3px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } #MatePanelPopupWindow frame > border { border-style: none; } #MatePanelPopupWindow button { padding: 4px 16px; } #MatePanelPopupWindow ClockMap { border: 1px solid rgba(0, 0, 0, 0.26); } #MatePanelPopupWindow widget { color: rgba(0, 0, 0, 0.26); } na-tray-applet { -NaTrayApplet-icon-padding: 3px; -NaTrayApplet-icon-size: 16; } .mate-panel-menu-bar { -PanelMenuBar-icon-visible: true; } .mate-panel-applet-slider { border: 1px solid rgba(0, 0, 0, 0.26); border-radius: 3px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); background-color: #212121; } .mate-panel-applet-slider frame > border { border-style: none; } #PanelApplet:not(:selected) > box { transition: all 180ms 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(0, 0, 0, 0.26); } #mate-menu button { min-height: 24px; min-width: 24px; padding: 4px 0; color: #FFFFFF; font-weight: normal; } #mate-menu button label:not(:first-child) { color: rgba(255, 255, 255, 0.7); } #mate-menu entry { margin: 0 0 8px; } #mate-menu entry image { margin: 0; } #mate-menu entry + button { margin: 0 4px 8px; padding: 6px; } /********************* * CAJA File manager * *********************/ .caja-navigation-window button.toggle.image-button { border-radius: 2px; } .caja-pathbar button { margin: 0 -1px 0 -2px; } .caja-pathbar button > widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -GtkArrow-arrow-scaling: 1; } .caja-side-pane notebook viewport.frame, .caja-side-pane notebook widget .vertical { background-color: #303030; } .caja-side-pane notebook, .caja-notebook { border-top: 1px solid rgba(0, 0, 0, 0.26); } .caja-side-pane notebook .frame, .caja-notebook .frame { border-style: none; } .caja-navigation-window statusbar { margin: 0 -10px; padding: 0 4px; border-top: 1px solid rgba(0, 0, 0, 0.26); } .caja-notebook frame > border { border-style: none; } #caja-extra-view-widget { border-bottom: 1px solid rgba(0, 0, 0, 0.26); background-color: #212121; } #caja-extra-view-widget > box > box > label { font-weight: bold; } /********* * Pluma * *********/ .pluma-window statusbar { margin: 0 -10px; padding: 0 4px; border-top: 1px solid rgba(0, 0, 0, 0.26); } .pluma-window statusbar frame > border { border-style: none; } .pluma-window statusbar frame button.flat { padding: 0 4px; border-radius: 0; } .pluma-window statusbar frame button.flat widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -GtkArrow-arrow-scaling: 1; } .pluma-print-preview toolbar { border-bottom: 1px solid rgba(0, 0, 0, 0.26); } .pluma-window paned.horizontal box.vertical box.horizontal button.flat { margin: 1px; } .pluma-window paned.horizontal box.vertical .frame { border-style: none; } .pluma-window paned.horizontal box.vertical notebook.frame { margin-top: -1px; border-top: 1px solid rgba(0, 0, 0, 0.26); } .pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal { border-bottom: 1px solid rgba(0, 0, 0, 0.26); } /********* * Atril * *********/ .atril-window paned.horizontal box.vertical .frame { border-style: none; } .atril-window paned.horizontal box.vertical notebook .frame { border-top: 1px solid rgba(0, 0, 0, 0.26); } /* mate-screensaver lock dialog */ .lock-dialog { border-radius: 2px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), inset 0 1px rgba(255, 255, 255, 0.1); } .lock-dialog frame > border { border-style: none; } /****************** * 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: 2px; -gtk-outline-radius: 2px; } .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: 3px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); background-color: #424242; } .budgie-popover .container { padding: 2px; } .budgie-popover border { border: none; } .budgie-popover list { background-color: transparent; } .budgie-popover row { padding: 0; } .budgie-popover row:hover { box-shadow: none; } .budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { min-height: 28px; padding: 0 8px; color: #FFFFFF; font-weight: normal; } .budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled { color: rgba(255, 255, 255, 0.5); } .budgie-popover.budgie-menu .container { padding: 0; } .budgie-popover.user-menu .container { padding: 8px; } .budgie-popover.user-menu separator { margin: 4px 0; } .budgie-popover.sound-popover separator { margin: 3px 0; } .budgie-popover.night-light-indicator .container { padding: 8px; } .budgie-popover.places-menu .container { padding: 8px; } .budgie-popover.places-menu .places-list:not(.always-expand) { margin-top: 4px; padding-top: 4px; border-top: 1px solid rgba(0, 0, 0, 0.26); } .budgie-popover.places-menu .alternative-label { padding: 3px; font-size: 15px; } .budgie-popover.workspace-popover .container { padding: 2px 8px 8px; } .budgie-popover.workspace-popover separator { margin: 4px 0; } .budgie-popover.workspace-popover flowboxchild { padding: 0; } .workspace-switcher .workspace-layout { border: 0 solid rgba(255, 255, 255, 0.12); } .top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { border-left-width: 1px; } .top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { border-right-width: 1px; } .left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { border-top-width: 1px; } .workspace-switcher .workspace-item, .workspace-switcher .workspace-add-button { border: 0 solid rgba(255, 255, 255, 0.12); } .top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { border-right-width: 1px; } .top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { border-left-width: 1px; } .left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { border-bottom-width: 1px; } .workspace-switcher .workspace-item { transition: all 180ms 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: 2px; } .budgie-menu.background { padding: 0; background-color: #303030; } .budgie-menu scrollbar, .budgie-menu entry.search { background-color: transparent; } .budgie-menu entry.search { border-bottom: 1px solid rgba(0, 0, 0, 0.26); border-radius: 0; box-shadow: none; font-size: 120%; } .budgie-menu .categories:dir(ltr) { border-bottom-left-radius: 2px; } .budgie-menu .categories:dir(rtl) { border-bottom-right-radius: 2px; } .budgie-menu button { min-height: 32px; padding: 0 8px; border-radius: 0; color: #FFFFFF; font-weight: normal; } .budgie-menu button:disabled { color: rgba(255, 255, 255, 0.5); } .budgie-menu button:checked:disabled { background-color: #338DD6; } .budgie-menu row { padding: 0; } .budgie-menu row:hover { box-shadow: none; } popover.background.user-menu { padding: 8px; } popover.background.user-menu .content-box { background-color: transparent; } popover.background.user-menu separator { margin: 4px 0; } popover.background.user-menu row { padding: 0; box-shadow: none; background-image: none; } popover.background.places-menu { padding: 8px; } popover.background.places-menu .name-button.text-button { padding-left: 8px; padding-right: 8px; } popover.background.places-menu .name-button.text-button image:dir(ltr) { margin-right: 3px; } popover.background.places-menu .name-button.text-button image:dir(rtl) { margin-left: 3px; } popover.background.places-menu .places-section-header > image:dir(ltr) { margin: 0 -2px 0 5px; } popover.background.places-menu .places-section-header > image:dir(rtl) { margin: 0 5px 0 -2px; } popover.background.places-menu .places-list { margin-top: 4px; padding-top: 4px; border-top: 1px solid rgba(0, 0, 0, 0.26); background-color: transparent; } popover.background.places-menu row { padding: 0; box-shadow: none; background-image: none; } .budgie-panel { transition: background-color 270ms cubic-bezier(0, 0, 0.2, 1); background-color: #212121; color: rgba(255, 255, 255, 0.7); font-weight: 500; } .budgie-panel.transparent { background-color: rgba(0, 0, 0, 0.6); } .budgie-panel button { min-height: 16px; min-width: 16px; padding: 0; border-radius: 0; } .budgie-panel button:checked { background-color: rgba(255, 255, 255, 0.12); } .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: #FF5252; } .budgie-panel #tasklist-button { padding: 0 4px; } .budgie-panel.vertical #tasklist-button { min-height: 32px; } .budgie-panel button.flat.launcher { padding: 0; } .budgie-panel button.flat.launcher:not(:checked) { color: rgba(255, 255, 255, 0.5); } .budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { color: rgba(255, 255, 255, 0.7); } .budgie-panel button.flat.launcher:not(:checked):disabled { color: rgba(255, 255, 255, 0.3); } .top .budgie-panel #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; } .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, .top .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .top button.flat.launcher, .top .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .top button.flat.launcher.running { 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; } .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, .bottom .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .bottom button.flat.launcher, .bottom .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .bottom button.flat.launcher.running { 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; } .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, .left .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .left button.flat.launcher, .left .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .left button.flat.launcher.running { 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; } .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, .right .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .right button.flat.launcher, .right .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .right button.flat.launcher.running { 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 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22); } .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: #424242; } .raven > box { margin-bottom: -10px; } .raven > stack { margin-bottom: -10px; } .raven stackswitcher.linked > button { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 0%, transparent 0%) 0 0 0/0 0 0px; border-radius: 0; } .raven stackswitcher.linked > button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 100%, transparent 0%) 0 0 2/0 0 2px; background-color: transparent; } .raven .raven-header { min-height: 36px; padding: 3px; } .raven .raven-header:not(.top) { margin-top: -6px; } .raven .raven-header.top { padding: 2px 0; background-color: #338DD6; color: #FFFFFF; } .raven .raven-header.top stackswitcher button { margin: -6px 0; min-height: 36px; } .raven .raven-header.top button.image-button:dir(ltr) { margin-right: 2px; } .raven .raven-header.top button.image-button:dir(rtl) { margin-left: 2px; } .raven .raven-header.top > image { margin: 0 8px; } .raven .raven-header.top > label { margin: 0 -8px; font-weight: bold; } .raven .raven-header.bottom { border-top: 1px solid rgba(0, 0, 0, 0.26); } .raven viewport.frame .raven-header { margin-top: -8px; } .raven .raven-background { border-style: solid none; border-width: 1px; border-color: rgba(0, 0, 0, 0.26); background-color: #303030; } .raven .raven-background.frame { border-style: solid none; } .raven .raven-background > overlay > widget > image { color: rgba(255, 255, 255, 0.12); } .raven .raven-background grid > label:first-child { min-height: 36px; } .raven scrolledwindow.raven-background { border-bottom-style: none; } .raven .raven-header.top + .raven-background { border-style: none; background-color: #338DD6; color: #FFFFFF; } .raven .raven-header.top + .raven-background stackswitcher button { margin: -4px 0; } .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: 2px; background-color: #338DD6; } .raven-mpris { background-color: rgba(0, 0, 0, 0.6); color: #FFFFFF; } .raven-mpris label { min-height: 24px; } .raven-mpris button.image-button { padding: 12px; } .budgie-notification-window, .budgie-osd-window, .budgie-switcher-window { background-color: transparent; } .budgie-notification .notification-title, .budgie-switcher .notification-title { font-size: 120%; } .budgie-osd .budgie-osd-text { font-size: 120%; } .drop-shadow { margin: 5px 9px; padding: 3px; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1); background-color: #424242; } .drop-shadow .linked > button { border-radius: 2px; } .budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { border-radius: 2px; background-color: #424242; } .budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration { border-radius: 2px; } .budgie-session-dialog label:not(:last-child), .budgie-session-dialog .dialog-title { font-size: 120%; } .budgie-session-dialog .linked.horizontal > button { padding: 8px 16px; border-top: 1px solid rgba(0, 0, 0, 0.26); border-radius: 0; } .budgie-session-dialog .linked.horizontal > button:first-child { border-bottom-left-radius: 2px; } .budgie-session-dialog .linked.horizontal > button:last-child { border-bottom-right-radius: 2px; } .budgie-polkit-dialog .message { color: rgba(255, 255, 255, 0.5); } .budgie-polkit-dialog .failure { color: #FF5252; } .budgie-run-dialog { background-color: #303030; } .budgie-run-dialog entry.search { font-size: 120%; padding: 6px 14px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); background-color: transparent; } .budgie-run-dialog list .dim-label, .budgie-run-dialog list label.separator, .budgie-run-dialog list .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .budgie-run-dialog list .subtitle, .budgie-run-dialog list headerbar .subtitle, headerbar .budgie-run-dialog list .subtitle, .budgie-run-dialog list .budgie-notification .notification-body, .budgie-notification .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher .notification-body, .budgie-switcher .budgie-run-dialog list .notification-body { opacity: 1; } .budgie-run-dialog scrolledwindow { border-top: 1px solid rgba(0, 0, 0, 0.26); } /************************ * LightDM GTK+ Greeter * ************************/ #panel_window { background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; } #panel_window menubar, #panel_window separator { background-color: transparent; } #panel_window separator { padding: 0 4px; } #panel_window separator:first-child { padding: 0 8px; } #panel_window menubar > menuitem { color: rgba(255, 255, 255, 0.7); } #panel_window menubar > menuitem:hover { color: #FFFFFF; } #panel_window menubar > menuitem:disabled label { color: rgba(255, 255, 255, 0.3); } #login_window, #shutdown_dialog, #restart_dialog { margin: 8px; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1); background-color: #424242; } #content_frame { padding-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.26); } #buttonbox_frame { padding-top: 24px; } #buttonbox_frame button { margin: -16px; } #greeter_infobar { margin-top: -1px; } /* GTK NAMED COLORS ---------------- use responsibly! */ /* widget text/foreground color */ @define-color theme_fg_color #FFFFFF; /* text color for entries, views and content in general */ @define-color theme_text_color #FFFFFF; /* widget base background color */ @define-color theme_bg_color #212121; /* text widgets and the like base background color */ @define-color theme_base_color #303030; /* base background color of selections */ @define-color theme_selected_bg_color #338DD6; /* text/foreground color of selections */ @define-color theme_selected_fg_color #FFFFFF; /* base background color of insensitive widgets */ @define-color insensitive_bg_color #212121; /* text foreground color of insensitive widgets */ @define-color insensitive_fg_color rgba(255, 255, 255, 0.5); /* insensitive text widgets and the like base background color */ @define-color insensitive_base_color #292929; /* widget text/foreground color on backdrop windows */ @define-color theme_unfocused_fg_color #FFFFFF; /* text color for entries, views and content in general on backdrop windows */ @define-color theme_unfocused_text_color #FFFFFF; /* widget base background color on backdrop windows */ @define-color theme_unfocused_bg_color #212121; /* text widgets and the like base background color on backdrop windows */ @define-color theme_unfocused_base_color #303030; /* base background color of selections on backdrop windows */ @define-color theme_unfocused_selected_bg_color #338DD6; /* text/foreground color of selections on backdrop windows */ @define-color theme_unfocused_selected_fg_color #FFFFFF; /* insensitive color on backdrop windows */ @define-color unfocused_insensitive_color rgba(255, 255, 255, 0.5); /* widgets main borders color */ @define-color borders rgba(0, 0, 0, 0.26); /* widgets main borders color on backdrop windows */ @define-color unfocused_borders rgba(0, 0, 0, 0.26); /* these are pretty self explicative */ @define-color warning_color #FF6D00; @define-color error_color #DD2C00; @define-color success_color #00C853; /* FIXME this is really an API */ @define-color content_view_bg #303030; @define-color placeholder_text_color #c1c1c1; materia-theme-20180321/src/gtk/3.22/gtk-dark.scss000066400000000000000000000004311325420104000210240ustar00rootroot00000000000000$variant: 'dark'; $titlebar: 'dark'; $compact: 'false'; @import '../../_sass/gtk/variables'; @import '../../_sass/colors'; @import '../../_sass/gtk/drawing-3.20'; @import '../../_sass/gtk/common-3.20'; @import '../../_sass/gtk/apps-3.22'; @import '../../_sass/gtk/colors-public'; materia-theme-20180321/src/gtk/3.22/gtk-light-compact.css000066400000000000000000004671551325420104000224770ustar00rootroot00000000000000@keyframes ripple_effect { to { background-size: 1000% 1000%; } } @keyframes header_ripple_effect { from { background-image: radial-gradient(circle farthest-corner at center, #338DD6 0%, transparent 0%); } to { background-image: radial-gradient(circle farthest-corner at center, #338DD6 100%, transparent 0%); } } * { background-clip: padding-box; -GtkToolButton-icon-spacing: 0; -GtkTextView-error-underline-color: #DD2C00; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 24; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-style: solid; outline-width: 2px; outline-color: transparent; outline-offset: -4px; -gtk-outline-radius: 2px; -gtk-secondary-caret-color: #338DD6; } notebook:focus tab, *:focus { outline-color: alpha(currentColor, 0.3); } /*************** * Base States * ***************/ .background { background-color: #EEEEEE; color: rgba(0, 0, 0, 0.87); } /* 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: #EEEEEE; color: rgba(0, 0, 0, 0.87); } .gtkstyle-fallback:hover { background-color: #e1e1e1; color: rgba(0, 0, 0, 0.87); } .gtkstyle-fallback:active { background-color: #d5d5d5; color: rgba(0, 0, 0, 0.87); } .gtkstyle-fallback:disabled { background-color: #EEEEEE; color: rgba(0, 0, 0, 0.38); } .gtkstyle-fallback:selected { background-color: #338DD6; color: #FFFFFF; } .view { background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .view:disabled { color: rgba(0, 0, 0, 0.38); } .view:hover, .view:active, .view:selected { border-radius: 2px; } textview text { background-color: #FFFFFF; } textview border { background-color: #F5F5F5; color: rgba(0, 0, 0, 0.38); } .rubberband, rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, .content-view .rubberband { border: 1px solid #40C4FF; background-color: rgba(64, 196, 255, 0.3); } flowbox flowboxchild { padding: 4px; border-radius: 2px; } .content-view .tile:selected { background-color: transparent; color: inherit; } label { caret-color: currentColor; } label.separator { color: rgba(0, 0, 0, 0.87); } label selection { background-color: #338DD6; color: #FFFFFF; } label:disabled { color: rgba(0, 0, 0, 0.38); } tab label:disabled, button label:disabled { color: inherit; } .dim-label, label.separator, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, .budgie-notification .notification-body, .budgie-switcher .notification-body { opacity: 0.6; } assistant .sidebar { padding: 4px 0; } assistant .sidebar label { min-height: 32px; padding: 0 12px; color: rgba(0, 0, 0, 0.38); font-weight: 500; } assistant .sidebar label.highlight { color: rgba(0, 0, 0, 0.87); } popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .app-notification, .osd .scale-popup, .nautilus-window .floating-bar, .osd { opacity: 0.9; } /********************* * Spinner Animation * *********************/ @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } spinner:checked { opacity: 1; animation: spin 1s linear infinite; } spinner:checked:disabled { opacity: 0.5; } /**************** * Text Entries * ****************/ spinbutton:not(.vertical), entry { min-height: 32px; padding: 0 8px; border-radius: 2px; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } spinbutton:focus:not(.vertical), entry:focus { border-image: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } spinbutton:disabled:not(.vertical), entry:disabled { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #F5F5F5; color: rgba(0, 0, 0, 0.38); } spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) entry:not(.search), notebook > stack:not(:only-child) spinbutton:not(.vertical), messagedialog entry, colorchooser .popover.osd spinbutton:not(.vertical), entry.preferences-search, layoutpane entry.search, editortweak entry.search, .raven .raven-background spinbutton:not(.vertical), #login_window entry, entry.flat { border-radius: 0; transition: all 270ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); background-color: transparent; color: rgba(0, 0, 0, 0.87); } spinbutton.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry:focus:not(.search), notebook > stack:not(:only-child) spinbutton:focus:not(.vertical), messagedialog entry:focus, colorchooser .popover.osd spinbutton:focus:not(.vertical), entry.preferences-search:focus, layoutpane entry.search:focus, editortweak entry.search:focus, .raven .raven-background spinbutton:focus:not(.vertical), #login_window entry:focus, entry.flat:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } spinbutton.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry:disabled:not(.search), notebook > stack:not(:only-child) spinbutton:disabled:not(.vertical), messagedialog entry:disabled, colorchooser .popover.osd spinbutton:disabled:not(.vertical), entry.preferences-search:disabled, layoutpane entry.search:disabled, editortweak entry.search:disabled, .raven .raven-background spinbutton:disabled:not(.vertical), #login_window entry:disabled, entry.flat:disabled { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: transparent; color: rgba(0, 0, 0, 0.38); } spinbutton:not(.vertical) image, entry image { color: rgba(0, 0, 0, 0.54); } spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active, entry image:hover, entry image:active { color: rgba(0, 0, 0, 0.87); } spinbutton:not(.vertical) image:disabled, entry image:disabled { color: rgba(0, 0, 0, 0.38); } spinbutton:not(.vertical) image.left, entry image.left { margin-left: 0px; margin-right: 6px; } spinbutton:not(.vertical) image.right, entry image.right { margin-left: 6px; margin-right: 0px; } spinbutton:not(.vertical) undershoot.left, entry undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: left top; } spinbutton:not(.vertical) undershoot.right, entry undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: right top; } spinbutton.error:not(.vertical), entry.error { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #DD2C00; color: #FFFFFF; } spinbutton.error:focus:not(.vertical), entry.error:focus { border-image: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } spinbutton.error:disabled:not(.vertical), entry.error:disabled { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #F5F5F5; color: rgba(0, 0, 0, 0.38); } spinbutton.error.flat:not(.vertical), notebook > stack:not(:only-child) entry.error:not(.search), notebook > stack:not(:only-child) spinbutton.error:not(.vertical), messagedialog entry.error, colorchooser .popover.osd spinbutton.error:not(.vertical), entry.error.preferences-search, layoutpane entry.error.search, editortweak entry.error.search, .raven .raven-background spinbutton.error:not(.vertical), #login_window entry.error, entry.error.flat { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 0%, transparent 0%) 0 0 0/0 0 0px; box-shadow: inset 0 -1px #DD2C00; background-color: transparent; color: rgba(0, 0, 0, 0.87); } spinbutton.error.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.error:focus:not(.search), notebook > stack:not(:only-child) spinbutton.error:focus:not(.vertical), messagedialog entry.error:focus, colorchooser .popover.osd spinbutton.error:focus:not(.vertical), entry.error.preferences-search:focus, layoutpane entry.error.search:focus, editortweak entry.error.search:focus, .raven .raven-background spinbutton.error:focus:not(.vertical), #login_window entry.error:focus, entry.error.flat:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 100%, transparent 0%) 0 0 2/0 0 2px; box-shadow: inset 0 -1px #DD2C00; } spinbutton.error.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.error:disabled:not(.search), notebook > stack:not(:only-child) spinbutton.error:disabled:not(.vertical), messagedialog entry.error:disabled, colorchooser .popover.osd spinbutton.error:disabled:not(.vertical), entry.error.preferences-search:disabled, layoutpane entry.error.search:disabled, editortweak entry.error.search:disabled, .raven .raven-background spinbutton.error:disabled:not(.vertical), #login_window entry.error:disabled, entry.error.flat:disabled { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: transparent; color: rgba(0, 0, 0, 0.38); } spinbutton.error:not(.vertical) image, entry.error image { color: rgba(255, 255, 255, 0.7); } spinbutton.error:not(.vertical) image:hover, spinbutton.error:not(.vertical) image:active, entry.error image:hover, entry.error image:active { color: #FFFFFF; } spinbutton.error:not(.vertical) image:disabled, entry.error image:disabled { color: rgba(255, 255, 255, 0.5); } spinbutton.warning:not(.vertical), entry.warning { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FF6D00; color: #FFFFFF; } spinbutton.warning:focus:not(.vertical), entry.warning:focus { border-image: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } spinbutton.warning:disabled:not(.vertical), entry.warning:disabled { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #F5F5F5; color: rgba(0, 0, 0, 0.38); } spinbutton.warning.flat:not(.vertical), notebook > stack:not(:only-child) entry.warning:not(.search), notebook > stack:not(:only-child) spinbutton.warning:not(.vertical), messagedialog entry.warning, colorchooser .popover.osd spinbutton.warning:not(.vertical), entry.warning.preferences-search, layoutpane entry.warning.search, editortweak entry.warning.search, .raven .raven-background spinbutton.warning:not(.vertical), #login_window entry.warning, entry.warning.flat { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 0%, transparent 0%) 0 0 0/0 0 0px; box-shadow: inset 0 -1px #FF6D00; background-color: transparent; color: rgba(0, 0, 0, 0.87); } spinbutton.warning.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.warning:focus:not(.search), notebook > stack:not(:only-child) spinbutton.warning:focus:not(.vertical), messagedialog entry.warning:focus, colorchooser .popover.osd spinbutton.warning:focus:not(.vertical), entry.warning.preferences-search:focus, layoutpane entry.warning.search:focus, editortweak entry.warning.search:focus, .raven .raven-background spinbutton.warning:focus:not(.vertical), #login_window entry.warning:focus, entry.warning.flat:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 100%, transparent 0%) 0 0 2/0 0 2px; box-shadow: inset 0 -1px #FF6D00; } spinbutton.warning.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.warning:disabled:not(.search), notebook > stack:not(:only-child) spinbutton.warning:disabled:not(.vertical), messagedialog entry.warning:disabled, colorchooser .popover.osd spinbutton.warning:disabled:not(.vertical), entry.warning.preferences-search:disabled, layoutpane entry.warning.search:disabled, editortweak entry.warning.search:disabled, .raven .raven-background spinbutton.warning:disabled:not(.vertical), #login_window entry.warning:disabled, entry.warning.flat:disabled { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: transparent; color: rgba(0, 0, 0, 0.38); } spinbutton.warning:not(.vertical) image, entry.warning image { color: rgba(255, 255, 255, 0.7); } spinbutton.warning:not(.vertical) image:hover, spinbutton.warning:not(.vertical) image:active, entry.warning image:hover, entry.warning image:active { color: #FFFFFF; } spinbutton.warning:not(.vertical) image:disabled, entry.warning image:disabled { color: rgba(255, 255, 255, 0.5); } spinbutton:not(.vertical) progress, entry progress { margin: 2px -6px; border-bottom: 2px solid #338DD6; background-color: transparent; } .linked:not(.vertical) > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) .linked:not(.vertical) > entry:not(.search), notebook > stack:not(:only-child) .linked:not(.vertical) > spinbutton:not(.vertical), messagedialog .linked:not(.vertical) > entry, colorchooser .popover.osd .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry.preferences-search, layoutpane .linked:not(.vertical) > entry.search, editortweak .linked:not(.vertical) > entry.search, .raven .raven-background .linked:not(.vertical) > spinbutton:not(.vertical), #login_window .linked:not(.vertical) > entry, .linked.vertical > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) .linked.vertical > entry:not(.search), notebook > stack:not(:only-child) .linked.vertical > spinbutton:not(.vertical), messagedialog .linked.vertical > entry, colorchooser .popover.osd .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry.preferences-search, layoutpane .linked.vertical > entry.search, editortweak .linked.vertical > entry.search, .raven .raven-background .linked.vertical > spinbutton:not(.vertical), #login_window .linked.vertical > entry, .linked:not(.vertical) > entry.flat, .linked.vertical > entry.flat { border-radius: 0; } treeview entry.flat, treeview entry { min-height: 0; padding: 2px; border-radius: 0; background-color: #FFFFFF; } treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus { border-image: none; box-shadow: none; } .entry-tag, .documents-entry-tag, .photos-entry-tag { margin: 4px; border-radius: 9999px; box-shadow: none; background-color: #338DD6; color: #FFFFFF; } .entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } :dir(ltr) .entry-tag, :dir(ltr) .documents-entry-tag, :dir(ltr) .photos-entry-tag { margin-left: 8px; margin-right: -4px; padding-left: 8px; padding-right: 4px; } :dir(rtl) .entry-tag, :dir(rtl) .documents-entry-tag, :dir(rtl) .photos-entry-tag { margin-left: -4px; margin-right: 8px; padding-left: 4px; padding-right: 8px; } .entry-tag.button, .button.documents-entry-tag, .button.photos-entry-tag { box-shadow: none; background-color: transparent; } .entry-tag.button:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active) { color: rgba(255, 255, 255, 0.7); } /*********** * Buttons * ***********/ @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#009688), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#009688), to(transparent)); } } button { min-height: 24px; min-width: 16px; padding: 4px 8px; border-radius: 2px; font-weight: 500; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1), background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 9999px transparent; background-color: #FAFAFA; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; color: rgba(0, 0, 0, 0.62); } button:hover { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px transparent; color: rgba(0, 0, 0, 0.87); } button:active { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px alpha(currentColor, 0.15); background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%); background-size: 0% 0%; color: rgba(0, 0, 0, 0.87); } button:disabled { box-shadow: none; background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.26); } button:checked { background-color: #338DD6; color: #FFFFFF; } button:checked:disabled { background-color: rgba(51, 141, 214, 0.3); color: rgba(51, 141, 214, 0.5); } modelbutton.flat, .menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button, popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check, radio, calendar.button, messagedialog.csd .dialog-action-area button, button.sidebar-button, .gedit-search-slider button, popover.messagepopover .popover-action-area button, #mate-menu button, .budgie-settings-window buttonbox.inline-toolbar button, .raven .raven-header:not(.top) button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, .lightdm-gtk-greeter button, :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) .path-bar button, layouttabbar button, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, toolbar button, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), headerbar button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button, button.flat { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 9999px transparent; background-color: transparent; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; color: rgba(0, 0, 0, 0.54); } modelbutton.flat:hover, .menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background.menu button:hover, popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover, radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button:hover, button.sidebar-button:hover, .gedit-search-slider button:hover, popover.messagepopover .popover-action-area button:hover, #mate-menu button:hover, .budgie-settings-window buttonbox.inline-toolbar button:hover, .raven .raven-header:not(.top) button:hover, .drop-shadow button:hover, .budgie-session-dialog .linked.horizontal > button:hover, .lightdm-gtk-greeter button:hover, :not(headerbar) .caja-pathbar button:hover, .caja-pathbar :not(headerbar) button:hover, :not(headerbar) .path-bar button:hover, layouttabbar button:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, toolbar button:hover, .titlebar:not(headerbar) button:hover:not(.suggested-action):not(.destructive-action), headerbar button:hover:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:hover, button.flat:hover { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15); color: rgba(0, 0, 0, 0.87); } modelbutton.flat:active, .menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background.menu button:active, popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active, radio:active, calendar.button:active, messagedialog.csd .dialog-action-area button:active, button.sidebar-button:active, .gedit-search-slider button:active, popover.messagepopover .popover-action-area button:active, #mate-menu button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, .raven .raven-header:not(.top) button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, .lightdm-gtk-greeter button:active, :not(headerbar) .caja-pathbar button:active, .caja-pathbar :not(headerbar) button:active, :not(headerbar) .path-bar button:active, layouttabbar button:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, toolbar button:active, .titlebar:not(headerbar) button:active:not(.suggested-action):not(.destructive-action), headerbar button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:active, button.flat:active { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15); background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%); background-size: 0% 0%; color: rgba(0, 0, 0, 0.87); } modelbutton.flat:disabled, .menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background.menu button:disabled, popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled, radio:disabled, calendar.button:disabled, messagedialog.csd .dialog-action-area button:disabled, button.sidebar-button:disabled, .gedit-search-slider button:disabled, popover.messagepopover .popover-action-area button:disabled, #mate-menu button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, .raven .raven-header:not(.top) button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, .lightdm-gtk-greeter button:disabled, :not(headerbar) .caja-pathbar button:disabled, .caja-pathbar :not(headerbar) button:disabled, :not(headerbar) .path-bar button:disabled, layouttabbar button:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, toolbar button:disabled, .titlebar:not(headerbar) button:disabled:not(.suggested-action):not(.destructive-action), headerbar button:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:disabled, button.flat:disabled { box-shadow: none; background-color: transparent; color: rgba(0, 0, 0, 0.26); } :not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .path-bar button:checked, layouttabbar button:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, toolbar button:checked, .titlebar:not(headerbar) button:checked:not(.suggested-action):not(.destructive-action), headerbar button:checked:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked, button.flat:checked { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } :not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar) .path-bar button:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, toolbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled:not(.suggested-action):not(.destructive-action), headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked:disabled, button.flat:checked:disabled { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.38); } button.text-button { padding-left: 16px; padding-right: 16px; } button.image-button { min-width: 24px; padding: 4px; } button.text-button.image-button { border-radius: 2px; -gtk-outline-radius: 2px; } button.text-button.image-button label:first-child { margin-left: 12px; } button.text-button.image-button label:last-child { margin-right: 12px; } button.text-button.image-button image:not(:only-child) { margin: 0 4px; } toolbar .linked > button, .titlebar:not(headerbar) .linked > button:not(.suggested-action):not(.destructive-action), headerbar .linked > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button, toolbar .linked.vertical > button, .titlebar:not(headerbar) .linked.vertical > button:not(.suggested-action):not(.destructive-action), headerbar .linked.vertical > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked.vertical > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked.vertical > button, .linked > button.flat, .linked.vertical > button.flat { border-radius: 2px; } toolbar .linked > button.text-button.image-button, .titlebar:not(headerbar) .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action), headerbar .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.text-button.image-button, toolbar .linked.vertical > button.text-button.image-button, .titlebar:not(headerbar) .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action), headerbar .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked.vertical > button.text-button.image-button, .linked > button.flat.text-button.image-button, .linked.vertical > button.flat.text-button.image-button { border-radius: 2px; -gtk-outline-radius: 2px; } infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, row:selected button:disabled { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.3); } row:selected button.sidebar-button, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, .raven-mpris button.image-button, row:selected button.flat { color: rgba(255, 255, 255, 0.7); } row:selected button.sidebar-button:hover, infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, .raven-mpris button.image-button:hover, row:selected button.sidebar-button:active, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .raven-mpris button.image-button:active, row:selected button.flat:hover, row:selected button.flat:active { color: #FFFFFF; } row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .raven-mpris button.image-button:disabled, row:selected button.flat:disabled { color: rgba(255, 255, 255, 0.3); } row:selected button.sidebar-button:checked, infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .raven-mpris button.image-button:checked, row:selected button.flat:checked { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } row:selected button.sidebar-button:checked:disabled, infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .raven-mpris button.image-button:checked:disabled, row:selected button.flat:checked:disabled { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } button.osd { padding: 10px 14px; } button.osd.image-button { padding: 10px; } button.osd:disabled { opacity: 0; } button.suggested-action { background-color: #009688; color: #FFFFFF; } button.suggested-action:disabled { box-shadow: none; background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.38); } button.suggested-action:checked { background-color: #4db6ac; } button.suggested-action.flat { background-color: transparent; color: #009688; } button.suggested-action.flat:disabled { box-shadow: none; background-color: transparent; color: rgba(0, 0, 0, 0.38); } button.suggested-action.flat:checked { background-color: rgba(0, 150, 136, 0.3); } button.destructive-action { background-color: #FF5252; color: #FFFFFF; } button.destructive-action:disabled { box-shadow: none; background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.38); } button.destructive-action:checked { background-color: #ff8686; } button.destructive-action.flat { background-color: transparent; color: #FF5252; } button.destructive-action.flat:disabled { box-shadow: none; background-color: transparent; color: rgba(0, 0, 0, 0.38); } button.destructive-action.flat:checked { background-color: rgba(255, 82, 82, 0.3); } .stack-switcher > button { outline-offset: -4px; } .stack-switcher > button > label { padding-left: 6px; padding-right: 6px; } .stack-switcher > button > image { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } .stack-switcher > button.text-button { padding-left: 10px; padding-right: 10px; } .stack-switcher > button.image-button { padding-left: 2px; padding-right: 2px; } .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { animation: none; background-image: none; } .primary-toolbar button { -gtk-icon-shadow: none; } button.image-button, toolbar .linked > button.image-button, .titlebar:not(headerbar) .linked > button.image-button:not(.suggested-action):not(.destructive-action), headerbar .linked > button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.image-button, toolbar .linked.vertical > button.image-button, headerbar .linked.vertical > button.image-button:not(.suggested-action):not(.destructive-action), .app-notification .linked.vertical > button.image-button, .linked > button.flat.image-button, .linked.vertical > button.flat.image-button, .inline-toolbar button:not(.text-button), check, radio, button.titlebutton, .nautilus-window headerbar > revealer > button, .raven .raven-header:not(.top) button.image-button, .raven .expander-button, button.close, button.circular { border-radius: 9999px; -gtk-outline-radius: 9999px; } spinbutton:not(.vertical) button, notebook > header tab button.flat, button.sidebar-button, .nautilus-window .floating-bar button, .gedit-document-panel row button.flat, .gedit-search-slider button:dir(ltr), .gedit-search-slider button:dir(rtl), .pluma-window paned.horizontal box.vertical box.horizontal button.flat { min-height: 20px; min-width: 20px; padding: 0; border-radius: 9999px; -gtk-outline-radius: 9999px; } .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label { animation: needs_attention 270ms cubic-bezier(0, 0, 0.2, 1) forwards; background-repeat: no-repeat; background-position: right 3px; background-size: 6px 6px; } .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) { background-position: left 3px; } .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked > button, .linked:not(.vertical) > combobox > box > button.combo { border-radius: 0; -gtk-outline-radius: 2px; } .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .linked > button:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .linked > button:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo { border-radius: 2px; } .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button, .linked.vertical > combobox > box > button.combo { border-radius: 0; -gtk-outline-radius: 2px; } .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo { border-top-left-radius: 2px; border-top-right-radius: 2px; } .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo { border-radius: 2px; } /* menu buttons */ modelbutton.flat, .menuitem.button.flat { min-height: 28px; padding: 0 8px; border-radius: 2px; color: inherit; } modelbutton.flat arrow { background: none; } modelbutton.flat arrow:hover { background: none; } modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } button.color { min-height: 20px; min-width: 20px; padding: 6px; } /********* * Links * *********/ *:link, button:link, button:visited, *:link:hover, button:hover:link, button:hover:visited, *:link:active, button:active:link, button:active:visited { color: #338DD6; } *:link:visited, button:visited, *:link:visited:hover, button:visited:hover, *:link:visited:active, button:visited:active { color: #E040FB; } infobar.info *:link, infobar.info button:link, infobar.info button:visited, infobar.question *:link, infobar.question button:link, infobar.question button:visited, infobar.warning *:link, infobar.warning button:link, infobar.warning button:visited, infobar.error *:link, infobar.error button:link, infobar.error button:visited, *:link:selected, button:selected:link, button:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:link, headerbar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited { color: #FFFFFF; } button:link > label, button:visited > label { text-decoration-line: underline; } /***************** * GtkSpinButton * *****************/ spinbutton:not(.vertical) { padding: 0; } notebook > stack:not(:only-child) spinbutton:not(.vertical) entry, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:focus, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:disabled, spinbutton:not(.vertical) entry { min-width: 28px; margin: 0; border-image: none; border-radius: 0; box-shadow: none; background-color: transparent; } spinbutton:not(.vertical) button { border: solid 6px transparent; } spinbutton:not(.vertical) button.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:disabled { color: rgba(0, 0, 0, 0.38); } spinbutton.vertical:drop(active) { box-shadow: none; } spinbutton.vertical entry { min-height: 32px; min-width: 44px; padding: 0; } spinbutton.vertical button { min-height: 32px; min-width: 44px; padding: 0; } spinbutton.vertical button.up { border-radius: 2px 2px 0 0; } spinbutton.vertical button.down { border-radius: 0 0 2px 2px; } treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; } treeview spinbutton:not(.vertical) entry { min-height: 0; padding: 1px 2px; } /************** * ComboBoxes * **************/ combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } combobox decoration, combobox button.combo:checked { transition: none; } combobox button.combo cellview:dir(ltr) { margin-left: 0px; } combobox button.combo cellview:dir(rtl) { margin-right: 0px; } combobox #gtk-combobox-popup-menu { padding: 2px 0; } combobox #gtk-combobox-popup-menu menuitem { min-height: 28px; padding: 0 8px; } combobox #gtk-combobox-popup-menu > arrow.top { margin-top: -2px; } combobox #gtk-combobox-popup-menu > arrow.bottom { margin-bottom: -6px; } combobox:drop(active) { box-shadow: none; } notebook > stack:not(:only-child) button.combo, .raven .raven-background button.combo, #login_window #user_combobox button { border-radius: 0; background-image: none; font-weight: inherit; transition: all 270ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); background-color: transparent; color: rgba(0, 0, 0, 0.87); } notebook > stack:not(:only-child) button.combo:hover, .raven .raven-background button.combo:hover, #login_window #user_combobox button:hover { box-shadow: inset 0 -2px rgba(0, 0, 0, 0.38); } notebook > stack:not(:only-child) button.combo:checked, .raven .raven-background button.combo:checked, #login_window #user_combobox button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px; } notebook > stack:not(:only-child) button.combo:disabled, .raven .raven-background button.combo:disabled, #login_window #user_combobox button:disabled { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.38); } /************ * Toolbars * ************/ toolbar { -GtkWidget-window-dragging: true; padding: 2px; background-color: #EEEEEE; } .osd toolbar { background-color: transparent; } toolbar.osd, .app-notification, frame.documents-dropdown { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); padding: 6px; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.4); } toolbar.osd.left, .left.app-notification, frame.left.documents-dropdown, toolbar.osd.right, .right.app-notification, frame.right.documents-dropdown, toolbar.osd.top, .top.app-notification, frame.top.documents-dropdown, toolbar.osd.bottom, .bottom.app-notification, frame.bottom.documents-dropdown { border-radius: 0; } toolbar.horizontal > separator { margin: 2px; } toolbar.vertical > separator { margin: 2px; } toolbar:not(.inline-toolbar):not(.osd) scale, toolbar:not(.inline-toolbar):not(.osd) entry, toolbar:not(.inline-toolbar):not(.osd) spinbutton, toolbar:not(.inline-toolbar):not(.osd) button { margin: 2px; } toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child), toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child), toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) { margin-left: 0; } toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child), toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child), toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) { margin-right: 0; } toolbar:not(.inline-toolbar):not(.osd) spinbutton entry, toolbar:not(.inline-toolbar):not(.osd) spinbutton button { margin: 0; } toolbar:not(.inline-toolbar):not(.osd) switch { margin: 8px 2px; } .inline-toolbar { padding: 6px; border-style: solid; border-width: 0 1px 1px; border-color: rgba(0, 0, 0, 0.12); background-color: #F5F5F5; } searchbar > revealer > box, .location-bar { padding: 6px; border-style: solid; border-width: 0 0 1px; border-color: rgba(0, 0, 0, 0.12); background-color: #EEEEEE; background-clip: border-box; } searchbar > revealer > box { margin: -6px; padding: 6px; } /*************** * Header bars * ***************/ .titlebar:not(headerbar), headerbar { transition: background-color 180ms cubic-bezier(0, 0, 0.2, 1), color 270ms cubic-bezier(0, 0, 0.2, 1); min-height: 44px; padding: 0 6px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #E0E0E0; color: rgba(0, 0, 0, 0.87); } .titlebar:disabled:not(headerbar) :not(button) > label, headerbar:disabled :not(button) > label { color: rgba(0, 0, 0, 0.38); } .titlebar:backdrop:not(headerbar), headerbar:backdrop { color: rgba(0, 0, 0, 0.54); } .titlebar:backdrop:disabled:not(headerbar) :not(button) > label, headerbar:backdrop:disabled :not(button) > label { color: rgba(0, 0, 0, 0.26); } .titlebar:not(headerbar) .title, headerbar .title { padding: 0 12px; font-weight: bold; } .titlebar:not(headerbar) .subtitle, headerbar .subtitle { padding: 0 12px; font-size: smaller; } .titlebar:not(headerbar) .linked:not(.vertical) > entry:not(.flat), headerbar .linked:not(.vertical) > entry:not(.flat) { border-radius: 2px; } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), headerbar button:not(.suggested-action):not(.destructive-action) { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px; color: rgba(0, 0, 0, 0.54); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active, headerbar button:not(.suggested-action):not(.destructive-action):hover, headerbar button:not(.suggested-action):not(.destructive-action):active { color: rgba(0, 0, 0, 0.87); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled, headerbar button:not(.suggested-action):not(.destructive-action):disabled { color: rgba(0, 0, 0, 0.26); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, headerbar button:not(.suggested-action):not(.destructive-action):checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px; color: rgba(0, 0, 0, 0.87); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled { color: rgba(0, 0, 0, 0.38); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, headerbar button:not(.suggested-action):not(.destructive-action):checked, headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled { background-color: transparent; } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop, headerbar button:not(.suggested-action):not(.destructive-action):backdrop { color: rgba(0, 0, 0, 0.38); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:active, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:hover, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:active { color: rgba(0, 0, 0, 0.54); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:disabled { color: rgba(0, 0, 0, 0.26); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked { color: rgba(0, 0, 0, 0.54); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { color: rgba(0, 0, 0, 0.26); } .titlebar:not(headerbar) button.suggested-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled, headerbar button.suggested-action:disabled, headerbar button.destructive-action:disabled { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.38); } .selection-mode.titlebar:not(headerbar), headerbar.selection-mode { transition: background-color 0.00001s 270ms, color 270ms cubic-bezier(0, 0, 0.2, 1); animation: header_ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.2); background-color: #338DD6; color: #FFFFFF; } .selection-mode.titlebar:backdrop:not(headerbar), headerbar.selection-mode:backdrop { color: rgba(255, 255, 255, 0.7); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), headerbar.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: #FFFFFF; } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled { color: rgba(255, 255, 255, 0.5); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, headerbar.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: #FFFFFF; } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled { color: rgba(255, 255, 255, 0.5); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop { color: rgba(255, 255, 255, 0.7); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled { color: rgba(255, 255, 255, 0.3); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked { color: rgba(255, 255, 255, 0.7); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { color: rgba(255, 255, 255, 0.3); } .selection-mode.titlebar:not(headerbar) .selection-menu, headerbar.selection-mode .selection-menu { padding-left: 16px; padding-right: 16px; } .selection-mode.titlebar:not(headerbar) .selection-menu arrow, headerbar.selection-mode .selection-menu arrow { -GtkArrow-arrow-scaling: 1; } .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } .tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 20px; padding: 6px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } .tiled .default-decoration.titlebar:not(headerbar), .maximized .default-decoration.titlebar:not(headerbar), .fullscreen .default-decoration.titlebar:not(headerbar), .tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { box-shadow: none; } .default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { min-height: 20px; min-width: 20px; margin: 0; padding: 0; } .background:not(.csd) .default-decoration.titlebar:not(headerbar) button.titlebutton:active, .background:not(.csd) headerbar.default-decoration button.titlebutton:active { background-size: 1000% 1000%; } headerbar entry, headerbar spinbutton, headerbar button { margin-top: 6px; margin-bottom: 6px; } headerbar switch { margin-top: 10px; margin-bottom: 10px; } headerbar spinbutton button { margin-top: 0; margin-bottom: 0; } .background .titlebar { border-top-left-radius: 2px; border-top-right-radius: 2px; } .background.tiled .titlebar, .background.tiled-top .titlebar, .background.tiled-right .titlebar, .background.tiled-bottom .titlebar, .background.tiled-left .titlebar, .background.maximized .titlebar, .background.solid-csd .titlebar { border-top-left-radius: 0; border-top-right-radius: 0; } window separator:first-child + headerbar, window headerbar:first-child { border-top-left-radius: 2px; } window headerbar:last-child { border-top-right-radius: 2px; } window stack headerbar:first-child, window stack headerbar:last-child { border-top-left-radius: 2px; border-top-right-radius: 2px; } window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child { border-top-left-radius: 0; border-top-right-radius: 0; } window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; box-shadow: none; } .titlebar:not(headerbar) > separator { background-color: #E0E0E0; background-image: image(rgba(0, 0, 0, 0.12)); } /************ * Pathbars * ************/ .caja-pathbar button, .path-bar button { padding-left: 4px; padding-right: 4px; } .caja-pathbar button label:not(:only-child):first-child, .path-bar button label:not(:only-child):first-child { margin-left: 4px; } .caja-pathbar button label:not(:only-child):last-child, .path-bar button label:not(:only-child):last-child { margin-right: 4px; } .caja-pathbar button.slider-button, .path-bar button.slider-button { padding-left: 4px; padding-right: 4px; } :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) .path-bar button { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px; border-radius: 2px; } :not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .path-bar button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px; } :not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar) .path-bar button:checked, :not(headerbar) .path-bar button:checked:disabled { background-color: transparent; } /************** * Tree Views * **************/ treeview.view { border-left-color: rgba(0, 0, 0, 0.26); border-top-color: rgba(0, 0, 0, 0.12); } * { -GtkTreeView-horizontal-separator: 4; -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; } treeview.view:selected { border-left-color: rgba(255, 255, 255, 0.3); } treeview.view:hover, treeview.view:active, treeview.view:selected { border-radius: 0; } treeview.view.separator { min-height: 5px; color: rgba(0, 0, 0, 0.12); } treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #009688; } treeview.view:drop(active).after { border-top-style: none; } treeview.view:drop(active).before { border-bottom-style: none; } treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -gtk-icon-transform: rotate(-90deg); color: rgba(0, 0, 0, 0.54); } treeview.view.expander:dir(rtl) { -gtk-icon-transform: rotate(90deg); } treeview.view.expander:checked { -gtk-icon-transform: unset; } treeview.view.expander:hover, treeview.view.expander:active { color: rgba(0, 0, 0, 0.87); } treeview.view.expander:disabled { color: rgba(0, 0, 0, 0.26); } treeview.view.expander:selected { color: rgba(255, 255, 255, 0.7); } treeview.view.expander:selected:hover, treeview.view.expander:selected:active { color: #FFFFFF; } treeview.view.expander:selected:disabled { color: rgba(255, 255, 255, 0.3); } treeview.view.progressbar { border-bottom: 4px solid #338DD6; box-shadow: none; background-color: transparent; } treeview.view.progressbar:selected { border-bottom-color: #FFFFFF; } treeview.view.trough { border-bottom: 4px solid rgba(51, 141, 214, 0.3); box-shadow: none; background-color: transparent; } treeview.view.trough:selected { border-bottom-color: rgba(255, 255, 255, 0.3); } treeview.view header button { padding: 2px 6px; border-style: none solid solid none; border-width: 1px; border-color: rgba(0, 0, 0, 0.12); border-radius: 0; background-clip: border-box; } treeview.view header button, treeview.view header button:hover, treeview.view header button:active { box-shadow: none; } treeview.view header button, treeview.view header button:disabled { background-color: #FFFFFF; } 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(0, 0, 0, 0.12); border-radius: 0; box-shadow: none; background-color: #FFFFFF; background-clip: border-box; color: #338DD6; } treeview.view acceleditor > label { background-color: #338DD6; } /********* * Menus * *********/ menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0; background-color: #E0E0E0; } menubar > menuitem, .menubar > menuitem { transition: all 180ms cubic-bezier(0, 0, 0.2, 1); min-height: 20px; padding: 4px 8px; color: rgba(0, 0, 0, 0.54); } menubar > menuitem:hover, .menubar > menuitem:hover { transition: none; background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } menubar > menuitem:disabled, .menubar > menuitem:disabled { color: rgba(0, 0, 0, 0.26); } menubar > menuitem label:disabled, .menubar > menuitem label:disabled { color: inherit; } .csd.popup { background-color: transparent; } menu, .menu, .context-menu { margin: 4px 0; padding: 4px 0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.12); } .csd menu, .csd .menu, .csd .context-menu { border: none; border-radius: 2px; } menu menuitem, .menu menuitem, .context-menu menuitem { transition: background-color 180ms cubic-bezier(0, 0, 0.2, 1); min-height: 20px; min-width: 40px; padding: 4px 8px; font: initial; text-shadow: none; } menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { transition: none; background-color: rgba(0, 0, 0, 0.12); } menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: rgba(0, 0, 0, 0.38); } menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; min-width: 16px; } menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 8px; } menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 8px; } menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { color: inherit; } menu > arrow, .menu > arrow, .context-menu > arrow { min-height: 16px; min-width: 16px; padding: 4px; background-color: #FFFFFF; color: rgba(0, 0, 0, 0.54); } menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -4px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); border-radius: 2px 2px 0 0; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-bottom: -12px; border-top: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0 0 2px 2px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-image: image(rgba(0, 0, 0, 0.12)); color: rgba(0, 0, 0, 0.87); } menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { border-color: transparent; background-color: transparent; color: transparent; } menu separator, .menu separator, .context-menu separator { margin: 4px 0; } menuitem accelerator { color: rgba(0, 0, 0, 0.54); } .popup:not(.csd) menu menuitem { color: #212121; } .popup:not(.csd) menu menuitem:hover { background-color: #E0E0E0; } .popup:not(.csd) menu menuitem:disabled { color: #9E9E9E; } .popup:not(.csd) menu accelerator { color: #757575; } /************ * Popovers * ************/ popover.background { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); padding: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); background-color: #FAFAFA; } popover.background:backdrop { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } 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: 3px; } 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: 2px; } popover.background separator { margin: 4px 0; } popover.background list separator { margin: 0; } /************* * Notebooks * *************/ notebook > header { border-width: 1px; border-color: rgba(0, 0, 0, 0.12); background-color: #EEEEEE; background-clip: border-box; } notebook > header.top { border-bottom-style: solid; } notebook > header.top > tabs { margin-bottom: -1px; } notebook > header.top > tabs > tab:hover { box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26); } notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -2px #338DD6; } notebook > header.bottom { border-top-style: solid; } notebook > header.bottom > tabs { margin-top: -1px; } notebook > header.bottom > tabs > tab:hover { box-shadow: inset 0 2px rgba(0, 0, 0, 0.26); } notebook > header.bottom > tabs > tab:checked { box-shadow: inset 0 2px #338DD6; } notebook > header.left { border-right-style: solid; } notebook > header.left > tabs { margin-right: -1px; } notebook > header.left > tabs > tab:hover { box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26); } notebook > header.left > tabs > tab:checked { box-shadow: inset -2px 0 #338DD6; } notebook > header.right { border-left-style: solid; } notebook > header.right > tabs { margin-left: -1px; } notebook > header.right > tabs > tab:hover { box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26); } notebook > header.right > tabs > tab:checked { box-shadow: inset 2px 0 #338DD6; } notebook > header.top > tabs > arrow { border-top-style: none; } notebook > header.bottom > tabs > arrow { border-bottom-style: none; } notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { padding-left: 4px; padding-right: 4px; } notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { margin-left: -8px; -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { margin-right: -8px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } notebook > header.left > tabs > arrow { border-left-style: none; } notebook > header.right > tabs > arrow { border-right-style: none; } notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { padding-top: 4px; padding-bottom: 4px; } notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { margin-top: -8px; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { margin-bottom: -8px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; } notebook > header tab { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; min-height: 20px; min-width: 20px; padding: 6px 12px; outline-offset: -6px; border-width: 1px; border-color: transparent; background-image: radial-gradient(circle farthest-corner at center, #338DD6 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; color: rgba(0, 0, 0, 0.54); font-weight: 500; } notebook > header tab:hover { color: rgba(0, 0, 0, 0.87); } notebook > header tab:hover.reorderable-page { border-color: rgba(0, 0, 0, 0.12); background-color: #F5F5F5; } notebook > header tab:disabled { color: rgba(0, 0, 0, 0.26); } notebook > header tab:checked { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 270ms cubic-bezier(0, 0, 0.2, 1), background-image 720ms cubic-bezier(0, 0, 0.2, 1); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-size: 1000% 1000%; color: rgba(0, 0, 0, 0.87); } notebook > header tab:checked:disabled { color: rgba(0, 0, 0, 0.38); } notebook > header tab:checked.reorderable-page { border-color: rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } notebook > header tab button.flat:last-child { margin-left: 6px; margin-right: -6px; } notebook > header tab button.flat:first-child { margin-left: -6px; margin-right: 6px; } notebook > header.top tabs, notebook > header.bottom tabs { padding-left: 8px; padding-right: 8px; } notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { margin-left: 0; } notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { margin-right: 0; } notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { margin: 0 -1px; border-style: none solid; } notebook > header.left tabs, notebook > header.right tabs { padding-top: 8px; padding-bottom: 8px; } notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { margin-top: 0; } notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { margin-bottom: 0; } notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { margin: -1px 0; border-style: solid none; } notebook > stack:not(:only-child) { background-color: #FFFFFF; } /************** * Scrollbars * **************/ scrollbar { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); background-color: #FFFFFF; background-clip: padding-box; } * { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; } scrollbar.top { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } scrollbar.bottom { border-top: 1px solid rgba(0, 0, 0, 0.12); } scrollbar.left { border-right: 1px solid rgba(0, 0, 0, 0.12); } scrollbar.right { border-left: 1px solid rgba(0, 0, 0, 0.12); } scrollbar slider { transition: all 180ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0; min-width: 8px; min-height: 8px; border: 4px solid transparent; border-radius: 9999px; background-clip: padding-box; background-color: rgba(0, 0, 0, 0.38); } scrollbar slider:hover { background-color: rgba(0, 0, 0, 0.54); } scrollbar slider:active { background-color: rgba(0, 0, 0, 0.87); } scrollbar slider:disabled { background-color: rgba(0, 0, 0, 0.26); } scrollbar.fine-tune slider { transition: all 180ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0; 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(.dragging):not(.hovering) { border-color: transparent; background-color: transparent; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { min-width: 4px; min-height: 4px; margin: 3px; border: 1px solid rgba(255, 255, 255, 0.3); } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 4px; min-height: 4px; margin: 3px; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 9999px; background-color: rgba(0, 0, 0, 0.38); background-clip: padding-box; -gtk-icon-source: none; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { background-color: rgba(0, 0, 0, 0.26); } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { min-width: 24px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { min-width: 8px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { min-height: 24px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { min-height: 8px; } scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { background-color: rgba(255, 255, 255, 0.9); } scrollbar.horizontal slider { min-width: 24px; } scrollbar.vertical slider { min-height: 24px; } scrollbar button { min-width: 16px; min-height: 16px; padding: 0; border-radius: 0; } scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } scrollbar.vertical button.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } scrollbar.horizontal button.down { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } /********** * Switch * **********/ switch { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); margin: 6px 0; padding: 0 2px; border: 5px solid transparent; border-radius: 9999px; background-color: rgba(0, 0, 0, 0.26); background-clip: padding-box; font-size: 0; } switch:disabled { background-color: rgba(0, 0, 0, 0.12); } switch:checked { background-color: rgba(0, 150, 136, 0.5); } switch:checked:disabled { background-color: rgba(0, 150, 136, 0.3); } switch slider { transition: all 180ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); min-width: 20px; min-height: 20px; margin: -3px -2px; border-radius: 9999px; outline-width: 0; outline-color: rgba(0, 0, 0, 0.12); outline-offset: 0; -gtk-outline-radius: 9999px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FAFAFA; } switch:focus slider { outline-width: 14px; } switch:hover slider { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } switch:checked slider { background-color: #009688; outline-color: rgba(0, 150, 136, 0.2); } switch:disabled slider { background-color: #EEEEEE; } /************************* * Check and Radio items * *************************/ .view.content-view.check:not(list), .content-view .tile check:not(list) { min-height: 40px; min-width: 40px; margin: 0; padding: 0; box-shadow: none; background-color: transparent; background-image: none; -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .view.content-view.check:not(list):hover, .view.content-view.check:not(list):active, .content-view .tile check:not(list):hover, .content-view .tile check:not(list):active { -gtk-icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } .view.content-view.check:not(list), .content-view .tile check:not(list) { -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked.png"), url("assets/selectionmode-checkbox-unchecked@2.png")); } .view.content-view.check:not(list):checked, .content-view .tile check:not(list):checked { -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked.png"), url("assets/selectionmode-checkbox-checked@2.png")); } checkbutton.text-button, radiobutton.text-button { padding: 2px; outline-offset: 0; } checkbutton.text-button label:not(:only-child), radiobutton.text-button label:not(:only-child) { margin: 0 4px; } check, radio { min-height: 24px; min-width: 24px; margin: -8px; padding: 8px; } check:checked, check:indeterminate, radio:checked, radio:indeterminate { color: #009688; } check:checked:disabled, check:indeterminate:disabled, radio:checked:disabled, radio:indeterminate:disabled { color: rgba(0, 150, 136, 0.5); } row:selected check:not(:checked):not(:indeterminate), row:selected radio:not(:checked):not(:indeterminate) { color: rgba(255, 255, 255, 0.7); } row:selected check:not(:checked):not(:indeterminate):hover, row:selected check:not(:checked):not(:indeterminate):active, row:selected radio:not(:checked):not(:indeterminate):hover, row:selected radio:not(:checked):not(:indeterminate):active { color: #FFFFFF; } row:selected check:not(:checked):not(:indeterminate):disabled, row:selected radio:not(:checked):not(:indeterminate):disabled { color: rgba(255, 255, 255, 0.3); } popover check, popover check:hover, popover check:active, popover check:disabled, popover radio, popover radio:hover, popover radio:active, popover radio:disabled { box-shadow: none; background-image: none; } popover check:not(:checked):not(:indeterminate):not(:disabled), popover radio:not(:checked):not(:indeterminate):not(:disabled) { color: rgba(0, 0, 0, 0.54); } popover check.left:dir(rtl), popover radio.left:dir(rtl) { margin-left: -12px; margin-right: -4px; } popover check.right:dir(ltr), popover radio.right:dir(ltr) { margin-left: -4px; margin-right: -12px; } menu menuitem check, menu menuitem radio { transition: none; margin: 0; padding: 0; } menu menuitem check:dir(ltr), menu menuitem radio:dir(ltr) { margin-right: 8px; } menu menuitem check:dir(rtl), menu menuitem radio:dir(rtl) { margin-left: 8px; } menu menuitem check:not(:checked):not(:indeterminate):not(:disabled), menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled) { color: rgba(0, 0, 0, 0.54); } menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled { box-shadow: none; } check { -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg")); } check:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")); } check:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg")); } radio { -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg")); border-image-slice: 20; border-image-width: 20px; } radio:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg")); } radio { border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#009688), to(transparent)); } radio:checked:not(:indeterminate) { border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#009688), to(transparent)); } radio:checked:not(:indeterminate):disabled { border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(rgba(0, 150, 136, 0.5)), to(transparent)); } window.background:not(.csd) > widget > checkbutton > check, menu menuitem check { min-height: 16px; min-width: 16px; border-radius: 2px; -gtk-outline-radius: 2px; -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg")); } window.background:not(.csd) > widget > checkbutton > check:checked, menu menuitem check:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg")); } window.background:not(.csd) > widget > checkbutton > check:indeterminate, menu menuitem check:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg")); } window.background:not(.csd) > widget > radiobutton > radio, menu menuitem radio { min-height: 16px; min-width: 16px; border-image: none; -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg")); } window.background:not(.csd) > widget > radiobutton > radio:checked, menu menuitem radio:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg")); } window.background:not(.csd) > widget > radiobutton > radio:indeterminate, menu menuitem radio:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg")); } check:not(:checked):active { -gtk-icon-transform: rotate(90deg); } check:not(:checked):indeterminate:active, radio:not(:checked):indeterminate:active { -gtk-icon-transform: scaleX(-1); } check:not(:checked), radio:not(:checked) { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0; } check:not(:checked):active, radio:not(:checked):active { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0; } menu menuitem check:not(:checked), menu menuitem radio:not(:checked) { transition: none; } treeview.view check, treeview.view radio { padding: 0; } treeview.view check:hover, treeview.view radio:hover { box-shadow: inset 0 0 0 9999px alpha(rgba(0, 0, 0, 0.87), 0.05); } treeview.view check:hover:disabled, treeview.view radio:hover:disabled { box-shadow: none; } treeview.view check:hover:selected, treeview.view radio:hover:selected { box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05); } treeview.view check, treeview.view radio { color: rgba(0, 0, 0, 0.54); } treeview.view check:hover, treeview.view check:active, treeview.view radio:hover, treeview.view radio:active { color: rgba(0, 0, 0, 0.87); } treeview.view check:disabled, treeview.view radio:disabled { color: rgba(0, 0, 0, 0.26); } treeview.view check:checked, treeview.view check:indeterminate, treeview.view radio:checked, treeview.view radio:indeterminate { color: #009688; } treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled, treeview.view radio:checked:disabled, treeview.view radio:indeterminate:disabled { color: rgba(0, 150, 136, 0.5); } treeview.view check:selected, treeview.view radio:selected { color: rgba(255, 255, 255, 0.7); } treeview.view check:selected:hover, treeview.view check:selected:active, treeview.view radio:selected:hover, treeview.view radio:selected:active { color: #FFFFFF; } treeview.view check:selected:disabled, treeview.view radio:selected:disabled { color: rgba(255, 255, 255, 0.3); } treeview.view check:selected:checked, treeview.view check:selected:indeterminate, treeview.view radio:selected:checked, treeview.view radio:selected:indeterminate { color: #009688; } treeview.view check:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled, treeview.view radio:selected:checked:disabled, treeview.view radio:selected:indeterminate:disabled { color: rgba(0, 150, 136, 0.5); } treeview.view radio:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")); border-image: none; } /************ * GtkScale * ************/ scale { min-height: 8px; min-width: 8px; padding: 12px; } scale slider { min-height: 24px; min-width: 24px; margin: -11px; } scale trough { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); outline-offset: 2px; background-color: rgba(0, 0, 0, 0.26); } scale trough:disabled { background-color: rgba(0, 0, 0, 0.12); } scale highlight { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); background-color: #009688; } scale highlight:disabled { background-color: transparent; } scale fill { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); background-color: rgba(0, 0, 0, 0.26); } scale fill:disabled { background-color: transparent; } scale slider { transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1); background-repeat: no-repeat; background-position: center; background-size: calc(100% - 10px); } scale slider { background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png")); } scale slider:disabled { background-image: -gtk-scaled(url("assets/scale-slider-disabled.png"), url("assets/scale-slider-disabled@2.png")); } scale slider:hover { background-size: calc(100% - 8px); } scale slider:active { background-size: calc(100% - 6px); } scale.fine-tune slider { background-size: calc(100% - 12px); } scale marks label, scale value { color: rgba(0, 0, 0, 0.38); } scale marks { color: rgba(0, 0, 0, 0.26); } scale marks.top { margin-bottom: 8px; margin-top: -16px; } scale marks.bottom { margin-top: 8px; margin-bottom: -16px; } scale marks.top { margin-right: 8px; margin-left: -16px; } scale marks.bottom { margin-left: 8px; margin-right: -16px; } 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 { min-height: 30px; min-width: 24px; margin-top: -17px; background-position: center calc(100% - 5px); } scale.horizontal.marks-before:not(.marks-after) slider { background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png")); } scale.horizontal.marks-before:not(.marks-after) slider:disabled { background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled.png"), url("assets/scale-horz-marks-before-slider-disabled@2.png")); } scale.horizontal.marks-before:not(.marks-after) slider:hover { background-position: center calc(100% - 4px); } scale.horizontal.marks-before:not(.marks-after) slider:active { background-position: center calc(100% - 3px); } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { background-position: center calc(100% - 6px); } scale.horizontal.marks-after:not(.marks-before) slider { min-height: 30px; min-width: 24px; margin-bottom: -17px; background-position: center calc(5px); } scale.horizontal.marks-after:not(.marks-before) slider { background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png")); } scale.horizontal.marks-after:not(.marks-before) slider:disabled { background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled.png"), url("assets/scale-horz-marks-after-slider-disabled@2.png")); } scale.horizontal.marks-after:not(.marks-before) slider:hover { background-position: center calc(4px); } scale.horizontal.marks-after:not(.marks-before) slider:active { background-position: center calc(3px); } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { background-position: center calc(6px); } scale.vertical.marks-before:not(.marks-after) slider { min-height: 24px; min-width: 30px; margin-left: -17px; background-position: calc(5px) center; } scale.vertical.marks-before:not(.marks-after) slider { background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png")); } scale.vertical.marks-before:not(.marks-after) slider:disabled { background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled.png"), url("assets/scale-vert-marks-before-slider-disabled@2.png")); } scale.vertical.marks-before:not(.marks-after) slider:hover { background-position: calc(4px) center; } scale.vertical.marks-before:not(.marks-after) slider:active { background-position: calc(3px) center; } scale.vertical.marks-before:not(.marks-after).fine-tune slider { background-position: calc(6px) center; } scale.vertical.marks-after:not(.marks-before) slider { min-height: 24px; min-width: 30px; margin-right: -17px; background-position: calc(100% - 5px) center; } scale.vertical.marks-after:not(.marks-before) slider { background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png")); } scale.vertical.marks-after:not(.marks-before) slider:disabled { background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled.png"), url("assets/scale-vert-marks-after-slider-disabled@2.png")); } scale.vertical.marks-after:not(.marks-before) slider:hover { background-position: calc(100% - 4px) center; } scale.vertical.marks-after:not(.marks-before) slider:active { background-position: calc(100% - 3px) center; } scale.vertical.marks-after:not(.marks-before).fine-tune slider { background-position: calc(100% - 6px) center; } 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: -12px; margin-top: -2px; } scale.color.vertical:dir(ltr) { padding: 0 0 0 12px; } scale.color.vertical:dir(ltr) slider { margin-left: -12px; margin-right: -2px; } scale.color.vertical:dir(rtl) { padding: 0 12px 0 0; } scale.color.vertical:dir(rtl) slider { margin-right: -12px; margin-left: -2px; } /***************** * Progress bars * *****************/ progressbar { color: rgba(0, 0, 0, 0.38); 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(51, 141, 214, 0.3); } progressbar progress { background-color: #338DD6; } progressbar trough.empty progress { all: unset; } /************* * Level Bar * *************/ levelbar.horizontal block { min-height: 4px; } levelbar.horizontal.discrete block { min-width: 32px; } levelbar.horizontal.discrete block:not(:last-child) { margin-right: 2px; } levelbar.vertical block { min-width: 4px; } levelbar.vertical.discrete block { min-height: 32px; } levelbar.vertical.discrete block:not(:last-child) { margin-bottom: 2px; } levelbar trough { padding: 2px; border-radius: 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FFFFFF; } levelbar trough:disabled { background-color: #F5F5F5; } levelbar block.low { background-color: #FF6D00; } levelbar block.high, levelbar block:not(.empty) { background-color: #338DD6; } levelbar block.full { background-color: #00C853; } levelbar block.empty { background-color: rgba(0, 0, 0, 0.12); } /**************** * Print dialog * *****************/ printdialog paper { padding: 0; border: 1px solid rgba(0, 0, 0, 0.12); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } printdialog .dialog-action-box { margin: 12px; } /********** * Frames * **********/ frame > border, .frame { margin: 0; padding: 0; border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0; box-shadow: none; } frame > border.flat, .frame.flat, frame.flat > border { border-style: none; } actionbar > revealer > box { padding: 6px; border-top: 1px solid rgba(0, 0, 0, 0.12); } scrolledwindow viewport.frame { border-style: none; } overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(64, 196, 255, 0.3)), 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(64, 196, 255, 0.3)), 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(64, 196, 255, 0.3)), 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(64, 196, 255, 0.3)), to(transparent)); background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } undershoot.top { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); padding-top: 1px; background-size: 12px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: left top; } undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); padding-bottom: 1px; background-size: 12px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: left bottom; } undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: left top; } undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: right top; } junction { border-style: solid none none solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } junction:dir(rtl) { border-style: solid solid none none; } separator { min-width: 1px; min-height: 1px; background-color: rgba(0, 0, 0, 0.12); } button.font separator, button.file separator, .tweak-categories separator, preferences stacksidebar.sidebar list separator { min-width: 0; min-height: 0; background-color: transparent; } /********* * Lists * *********/ list { border-color: rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } list row { padding: 2px; } row.activatable, .view, treeview.view header button, .budgie-menu button { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 9999px transparent; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } row.activatable:hover, .view:hover, treeview.view header button:hover, .budgie-menu button:hover { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, box-shadow 0, background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05); } row.activatable.has-open-popup, .has-open-popup.view, treeview.view header button.has-open-popup, .budgie-menu button.has-open-popup, row.activatable:active, .view:active, treeview.view header button:active, .budgie-menu button:active { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 0, background-image 0; animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15); background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%); background-size: 0% 0%; } /********************* * App Notifications * *********************/ .app-notification { margin: 8px; } .app-notification.frame, .app-notification border { border-style: none; } /************* * Expanders * *************/ expander title > arrow { transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1); min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -gtk-icon-transform: rotate(-90deg); color: rgba(0, 0, 0, 0.54); } expander title > arrow:dir(rtl) { -gtk-icon-transform: rotate(90deg); } expander title > arrow:checked { -gtk-icon-transform: unset; } expander title > arrow:hover, expander title > arrow:active { color: rgba(0, 0, 0, 0.87); } expander title > arrow:disabled { color: rgba(0, 0, 0, 0.26); } expander title > arrow:selected { color: rgba(255, 255, 255, 0.7); } expander title > arrow:selected:hover, expander title > arrow:selected:active { color: #FFFFFF; } expander title > arrow:selected:disabled { color: rgba(255, 255, 255, 0.3); } /************ * Calendar * ************/ calendar { padding: 1px; border: 1px solid rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } calendar:disabled { color: rgba(0, 0, 0, 0.38); } calendar:selected { border-radius: 3px; } calendar.header { border-style: none none solid; border-radius: 0; } calendar.highlight { color: rgba(0, 0, 0, 0.54); font-weight: 500; } calendar:indeterminate { color: rgba(0, 0, 0, 0.26); } /*********** * Dialogs * ***********/ messagedialog.background { background-color: #FAFAFA; } messagedialog .titlebar { min-height: 20px; border-style: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FAFAFA; color: rgba(0, 0, 0, 0.87); } messagedialog .titlebar:backdrop { color: rgba(0, 0, 0, 0.54); } messagedialog.csd.background { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } messagedialog.csd .dialog-action-area button { padding: 8px 16px; border-top: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0; } messagedialog.csd .dialog-action-area button:first-child { border-bottom-left-radius: 2px; } messagedialog.csd .dialog-action-area button:last-child { border-bottom-right-radius: 2px; } filechooser .dialog-action-box { border-top: 1px solid rgba(0, 0, 0, 0.12); } filechooser #pathbarbox { border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: #EEEEEE; } filechooserbutton:drop(active) { box-shadow: none; } /*********** * Sidebar * ***********/ .sidebar { border-style: none; background-color: #F5F5F5; } stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { border-right: 1px solid rgba(0, 0, 0, 0.12); border-left-style: none; } stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { border-left: 1px solid rgba(0, 0, 0, 0.12); border-right-style: none; } .sidebar list { background-color: transparent; } paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; } stacksidebar row { padding: 10px 4px; } stacksidebar row > label { padding-left: 6px; padding-right: 6px; } /**************** * File chooser * ****************/ row image.sidebar-icon { color: rgba(0, 0, 0, 0.54); } row:selected image.sidebar-icon { color: rgba(255, 255, 255, 0.7); } placessidebar > viewport.frame { border-style: none; } placessidebar list { padding: 1px 0 4px; } placessidebar row { min-height: 32px; margin: -1px 0; padding: 0; } placessidebar row > revealer { padding: 0 12px; } placessidebar row:selected { color: #FFFFFF; } placessidebar row:disabled { color: rgba(0, 0, 0, 0.38); } placessidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; } placessidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; } placessidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; } placessidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } placessidebar row.sidebar-placeholder-row { min-height: 2px; padding: 0 8px; background-image: image(#009688); background-clip: content-box; } placessidebar row.sidebar-new-bookmark-row { color: #009688; } placessidebar row:drop(active):not(:disabled) { box-shadow: inset 0 0 0 2px #009688; } placesview .server-list-button > image { -gtk-icon-transform: rotate(0turn); } placesview .server-list-button:checked > image { -gtk-icon-transform: rotate(-0.5turn); } placesview > actionbar > revealer > box > label { padding-left: 8px; padding-right: 8px; } /********* * Paned * *********/ paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(rgba(0, 0, 0, 0.12)); background-size: 1px 1px; background-clip: content-box; } paned > separator.wide { min-width: 6px; min-height: 6px; background-color: #EEEEEE; background-image: image(rgba(0, 0, 0, 0.12)), image(rgba(0, 0, 0, 0.12)); background-size: 1px 1px, 1px 1px; } paned.horizontal > separator { background-repeat: repeat-y; } paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; } paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; } paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; } paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; } paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; } /************** * GtkInfoBar * **************/ infobar { border-style: none; } infobar.info { background-color: #66BB6A; } infobar.question { background-color: #42A5F5; } infobar.warning { background-color: #FFA726; } infobar.error { background-color: #EF5350; } infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error { color: #FFFFFF; } /************ * Tooltips * ************/ tooltip { border-radius: 2px; box-shadow: none; } tooltip.background { background-color: rgba(66, 66, 66, 0.9); color: #FFFFFF; } tooltip decoration { background-color: transparent; } tooltip label { min-height: 20px; padding: 0 2px; } /***************** * Color Chooser * *****************/ colorswatch.top { border-top-left-radius: 2.5px; border-top-right-radius: 2.5px; } colorswatch.top overlay { border-top-left-radius: 2px; border-top-right-radius: 2px; } colorswatch.bottom { border-bottom-left-radius: 2.5px; border-bottom-right-radius: 2.5px; } colorswatch.bottom overlay { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 2.5px; border-bottom-left-radius: 2.5px; } colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 2.5px; border-bottom-right-radius: 2.5px; } colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } colorswatch.dark { color: #FFFFFF; } colorswatch.light { color: rgba(0, 0, 0, 0.87); } colorswatch:drop(active) { box-shadow: none; } colorswatch:drop(active).light overlay { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #009688; } colorswatch:drop(active).dark overlay { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #009688; } colorswatch overlay { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } colorswatch overlay:hover { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } colorswatch#add-color-button { border-radius: 2px 2px 0 0; color: #FFFFFF; } colorswatch#add-color-button:only-child { border-radius: 2px; } colorswatch#add-color-button overlay { background-image: linear-gradient(to right, #EF5350 25%, #FFA726 25%, #FFA726 50%, #66BB6A 50%, #66BB6A 75%, #42A5F5 75%); } colorswatch:disabled { opacity: 0.5; } colorswatch:disabled overlay { box-shadow: none; } colorswatch#editor-color-sample { border-radius: 2.5px; } colorswatch#editor-color-sample overlay { border-radius: 2px; } colorchooser .popover.osd { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } colorchooser .popover.osd:backdrop { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.4); } /******** * Misc * ********/ .content-view { background-color: #EEEEEE; } /********************** * Window Decorations * **********************/ decoration { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-radius: 2px 2px 0 0; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent; margin: 8px; } decoration:backdrop { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px 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: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } tooltip.csd decoration { border-radius: 2px; box-shadow: none; } messagedialog.csd decoration { border-radius: 2px; } .solid-csd decoration { margin: 0; border-radius: 0; box-shadow: none; background-color: #E0E0E0; } .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, popover.background.menu button:checked, popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked { background-color: #338DD6; } row:selected label, label:selected, .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, popover.background.menu button:checked, popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked { color: #FFFFFF; } row:selected label:disabled, label:disabled:selected, .view selection:disabled, .view:disabled:selected, flowbox flowboxchild:disabled:selected, label:disabled selection, spinbutton:not(.vertical) selection:disabled, entry selection:disabled, modelbutton.flat:disabled:selected, .menuitem.button.flat:disabled:selected, popover.background.menu button:disabled:checked, popover.background button.model:disabled:checked, row:disabled:selected, calendar:disabled:selected, text:disabled:selected, .budgie-menu button:disabled:checked { color: rgba(255, 255, 255, 0.5); } .monospace { font-family: monospace; } /********************** * Touch Copy & Paste * **********************/ cursor-handle { border-radius: 9999px; background-color: #009688; background-image: none; } cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { padding-left: 6px; border-top-right-radius: 0; } cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { padding-right: 6px; border-top-left-radius: 0; } cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { -GtkWidget-text-handle-width: 24; -GtkWidget-text-handle-height: 30; -gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png")); } .context-menu { font: initial; } .keycap { min-width: 12px; min-height: 26px; margin-top: 2px; padding-bottom: 2px; padding-left: 8px; padding-right: 8px; border: solid 1px rgba(0, 0, 0, 0.12); border-radius: 3px; box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); font-size: smaller; } :not(decoration):not(window):drop(active) { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 2px #009688; caret-color: #009688; } stackswitcher button.text-button { min-width: 100px; } stackswitcher button.circular, stackswitcher button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; } /********* * Emoji * *********/ popover.emoji-picker { padding: 0; } popover.emoji-picker entry { border-bottom: 1px solid rgba(0, 0, 0, 0.12); border-bottom-left-radius: 0; border-bottom-right-radius: 0; box-shadow: none; } popover.emoji-picker scrolledwindow { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } button.emoji-section { margin-top: -1px; padding: 0 8px; min-width: 24px; min-height: 32px; border-radius: 0; outline-offset: -6px; box-shadow: none; } button.emoji-section:hover { box-shadow: inset 0 2px rgba(0, 0, 0, 0.26); } button.emoji-section:active { box-shadow: inset 0 2px #338DD6; background-image: radial-gradient(circle farthest-corner at center, rgba(51, 141, 214, 0.7) 10%, transparent 0%); } button.emoji-section:checked { box-shadow: inset 0 2px #338DD6; background-color: transparent; } button.emoji-section:first-child { margin-left: 4px; } button.emoji-section:last-child { margin-right: 4px; } .emoji { min-width: 3em; min-height: 3em; padding: 0; } .emoji widget { transition: all 180ms cubic-bezier(0, 0, 0.2, 1); } .emoji widget:hover { font-size: larger; } /************ * Nautilus * ************/ .nautilus-window, .nautilus-window notebook, .nautilus-window notebook > stack { background-color: #FFFFFF; } .nautilus-desktop.nautilus-canvas-item:not(:selected), .caja-desktop.caja-canvas-item:not(:selected) { color: #FFFFFF; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } @keyframes needs_attention_keyframes { to { background-color: alpha(currentColor, 0.3); } } .nautilus-operations-button-needs-attention { animation: needs_attention_keyframes 270ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate; } .nautilus-operations-button-needs-attention-multiple { animation: needs_attention_keyframes 270ms cubic-bezier(0.4, 0, 0.2, 1) 4 alternate; } .nautilus-window .floating-bar { min-height: 32px; padding: 0; border-style: solid solid none; border-width: 1px; border-color: rgba(0, 0, 0, 0.12); border-radius: 3px 3px 0 0; background-color: #FFFFFF; background-clip: padding-box; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), border-width 0; } .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: 6px; } .disk-space-display.unknown { background-color: #FF6D00; } .disk-space-display.used { background-color: #338DD6; } .disk-space-display.free { background-color: rgba(0, 0, 0, 0.12); } .conflict-row:not(:selected) { background-color: #ffd3b3; } .nautilus-window flowboxchild > widget > .icon-item-background { padding: 4px; border-radius: 2px; } .nautilus-window flowboxchild:selected { background-color: transparent; } .nautilus-window flowboxchild:selected > widget > .icon-item-background { background-color: #338DD6; } dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame { border-style: none; } dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child { margin: -6px 0 0 -6px; border-top: 1px solid rgba(0, 0, 0, 0.12); } dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label { margin: 0 8px; } dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button { border-radius: 0; } .nautilus-window > popover.menu:not(:last-child) { padding: 3px; } .nautilus-window > popover.menu:not(:last-child) > stack > box > box > box { margin-top: -6px; } .nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box { margin-bottom: -6px; } .nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked { margin-top: 1px; } .nautilus-window > popover.menu:not(:last-child) separator { margin-bottom: -2px; } .nautilus-menu-sort-heading { margin: 1px 3px; font-weight: 500; } .nautilus-menu-sort-heading:disabled { color: rgba(0, 0, 0, 0.38); } .nautilus-window paned > separator { background-color: #EEEEEE; } /********* * gedit * *********/ .open-document-selector-path-label { color: rgba(0, 0, 0, 0.54); font-size: smaller; } .open-document-selector-path-label:selected { color: rgba(255, 255, 255, 0.7); } .gedit-document-panel { background-color: #F5F5F5; } .gedit-document-panel row button.flat { margin-top: 8px; margin-bottom: 8px; } .gedit-document-panel-group-row:not(:first-child) { border-top: 1px solid rgba(0, 0, 0, 0.12); } .gedit-side-panel-paned statusbar { border-top: 1px solid rgba(0, 0, 0, 0.12); } .gedit-search-slider { margin: 4px 4px 8px; } .gedit-search-slider entry:dir(ltr), .gedit-search-slider entry:dir(rtl) { border-radius: 2px; } .gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag, .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag { all: unset; color: rgba(0, 0, 0, 0.38); } .gedit-search-slider entry:dir(ltr) { margin-right: -58px; padding-right: 58px; } .gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag { margin-left: 6px; } .gedit-search-slider entry:dir(ltr) image.right { margin-right: 0; } .gedit-search-slider entry:dir(rtl) { margin-left: -58px; padding-left: 58px; } .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag { margin-right: 6px; } .gedit-search-slider entry:dir(rtl) image.left { margin-left: 0; } .gedit-search-slider entry.error ~ button { color: rgba(255, 255, 255, 0.7); } .gedit-search-slider entry.error ~ button:hover, .gedit-search-slider entry.error ~ button:active { color: #FFFFFF; } .gedit-search-slider entry.error ~ button:disabled { color: rgba(255, 255, 255, 0.3); } .gedit-search-slider button { border: solid 6px transparent; } .gedit-search-slider button:last-child:dir(ltr), .gedit-search-slider button:not(:first-child):dir(rtl) { margin-left: -3px; } .gedit-search-slider button:first-child:dir(rtl), .gedit-search-slider 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; } /************** * Tweak Tool * **************/ .tweak-categories { background-image: image(#F5F5F5); } .tweak { padding: 3px; } .tweak.title:hover { box-shadow: none; } .tweak-group-white, .tweak-white, .tweak-white:hover { background-image: image(#FFFFFF); } .tweak-startup, .tweak-startup:hover { background-image: image(#FFFFFF); } .tweak-group-startup { background-image: image(#FFFFFF); border: 1px solid rgba(0, 0, 0, 0.12); } row#Focus, row#StaticWorkspaceTweak, row#dynamic-workspaces, row#PrimaryWorkspaceTweak, row#workspaces-only-on-primary { padding: 0; border: 1px solid rgba(0, 0, 0, 0.12); } row#Focus 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(0, 0, 0, 0.12); } row#Focus.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#PrimaryWorkspaceTweak, row#workspaces-only-on-primary { margin-top: 4px; } /*********** * Builder * ***********/ layouttabbar { border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: #EEEEEE; } layouttabbar > box > button { margin: 4px 0; } layouttab { margin: 0 8px; border-style: none solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.12); box-shadow: inset 0 -2px #338DD6; background-color: #FFFFFF; } layouttab separator.vertical { margin: 8px 4px; } layouttab button.text-button, layouttab button.image-button, layouttab button { margin-top: 8px; margin-bottom: 8px; padding: 0 4px; } layout { border: 1px solid rgba(0, 0, 0, 0.12); -PnlDockBin-handle-size: 1; } entry.search-missing { background-color: #DD2C00; color: #FFFFFF; } window.workbench treeview.image { color: rgba(0, 0, 0, 0.54); } window.workbench treeview.image:selected { color: rgba(255, 255, 255, 0.7); } popover.popover-selector list { padding: 6px; } popover.popover-selector list row { border-radius: 2px; } 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: 2px; } omnibar:not(:hover):not(:active) entry { color: rgba(0, 0, 0, 0.54); } popover.omnibar list row:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } entry.preferences-search { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } preferences stacksidebar.sidebar list { background-color: #F5F5F5; } preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list { border-style: none; } preferences > box > box:dir(ltr) { border-right: 1px solid rgba(0, 0, 0, 0.12); } preferences > box > box:dir(rtl) { border-left: 1px solid rgba(0, 0, 0, 0.12); } popover.messagepopover.background { padding: 0; } popover.messagepopover .popover-action-area button { padding: 8px 16px; border-top: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0; } popover.messagepopover .popover-action-area button:first-child { border-bottom-left-radius: 2px; } popover.messagepopover .popover-action-area button:last-child { border-bottom-right-radius: 2px; } popover.messagepopover .popover-content-area { margin: 16px; } popover.transfers list { background-color: transparent; } popover.transfers list row:not(:first-child) { border-top: 1px solid rgba(0, 0, 0, 0.12); } popover.transfers list row > box { padding: 10px; } dockbin { border: 1px solid rgba(0, 0, 0, 0.12); -PnlDockBin-handle-size: 1; } dockpaned { border: 1px solid rgba(0, 0, 0, 0.12); } eggsearchbar box.search-bar { padding: 0 8px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: #EEEEEE; } docktabstrip { padding: 0 8px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: #EEEEEE; } docktab { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; min-height: 20px; min-width: 20px; margin-bottom: -1px; padding: 6px 6px; outline-offset: -6px; border-width: 1px; border-color: transparent; background-image: radial-gradient(circle farthest-corner at center, #338DD6 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; color: rgba(0, 0, 0, 0.54); font-weight: 500; } docktab:hover { box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } docktab:checked { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 270ms cubic-bezier(0, 0, 0.2, 1), background-image 720ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 -2px #338DD6; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-size: 1000% 1000%; color: rgba(0, 0, 0, 0.87); } dockoverlayedge { background-color: #EEEEEE; } dockoverlayedge docktabstrip { padding: 0; border: none; } dockoverlayedge.left-edge docktab:hover { box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26); } dockoverlayedge.left-edge docktab:checked { box-shadow: inset -2px 0 #338DD6; } dockoverlayedge.right-edge docktab:hover { box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26); } dockoverlayedge.right-edge docktab:checked { box-shadow: inset 2px 0 #338DD6; } pillbox { background-color: #EEEEEE; border-radius: 2px; } layoutpane entry.search { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } editortweak entry.search { margin-bottom: -1px; box-shadow: none; } .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: 8px; padding-right: 8px; } button.dzlmenubutton image { min-width: 26px; } button.dzlmenubutton image.arrow { min-width: 23px; } button.dzlmenubuttonitem { color: rgba(0, 0, 0, 0.87); font-weight: normal; } button.dzlmenubuttonitem:disabled { color: rgba(0, 0, 0, 0.38); } idelayoutstackheader { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } idelayoutstackheader button:checked { color: rgba(0, 0, 0, 0.87); } ideeditorutilities > dzldockpaned > box > stackswitcher { padding: 8px 0; background-color: #EEEEEE; } ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) { border-right: 1px solid rgba(0, 0, 0, 0.12); } ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) { border-left: 1px solid rgba(0, 0, 0, 0.12); } ideeditorutilities > dzldockpaned > box > stackswitcher button { border-radius: 0; outline-offset: -6px; box-shadow: none; background-color: transparent; } ideeditorutilities > dzldockpaned > box > stackswitcher button:active { background-image: radial-gradient(circle farthest-corner at center, rgba(51, 141, 214, 0.7) 10%, transparent 0%); } ideeditorutilities > dzldockpaned > box > stackswitcher button:checked { background-color: transparent; color: rgba(0, 0, 0, 0.87); } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) { margin-right: -1px; } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):hover { box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26); } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked { box-shadow: inset -2px 0 #338DD6; } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) { margin-left: -1px; } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):hover { box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26); } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked { box-shadow: inset 2px 0 #338DD6; } ideeditorsidebar notebook header { background: transparent; } popover.messagepopover list { border: 1px solid rgba(0, 0, 0, 0.12); } popover.messagepopover list row:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } /********** * Photos * **********/ GdMainIconView.content-view { -GdMainIconView-icon-size: 48; } .documents-counter { margin: 8px; border-radius: 9999px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); background-color: #009688; color: #FFFFFF; font-weight: bold; } .documents-scrolledwin.frame { border-style: none; } .documents-scrolledwin.frame frame.content-view > border { border-style: none; } .photos-fade-in { opacity: 1; transition: opacity 180ms cubic-bezier(0, 0, 0.2, 1); } .photos-fade-out { opacity: 0; transition: opacity 180ms cubic-bezier(0, 0, 0.2, 1); } overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) { border-style: none none none solid; } overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) { border-style: none solid none none; } /********* * Music * *********/ .side-panel:dir(ltr) { border-style: solid; border-color: rgba(0, 0, 0, 0.12); } .side-panel:dir(rtl) { border-style: solid; border-color: rgba(0, 0, 0, 0.12); } .side-panel .view { background-image: image(#F5F5F5); } .side-panel .view:hover { background-image: image(rgba(235, 235, 235, 0.9935)); } .side-panel .view:selected { background-image: image(#338DD6); } .side-panel .view:selected:hover { background-image: image(#3d93d8); } .songs-list:hover { background-image: image(alpha(currentColor, 0.05)); } frame.documents-dropdown { margin: 8px; } frame.documents-dropdown > border { border: none; } box.vertical > revealer > toolbar.search-bar { border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-clip: border-box; } box.vertical > revealer > toolbar.search-bar button > widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } /********* * To Do * *********/ taskrow { transition: all 180ms cubic-bezier(0, 0, 0.2, 1); margin: 0 -8px; } taskrow:hover { transition: none; } taskrow label { margin: 0 8px; } taskrow image { min-width: 16px; } task-list-view > box > revealer > box > button { margin: -4px; } /******* * eog * *******/ #eog-thumb-nav scrolledwindow { border-top: none; } #eog-thumb-nav button { -gtk-outline-radius: 2px; } /************* * 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(0, 0, 0, 0.12); } list.categories { background-image: image(#F5F5F5); } /********* * Boxes * *********/ .transparent-bg + stack overlay > label { min-height: 24px; padding: 0 4px; border-radius: 2px; background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; } /************** * Calculator * **************/ button.title label { min-height: 32px; } /********* * Geary * *********/ .geary-titlebar-left:dir(ltr) { margin-right: 5px; padding-right: 0; } .geary-titlebar-left:dir(rtl) { margin-left: 5px; padding-left: 0; } .geary-titlebar-left > separator { background-color: rgba(0, 0, 0, 0.05); } .geary-titlebar-right:dir(ltr) { margin-left: -5px; } .geary-titlebar-right:dir(rtl) { margin-right: -5px; } /********* * Tilix * *********/ overlay > revealer.left > scrolledwindow.frame, overlay > revealer.right > scrolledwindow.frame { border-style: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22); } 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(#FAFAFA); } button.image-button.session-new-button { min-width: 28px; } /*********** * 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: 2px; } /************ * Chromium * ************/ tooltip.chromium { background-color: #424242; } /*********** * Firefox * ***********/ window.background:not(.csd) > widget > separator { color: rgba(0, 0, 0, 0.26); } window.background:not(.csd) > widget > scrollbar { background-clip: border-box; } window.background:not(.csd) > widget > scrollbar, window.background:not(.csd) > widget > frame > border { border-color: rgba(0, 0, 0, 0.26); } window.background:not(.csd) > widget > entry, window.background:not(.csd) > widget > button > button { border: 1px solid rgba(0, 0, 0, 0.26); border-radius: 3px; box-shadow: none; } window.background:not(.csd) > widget > entry { min-height: 30px; } window.background:not(.csd) > widget > entry:focus { border-color: #338DD6; } window.background:not(.csd) > widget > button > button { padding: 4px 8px; background-size: auto; } window.background:not(.csd) > widget > button > button:hover { background-image: image(alpha(currentColor, 0.05)); } window.background:not(.csd) > widget > button > button:active { background-image: image(alpha(currentColor, 0.1)); } window.background:not(.csd) > widget > checkbutton > check:not(:checked), window.background:not(.csd) > widget > radiobutton > radio:not(:checked) { color: #757575; } window.background:not(.csd) > widget > checkbutton > check:not(:checked):hover, window.background:not(.csd) > widget > checkbutton > check:not(:checked):active, window.background:not(.csd) > widget > radiobutton > radio:not(:checked):hover, window.background:not(.csd) > widget > radiobutton > radio:not(:checked):active { color: #212121; } window.background:not(.csd) > widget > checkbutton > check:not(:checked):disabled, window.background:not(.csd) > widget > radiobutton > radio:not(:checked):disabled { color: rgba(117, 117, 117, 0.5); } window.background:not(.csd) > window > menu, window.background:not(.csd) > menu > menu { border: none; } window.background:not(.csd) > widget > menubar { color: rgba(0, 0, 0, 0.54); } window.background:not(.csd) > widget > menubar:hover { color: rgba(0, 0, 0, 0.87); } window.background:not(.csd) > widget > menubar:disabled { color: rgba(0, 0, 0, 0.26); } window.background:not(.csd) > widget > frame { color: rgba(0, 0, 0, 0.26); } window.background:not(.csd) > widget > checkbutton > check, window.background:not(.csd) > widget > radiobutton > radio { margin: 0; padding: 0; } window.background:not(.csd) > window.background > menu > separator { color: rgba(0, 0, 0, 0.12); } /************ * 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: 2px; -gtk-outline-radius: 2px; } #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: 2px; -gtk-outline-radius: 2px; } #CanvasTable button { min-height: 16px; min-width: 16px; padding: 0; } #CanvasTable #HorizontalScrollbar { border-top: 1px solid rgba(0, 0, 0, 0.12); } #CanvasTable #VerticalScrollbar:dir(ltr) { border-left: 1px solid rgba(0, 0, 0, 0.12); } #CanvasTable #VerticalScrollbar:dir(rtl) { border-right: 1px solid rgba(0, 0, 0, 0.12); } #Canvas_and_Dock frame > border { border: none; } #Canvas_and_Dock widget > widget > button.flat { min-height: 16px; min-width: 16px; padding: 4px; } #Canvas_and_Dock widget > widget > box.horizontal image { padding: 4px; } #Canvas_and_Dock box.horizontal > box.vertical > button.flat { min-height: 16px; min-width: 24px; padding: 8px 4px; } /*********** * Synapse * ***********/ box.vertical > widget > widget:selected { background-color: #338DD6; } /********* * 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: #338DD6; -UnityDecoration-title-indent: 4px; -UnityDecoration-title-fade: 32px; -UnityDecoration-title-alignment: 0.0; } UnityDecoration .top { padding: 0 2px; border-style: none; border-radius: 2px 2px 0 0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: #E0E0E0; color: rgba(0, 0, 0, 0.87); } UnityDecoration .top:backdrop { color: rgba(0, 0, 0, 0.54); } UnityDecoration .menuitem { color: rgba(0, 0, 0, 0.54); } UnityDecoration .menuitem:hover { box-shadow: inset 0 -2px #338DD6; background-color: transparent; color: rgba(0, 0, 0, 0.87); } .background:not(.csd) headerbar:not(.titlebar) { border-radius: 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .background:not(.csd) headerbar:not(.titlebar).inline-toolbar { border-style: none; } UnityPanelWidget, .unity-panel { background-color: #cfcfcf; color: rgba(0, 0, 0, 0.87); } UnityPanelWidget:backdrop, .unity-panel:backdrop { color: rgba(0, 0, 0, 0.54); } .unity-panel.menuitem, .unity-panel .menuitem { color: rgba(0, 0, 0, 0.54); } .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem *:hover { box-shadow: inset 0 -2px #338DD6; background-color: transparent; color: rgba(0, 0, 0, 0.87); } .menu IdoPlaybackMenuItem.menuitem:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: spin 1s linear infinite; color: #338DD6; } /************** * Mate-Panel * **************/ .mate-panel-menu-bar menubar, #PanelApplet-window-menu-applet-button { background-color: transparent; } .mate-panel-menu-bar { background-color: rgba(0, 0, 0, 0.6); font-weight: 500; } .mate-panel-menu-bar:not(.popup) { color: rgba(255, 255, 255, 0.7); } .mate-panel-menu-bar button { min-height: 16px; min-width: 16px; padding: 0; border-radius: 0; } .mate-panel-menu-bar button:checked { background-color: rgba(255, 255, 255, 0.12); } PanelToplevel.horizontal > grid > button { min-width: 24px; } PanelToplevel.vertical > grid > button { min-height: 24px; } PanelSeparator { color: rgba(255, 255, 255, 0.12); } MatePanelAppletFrameDBus { border-style: solid; border-color: rgba(255, 255, 255, 0.12); } .mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus { border-width: 0 1px; } .mate-panel-menu-bar.vertical MatePanelAppletFrameDBus { border-width: 1px 0; } .mate-panel-menu-bar menubar > menuitem { color: rgba(255, 255, 255, 0.7); } .mate-panel-menu-bar menubar > menuitem:hover { 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 0px; } .mate-panel-menu-bar #tasklist-button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; } .mate-panel-menu-bar #tasklist-button image:dir(ltr), .mate-panel-menu-bar #tasklist-button label:dir(rtl) { padding-left: 4px; } .mate-panel-menu-bar #tasklist-button label:dir(ltr), .mate-panel-menu-bar #tasklist-button image:dir(rtl) { padding-right: 4px; } .mate-panel-menu-bar.vertical #tasklist-button { min-height: 32px; } .mate-panel-menu-bar.horizontal #showdesktop-button image { min-width: 24px; padding: 0 4px; } .mate-panel-menu-bar.vertical #showdesktop-button image { min-height: 24px; padding: 4px 0; } PanelApplet.wnck-applet .wnck-pager { background-color: transparent; color: #40C4FF; } PanelApplet.wnck-applet .wnck-pager:hover { background-color: rgba(255, 255, 255, 0.12); } PanelApplet.wnck-applet .wnck-pager:active { background-color: rgba(255, 255, 255, 0.3); } PanelApplet.wnck-applet .wnck-pager:selected { background-color: #338DD6; } .mate-panel-menu-bar.horizontal #clock-applet-button label { padding: 0 8px; } .mate-panel-menu-bar.vertical #clock-applet-button label { padding: 8px 0; } #MatePanelPopupWindow { border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 3px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } #MatePanelPopupWindow frame > border { border-style: none; } #MatePanelPopupWindow button { padding: 4px 16px; } #MatePanelPopupWindow ClockMap { border: 1px solid rgba(0, 0, 0, 0.12); } #MatePanelPopupWindow widget { color: rgba(0, 0, 0, 0.12); } na-tray-applet { -NaTrayApplet-icon-padding: 3px; -NaTrayApplet-icon-size: 16; } .mate-panel-menu-bar { -PanelMenuBar-icon-visible: true; } .mate-panel-applet-slider { border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 3px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: #EEEEEE; } .mate-panel-applet-slider frame > border { border-style: none; } #PanelApplet:not(:selected) > box { transition: all 180ms 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(0, 0, 0, 0.12); } #mate-menu button { min-height: 24px; min-width: 24px; padding: 4px 0; color: rgba(0, 0, 0, 0.87); font-weight: normal; } #mate-menu button label:not(:first-child) { color: rgba(0, 0, 0, 0.54); } #mate-menu entry { margin: 0 0 8px; } #mate-menu entry image { margin: 0; } #mate-menu entry + button { margin: 0 4px 8px; padding: 4px; } /********************* * CAJA File manager * *********************/ .caja-navigation-window button.toggle.image-button { border-radius: 2px; } .caja-pathbar button { margin: 0 -1px 0 -2px; } .caja-pathbar button > widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -GtkArrow-arrow-scaling: 1; } .caja-side-pane notebook viewport.frame, .caja-side-pane notebook widget .vertical { background-color: #FFFFFF; } .caja-side-pane notebook, .caja-notebook { border-top: 1px solid rgba(0, 0, 0, 0.12); } .caja-side-pane notebook .frame, .caja-notebook .frame { border-style: none; } .caja-navigation-window statusbar { margin: 0 -10px; padding: 0 4px; border-top: 1px solid rgba(0, 0, 0, 0.12); } .caja-notebook frame > border { border-style: none; } #caja-extra-view-widget { border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: #EEEEEE; } #caja-extra-view-widget > box > box > label { font-weight: bold; } /********* * Pluma * *********/ .pluma-window statusbar { margin: 0 -10px; padding: 0 4px; border-top: 1px solid rgba(0, 0, 0, 0.12); } .pluma-window statusbar frame > border { border-style: none; } .pluma-window statusbar frame button.flat { padding: 0 4px; border-radius: 0; } .pluma-window statusbar frame button.flat widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -GtkArrow-arrow-scaling: 1; } .pluma-print-preview toolbar { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .pluma-window paned.horizontal box.vertical box.horizontal button.flat { margin: 1px; } .pluma-window paned.horizontal box.vertical .frame { border-style: none; } .pluma-window paned.horizontal box.vertical notebook.frame { margin-top: -1px; border-top: 1px solid rgba(0, 0, 0, 0.12); } .pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } /********* * Atril * *********/ .atril-window paned.horizontal box.vertical .frame { border-style: none; } .atril-window paned.horizontal box.vertical notebook .frame { border-top: 1px solid rgba(0, 0, 0, 0.12); } /* mate-screensaver lock dialog */ .lock-dialog { border-radius: 2px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), inset 0 1px rgba(255, 255, 255, 0.4); } .lock-dialog frame > border { border-style: none; } /****************** * 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: 2px; -gtk-outline-radius: 2px; } .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: 3px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); background-color: #FAFAFA; } .budgie-popover .container { padding: 2px; } .budgie-popover border { border: none; } .budgie-popover list { background-color: transparent; } .budgie-popover row { padding: 0; } .budgie-popover row:hover { box-shadow: none; } .budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { min-height: 28px; padding: 0 8px; color: rgba(0, 0, 0, 0.87); font-weight: normal; } .budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled { color: rgba(0, 0, 0, 0.38); } .budgie-popover.budgie-menu .container { padding: 0; } .budgie-popover.user-menu .container { padding: 8px; } .budgie-popover.user-menu separator { margin: 4px 0; } .budgie-popover.sound-popover separator { margin: 3px 0; } .budgie-popover.night-light-indicator .container { padding: 8px; } .budgie-popover.places-menu .container { padding: 8px; } .budgie-popover.places-menu .places-list:not(.always-expand) { margin-top: 4px; padding-top: 4px; border-top: 1px solid rgba(0, 0, 0, 0.12); } .budgie-popover.places-menu .alternative-label { padding: 3px; font-size: 15px; } .budgie-popover.workspace-popover .container { padding: 2px 8px 8px; } .budgie-popover.workspace-popover separator { margin: 4px 0; } .budgie-popover.workspace-popover flowboxchild { padding: 0; } .workspace-switcher .workspace-layout { border: 0 solid rgba(255, 255, 255, 0.12); } .top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { border-left-width: 1px; } .top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { border-right-width: 1px; } .left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { border-top-width: 1px; } .workspace-switcher .workspace-item, .workspace-switcher .workspace-add-button { border: 0 solid rgba(255, 255, 255, 0.12); } .top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { border-right-width: 1px; } .top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { border-left-width: 1px; } .left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { border-bottom-width: 1px; } .workspace-switcher .workspace-item { transition: all 180ms 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: 2px; } .budgie-menu.background { padding: 0; background-color: #FFFFFF; } .budgie-menu scrollbar, .budgie-menu entry.search { background-color: transparent; } .budgie-menu entry.search { border-bottom: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0; box-shadow: none; font-size: 120%; } .budgie-menu .categories:dir(ltr) { border-bottom-left-radius: 2px; } .budgie-menu .categories:dir(rtl) { border-bottom-right-radius: 2px; } .budgie-menu button { min-height: 32px; padding: 0 8px; border-radius: 0; color: rgba(0, 0, 0, 0.87); font-weight: normal; } .budgie-menu button:disabled { color: rgba(0, 0, 0, 0.38); } .budgie-menu button:checked:disabled { background-color: #338DD6; } .budgie-menu row { padding: 0; } .budgie-menu row:hover { box-shadow: none; } popover.background.user-menu { padding: 8px; } popover.background.user-menu .content-box { background-color: transparent; } popover.background.user-menu separator { margin: 4px 0; } popover.background.user-menu row { padding: 0; box-shadow: none; background-image: none; } popover.background.places-menu { padding: 8px; } popover.background.places-menu .name-button.text-button { padding-left: 8px; padding-right: 8px; } popover.background.places-menu .name-button.text-button image:dir(ltr) { margin-right: 3px; } popover.background.places-menu .name-button.text-button image:dir(rtl) { margin-left: 3px; } popover.background.places-menu .places-section-header > image:dir(ltr) { margin: 0 -2px 0 5px; } popover.background.places-menu .places-section-header > image:dir(rtl) { margin: 0 5px 0 -2px; } popover.background.places-menu .places-list { margin-top: 4px; padding-top: 4px; border-top: 1px solid rgba(0, 0, 0, 0.12); background-color: transparent; } popover.background.places-menu row { padding: 0; box-shadow: none; background-image: none; } .budgie-panel { transition: background-color 270ms cubic-bezier(0, 0, 0.2, 1); background-color: rgba(0, 0, 0, 0.6); color: rgba(255, 255, 255, 0.7); font-weight: 500; } .budgie-panel.transparent { background-color: rgba(0, 0, 0, 0.6); } .budgie-panel button { min-height: 16px; min-width: 16px; padding: 0; border-radius: 0; } .budgie-panel button:checked { background-color: rgba(255, 255, 255, 0.12); } .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: #FF5252; } .budgie-panel #tasklist-button { padding: 0 4px; } .budgie-panel.vertical #tasklist-button { min-height: 32px; } .budgie-panel button.flat.launcher { padding: 0; } .budgie-panel button.flat.launcher:not(:checked) { color: rgba(255, 255, 255, 0.5); } .budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { color: rgba(255, 255, 255, 0.7); } .budgie-panel button.flat.launcher:not(:checked):disabled { color: rgba(255, 255, 255, 0.3); } .top .budgie-panel #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; } .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, .top .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .top button.flat.launcher, .top .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .top button.flat.launcher.running { 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; } .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, .bottom .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .bottom button.flat.launcher, .bottom .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .bottom button.flat.launcher.running { 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; } .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, .left .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .left button.flat.launcher, .left .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .left button.flat.launcher.running { 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; } .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, .right .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .right button.flat.launcher, .right .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .right button.flat.launcher.running { 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 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22); } .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: #FAFAFA; } .raven > box { margin-bottom: -10px; } .raven > stack { margin-bottom: -10px; } .raven stackswitcher.linked > button { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 0%, transparent 0%) 0 0 0/0 0 0px; border-radius: 0; } .raven stackswitcher.linked > button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 100%, transparent 0%) 0 0 2/0 0 2px; background-color: transparent; } .raven .raven-header { min-height: 32px; padding: 3px; } .raven .raven-header:not(.top) { margin-top: -6px; } .raven .raven-header.top { padding: 2px 0; background-color: #338DD6; color: #FFFFFF; } .raven .raven-header.top stackswitcher button { margin: -6px 0; min-height: 32px; } .raven .raven-header.top button.image-button:dir(ltr) { margin-right: 2px; } .raven .raven-header.top button.image-button:dir(rtl) { margin-left: 2px; } .raven .raven-header.top > image { margin: 0 8px; } .raven .raven-header.top > label { margin: 0 -8px; font-weight: bold; } .raven .raven-header.bottom { border-top: 1px solid rgba(0, 0, 0, 0.12); } .raven viewport.frame .raven-header { margin-top: -8px; } .raven .raven-background { border-style: solid none; border-width: 1px; border-color: rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } .raven .raven-background.frame { border-style: solid none; } .raven .raven-background > overlay > widget > image { color: rgba(0, 0, 0, 0.12); } .raven .raven-background grid > label:first-child { min-height: 32px; } .raven scrolledwindow.raven-background { border-bottom-style: none; } .raven .raven-header.top + .raven-background { border-style: none; background-color: #338DD6; color: #FFFFFF; } .raven .raven-header.top + .raven-background stackswitcher button { margin: -4px 0; } .raven .powerstrip button { margin: 2px 0 1px; padding: 10px; } .raven .option-subtitle { font-size: smaller; } calendar.raven-calendar { border-style: none; background-color: transparent; } calendar.raven-calendar:selected { border-radius: 2px; background-color: #338DD6; } .raven-mpris { background-color: rgba(0, 0, 0, 0.6); color: #FFFFFF; } .raven-mpris label { min-height: 24px; } .raven-mpris button.image-button { padding: 10px; } .budgie-notification-window, .budgie-osd-window, .budgie-switcher-window { background-color: transparent; } .budgie-notification .notification-title, .budgie-switcher .notification-title { font-size: 120%; } .budgie-osd .budgie-osd-text { font-size: 120%; } .drop-shadow { margin: 5px 9px; padding: 3px; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FAFAFA; } .drop-shadow .linked > button { border-radius: 2px; } .budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { border-radius: 2px; background-color: #FAFAFA; } .budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration { border-radius: 2px; } .budgie-session-dialog label:not(:last-child), .budgie-session-dialog .dialog-title { font-size: 120%; } .budgie-session-dialog .linked.horizontal > button { padding: 8px 16px; border-top: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0; } .budgie-session-dialog .linked.horizontal > button:first-child { border-bottom-left-radius: 2px; } .budgie-session-dialog .linked.horizontal > button:last-child { border-bottom-right-radius: 2px; } .budgie-polkit-dialog .message { color: rgba(0, 0, 0, 0.38); } .budgie-polkit-dialog .failure { color: #FF5252; } .budgie-run-dialog { background-color: #FFFFFF; } .budgie-run-dialog entry.search { font-size: 120%; padding: 6px 14px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: transparent; } .budgie-run-dialog list .dim-label, .budgie-run-dialog list label.separator, .budgie-run-dialog list .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .budgie-run-dialog list .subtitle, .budgie-run-dialog list headerbar .subtitle, headerbar .budgie-run-dialog list .subtitle, .budgie-run-dialog list .budgie-notification .notification-body, .budgie-notification .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher .notification-body, .budgie-switcher .budgie-run-dialog list .notification-body { opacity: 1; } .budgie-run-dialog scrolledwindow { border-top: 1px solid rgba(0, 0, 0, 0.12); } /************************ * LightDM GTK+ Greeter * ************************/ #panel_window { background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; } #panel_window menubar, #panel_window separator { background-color: transparent; } #panel_window separator { padding: 0 4px; } #panel_window separator:first-child { padding: 0 8px; } #panel_window menubar > menuitem { color: rgba(255, 255, 255, 0.7); } #panel_window menubar > menuitem:hover { color: #FFFFFF; } #panel_window menubar > menuitem:disabled label { color: rgba(255, 255, 255, 0.3); } #login_window, #shutdown_dialog, #restart_dialog { margin: 8px; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FAFAFA; } #content_frame { padding-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); } #buttonbox_frame { padding-top: 24px; } #buttonbox_frame button { margin: -16px; } #greeter_infobar { margin-top: -1px; } /* GTK NAMED COLORS ---------------- use responsibly! */ /* widget text/foreground color */ @define-color theme_fg_color rgba(0, 0, 0, 0.87); /* text color for entries, views and content in general */ @define-color theme_text_color rgba(0, 0, 0, 0.87); /* widget base background color */ @define-color theme_bg_color #EEEEEE; /* text widgets and the like base background color */ @define-color theme_base_color #FFFFFF; /* base background color of selections */ @define-color theme_selected_bg_color #338DD6; /* text/foreground color of selections */ @define-color theme_selected_fg_color #FFFFFF; /* base background color of insensitive widgets */ @define-color insensitive_bg_color #EEEEEE; /* text foreground color of insensitive widgets */ @define-color insensitive_fg_color rgba(0, 0, 0, 0.38); /* insensitive text widgets and the like base background color */ @define-color insensitive_base_color #F5F5F5; /* widget text/foreground color on backdrop windows */ @define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.87); /* text color for entries, views and content in general on backdrop windows */ @define-color theme_unfocused_text_color rgba(0, 0, 0, 0.87); /* widget base background color on backdrop windows */ @define-color theme_unfocused_bg_color #EEEEEE; /* text widgets and the like base background color on backdrop windows */ @define-color theme_unfocused_base_color #FFFFFF; /* base background color of selections on backdrop windows */ @define-color theme_unfocused_selected_bg_color #338DD6; /* text/foreground color of selections on backdrop windows */ @define-color theme_unfocused_selected_fg_color #FFFFFF; /* insensitive color on backdrop windows */ @define-color unfocused_insensitive_color rgba(0, 0, 0, 0.38); /* widgets main borders color */ @define-color borders rgba(0, 0, 0, 0.12); /* widgets main borders color on backdrop windows */ @define-color unfocused_borders rgba(0, 0, 0, 0.12); /* these are pretty self explicative */ @define-color warning_color #FF6D00; @define-color error_color #DD2C00; @define-color success_color #00C853; /* FIXME this is really an API */ @define-color content_view_bg #FFFFFF; @define-color placeholder_text_color #757575; materia-theme-20180321/src/gtk/3.22/gtk-light-compact.scss000066400000000000000000000004321325420104000226370ustar00rootroot00000000000000$variant: 'light'; $titlebar: 'light'; $compact: 'true'; @import '../../_sass/gtk/variables'; @import '../../_sass/colors'; @import '../../_sass/gtk/drawing-3.20'; @import '../../_sass/gtk/common-3.20'; @import '../../_sass/gtk/apps-3.22'; @import '../../_sass/gtk/colors-public'; materia-theme-20180321/src/gtk/3.22/gtk-light.css000066400000000000000000004671641325420104000210530ustar00rootroot00000000000000@keyframes ripple_effect { to { background-size: 1000% 1000%; } } @keyframes header_ripple_effect { from { background-image: radial-gradient(circle farthest-corner at center, #338DD6 0%, transparent 0%); } to { background-image: radial-gradient(circle farthest-corner at center, #338DD6 100%, transparent 0%); } } * { background-clip: padding-box; -GtkToolButton-icon-spacing: 0; -GtkTextView-error-underline-color: #DD2C00; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 24; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-style: solid; outline-width: 2px; outline-color: transparent; outline-offset: -4px; -gtk-outline-radius: 2px; -gtk-secondary-caret-color: #338DD6; } notebook:focus tab, *:focus { outline-color: alpha(currentColor, 0.3); } /*************** * Base States * ***************/ .background { background-color: #EEEEEE; color: rgba(0, 0, 0, 0.87); } /* 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: #EEEEEE; color: rgba(0, 0, 0, 0.87); } .gtkstyle-fallback:hover { background-color: #e1e1e1; color: rgba(0, 0, 0, 0.87); } .gtkstyle-fallback:active { background-color: #d5d5d5; color: rgba(0, 0, 0, 0.87); } .gtkstyle-fallback:disabled { background-color: #EEEEEE; color: rgba(0, 0, 0, 0.38); } .gtkstyle-fallback:selected { background-color: #338DD6; color: #FFFFFF; } .view { background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .view:disabled { color: rgba(0, 0, 0, 0.38); } .view:hover, .view:active, .view:selected { border-radius: 2px; } textview text { background-color: #FFFFFF; } textview border { background-color: #F5F5F5; color: rgba(0, 0, 0, 0.38); } .rubberband, rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, .content-view .rubberband { border: 1px solid #40C4FF; background-color: rgba(64, 196, 255, 0.3); } flowbox flowboxchild { padding: 4px; border-radius: 2px; } .content-view .tile:selected { background-color: transparent; color: inherit; } label { caret-color: currentColor; } label.separator { color: rgba(0, 0, 0, 0.87); } label selection { background-color: #338DD6; color: #FFFFFF; } label:disabled { color: rgba(0, 0, 0, 0.38); } tab label:disabled, button label:disabled { color: inherit; } .dim-label, label.separator, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, .budgie-notification .notification-body, .budgie-switcher .notification-body { opacity: 0.6; } assistant .sidebar { padding: 4px 0; } assistant .sidebar label { min-height: 36px; padding: 0 12px; color: rgba(0, 0, 0, 0.38); font-weight: 500; } assistant .sidebar label.highlight { color: rgba(0, 0, 0, 0.87); } popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .app-notification, .osd .scale-popup, .nautilus-window .floating-bar, .osd { opacity: 0.9; } /********************* * Spinner Animation * *********************/ @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } spinner:checked { opacity: 1; animation: spin 1s linear infinite; } spinner:checked:disabled { opacity: 0.5; } /**************** * Text Entries * ****************/ spinbutton:not(.vertical), entry { min-height: 36px; padding: 0 8px; border-radius: 2px; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } spinbutton:focus:not(.vertical), entry:focus { border-image: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } spinbutton:disabled:not(.vertical), entry:disabled { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #F5F5F5; color: rgba(0, 0, 0, 0.38); } spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) entry:not(.search), notebook > stack:not(:only-child) spinbutton:not(.vertical), messagedialog entry, colorchooser .popover.osd spinbutton:not(.vertical), entry.preferences-search, layoutpane entry.search, editortweak entry.search, .raven .raven-background spinbutton:not(.vertical), #login_window entry, entry.flat { border-radius: 0; transition: all 270ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); background-color: transparent; color: rgba(0, 0, 0, 0.87); } spinbutton.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry:focus:not(.search), notebook > stack:not(:only-child) spinbutton:focus:not(.vertical), messagedialog entry:focus, colorchooser .popover.osd spinbutton:focus:not(.vertical), entry.preferences-search:focus, layoutpane entry.search:focus, editortweak entry.search:focus, .raven .raven-background spinbutton:focus:not(.vertical), #login_window entry:focus, entry.flat:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } spinbutton.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry:disabled:not(.search), notebook > stack:not(:only-child) spinbutton:disabled:not(.vertical), messagedialog entry:disabled, colorchooser .popover.osd spinbutton:disabled:not(.vertical), entry.preferences-search:disabled, layoutpane entry.search:disabled, editortweak entry.search:disabled, .raven .raven-background spinbutton:disabled:not(.vertical), #login_window entry:disabled, entry.flat:disabled { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: transparent; color: rgba(0, 0, 0, 0.38); } spinbutton:not(.vertical) image, entry image { color: rgba(0, 0, 0, 0.54); } spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active, entry image:hover, entry image:active { color: rgba(0, 0, 0, 0.87); } spinbutton:not(.vertical) image:disabled, entry image:disabled { color: rgba(0, 0, 0, 0.38); } 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) undershoot.left, entry undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: left top; } spinbutton:not(.vertical) undershoot.right, entry undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: right top; } spinbutton.error:not(.vertical), entry.error { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #DD2C00; color: #FFFFFF; } spinbutton.error:focus:not(.vertical), entry.error:focus { border-image: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } spinbutton.error:disabled:not(.vertical), entry.error:disabled { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #F5F5F5; color: rgba(0, 0, 0, 0.38); } spinbutton.error.flat:not(.vertical), notebook > stack:not(:only-child) entry.error:not(.search), notebook > stack:not(:only-child) spinbutton.error:not(.vertical), messagedialog entry.error, colorchooser .popover.osd spinbutton.error:not(.vertical), entry.error.preferences-search, layoutpane entry.error.search, editortweak entry.error.search, .raven .raven-background spinbutton.error:not(.vertical), #login_window entry.error, entry.error.flat { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 0%, transparent 0%) 0 0 0/0 0 0px; box-shadow: inset 0 -1px #DD2C00; background-color: transparent; color: rgba(0, 0, 0, 0.87); } spinbutton.error.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.error:focus:not(.search), notebook > stack:not(:only-child) spinbutton.error:focus:not(.vertical), messagedialog entry.error:focus, colorchooser .popover.osd spinbutton.error:focus:not(.vertical), entry.error.preferences-search:focus, layoutpane entry.error.search:focus, editortweak entry.error.search:focus, .raven .raven-background spinbutton.error:focus:not(.vertical), #login_window entry.error:focus, entry.error.flat:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 100%, transparent 0%) 0 0 2/0 0 2px; box-shadow: inset 0 -1px #DD2C00; } spinbutton.error.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.error:disabled:not(.search), notebook > stack:not(:only-child) spinbutton.error:disabled:not(.vertical), messagedialog entry.error:disabled, colorchooser .popover.osd spinbutton.error:disabled:not(.vertical), entry.error.preferences-search:disabled, layoutpane entry.error.search:disabled, editortweak entry.error.search:disabled, .raven .raven-background spinbutton.error:disabled:not(.vertical), #login_window entry.error:disabled, entry.error.flat:disabled { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: transparent; color: rgba(0, 0, 0, 0.38); } spinbutton.error:not(.vertical) image, entry.error image { color: rgba(255, 255, 255, 0.7); } spinbutton.error:not(.vertical) image:hover, spinbutton.error:not(.vertical) image:active, entry.error image:hover, entry.error image:active { color: #FFFFFF; } spinbutton.error:not(.vertical) image:disabled, entry.error image:disabled { color: rgba(255, 255, 255, 0.5); } spinbutton.warning:not(.vertical), entry.warning { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FF6D00; color: #FFFFFF; } spinbutton.warning:focus:not(.vertical), entry.warning:focus { border-image: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } spinbutton.warning:disabled:not(.vertical), entry.warning:disabled { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #F5F5F5; color: rgba(0, 0, 0, 0.38); } spinbutton.warning.flat:not(.vertical), notebook > stack:not(:only-child) entry.warning:not(.search), notebook > stack:not(:only-child) spinbutton.warning:not(.vertical), messagedialog entry.warning, colorchooser .popover.osd spinbutton.warning:not(.vertical), entry.warning.preferences-search, layoutpane entry.warning.search, editortweak entry.warning.search, .raven .raven-background spinbutton.warning:not(.vertical), #login_window entry.warning, entry.warning.flat { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 0%, transparent 0%) 0 0 0/0 0 0px; box-shadow: inset 0 -1px #FF6D00; background-color: transparent; color: rgba(0, 0, 0, 0.87); } spinbutton.warning.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.warning:focus:not(.search), notebook > stack:not(:only-child) spinbutton.warning:focus:not(.vertical), messagedialog entry.warning:focus, colorchooser .popover.osd spinbutton.warning:focus:not(.vertical), entry.warning.preferences-search:focus, layoutpane entry.warning.search:focus, editortweak entry.warning.search:focus, .raven .raven-background spinbutton.warning:focus:not(.vertical), #login_window entry.warning:focus, entry.warning.flat:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 100%, transparent 0%) 0 0 2/0 0 2px; box-shadow: inset 0 -1px #FF6D00; } spinbutton.warning.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.warning:disabled:not(.search), notebook > stack:not(:only-child) spinbutton.warning:disabled:not(.vertical), messagedialog entry.warning:disabled, colorchooser .popover.osd spinbutton.warning:disabled:not(.vertical), entry.warning.preferences-search:disabled, layoutpane entry.warning.search:disabled, editortweak entry.warning.search:disabled, .raven .raven-background spinbutton.warning:disabled:not(.vertical), #login_window entry.warning:disabled, entry.warning.flat:disabled { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: transparent; color: rgba(0, 0, 0, 0.38); } spinbutton.warning:not(.vertical) image, entry.warning image { color: rgba(255, 255, 255, 0.7); } spinbutton.warning:not(.vertical) image:hover, spinbutton.warning:not(.vertical) image:active, entry.warning image:hover, entry.warning image:active { color: #FFFFFF; } spinbutton.warning:not(.vertical) image:disabled, entry.warning image:disabled { color: rgba(255, 255, 255, 0.5); } spinbutton:not(.vertical) progress, entry progress { margin: 2px -6px; border-bottom: 2px solid #338DD6; background-color: transparent; } .linked:not(.vertical) > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) .linked:not(.vertical) > entry:not(.search), notebook > stack:not(:only-child) .linked:not(.vertical) > spinbutton:not(.vertical), messagedialog .linked:not(.vertical) > entry, colorchooser .popover.osd .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry.preferences-search, layoutpane .linked:not(.vertical) > entry.search, editortweak .linked:not(.vertical) > entry.search, .raven .raven-background .linked:not(.vertical) > spinbutton:not(.vertical), #login_window .linked:not(.vertical) > entry, .linked.vertical > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) .linked.vertical > entry:not(.search), notebook > stack:not(:only-child) .linked.vertical > spinbutton:not(.vertical), messagedialog .linked.vertical > entry, colorchooser .popover.osd .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry.preferences-search, layoutpane .linked.vertical > entry.search, editortweak .linked.vertical > entry.search, .raven .raven-background .linked.vertical > spinbutton:not(.vertical), #login_window .linked.vertical > entry, .linked:not(.vertical) > entry.flat, .linked.vertical > entry.flat { border-radius: 0; } treeview entry.flat, treeview entry { min-height: 0; padding: 2px; border-radius: 0; background-color: #FFFFFF; } treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus { border-image: none; box-shadow: none; } .entry-tag, .documents-entry-tag, .photos-entry-tag { margin: 6px; border-radius: 9999px; box-shadow: none; background-color: #338DD6; color: #FFFFFF; } .entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } :dir(ltr) .entry-tag, :dir(ltr) .documents-entry-tag, :dir(ltr) .photos-entry-tag { margin-left: 8px; margin-right: -2px; padding-left: 8px; padding-right: 4px; } :dir(rtl) .entry-tag, :dir(rtl) .documents-entry-tag, :dir(rtl) .photos-entry-tag { margin-left: -2px; margin-right: 8px; padding-left: 4px; padding-right: 8px; } .entry-tag.button, .button.documents-entry-tag, .button.photos-entry-tag { box-shadow: none; background-color: transparent; } .entry-tag.button:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active) { color: rgba(255, 255, 255, 0.7); } /*********** * Buttons * ***********/ @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#009688), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#009688), to(transparent)); } } button { min-height: 24px; min-width: 16px; padding: 6px 10px; border-radius: 2px; font-weight: 500; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1), background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 9999px transparent; background-color: #FAFAFA; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; color: rgba(0, 0, 0, 0.62); } button:hover { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px transparent; color: rgba(0, 0, 0, 0.87); } button:active { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px alpha(currentColor, 0.15); background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%); background-size: 0% 0%; color: rgba(0, 0, 0, 0.87); } button:disabled { box-shadow: none; background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.26); } button:checked { background-color: #338DD6; color: #FFFFFF; } button:checked:disabled { background-color: rgba(51, 141, 214, 0.3); color: rgba(51, 141, 214, 0.5); } modelbutton.flat, .menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button, popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check, radio, calendar.button, messagedialog.csd .dialog-action-area button, button.sidebar-button, .gedit-search-slider button, popover.messagepopover .popover-action-area button, #mate-menu button, .budgie-settings-window buttonbox.inline-toolbar button, .raven .raven-header:not(.top) button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, .lightdm-gtk-greeter button, :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) .path-bar button, layouttabbar button, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, toolbar button, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), headerbar button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button, button.flat { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 9999px transparent; background-color: transparent; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; color: rgba(0, 0, 0, 0.54); } modelbutton.flat:hover, .menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background.menu button:hover, popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover, radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button:hover, button.sidebar-button:hover, .gedit-search-slider button:hover, popover.messagepopover .popover-action-area button:hover, #mate-menu button:hover, .budgie-settings-window buttonbox.inline-toolbar button:hover, .raven .raven-header:not(.top) button:hover, .drop-shadow button:hover, .budgie-session-dialog .linked.horizontal > button:hover, .lightdm-gtk-greeter button:hover, :not(headerbar) .caja-pathbar button:hover, .caja-pathbar :not(headerbar) button:hover, :not(headerbar) .path-bar button:hover, layouttabbar button:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, toolbar button:hover, .titlebar:not(headerbar) button:hover:not(.suggested-action):not(.destructive-action), headerbar button:hover:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:hover, button.flat:hover { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15); color: rgba(0, 0, 0, 0.87); } modelbutton.flat:active, .menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background.menu button:active, popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active, radio:active, calendar.button:active, messagedialog.csd .dialog-action-area button:active, button.sidebar-button:active, .gedit-search-slider button:active, popover.messagepopover .popover-action-area button:active, #mate-menu button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, .raven .raven-header:not(.top) button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, .lightdm-gtk-greeter button:active, :not(headerbar) .caja-pathbar button:active, .caja-pathbar :not(headerbar) button:active, :not(headerbar) .path-bar button:active, layouttabbar button:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, toolbar button:active, .titlebar:not(headerbar) button:active:not(.suggested-action):not(.destructive-action), headerbar button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:active, button.flat:active { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15); background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%); background-size: 0% 0%; color: rgba(0, 0, 0, 0.87); } modelbutton.flat:disabled, .menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background.menu button:disabled, popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled, radio:disabled, calendar.button:disabled, messagedialog.csd .dialog-action-area button:disabled, button.sidebar-button:disabled, .gedit-search-slider button:disabled, popover.messagepopover .popover-action-area button:disabled, #mate-menu button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, .raven .raven-header:not(.top) button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, .lightdm-gtk-greeter button:disabled, :not(headerbar) .caja-pathbar button:disabled, .caja-pathbar :not(headerbar) button:disabled, :not(headerbar) .path-bar button:disabled, layouttabbar button:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, toolbar button:disabled, .titlebar:not(headerbar) button:disabled:not(.suggested-action):not(.destructive-action), headerbar button:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:disabled, button.flat:disabled { box-shadow: none; background-color: transparent; color: rgba(0, 0, 0, 0.26); } :not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .path-bar button:checked, layouttabbar button:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, toolbar button:checked, .titlebar:not(headerbar) button:checked:not(.suggested-action):not(.destructive-action), headerbar button:checked:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked, button.flat:checked { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } :not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar) .path-bar button:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, toolbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled:not(.suggested-action):not(.destructive-action), headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked:disabled, button.flat:checked:disabled { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.38); } button.text-button { padding-left: 16px; padding-right: 16px; } button.image-button { min-width: 24px; padding: 6px; } button.text-button.image-button { border-radius: 2px; -gtk-outline-radius: 2px; } 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; } toolbar .linked > button, .titlebar:not(headerbar) .linked > button:not(.suggested-action):not(.destructive-action), headerbar .linked > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button, toolbar .linked.vertical > button, .titlebar:not(headerbar) .linked.vertical > button:not(.suggested-action):not(.destructive-action), headerbar .linked.vertical > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked.vertical > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked.vertical > button, .linked > button.flat, .linked.vertical > button.flat { border-radius: 2px; } toolbar .linked > button.text-button.image-button, .titlebar:not(headerbar) .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action), headerbar .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.text-button.image-button, toolbar .linked.vertical > button.text-button.image-button, .titlebar:not(headerbar) .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action), headerbar .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked.vertical > button.text-button.image-button, .linked > button.flat.text-button.image-button, .linked.vertical > button.flat.text-button.image-button { border-radius: 2px; -gtk-outline-radius: 2px; } infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, row:selected button:disabled { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.3); } row:selected button.sidebar-button, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, .raven-mpris button.image-button, row:selected button.flat { color: rgba(255, 255, 255, 0.7); } row:selected button.sidebar-button:hover, infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, .raven-mpris button.image-button:hover, row:selected button.sidebar-button:active, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .raven-mpris button.image-button:active, row:selected button.flat:hover, row:selected button.flat:active { color: #FFFFFF; } row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .raven-mpris button.image-button:disabled, row:selected button.flat:disabled { color: rgba(255, 255, 255, 0.3); } row:selected button.sidebar-button:checked, infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .raven-mpris button.image-button:checked, row:selected button.flat:checked { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } row:selected button.sidebar-button:checked:disabled, infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .raven-mpris button.image-button:checked:disabled, row:selected button.flat:checked:disabled { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } button.osd { padding: 12px 16px; } button.osd.image-button { padding: 12px; } button.osd:disabled { opacity: 0; } button.suggested-action { background-color: #009688; color: #FFFFFF; } button.suggested-action:disabled { box-shadow: none; background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.38); } button.suggested-action:checked { background-color: #4db6ac; } button.suggested-action.flat { background-color: transparent; color: #009688; } button.suggested-action.flat:disabled { box-shadow: none; background-color: transparent; color: rgba(0, 0, 0, 0.38); } button.suggested-action.flat:checked { background-color: rgba(0, 150, 136, 0.3); } button.destructive-action { background-color: #FF5252; color: #FFFFFF; } button.destructive-action:disabled { box-shadow: none; background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.38); } button.destructive-action:checked { background-color: #ff8686; } button.destructive-action.flat { background-color: transparent; color: #FF5252; } button.destructive-action.flat:disabled { box-shadow: none; background-color: transparent; color: rgba(0, 0, 0, 0.38); } button.destructive-action.flat:checked { background-color: rgba(255, 82, 82, 0.3); } .stack-switcher > button { outline-offset: -4px; } .stack-switcher > button > label { padding-left: 6px; padding-right: 6px; } .stack-switcher > button > image { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } .stack-switcher > button.text-button { padding-left: 10px; padding-right: 10px; } .stack-switcher > button.image-button { padding-left: 4px; padding-right: 4px; } .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { animation: none; background-image: none; } .primary-toolbar button { -gtk-icon-shadow: none; } button.image-button, toolbar .linked > button.image-button, .titlebar:not(headerbar) .linked > button.image-button:not(.suggested-action):not(.destructive-action), headerbar .linked > button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.image-button, toolbar .linked.vertical > button.image-button, headerbar .linked.vertical > button.image-button:not(.suggested-action):not(.destructive-action), .app-notification .linked.vertical > button.image-button, .linked > button.flat.image-button, .linked.vertical > button.flat.image-button, .inline-toolbar button:not(.text-button), check, radio, button.titlebutton, .nautilus-window headerbar > revealer > button, .raven .raven-header:not(.top) button.image-button, .raven .expander-button, button.close, button.circular { border-radius: 9999px; -gtk-outline-radius: 9999px; } spinbutton:not(.vertical) button, notebook > header tab button.flat, button.sidebar-button, .nautilus-window .floating-bar button, .gedit-document-panel row button.flat, .gedit-search-slider button:dir(ltr), .gedit-search-slider button:dir(rtl), .pluma-window paned.horizontal box.vertical box.horizontal button.flat { min-height: 24px; min-width: 24px; padding: 0; border-radius: 9999px; -gtk-outline-radius: 9999px; } .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label { animation: needs_attention 270ms cubic-bezier(0, 0, 0.2, 1) forwards; background-repeat: no-repeat; background-position: right 3px; background-size: 6px 6px; } .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) { background-position: left 3px; } .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked > button, .linked:not(.vertical) > combobox > box > button.combo { border-radius: 0; -gtk-outline-radius: 2px; } .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .linked > button:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .linked > button:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo { border-radius: 2px; } .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button, .linked.vertical > combobox > box > button.combo { border-radius: 0; -gtk-outline-radius: 2px; } .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo { border-top-left-radius: 2px; border-top-right-radius: 2px; } .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo { border-radius: 2px; } /* menu buttons */ modelbutton.flat, .menuitem.button.flat { min-height: 28px; padding: 0 8px; border-radius: 2px; color: inherit; } modelbutton.flat arrow { background: none; } modelbutton.flat arrow:hover { background: none; } modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } button.color { min-height: 24px; min-width: 24px; padding: 6px; } /********* * Links * *********/ *:link, button:link, button:visited, *:link:hover, button:hover:link, button:hover:visited, *:link:active, button:active:link, button:active:visited { color: #338DD6; } *:link:visited, button:visited, *:link:visited:hover, button:visited:hover, *:link:visited:active, button:visited:active { color: #E040FB; } infobar.info *:link, infobar.info button:link, infobar.info button:visited, infobar.question *:link, infobar.question button:link, infobar.question button:visited, infobar.warning *:link, infobar.warning button:link, infobar.warning button:visited, infobar.error *:link, infobar.error button:link, infobar.error button:visited, *:link:selected, button:selected:link, button:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:link, headerbar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited { color: #FFFFFF; } button:link > label, button:visited > label { text-decoration-line: underline; } /***************** * GtkSpinButton * *****************/ spinbutton:not(.vertical) { padding: 0; } notebook > stack:not(:only-child) spinbutton:not(.vertical) entry, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:focus, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:disabled, spinbutton:not(.vertical) entry { min-width: 32px; margin: 0; border-image: none; border-radius: 0; box-shadow: none; background-color: transparent; } spinbutton:not(.vertical) button { border: solid 6px transparent; } spinbutton:not(.vertical) button.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:disabled { color: rgba(0, 0, 0, 0.38); } spinbutton.vertical:drop(active) { box-shadow: none; } 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.up { border-radius: 2px 2px 0 0; } spinbutton.vertical button.down { border-radius: 0 0 2px 2px; } treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; } treeview spinbutton:not(.vertical) entry { min-height: 0; padding: 1px 2px; } /************** * ComboBoxes * **************/ combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } combobox decoration, combobox button.combo:checked { transition: none; } combobox button.combo cellview:dir(ltr) { margin-left: -2px; } combobox button.combo cellview:dir(rtl) { margin-right: -2px; } combobox #gtk-combobox-popup-menu { padding: 2px 0; } combobox #gtk-combobox-popup-menu menuitem { min-height: 32px; padding: 0 8px; } combobox #gtk-combobox-popup-menu > arrow.top { margin-top: -2px; } combobox #gtk-combobox-popup-menu > arrow.bottom { margin-bottom: -6px; } combobox:drop(active) { box-shadow: none; } notebook > stack:not(:only-child) button.combo, .raven .raven-background button.combo, #login_window #user_combobox button { border-radius: 0; background-image: none; font-weight: inherit; transition: all 270ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); background-color: transparent; color: rgba(0, 0, 0, 0.87); } notebook > stack:not(:only-child) button.combo:hover, .raven .raven-background button.combo:hover, #login_window #user_combobox button:hover { box-shadow: inset 0 -2px rgba(0, 0, 0, 0.38); } notebook > stack:not(:only-child) button.combo:checked, .raven .raven-background button.combo:checked, #login_window #user_combobox button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px; } notebook > stack:not(:only-child) button.combo:disabled, .raven .raven-background button.combo:disabled, #login_window #user_combobox button:disabled { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.38); } /************ * Toolbars * ************/ toolbar { -GtkWidget-window-dragging: true; padding: 2px; background-color: #EEEEEE; } .osd toolbar { background-color: transparent; } toolbar.osd, .app-notification, frame.documents-dropdown { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); padding: 6px; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.4); } toolbar.osd.left, .left.app-notification, frame.left.documents-dropdown, toolbar.osd.right, .right.app-notification, frame.right.documents-dropdown, toolbar.osd.top, .top.app-notification, frame.top.documents-dropdown, toolbar.osd.bottom, .bottom.app-notification, frame.bottom.documents-dropdown { border-radius: 0; } toolbar.horizontal > separator { margin: 2px; } toolbar.vertical > separator { margin: 2px; } toolbar:not(.inline-toolbar):not(.osd) scale, toolbar:not(.inline-toolbar):not(.osd) entry, toolbar:not(.inline-toolbar):not(.osd) spinbutton, toolbar:not(.inline-toolbar):not(.osd) button { margin: 2px; } toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child), toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child), toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) { margin-left: 0; } toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child), toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child), toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) { margin-right: 0; } toolbar:not(.inline-toolbar):not(.osd) spinbutton entry, toolbar:not(.inline-toolbar):not(.osd) spinbutton button { margin: 0; } toolbar:not(.inline-toolbar):not(.osd) switch { margin: 8px 2px; } .inline-toolbar { padding: 6px; border-style: solid; border-width: 0 1px 1px; border-color: rgba(0, 0, 0, 0.12); background-color: #F5F5F5; } searchbar > revealer > box, .location-bar { padding: 6px; border-style: solid; border-width: 0 0 1px; border-color: rgba(0, 0, 0, 0.12); background-color: #EEEEEE; background-clip: border-box; } searchbar > revealer > box { margin: -6px; padding: 6px; } /*************** * Header bars * ***************/ .titlebar:not(headerbar), headerbar { transition: background-color 180ms cubic-bezier(0, 0, 0.2, 1), color 270ms cubic-bezier(0, 0, 0.2, 1); min-height: 48px; padding: 0 6px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #E0E0E0; color: rgba(0, 0, 0, 0.87); } .titlebar:disabled:not(headerbar) :not(button) > label, headerbar:disabled :not(button) > label { color: rgba(0, 0, 0, 0.38); } .titlebar:backdrop:not(headerbar), headerbar:backdrop { color: rgba(0, 0, 0, 0.54); } .titlebar:backdrop:disabled:not(headerbar) :not(button) > label, headerbar:backdrop:disabled :not(button) > label { color: rgba(0, 0, 0, 0.26); } .titlebar:not(headerbar) .title, headerbar .title { padding: 0 12px; font-weight: bold; } .titlebar:not(headerbar) .subtitle, headerbar .subtitle { padding: 0 12px; font-size: smaller; } .titlebar:not(headerbar) .linked:not(.vertical) > entry:not(.flat), headerbar .linked:not(.vertical) > entry:not(.flat) { border-radius: 2px; } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), headerbar button:not(.suggested-action):not(.destructive-action) { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px; color: rgba(0, 0, 0, 0.54); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active, headerbar button:not(.suggested-action):not(.destructive-action):hover, headerbar button:not(.suggested-action):not(.destructive-action):active { color: rgba(0, 0, 0, 0.87); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled, headerbar button:not(.suggested-action):not(.destructive-action):disabled { color: rgba(0, 0, 0, 0.26); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, headerbar button:not(.suggested-action):not(.destructive-action):checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px; color: rgba(0, 0, 0, 0.87); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled { color: rgba(0, 0, 0, 0.38); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, headerbar button:not(.suggested-action):not(.destructive-action):checked, headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled { background-color: transparent; } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop, headerbar button:not(.suggested-action):not(.destructive-action):backdrop { color: rgba(0, 0, 0, 0.38); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:active, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:hover, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:active { color: rgba(0, 0, 0, 0.54); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:disabled { color: rgba(0, 0, 0, 0.26); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked { color: rgba(0, 0, 0, 0.54); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { color: rgba(0, 0, 0, 0.26); } .titlebar:not(headerbar) button.suggested-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled, headerbar button.suggested-action:disabled, headerbar button.destructive-action:disabled { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.38); } .selection-mode.titlebar:not(headerbar), headerbar.selection-mode { transition: background-color 0.00001s 270ms, color 270ms cubic-bezier(0, 0, 0.2, 1); animation: header_ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.2); background-color: #338DD6; color: #FFFFFF; } .selection-mode.titlebar:backdrop:not(headerbar), headerbar.selection-mode:backdrop { color: rgba(255, 255, 255, 0.7); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), headerbar.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: #FFFFFF; } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled { color: rgba(255, 255, 255, 0.5); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, headerbar.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: #FFFFFF; } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled { color: rgba(255, 255, 255, 0.5); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop { color: rgba(255, 255, 255, 0.7); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled { color: rgba(255, 255, 255, 0.3); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked { color: rgba(255, 255, 255, 0.7); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { color: rgba(255, 255, 255, 0.3); } .selection-mode.titlebar:not(headerbar) .selection-menu, headerbar.selection-mode .selection-menu { padding-left: 16px; padding-right: 16px; } .selection-mode.titlebar:not(headerbar) .selection-menu arrow, headerbar.selection-mode .selection-menu arrow { -GtkArrow-arrow-scaling: 1; } .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } .tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 24px; padding: 6px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } .tiled .default-decoration.titlebar:not(headerbar), .maximized .default-decoration.titlebar:not(headerbar), .fullscreen .default-decoration.titlebar:not(headerbar), .tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { box-shadow: none; } .default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { min-height: 24px; min-width: 24px; margin: 0; padding: 0; } .background:not(.csd) .default-decoration.titlebar:not(headerbar) button.titlebutton:active, .background:not(.csd) headerbar.default-decoration button.titlebutton:active { background-size: 1000% 1000%; } headerbar entry, headerbar spinbutton, headerbar button { margin-top: 6px; margin-bottom: 6px; } headerbar switch { margin-top: 12px; margin-bottom: 12px; } headerbar spinbutton button { margin-top: 0; margin-bottom: 0; } .background .titlebar { border-top-left-radius: 2px; border-top-right-radius: 2px; } .background.tiled .titlebar, .background.tiled-top .titlebar, .background.tiled-right .titlebar, .background.tiled-bottom .titlebar, .background.tiled-left .titlebar, .background.maximized .titlebar, .background.solid-csd .titlebar { border-top-left-radius: 0; border-top-right-radius: 0; } window separator:first-child + headerbar, window headerbar:first-child { border-top-left-radius: 2px; } window headerbar:last-child { border-top-right-radius: 2px; } window stack headerbar:first-child, window stack headerbar:last-child { border-top-left-radius: 2px; border-top-right-radius: 2px; } window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child { border-top-left-radius: 0; border-top-right-radius: 0; } window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; box-shadow: none; } .titlebar:not(headerbar) > separator { background-color: #E0E0E0; background-image: image(rgba(0, 0, 0, 0.12)); } /************ * Pathbars * ************/ .caja-pathbar button, .path-bar button { padding-left: 6px; padding-right: 6px; } .caja-pathbar button label:not(:only-child):first-child, .path-bar button label:not(:only-child):first-child { margin-left: 4px; } .caja-pathbar button label:not(:only-child):last-child, .path-bar button label:not(:only-child):last-child { margin-right: 4px; } .caja-pathbar button.slider-button, .path-bar button.slider-button { padding-left: 4px; padding-right: 4px; } :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) .path-bar button { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px; border-radius: 2px; } :not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .path-bar button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px; } :not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar) .path-bar button:checked, :not(headerbar) .path-bar button:checked:disabled { background-color: transparent; } /************** * Tree Views * **************/ treeview.view { border-left-color: rgba(0, 0, 0, 0.26); border-top-color: rgba(0, 0, 0, 0.12); } * { -GtkTreeView-horizontal-separator: 4; -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; } treeview.view:selected { border-left-color: rgba(255, 255, 255, 0.3); } treeview.view:hover, treeview.view:active, treeview.view:selected { border-radius: 0; } treeview.view.separator { min-height: 5px; color: rgba(0, 0, 0, 0.12); } treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #009688; } treeview.view:drop(active).after { border-top-style: none; } treeview.view:drop(active).before { border-bottom-style: none; } treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -gtk-icon-transform: rotate(-90deg); color: rgba(0, 0, 0, 0.54); } treeview.view.expander:dir(rtl) { -gtk-icon-transform: rotate(90deg); } treeview.view.expander:checked { -gtk-icon-transform: unset; } treeview.view.expander:hover, treeview.view.expander:active { color: rgba(0, 0, 0, 0.87); } treeview.view.expander:disabled { color: rgba(0, 0, 0, 0.26); } treeview.view.expander:selected { color: rgba(255, 255, 255, 0.7); } treeview.view.expander:selected:hover, treeview.view.expander:selected:active { color: #FFFFFF; } treeview.view.expander:selected:disabled { color: rgba(255, 255, 255, 0.3); } treeview.view.progressbar { border-bottom: 4px solid #338DD6; box-shadow: none; background-color: transparent; } treeview.view.progressbar:selected { border-bottom-color: #FFFFFF; } treeview.view.trough { border-bottom: 4px solid rgba(51, 141, 214, 0.3); box-shadow: none; background-color: transparent; } treeview.view.trough:selected { border-bottom-color: rgba(255, 255, 255, 0.3); } treeview.view header button { padding: 2px 6px; border-style: none solid solid none; border-width: 1px; border-color: rgba(0, 0, 0, 0.12); border-radius: 0; background-clip: border-box; } treeview.view header button, treeview.view header button:hover, treeview.view header button:active { box-shadow: none; } treeview.view header button, treeview.view header button:disabled { background-color: #FFFFFF; } 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(0, 0, 0, 0.12); border-radius: 0; box-shadow: none; background-color: #FFFFFF; background-clip: border-box; color: #338DD6; } treeview.view acceleditor > label { background-color: #338DD6; } /********* * Menus * *********/ menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0; background-color: #E0E0E0; } menubar > menuitem, .menubar > menuitem { transition: all 180ms cubic-bezier(0, 0, 0.2, 1); min-height: 20px; padding: 4px 8px; color: rgba(0, 0, 0, 0.54); } menubar > menuitem:hover, .menubar > menuitem:hover { transition: none; background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } menubar > menuitem:disabled, .menubar > menuitem:disabled { color: rgba(0, 0, 0, 0.26); } menubar > menuitem label:disabled, .menubar > menuitem label:disabled { color: inherit; } .csd.popup { background-color: transparent; } menu, .menu, .context-menu { margin: 4px 0; padding: 4px 0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.12); } .csd menu, .csd .menu, .csd .context-menu { border: none; border-radius: 2px; } menu menuitem, .menu menuitem, .context-menu menuitem { transition: background-color 180ms cubic-bezier(0, 0, 0.2, 1); min-height: 20px; min-width: 40px; padding: 4px 8px; font: initial; text-shadow: none; } menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { transition: none; background-color: rgba(0, 0, 0, 0.12); } menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: rgba(0, 0, 0, 0.38); } menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; min-width: 16px; } menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 8px; } menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 8px; } menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { color: inherit; } menu > arrow, .menu > arrow, .context-menu > arrow { min-height: 16px; min-width: 16px; padding: 4px; background-color: #FFFFFF; color: rgba(0, 0, 0, 0.54); } menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -4px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); border-radius: 2px 2px 0 0; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-bottom: -12px; border-top: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0 0 2px 2px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-image: image(rgba(0, 0, 0, 0.12)); color: rgba(0, 0, 0, 0.87); } menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { border-color: transparent; background-color: transparent; color: transparent; } menu separator, .menu separator, .context-menu separator { margin: 4px 0; } menuitem accelerator { color: rgba(0, 0, 0, 0.54); } .popup:not(.csd) menu menuitem { color: #212121; } .popup:not(.csd) menu menuitem:hover { background-color: #E0E0E0; } .popup:not(.csd) menu menuitem:disabled { color: #9E9E9E; } .popup:not(.csd) menu accelerator { color: #757575; } /************ * Popovers * ************/ popover.background { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); padding: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); background-color: #FAFAFA; } popover.background:backdrop { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } 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: 3px; } 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: 2px; } popover.background separator { margin: 4px 0; } popover.background list separator { margin: 0; } /************* * Notebooks * *************/ notebook > header { border-width: 1px; border-color: rgba(0, 0, 0, 0.12); background-color: #EEEEEE; background-clip: border-box; } notebook > header.top { border-bottom-style: solid; } notebook > header.top > tabs { margin-bottom: -1px; } notebook > header.top > tabs > tab:hover { box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26); } notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -2px #338DD6; } notebook > header.bottom { border-top-style: solid; } notebook > header.bottom > tabs { margin-top: -1px; } notebook > header.bottom > tabs > tab:hover { box-shadow: inset 0 2px rgba(0, 0, 0, 0.26); } notebook > header.bottom > tabs > tab:checked { box-shadow: inset 0 2px #338DD6; } notebook > header.left { border-right-style: solid; } notebook > header.left > tabs { margin-right: -1px; } notebook > header.left > tabs > tab:hover { box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26); } notebook > header.left > tabs > tab:checked { box-shadow: inset -2px 0 #338DD6; } notebook > header.right { border-left-style: solid; } notebook > header.right > tabs { margin-left: -1px; } notebook > header.right > tabs > tab:hover { box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26); } notebook > header.right > tabs > tab:checked { box-shadow: inset 2px 0 #338DD6; } notebook > header.top > tabs > arrow { border-top-style: none; } notebook > header.bottom > tabs > arrow { border-bottom-style: none; } notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { padding-left: 4px; padding-right: 4px; } notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { margin-left: -8px; -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { margin-right: -8px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } notebook > header.left > tabs > arrow { border-left-style: none; } notebook > header.right > tabs > arrow { border-right-style: none; } notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { padding-top: 4px; padding-bottom: 4px; } notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { margin-top: -8px; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { margin-bottom: -8px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; } notebook > header tab { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; min-height: 24px; min-width: 24px; padding: 6px 12px; outline-offset: -6px; border-width: 1px; border-color: transparent; background-image: radial-gradient(circle farthest-corner at center, #338DD6 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; color: rgba(0, 0, 0, 0.54); font-weight: 500; } notebook > header tab:hover { color: rgba(0, 0, 0, 0.87); } notebook > header tab:hover.reorderable-page { border-color: rgba(0, 0, 0, 0.12); background-color: #F5F5F5; } notebook > header tab:disabled { color: rgba(0, 0, 0, 0.26); } notebook > header tab:checked { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 270ms cubic-bezier(0, 0, 0.2, 1), background-image 720ms cubic-bezier(0, 0, 0.2, 1); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-size: 1000% 1000%; color: rgba(0, 0, 0, 0.87); } notebook > header tab:checked:disabled { color: rgba(0, 0, 0, 0.38); } notebook > header tab:checked.reorderable-page { border-color: rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } notebook > header tab button.flat:last-child { margin-left: 6px; margin-right: -6px; } notebook > header tab button.flat:first-child { margin-left: -6px; margin-right: 6px; } notebook > header.top tabs, notebook > header.bottom tabs { padding-left: 8px; padding-right: 8px; } notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { margin-left: 0; } notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { margin-right: 0; } notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { margin: 0 -1px; border-style: none solid; } notebook > header.left tabs, notebook > header.right tabs { padding-top: 8px; padding-bottom: 8px; } notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { margin-top: 0; } notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { margin-bottom: 0; } notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { margin: -1px 0; border-style: solid none; } notebook > stack:not(:only-child) { background-color: #FFFFFF; } /************** * Scrollbars * **************/ scrollbar { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); background-color: #FFFFFF; background-clip: padding-box; } * { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; } scrollbar.top { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } scrollbar.bottom { border-top: 1px solid rgba(0, 0, 0, 0.12); } scrollbar.left { border-right: 1px solid rgba(0, 0, 0, 0.12); } scrollbar.right { border-left: 1px solid rgba(0, 0, 0, 0.12); } scrollbar slider { transition: all 180ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0; min-width: 8px; min-height: 8px; border: 4px solid transparent; border-radius: 9999px; background-clip: padding-box; background-color: rgba(0, 0, 0, 0.38); } scrollbar slider:hover { background-color: rgba(0, 0, 0, 0.54); } scrollbar slider:active { background-color: rgba(0, 0, 0, 0.87); } scrollbar slider:disabled { background-color: rgba(0, 0, 0, 0.26); } scrollbar.fine-tune slider { transition: all 180ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0; 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(.dragging):not(.hovering) { border-color: transparent; background-color: transparent; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { min-width: 4px; min-height: 4px; margin: 3px; border: 1px solid rgba(255, 255, 255, 0.3); } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 4px; min-height: 4px; margin: 3px; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 9999px; background-color: rgba(0, 0, 0, 0.38); background-clip: padding-box; -gtk-icon-source: none; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { background-color: rgba(0, 0, 0, 0.26); } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { min-width: 24px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { min-width: 8px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { min-height: 24px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { min-height: 8px; } scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { background-color: rgba(255, 255, 255, 0.9); } scrollbar.horizontal slider { min-width: 24px; } scrollbar.vertical slider { min-height: 24px; } scrollbar button { min-width: 16px; min-height: 16px; padding: 0; border-radius: 0; } scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } scrollbar.vertical button.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } scrollbar.horizontal button.down { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } /********** * Switch * **********/ switch { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); margin: 6px 0; padding: 0 2px; border: 5px solid transparent; border-radius: 9999px; background-color: rgba(0, 0, 0, 0.26); background-clip: padding-box; font-size: 0; } switch:disabled { background-color: rgba(0, 0, 0, 0.12); } switch:checked { background-color: rgba(0, 150, 136, 0.5); } switch:checked:disabled { background-color: rgba(0, 150, 136, 0.3); } switch slider { transition: all 180ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); min-width: 20px; min-height: 20px; margin: -3px -2px; border-radius: 9999px; outline-width: 0; outline-color: rgba(0, 0, 0, 0.12); outline-offset: 0; -gtk-outline-radius: 9999px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FAFAFA; } switch:focus slider { outline-width: 14px; } switch:hover slider { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } switch:checked slider { background-color: #009688; outline-color: rgba(0, 150, 136, 0.2); } switch:disabled slider { background-color: #EEEEEE; } /************************* * Check and Radio items * *************************/ .view.content-view.check:not(list), .content-view .tile check:not(list) { min-height: 40px; min-width: 40px; margin: 0; padding: 0; box-shadow: none; background-color: transparent; background-image: none; -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .view.content-view.check:not(list):hover, .view.content-view.check:not(list):active, .content-view .tile check:not(list):hover, .content-view .tile check:not(list):active { -gtk-icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } .view.content-view.check:not(list), .content-view .tile check:not(list) { -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked.png"), url("assets/selectionmode-checkbox-unchecked@2.png")); } .view.content-view.check:not(list):checked, .content-view .tile check:not(list):checked { -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked.png"), url("assets/selectionmode-checkbox-checked@2.png")); } checkbutton.text-button, radiobutton.text-button { padding: 2px; outline-offset: 0; } checkbutton.text-button label:not(:only-child), radiobutton.text-button label:not(:only-child) { margin: 0 4px; } check, radio { min-height: 24px; min-width: 24px; margin: -8px; padding: 8px; } check:checked, check:indeterminate, radio:checked, radio:indeterminate { color: #009688; } check:checked:disabled, check:indeterminate:disabled, radio:checked:disabled, radio:indeterminate:disabled { color: rgba(0, 150, 136, 0.5); } row:selected check:not(:checked):not(:indeterminate), row:selected radio:not(:checked):not(:indeterminate) { color: rgba(255, 255, 255, 0.7); } row:selected check:not(:checked):not(:indeterminate):hover, row:selected check:not(:checked):not(:indeterminate):active, row:selected radio:not(:checked):not(:indeterminate):hover, row:selected radio:not(:checked):not(:indeterminate):active { color: #FFFFFF; } row:selected check:not(:checked):not(:indeterminate):disabled, row:selected radio:not(:checked):not(:indeterminate):disabled { color: rgba(255, 255, 255, 0.3); } popover check, popover check:hover, popover check:active, popover check:disabled, popover radio, popover radio:hover, popover radio:active, popover radio:disabled { box-shadow: none; background-image: none; } popover check:not(:checked):not(:indeterminate):not(:disabled), popover radio:not(:checked):not(:indeterminate):not(:disabled) { color: rgba(0, 0, 0, 0.54); } popover check.left:dir(rtl), popover radio.left:dir(rtl) { margin-left: -12px; margin-right: -4px; } popover check.right:dir(ltr), popover radio.right:dir(ltr) { margin-left: -4px; margin-right: -12px; } menu menuitem check, menu menuitem radio { transition: none; margin: 0; padding: 0; } menu menuitem check:dir(ltr), menu menuitem radio:dir(ltr) { margin-right: 8px; } menu menuitem check:dir(rtl), menu menuitem radio:dir(rtl) { margin-left: 8px; } menu menuitem check:not(:checked):not(:indeterminate):not(:disabled), menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled) { color: rgba(0, 0, 0, 0.54); } menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled { box-shadow: none; } check { -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg")); } check:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")); } check:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg")); } radio { -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg")); border-image-slice: 20; border-image-width: 20px; } radio:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg")); } radio { border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#009688), to(transparent)); } radio:checked:not(:indeterminate) { border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#009688), to(transparent)); } radio:checked:not(:indeterminate):disabled { border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(rgba(0, 150, 136, 0.5)), to(transparent)); } window.background:not(.csd) > widget > checkbutton > check, menu menuitem check { min-height: 16px; min-width: 16px; border-radius: 2px; -gtk-outline-radius: 2px; -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg")); } window.background:not(.csd) > widget > checkbutton > check:checked, menu menuitem check:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg")); } window.background:not(.csd) > widget > checkbutton > check:indeterminate, menu menuitem check:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg")); } window.background:not(.csd) > widget > radiobutton > radio, menu menuitem radio { min-height: 16px; min-width: 16px; border-image: none; -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg")); } window.background:not(.csd) > widget > radiobutton > radio:checked, menu menuitem radio:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg")); } window.background:not(.csd) > widget > radiobutton > radio:indeterminate, menu menuitem radio:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg")); } check:not(:checked):active { -gtk-icon-transform: rotate(90deg); } check:not(:checked):indeterminate:active, radio:not(:checked):indeterminate:active { -gtk-icon-transform: scaleX(-1); } check:not(:checked), radio:not(:checked) { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0; } check:not(:checked):active, radio:not(:checked):active { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0; } menu menuitem check:not(:checked), menu menuitem radio:not(:checked) { transition: none; } treeview.view check, treeview.view radio { padding: 0; } treeview.view check:hover, treeview.view radio:hover { box-shadow: inset 0 0 0 9999px alpha(rgba(0, 0, 0, 0.87), 0.05); } treeview.view check:hover:disabled, treeview.view radio:hover:disabled { box-shadow: none; } treeview.view check:hover:selected, treeview.view radio:hover:selected { box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05); } treeview.view check, treeview.view radio { color: rgba(0, 0, 0, 0.54); } treeview.view check:hover, treeview.view check:active, treeview.view radio:hover, treeview.view radio:active { color: rgba(0, 0, 0, 0.87); } treeview.view check:disabled, treeview.view radio:disabled { color: rgba(0, 0, 0, 0.26); } treeview.view check:checked, treeview.view check:indeterminate, treeview.view radio:checked, treeview.view radio:indeterminate { color: #009688; } treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled, treeview.view radio:checked:disabled, treeview.view radio:indeterminate:disabled { color: rgba(0, 150, 136, 0.5); } treeview.view check:selected, treeview.view radio:selected { color: rgba(255, 255, 255, 0.7); } treeview.view check:selected:hover, treeview.view check:selected:active, treeview.view radio:selected:hover, treeview.view radio:selected:active { color: #FFFFFF; } treeview.view check:selected:disabled, treeview.view radio:selected:disabled { color: rgba(255, 255, 255, 0.3); } treeview.view check:selected:checked, treeview.view check:selected:indeterminate, treeview.view radio:selected:checked, treeview.view radio:selected:indeterminate { color: #009688; } treeview.view check:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled, treeview.view radio:selected:checked:disabled, treeview.view radio:selected:indeterminate:disabled { color: rgba(0, 150, 136, 0.5); } treeview.view radio:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")); border-image: none; } /************ * GtkScale * ************/ scale { min-height: 12px; min-width: 12px; padding: 12px; } scale slider { min-height: 24px; min-width: 24px; margin: -11px; } scale trough { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); outline-offset: 2px; background-color: rgba(0, 0, 0, 0.26); } scale trough:disabled { background-color: rgba(0, 0, 0, 0.12); } scale highlight { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); background-color: #009688; } scale highlight:disabled { background-color: transparent; } scale fill { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); background-color: rgba(0, 0, 0, 0.26); } scale fill:disabled { background-color: transparent; } scale slider { transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1); background-repeat: no-repeat; background-position: center; background-size: calc(100% - 10px); } scale slider { background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png")); } scale slider:disabled { background-image: -gtk-scaled(url("assets/scale-slider-disabled.png"), url("assets/scale-slider-disabled@2.png")); } scale slider:hover { background-size: calc(100% - 8px); } scale slider:active { background-size: calc(100% - 6px); } scale.fine-tune slider { background-size: calc(100% - 12px); } scale marks label, scale value { color: rgba(0, 0, 0, 0.38); } scale marks { color: rgba(0, 0, 0, 0.26); } scale marks.top { margin-bottom: 8px; margin-top: -16px; } scale marks.bottom { margin-top: 8px; margin-bottom: -16px; } scale marks.top { margin-right: 8px; margin-left: -16px; } scale marks.bottom { margin-left: 8px; margin-right: -16px; } 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 { min-height: 30px; min-width: 24px; margin-top: -17px; background-position: center calc(100% - 5px); } scale.horizontal.marks-before:not(.marks-after) slider { background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png")); } scale.horizontal.marks-before:not(.marks-after) slider:disabled { background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled.png"), url("assets/scale-horz-marks-before-slider-disabled@2.png")); } scale.horizontal.marks-before:not(.marks-after) slider:hover { background-position: center calc(100% - 4px); } scale.horizontal.marks-before:not(.marks-after) slider:active { background-position: center calc(100% - 3px); } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { background-position: center calc(100% - 6px); } scale.horizontal.marks-after:not(.marks-before) slider { min-height: 30px; min-width: 24px; margin-bottom: -17px; background-position: center calc(5px); } scale.horizontal.marks-after:not(.marks-before) slider { background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png")); } scale.horizontal.marks-after:not(.marks-before) slider:disabled { background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled.png"), url("assets/scale-horz-marks-after-slider-disabled@2.png")); } scale.horizontal.marks-after:not(.marks-before) slider:hover { background-position: center calc(4px); } scale.horizontal.marks-after:not(.marks-before) slider:active { background-position: center calc(3px); } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { background-position: center calc(6px); } scale.vertical.marks-before:not(.marks-after) slider { min-height: 24px; min-width: 30px; margin-left: -17px; background-position: calc(5px) center; } scale.vertical.marks-before:not(.marks-after) slider { background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png")); } scale.vertical.marks-before:not(.marks-after) slider:disabled { background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled.png"), url("assets/scale-vert-marks-before-slider-disabled@2.png")); } scale.vertical.marks-before:not(.marks-after) slider:hover { background-position: calc(4px) center; } scale.vertical.marks-before:not(.marks-after) slider:active { background-position: calc(3px) center; } scale.vertical.marks-before:not(.marks-after).fine-tune slider { background-position: calc(6px) center; } scale.vertical.marks-after:not(.marks-before) slider { min-height: 24px; min-width: 30px; margin-right: -17px; background-position: calc(100% - 5px) center; } scale.vertical.marks-after:not(.marks-before) slider { background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png")); } scale.vertical.marks-after:not(.marks-before) slider:disabled { background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled.png"), url("assets/scale-vert-marks-after-slider-disabled@2.png")); } scale.vertical.marks-after:not(.marks-before) slider:hover { background-position: calc(100% - 4px) center; } scale.vertical.marks-after:not(.marks-before) slider:active { background-position: calc(100% - 3px) center; } scale.vertical.marks-after:not(.marks-before).fine-tune slider { background-position: calc(100% - 6px) center; } 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: -12px; margin-top: -2px; } scale.color.vertical:dir(ltr) { padding: 0 0 0 12px; } scale.color.vertical:dir(ltr) slider { margin-left: -12px; margin-right: -2px; } scale.color.vertical:dir(rtl) { padding: 0 12px 0 0; } scale.color.vertical:dir(rtl) slider { margin-right: -12px; margin-left: -2px; } /***************** * Progress bars * *****************/ progressbar { color: rgba(0, 0, 0, 0.38); 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(51, 141, 214, 0.3); } progressbar progress { background-color: #338DD6; } 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 trough { padding: 2px; border-radius: 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FFFFFF; } levelbar trough:disabled { background-color: #F5F5F5; } levelbar block.low { background-color: #FF6D00; } levelbar block.high, levelbar block:not(.empty) { background-color: #338DD6; } levelbar block.full { background-color: #00C853; } levelbar block.empty { background-color: rgba(0, 0, 0, 0.12); } /**************** * Print dialog * *****************/ printdialog paper { padding: 0; border: 1px solid rgba(0, 0, 0, 0.12); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } printdialog .dialog-action-box { margin: 12px; } /********** * Frames * **********/ frame > border, .frame { margin: 0; padding: 0; border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0; box-shadow: none; } frame > border.flat, .frame.flat, frame.flat > border { border-style: none; } actionbar > revealer > box { padding: 6px; border-top: 1px solid rgba(0, 0, 0, 0.12); } scrolledwindow viewport.frame { border-style: none; } overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(64, 196, 255, 0.3)), 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(64, 196, 255, 0.3)), 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(64, 196, 255, 0.3)), 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(64, 196, 255, 0.3)), to(transparent)); background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } undershoot.top { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); padding-top: 1px; background-size: 12px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: left top; } undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); padding-bottom: 1px; background-size: 12px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: left bottom; } undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: left top; } undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: right top; } junction { border-style: solid none none solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } junction:dir(rtl) { border-style: solid solid none none; } separator { min-width: 1px; min-height: 1px; background-color: rgba(0, 0, 0, 0.12); } button.font separator, button.file separator, .tweak-categories separator, preferences stacksidebar.sidebar list separator { min-width: 0; min-height: 0; background-color: transparent; } /********* * Lists * *********/ list { border-color: rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } list row { padding: 2px; } row.activatable, .view, treeview.view header button, .budgie-menu button { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 9999px transparent; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } row.activatable:hover, .view:hover, treeview.view header button:hover, .budgie-menu button:hover { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, box-shadow 0, background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05); } row.activatable.has-open-popup, .has-open-popup.view, treeview.view header button.has-open-popup, .budgie-menu button.has-open-popup, row.activatable:active, .view:active, treeview.view header button:active, .budgie-menu button:active { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 0, background-image 0; animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15); background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%); background-size: 0% 0%; } /********************* * App Notifications * *********************/ .app-notification { margin: 8px; } .app-notification.frame, .app-notification border { border-style: none; } /************* * Expanders * *************/ expander title > arrow { transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1); min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -gtk-icon-transform: rotate(-90deg); color: rgba(0, 0, 0, 0.54); } expander title > arrow:dir(rtl) { -gtk-icon-transform: rotate(90deg); } expander title > arrow:checked { -gtk-icon-transform: unset; } expander title > arrow:hover, expander title > arrow:active { color: rgba(0, 0, 0, 0.87); } expander title > arrow:disabled { color: rgba(0, 0, 0, 0.26); } expander title > arrow:selected { color: rgba(255, 255, 255, 0.7); } expander title > arrow:selected:hover, expander title > arrow:selected:active { color: #FFFFFF; } expander title > arrow:selected:disabled { color: rgba(255, 255, 255, 0.3); } /************ * Calendar * ************/ calendar { padding: 1px; border: 1px solid rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } calendar:disabled { color: rgba(0, 0, 0, 0.38); } calendar:selected { border-radius: 3px; } calendar.header { border-style: none none solid; border-radius: 0; } calendar.highlight { color: rgba(0, 0, 0, 0.54); font-weight: 500; } calendar:indeterminate { color: rgba(0, 0, 0, 0.26); } /*********** * Dialogs * ***********/ messagedialog.background { background-color: #FAFAFA; } messagedialog .titlebar { min-height: 24px; border-style: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FAFAFA; color: rgba(0, 0, 0, 0.87); } messagedialog .titlebar:backdrop { color: rgba(0, 0, 0, 0.54); } messagedialog.csd.background { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } messagedialog.csd .dialog-action-area button { padding: 8px 16px; border-top: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0; } messagedialog.csd .dialog-action-area button:first-child { border-bottom-left-radius: 2px; } messagedialog.csd .dialog-action-area button:last-child { border-bottom-right-radius: 2px; } filechooser .dialog-action-box { border-top: 1px solid rgba(0, 0, 0, 0.12); } filechooser #pathbarbox { border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: #EEEEEE; } filechooserbutton:drop(active) { box-shadow: none; } /*********** * Sidebar * ***********/ .sidebar { border-style: none; background-color: #F5F5F5; } stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { border-right: 1px solid rgba(0, 0, 0, 0.12); border-left-style: none; } stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { border-left: 1px solid rgba(0, 0, 0, 0.12); border-right-style: none; } .sidebar list { background-color: transparent; } paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; } stacksidebar row { padding: 10px 4px; } stacksidebar row > label { padding-left: 6px; padding-right: 6px; } /**************** * File chooser * ****************/ row image.sidebar-icon { color: rgba(0, 0, 0, 0.54); } row:selected image.sidebar-icon { color: rgba(255, 255, 255, 0.7); } placessidebar > viewport.frame { border-style: none; } placessidebar list { padding: 1px 0 4px; } placessidebar row { min-height: 32px; margin: -1px 0; padding: 0; } placessidebar row > revealer { padding: 0 12px; } placessidebar row:selected { color: #FFFFFF; } placessidebar row:disabled { color: rgba(0, 0, 0, 0.38); } placessidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; } placessidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; } placessidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; } placessidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } placessidebar row.sidebar-placeholder-row { min-height: 2px; padding: 0 8px; background-image: image(#009688); background-clip: content-box; } placessidebar row.sidebar-new-bookmark-row { color: #009688; } placessidebar row:drop(active):not(:disabled) { box-shadow: inset 0 0 0 2px #009688; } placesview .server-list-button > image { -gtk-icon-transform: rotate(0turn); } placesview .server-list-button:checked > image { -gtk-icon-transform: rotate(-0.5turn); } placesview > actionbar > revealer > box > label { padding-left: 8px; padding-right: 8px; } /********* * Paned * *********/ paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(rgba(0, 0, 0, 0.12)); background-size: 1px 1px; background-clip: content-box; } paned > separator.wide { min-width: 6px; min-height: 6px; background-color: #EEEEEE; background-image: image(rgba(0, 0, 0, 0.12)), image(rgba(0, 0, 0, 0.12)); background-size: 1px 1px, 1px 1px; } paned.horizontal > separator { background-repeat: repeat-y; } paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; } paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; } paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; } paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; } paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; } /************** * GtkInfoBar * **************/ infobar { border-style: none; } infobar.info { background-color: #66BB6A; } infobar.question { background-color: #42A5F5; } infobar.warning { background-color: #FFA726; } infobar.error { background-color: #EF5350; } infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error { color: #FFFFFF; } /************ * Tooltips * ************/ tooltip { border-radius: 2px; box-shadow: none; } tooltip.background { background-color: rgba(66, 66, 66, 0.9); color: #FFFFFF; } tooltip decoration { background-color: transparent; } tooltip label { min-height: 20px; padding: 0 2px; } /***************** * Color Chooser * *****************/ colorswatch.top { border-top-left-radius: 2.5px; border-top-right-radius: 2.5px; } colorswatch.top overlay { border-top-left-radius: 2px; border-top-right-radius: 2px; } colorswatch.bottom { border-bottom-left-radius: 2.5px; border-bottom-right-radius: 2.5px; } colorswatch.bottom overlay { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 2.5px; border-bottom-left-radius: 2.5px; } colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 2.5px; border-bottom-right-radius: 2.5px; } colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } colorswatch.dark { color: #FFFFFF; } colorswatch.light { color: rgba(0, 0, 0, 0.87); } colorswatch:drop(active) { box-shadow: none; } colorswatch:drop(active).light overlay { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #009688; } colorswatch:drop(active).dark overlay { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #009688; } colorswatch overlay { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } colorswatch overlay:hover { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } colorswatch#add-color-button { border-radius: 2px 2px 0 0; color: #FFFFFF; } colorswatch#add-color-button:only-child { border-radius: 2px; } colorswatch#add-color-button overlay { background-image: linear-gradient(to right, #EF5350 25%, #FFA726 25%, #FFA726 50%, #66BB6A 50%, #66BB6A 75%, #42A5F5 75%); } colorswatch:disabled { opacity: 0.5; } colorswatch:disabled overlay { box-shadow: none; } colorswatch#editor-color-sample { border-radius: 2.5px; } colorswatch#editor-color-sample overlay { border-radius: 2px; } colorchooser .popover.osd { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } colorchooser .popover.osd:backdrop { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.4); } /******** * Misc * ********/ .content-view { background-color: #EEEEEE; } /********************** * Window Decorations * **********************/ decoration { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-radius: 2px 2px 0 0; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent; margin: 8px; } decoration:backdrop { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px 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: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } tooltip.csd decoration { border-radius: 2px; box-shadow: none; } messagedialog.csd decoration { border-radius: 2px; } .solid-csd decoration { margin: 0; border-radius: 0; box-shadow: none; background-color: #E0E0E0; } .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, popover.background.menu button:checked, popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked { background-color: #338DD6; } row:selected label, label:selected, .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, popover.background.menu button:checked, popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked { color: #FFFFFF; } row:selected label:disabled, label:disabled:selected, .view selection:disabled, .view:disabled:selected, flowbox flowboxchild:disabled:selected, label:disabled selection, spinbutton:not(.vertical) selection:disabled, entry selection:disabled, modelbutton.flat:disabled:selected, .menuitem.button.flat:disabled:selected, popover.background.menu button:disabled:checked, popover.background button.model:disabled:checked, row:disabled:selected, calendar:disabled:selected, text:disabled:selected, .budgie-menu button:disabled:checked { color: rgba(255, 255, 255, 0.5); } .monospace { font-family: monospace; } /********************** * Touch Copy & Paste * **********************/ cursor-handle { border-radius: 9999px; background-color: #009688; background-image: none; } cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { padding-left: 6px; border-top-right-radius: 0; } cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { padding-right: 6px; border-top-left-radius: 0; } cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { -GtkWidget-text-handle-width: 24; -GtkWidget-text-handle-height: 30; -gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png")); } .context-menu { font: initial; } .keycap { min-width: 12px; min-height: 26px; margin-top: 2px; padding-bottom: 2px; padding-left: 8px; padding-right: 8px; border: solid 1px rgba(0, 0, 0, 0.12); border-radius: 3px; box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); font-size: smaller; } :not(decoration):not(window):drop(active) { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 2px #009688; caret-color: #009688; } stackswitcher button.text-button { min-width: 100px; } stackswitcher button.circular, stackswitcher button.text-button.circular { min-width: 36px; min-height: 36px; padding: 0; } /********* * Emoji * *********/ popover.emoji-picker { padding: 0; } popover.emoji-picker entry { border-bottom: 1px solid rgba(0, 0, 0, 0.12); border-bottom-left-radius: 0; border-bottom-right-radius: 0; box-shadow: none; } popover.emoji-picker scrolledwindow { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } button.emoji-section { margin-top: -1px; padding: 0 8px; min-width: 24px; min-height: 36px; border-radius: 0; outline-offset: -6px; box-shadow: none; } button.emoji-section:hover { box-shadow: inset 0 2px rgba(0, 0, 0, 0.26); } button.emoji-section:active { box-shadow: inset 0 2px #338DD6; background-image: radial-gradient(circle farthest-corner at center, rgba(51, 141, 214, 0.7) 10%, transparent 0%); } button.emoji-section:checked { box-shadow: inset 0 2px #338DD6; background-color: transparent; } button.emoji-section:first-child { margin-left: 4px; } button.emoji-section:last-child { margin-right: 4px; } .emoji { min-width: 3em; min-height: 3em; padding: 0; } .emoji widget { transition: all 180ms cubic-bezier(0, 0, 0.2, 1); } .emoji widget:hover { font-size: larger; } /************ * Nautilus * ************/ .nautilus-window, .nautilus-window notebook, .nautilus-window notebook > stack { background-color: #FFFFFF; } .nautilus-desktop.nautilus-canvas-item:not(:selected), .caja-desktop.caja-canvas-item:not(:selected) { color: #FFFFFF; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } @keyframes needs_attention_keyframes { to { background-color: alpha(currentColor, 0.3); } } .nautilus-operations-button-needs-attention { animation: needs_attention_keyframes 270ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate; } .nautilus-operations-button-needs-attention-multiple { animation: needs_attention_keyframes 270ms cubic-bezier(0.4, 0, 0.2, 1) 4 alternate; } .nautilus-window .floating-bar { min-height: 32px; padding: 0; border-style: solid solid none; border-width: 1px; border-color: rgba(0, 0, 0, 0.12); border-radius: 3px 3px 0 0; background-color: #FFFFFF; background-clip: padding-box; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), border-width 0; } .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: #FF6D00; } .disk-space-display.used { background-color: #338DD6; } .disk-space-display.free { background-color: rgba(0, 0, 0, 0.12); } .conflict-row:not(:selected) { background-color: #ffd3b3; } .nautilus-window flowboxchild > widget > .icon-item-background { padding: 4px; border-radius: 2px; } .nautilus-window flowboxchild:selected { background-color: transparent; } .nautilus-window flowboxchild:selected > widget > .icon-item-background { background-color: #338DD6; } dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame { border-style: none; } dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child { margin: -6px 0 0 -6px; border-top: 1px solid rgba(0, 0, 0, 0.12); } dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label { margin: 0 8px; } dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button { border-radius: 0; } .nautilus-window > popover.menu:not(:last-child) { padding: 3px; } .nautilus-window > popover.menu:not(:last-child) > stack > box > box > box { margin-top: -6px; } .nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box { margin-bottom: -6px; } .nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked { margin-top: 1px; } .nautilus-window > popover.menu:not(:last-child) separator { margin-bottom: -2px; } .nautilus-menu-sort-heading { margin: 1px 3px; font-weight: 500; } .nautilus-menu-sort-heading:disabled { color: rgba(0, 0, 0, 0.38); } .nautilus-window paned > separator { background-color: #EEEEEE; } /********* * gedit * *********/ .open-document-selector-path-label { color: rgba(0, 0, 0, 0.54); font-size: smaller; } .open-document-selector-path-label:selected { color: rgba(255, 255, 255, 0.7); } .gedit-document-panel { background-color: #F5F5F5; } .gedit-document-panel row button.flat { margin-top: 8px; margin-bottom: 8px; } .gedit-document-panel-group-row:not(:first-child) { border-top: 1px solid rgba(0, 0, 0, 0.12); } .gedit-side-panel-paned statusbar { border-top: 1px solid rgba(0, 0, 0, 0.12); } .gedit-search-slider { margin: 4px 4px 8px; } .gedit-search-slider entry:dir(ltr), .gedit-search-slider entry:dir(rtl) { border-radius: 2px; } .gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag, .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag { all: unset; color: rgba(0, 0, 0, 0.38); } .gedit-search-slider entry:dir(ltr) { margin-right: -66px; padding-right: 66px; } .gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag { margin-left: 6px; } .gedit-search-slider entry:dir(ltr) image.right { margin-right: 0; } .gedit-search-slider entry:dir(rtl) { margin-left: -66px; padding-left: 66px; } .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag { margin-right: 6px; } .gedit-search-slider entry:dir(rtl) image.left { margin-left: 0; } .gedit-search-slider entry.error ~ button { color: rgba(255, 255, 255, 0.7); } .gedit-search-slider entry.error ~ button:hover, .gedit-search-slider entry.error ~ button:active { color: #FFFFFF; } .gedit-search-slider entry.error ~ button:disabled { color: rgba(255, 255, 255, 0.3); } .gedit-search-slider button { border: solid 6px transparent; } .gedit-search-slider button:last-child:dir(ltr), .gedit-search-slider button:not(:first-child):dir(rtl) { margin-left: -3px; } .gedit-search-slider button:first-child:dir(rtl), .gedit-search-slider 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; } /************** * Tweak Tool * **************/ .tweak-categories { background-image: image(#F5F5F5); } .tweak { padding: 3px; } .tweak.title:hover { box-shadow: none; } .tweak-group-white, .tweak-white, .tweak-white:hover { background-image: image(#FFFFFF); } .tweak-startup, .tweak-startup:hover { background-image: image(#FFFFFF); } .tweak-group-startup { background-image: image(#FFFFFF); border: 1px solid rgba(0, 0, 0, 0.12); } row#Focus, row#StaticWorkspaceTweak, row#dynamic-workspaces, row#PrimaryWorkspaceTweak, row#workspaces-only-on-primary { padding: 0; border: 1px solid rgba(0, 0, 0, 0.12); } row#Focus 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(0, 0, 0, 0.12); } row#Focus.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#PrimaryWorkspaceTweak, row#workspaces-only-on-primary { margin-top: 4px; } /*********** * Builder * ***********/ layouttabbar { border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: #EEEEEE; } layouttabbar > box > button { margin: 2px 0; } layouttab { margin: 0 8px; border-style: none solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.12); box-shadow: inset 0 -2px #338DD6; background-color: #FFFFFF; } layouttab separator.vertical { margin: 8px 4px; } layouttab button.text-button, layouttab button.image-button, layouttab button { margin-top: 8px; margin-bottom: 8px; padding: 0 4px; } layout { border: 1px solid rgba(0, 0, 0, 0.12); -PnlDockBin-handle-size: 1; } entry.search-missing { background-color: #DD2C00; color: #FFFFFF; } window.workbench treeview.image { color: rgba(0, 0, 0, 0.54); } window.workbench treeview.image:selected { color: rgba(255, 255, 255, 0.7); } popover.popover-selector list { padding: 6px; } popover.popover-selector list row { border-radius: 2px; } 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: 2px; } omnibar:not(:hover):not(:active) entry { color: rgba(0, 0, 0, 0.54); } popover.omnibar list row:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } entry.preferences-search { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } preferences stacksidebar.sidebar list { background-color: #F5F5F5; } preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list { border-style: none; } preferences > box > box:dir(ltr) { border-right: 1px solid rgba(0, 0, 0, 0.12); } preferences > box > box:dir(rtl) { border-left: 1px solid rgba(0, 0, 0, 0.12); } popover.messagepopover.background { padding: 0; } popover.messagepopover .popover-action-area button { padding: 8px 16px; border-top: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0; } popover.messagepopover .popover-action-area button:first-child { border-bottom-left-radius: 2px; } popover.messagepopover .popover-action-area button:last-child { border-bottom-right-radius: 2px; } popover.messagepopover .popover-content-area { margin: 16px; } popover.transfers list { background-color: transparent; } popover.transfers list row:not(:first-child) { border-top: 1px solid rgba(0, 0, 0, 0.12); } popover.transfers list row > box { padding: 10px; } dockbin { border: 1px solid rgba(0, 0, 0, 0.12); -PnlDockBin-handle-size: 1; } dockpaned { border: 1px solid rgba(0, 0, 0, 0.12); } eggsearchbar box.search-bar { padding: 0 8px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: #EEEEEE; } docktabstrip { padding: 0 8px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: #EEEEEE; } docktab { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; min-height: 24px; min-width: 24px; margin-bottom: -1px; padding: 6px 6px; outline-offset: -6px; border-width: 1px; border-color: transparent; background-image: radial-gradient(circle farthest-corner at center, #338DD6 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; color: rgba(0, 0, 0, 0.54); font-weight: 500; } docktab:hover { box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } docktab:checked { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 270ms cubic-bezier(0, 0, 0.2, 1), background-image 720ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 -2px #338DD6; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-size: 1000% 1000%; color: rgba(0, 0, 0, 0.87); } dockoverlayedge { background-color: #EEEEEE; } dockoverlayedge docktabstrip { padding: 0; border: none; } dockoverlayedge.left-edge docktab:hover { box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26); } dockoverlayedge.left-edge docktab:checked { box-shadow: inset -2px 0 #338DD6; } dockoverlayedge.right-edge docktab:hover { box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26); } dockoverlayedge.right-edge docktab:checked { box-shadow: inset 2px 0 #338DD6; } pillbox { background-color: #EEEEEE; border-radius: 2px; } layoutpane entry.search { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } editortweak entry.search { margin-bottom: -1px; box-shadow: none; } .gb-search-entry-occurrences-tag { box-shadow: none; background-color: transparent; } docktabstrip { min-height: 39px; } window.workbench preferences preferencesgroup list entry { padding-top: 8px; padding-bottom: 8px; } button.run-arrow-button { padding-left: 10px; padding-right: 10px; } button.dzlmenubutton image { min-width: 30px; } button.dzlmenubutton image.arrow { min-width: 27px; } button.dzlmenubuttonitem { color: rgba(0, 0, 0, 0.87); font-weight: normal; } button.dzlmenubuttonitem:disabled { color: rgba(0, 0, 0, 0.38); } idelayoutstackheader { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } idelayoutstackheader button:checked { color: rgba(0, 0, 0, 0.87); } ideeditorutilities > dzldockpaned > box > stackswitcher { padding: 8px 0; background-color: #EEEEEE; } ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) { border-right: 1px solid rgba(0, 0, 0, 0.12); } ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) { border-left: 1px solid rgba(0, 0, 0, 0.12); } ideeditorutilities > dzldockpaned > box > stackswitcher button { border-radius: 0; outline-offset: -6px; box-shadow: none; background-color: transparent; } ideeditorutilities > dzldockpaned > box > stackswitcher button:active { background-image: radial-gradient(circle farthest-corner at center, rgba(51, 141, 214, 0.7) 10%, transparent 0%); } ideeditorutilities > dzldockpaned > box > stackswitcher button:checked { background-color: transparent; color: rgba(0, 0, 0, 0.87); } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) { margin-right: -1px; } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):hover { box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26); } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked { box-shadow: inset -2px 0 #338DD6; } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) { margin-left: -1px; } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):hover { box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26); } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked { box-shadow: inset 2px 0 #338DD6; } ideeditorsidebar notebook header { background: transparent; } popover.messagepopover list { border: 1px solid rgba(0, 0, 0, 0.12); } popover.messagepopover list row:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } /********** * Photos * **********/ GdMainIconView.content-view { -GdMainIconView-icon-size: 48; } .documents-counter { margin: 8px; border-radius: 9999px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); background-color: #009688; color: #FFFFFF; font-weight: bold; } .documents-scrolledwin.frame { border-style: none; } .documents-scrolledwin.frame frame.content-view > border { border-style: none; } .photos-fade-in { opacity: 1; transition: opacity 180ms cubic-bezier(0, 0, 0.2, 1); } .photos-fade-out { opacity: 0; transition: opacity 180ms cubic-bezier(0, 0, 0.2, 1); } overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) { border-style: none none none solid; } overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) { border-style: none solid none none; } /********* * Music * *********/ .side-panel:dir(ltr) { border-style: solid; border-color: rgba(0, 0, 0, 0.12); } .side-panel:dir(rtl) { border-style: solid; border-color: rgba(0, 0, 0, 0.12); } .side-panel .view { background-image: image(#F5F5F5); } .side-panel .view:hover { background-image: image(rgba(235, 235, 235, 0.9935)); } .side-panel .view:selected { background-image: image(#338DD6); } .side-panel .view:selected:hover { background-image: image(#3d93d8); } .songs-list:hover { background-image: image(alpha(currentColor, 0.05)); } frame.documents-dropdown { margin: 8px; } frame.documents-dropdown > border { border: none; } box.vertical > revealer > toolbar.search-bar { border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-clip: border-box; } box.vertical > revealer > toolbar.search-bar button > widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } /********* * To Do * *********/ taskrow { transition: all 180ms cubic-bezier(0, 0, 0.2, 1); margin: 0 -8px; } taskrow:hover { transition: none; } taskrow label { margin: 0 8px; } taskrow image { min-width: 16px; } task-list-view > box > revealer > box > button { margin: -6px; } /******* * eog * *******/ #eog-thumb-nav scrolledwindow { border-top: none; } #eog-thumb-nav button { -gtk-outline-radius: 2px; } /************* * 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(0, 0, 0, 0.12); } list.categories { background-image: image(#F5F5F5); } /********* * Boxes * *********/ .transparent-bg + stack overlay > label { min-height: 24px; padding: 0 4px; border-radius: 2px; background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; } /************** * Calculator * **************/ button.title label { min-height: 36px; } /********* * Geary * *********/ .geary-titlebar-left:dir(ltr) { margin-right: 5px; padding-right: 0; } .geary-titlebar-left:dir(rtl) { margin-left: 5px; padding-left: 0; } .geary-titlebar-left > separator { background-color: rgba(0, 0, 0, 0.05); } .geary-titlebar-right:dir(ltr) { margin-left: -5px; } .geary-titlebar-right:dir(rtl) { margin-right: -5px; } /********* * Tilix * *********/ overlay > revealer.left > scrolledwindow.frame, overlay > revealer.right > scrolledwindow.frame { border-style: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22); } 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(#FAFAFA); } button.image-button.session-new-button { min-width: 32px; } /*********** * 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: 2px; } /************ * Chromium * ************/ tooltip.chromium { background-color: #424242; } /*********** * Firefox * ***********/ window.background:not(.csd) > widget > separator { color: rgba(0, 0, 0, 0.26); } window.background:not(.csd) > widget > scrollbar { background-clip: border-box; } window.background:not(.csd) > widget > scrollbar, window.background:not(.csd) > widget > frame > border { border-color: rgba(0, 0, 0, 0.26); } window.background:not(.csd) > widget > entry, window.background:not(.csd) > widget > button > button { border: 1px solid rgba(0, 0, 0, 0.26); border-radius: 3px; box-shadow: none; } window.background:not(.csd) > widget > entry { min-height: 30px; } window.background:not(.csd) > widget > entry:focus { border-color: #338DD6; } window.background:not(.csd) > widget > button > button { padding: 4px 8px; background-size: auto; } window.background:not(.csd) > widget > button > button:hover { background-image: image(alpha(currentColor, 0.05)); } window.background:not(.csd) > widget > button > button:active { background-image: image(alpha(currentColor, 0.1)); } window.background:not(.csd) > widget > checkbutton > check:not(:checked), window.background:not(.csd) > widget > radiobutton > radio:not(:checked) { color: #757575; } window.background:not(.csd) > widget > checkbutton > check:not(:checked):hover, window.background:not(.csd) > widget > checkbutton > check:not(:checked):active, window.background:not(.csd) > widget > radiobutton > radio:not(:checked):hover, window.background:not(.csd) > widget > radiobutton > radio:not(:checked):active { color: #212121; } window.background:not(.csd) > widget > checkbutton > check:not(:checked):disabled, window.background:not(.csd) > widget > radiobutton > radio:not(:checked):disabled { color: rgba(117, 117, 117, 0.5); } window.background:not(.csd) > window > menu, window.background:not(.csd) > menu > menu { border: none; } window.background:not(.csd) > widget > menubar { color: rgba(0, 0, 0, 0.54); } window.background:not(.csd) > widget > menubar:hover { color: rgba(0, 0, 0, 0.87); } window.background:not(.csd) > widget > menubar:disabled { color: rgba(0, 0, 0, 0.26); } window.background:not(.csd) > widget > frame { color: rgba(0, 0, 0, 0.26); } window.background:not(.csd) > widget > checkbutton > check, window.background:not(.csd) > widget > radiobutton > radio { margin: 0; padding: 0; } window.background:not(.csd) > window.background > menu > separator { color: rgba(0, 0, 0, 0.12); } /************ * 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: 2px; -gtk-outline-radius: 2px; } #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: 2px; -gtk-outline-radius: 2px; } #CanvasTable button { min-height: 16px; min-width: 16px; padding: 0; } #CanvasTable #HorizontalScrollbar { border-top: 1px solid rgba(0, 0, 0, 0.12); } #CanvasTable #VerticalScrollbar:dir(ltr) { border-left: 1px solid rgba(0, 0, 0, 0.12); } #CanvasTable #VerticalScrollbar:dir(rtl) { border-right: 1px solid rgba(0, 0, 0, 0.12); } #Canvas_and_Dock frame > border { border: none; } #Canvas_and_Dock widget > widget > button.flat { min-height: 16px; min-width: 16px; padding: 4px; } #Canvas_and_Dock widget > widget > box.horizontal image { padding: 4px; } #Canvas_and_Dock box.horizontal > box.vertical > button.flat { min-height: 16px; min-width: 24px; padding: 8px 4px; } /*********** * Synapse * ***********/ box.vertical > widget > widget:selected { background-color: #338DD6; } /********* * 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: #338DD6; -UnityDecoration-title-indent: 4px; -UnityDecoration-title-fade: 32px; -UnityDecoration-title-alignment: 0.0; } UnityDecoration .top { padding: 0 2px; border-style: none; border-radius: 2px 2px 0 0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: #E0E0E0; color: rgba(0, 0, 0, 0.87); } UnityDecoration .top:backdrop { color: rgba(0, 0, 0, 0.54); } UnityDecoration .menuitem { color: rgba(0, 0, 0, 0.54); } UnityDecoration .menuitem:hover { box-shadow: inset 0 -2px #338DD6; background-color: transparent; color: rgba(0, 0, 0, 0.87); } .background:not(.csd) headerbar:not(.titlebar) { border-radius: 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .background:not(.csd) headerbar:not(.titlebar).inline-toolbar { border-style: none; } UnityPanelWidget, .unity-panel { background-color: #cfcfcf; color: rgba(0, 0, 0, 0.87); } UnityPanelWidget:backdrop, .unity-panel:backdrop { color: rgba(0, 0, 0, 0.54); } .unity-panel.menuitem, .unity-panel .menuitem { color: rgba(0, 0, 0, 0.54); } .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem *:hover { box-shadow: inset 0 -2px #338DD6; background-color: transparent; color: rgba(0, 0, 0, 0.87); } .menu IdoPlaybackMenuItem.menuitem:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: spin 1s linear infinite; color: #338DD6; } /************** * Mate-Panel * **************/ .mate-panel-menu-bar menubar, #PanelApplet-window-menu-applet-button { background-color: transparent; } .mate-panel-menu-bar { background-color: rgba(0, 0, 0, 0.6); font-weight: 500; } .mate-panel-menu-bar:not(.popup) { color: rgba(255, 255, 255, 0.7); } .mate-panel-menu-bar button { min-height: 16px; min-width: 16px; padding: 0; border-radius: 0; } .mate-panel-menu-bar button:checked { background-color: rgba(255, 255, 255, 0.12); } PanelToplevel.horizontal > grid > button { min-width: 24px; } PanelToplevel.vertical > grid > button { min-height: 24px; } PanelSeparator { color: rgba(255, 255, 255, 0.12); } MatePanelAppletFrameDBus { border-style: solid; border-color: rgba(255, 255, 255, 0.12); } .mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus { border-width: 0 1px; } .mate-panel-menu-bar.vertical MatePanelAppletFrameDBus { border-width: 1px 0; } .mate-panel-menu-bar menubar > menuitem { color: rgba(255, 255, 255, 0.7); } .mate-panel-menu-bar menubar > menuitem:hover { 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 0px; } .mate-panel-menu-bar #tasklist-button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; } .mate-panel-menu-bar #tasklist-button image:dir(ltr), .mate-panel-menu-bar #tasklist-button label:dir(rtl) { padding-left: 4px; } .mate-panel-menu-bar #tasklist-button label:dir(ltr), .mate-panel-menu-bar #tasklist-button image:dir(rtl) { padding-right: 4px; } .mate-panel-menu-bar.vertical #tasklist-button { min-height: 32px; } .mate-panel-menu-bar.horizontal #showdesktop-button image { min-width: 24px; padding: 0 4px; } .mate-panel-menu-bar.vertical #showdesktop-button image { min-height: 24px; padding: 4px 0; } PanelApplet.wnck-applet .wnck-pager { background-color: transparent; color: #40C4FF; } PanelApplet.wnck-applet .wnck-pager:hover { background-color: rgba(255, 255, 255, 0.12); } PanelApplet.wnck-applet .wnck-pager:active { background-color: rgba(255, 255, 255, 0.3); } PanelApplet.wnck-applet .wnck-pager:selected { background-color: #338DD6; } .mate-panel-menu-bar.horizontal #clock-applet-button label { padding: 0 8px; } .mate-panel-menu-bar.vertical #clock-applet-button label { padding: 8px 0; } #MatePanelPopupWindow { border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 3px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } #MatePanelPopupWindow frame > border { border-style: none; } #MatePanelPopupWindow button { padding: 4px 16px; } #MatePanelPopupWindow ClockMap { border: 1px solid rgba(0, 0, 0, 0.12); } #MatePanelPopupWindow widget { color: rgba(0, 0, 0, 0.12); } na-tray-applet { -NaTrayApplet-icon-padding: 3px; -NaTrayApplet-icon-size: 16; } .mate-panel-menu-bar { -PanelMenuBar-icon-visible: true; } .mate-panel-applet-slider { border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 3px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: #EEEEEE; } .mate-panel-applet-slider frame > border { border-style: none; } #PanelApplet:not(:selected) > box { transition: all 180ms 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(0, 0, 0, 0.12); } #mate-menu button { min-height: 24px; min-width: 24px; padding: 4px 0; color: rgba(0, 0, 0, 0.87); font-weight: normal; } #mate-menu button label:not(:first-child) { color: rgba(0, 0, 0, 0.54); } #mate-menu entry { margin: 0 0 8px; } #mate-menu entry image { margin: 0; } #mate-menu entry + button { margin: 0 4px 8px; padding: 6px; } /********************* * CAJA File manager * *********************/ .caja-navigation-window button.toggle.image-button { border-radius: 2px; } .caja-pathbar button { margin: 0 -1px 0 -2px; } .caja-pathbar button > widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -GtkArrow-arrow-scaling: 1; } .caja-side-pane notebook viewport.frame, .caja-side-pane notebook widget .vertical { background-color: #FFFFFF; } .caja-side-pane notebook, .caja-notebook { border-top: 1px solid rgba(0, 0, 0, 0.12); } .caja-side-pane notebook .frame, .caja-notebook .frame { border-style: none; } .caja-navigation-window statusbar { margin: 0 -10px; padding: 0 4px; border-top: 1px solid rgba(0, 0, 0, 0.12); } .caja-notebook frame > border { border-style: none; } #caja-extra-view-widget { border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: #EEEEEE; } #caja-extra-view-widget > box > box > label { font-weight: bold; } /********* * Pluma * *********/ .pluma-window statusbar { margin: 0 -10px; padding: 0 4px; border-top: 1px solid rgba(0, 0, 0, 0.12); } .pluma-window statusbar frame > border { border-style: none; } .pluma-window statusbar frame button.flat { padding: 0 4px; border-radius: 0; } .pluma-window statusbar frame button.flat widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -GtkArrow-arrow-scaling: 1; } .pluma-print-preview toolbar { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .pluma-window paned.horizontal box.vertical box.horizontal button.flat { margin: 1px; } .pluma-window paned.horizontal box.vertical .frame { border-style: none; } .pluma-window paned.horizontal box.vertical notebook.frame { margin-top: -1px; border-top: 1px solid rgba(0, 0, 0, 0.12); } .pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } /********* * Atril * *********/ .atril-window paned.horizontal box.vertical .frame { border-style: none; } .atril-window paned.horizontal box.vertical notebook .frame { border-top: 1px solid rgba(0, 0, 0, 0.12); } /* mate-screensaver lock dialog */ .lock-dialog { border-radius: 2px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), inset 0 1px rgba(255, 255, 255, 0.4); } .lock-dialog frame > border { border-style: none; } /****************** * 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: 2px; -gtk-outline-radius: 2px; } .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: 3px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); background-color: #FAFAFA; } .budgie-popover .container { padding: 2px; } .budgie-popover border { border: none; } .budgie-popover list { background-color: transparent; } .budgie-popover row { padding: 0; } .budgie-popover row:hover { box-shadow: none; } .budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { min-height: 28px; padding: 0 8px; color: rgba(0, 0, 0, 0.87); font-weight: normal; } .budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled { color: rgba(0, 0, 0, 0.38); } .budgie-popover.budgie-menu .container { padding: 0; } .budgie-popover.user-menu .container { padding: 8px; } .budgie-popover.user-menu separator { margin: 4px 0; } .budgie-popover.sound-popover separator { margin: 3px 0; } .budgie-popover.night-light-indicator .container { padding: 8px; } .budgie-popover.places-menu .container { padding: 8px; } .budgie-popover.places-menu .places-list:not(.always-expand) { margin-top: 4px; padding-top: 4px; border-top: 1px solid rgba(0, 0, 0, 0.12); } .budgie-popover.places-menu .alternative-label { padding: 3px; font-size: 15px; } .budgie-popover.workspace-popover .container { padding: 2px 8px 8px; } .budgie-popover.workspace-popover separator { margin: 4px 0; } .budgie-popover.workspace-popover flowboxchild { padding: 0; } .workspace-switcher .workspace-layout { border: 0 solid rgba(255, 255, 255, 0.12); } .top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { border-left-width: 1px; } .top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { border-right-width: 1px; } .left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { border-top-width: 1px; } .workspace-switcher .workspace-item, .workspace-switcher .workspace-add-button { border: 0 solid rgba(255, 255, 255, 0.12); } .top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { border-right-width: 1px; } .top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { border-left-width: 1px; } .left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { border-bottom-width: 1px; } .workspace-switcher .workspace-item { transition: all 180ms 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: 2px; } .budgie-menu.background { padding: 0; background-color: #FFFFFF; } .budgie-menu scrollbar, .budgie-menu entry.search { background-color: transparent; } .budgie-menu entry.search { border-bottom: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0; box-shadow: none; font-size: 120%; } .budgie-menu .categories:dir(ltr) { border-bottom-left-radius: 2px; } .budgie-menu .categories:dir(rtl) { border-bottom-right-radius: 2px; } .budgie-menu button { min-height: 32px; padding: 0 8px; border-radius: 0; color: rgba(0, 0, 0, 0.87); font-weight: normal; } .budgie-menu button:disabled { color: rgba(0, 0, 0, 0.38); } .budgie-menu button:checked:disabled { background-color: #338DD6; } .budgie-menu row { padding: 0; } .budgie-menu row:hover { box-shadow: none; } popover.background.user-menu { padding: 8px; } popover.background.user-menu .content-box { background-color: transparent; } popover.background.user-menu separator { margin: 4px 0; } popover.background.user-menu row { padding: 0; box-shadow: none; background-image: none; } popover.background.places-menu { padding: 8px; } popover.background.places-menu .name-button.text-button { padding-left: 8px; padding-right: 8px; } popover.background.places-menu .name-button.text-button image:dir(ltr) { margin-right: 3px; } popover.background.places-menu .name-button.text-button image:dir(rtl) { margin-left: 3px; } popover.background.places-menu .places-section-header > image:dir(ltr) { margin: 0 -2px 0 5px; } popover.background.places-menu .places-section-header > image:dir(rtl) { margin: 0 5px 0 -2px; } popover.background.places-menu .places-list { margin-top: 4px; padding-top: 4px; border-top: 1px solid rgba(0, 0, 0, 0.12); background-color: transparent; } popover.background.places-menu row { padding: 0; box-shadow: none; background-image: none; } .budgie-panel { transition: background-color 270ms cubic-bezier(0, 0, 0.2, 1); background-color: rgba(0, 0, 0, 0.6); color: rgba(255, 255, 255, 0.7); font-weight: 500; } .budgie-panel.transparent { background-color: rgba(0, 0, 0, 0.6); } .budgie-panel button { min-height: 16px; min-width: 16px; padding: 0; border-radius: 0; } .budgie-panel button:checked { background-color: rgba(255, 255, 255, 0.12); } .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: #FF5252; } .budgie-panel #tasklist-button { padding: 0 4px; } .budgie-panel.vertical #tasklist-button { min-height: 32px; } .budgie-panel button.flat.launcher { padding: 0; } .budgie-panel button.flat.launcher:not(:checked) { color: rgba(255, 255, 255, 0.5); } .budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { color: rgba(255, 255, 255, 0.7); } .budgie-panel button.flat.launcher:not(:checked):disabled { color: rgba(255, 255, 255, 0.3); } .top .budgie-panel #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; } .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, .top .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .top button.flat.launcher, .top .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .top button.flat.launcher.running { 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; } .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, .bottom .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .bottom button.flat.launcher, .bottom .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .bottom button.flat.launcher.running { 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; } .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, .left .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .left button.flat.launcher, .left .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .left button.flat.launcher.running { 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; } .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, .right .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .right button.flat.launcher, .right .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .right button.flat.launcher.running { 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 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22); } .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: #FAFAFA; } .raven > box { margin-bottom: -10px; } .raven > stack { margin-bottom: -10px; } .raven stackswitcher.linked > button { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 0%, transparent 0%) 0 0 0/0 0 0px; border-radius: 0; } .raven stackswitcher.linked > button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 100%, transparent 0%) 0 0 2/0 0 2px; background-color: transparent; } .raven .raven-header { min-height: 36px; padding: 3px; } .raven .raven-header:not(.top) { margin-top: -6px; } .raven .raven-header.top { padding: 2px 0; background-color: #338DD6; color: #FFFFFF; } .raven .raven-header.top stackswitcher button { margin: -6px 0; min-height: 36px; } .raven .raven-header.top button.image-button:dir(ltr) { margin-right: 2px; } .raven .raven-header.top button.image-button:dir(rtl) { margin-left: 2px; } .raven .raven-header.top > image { margin: 0 8px; } .raven .raven-header.top > label { margin: 0 -8px; font-weight: bold; } .raven .raven-header.bottom { border-top: 1px solid rgba(0, 0, 0, 0.12); } .raven viewport.frame .raven-header { margin-top: -8px; } .raven .raven-background { border-style: solid none; border-width: 1px; border-color: rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } .raven .raven-background.frame { border-style: solid none; } .raven .raven-background > overlay > widget > image { color: rgba(0, 0, 0, 0.12); } .raven .raven-background grid > label:first-child { min-height: 36px; } .raven scrolledwindow.raven-background { border-bottom-style: none; } .raven .raven-header.top + .raven-background { border-style: none; background-color: #338DD6; color: #FFFFFF; } .raven .raven-header.top + .raven-background stackswitcher button { margin: -4px 0; } .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: 2px; background-color: #338DD6; } .raven-mpris { background-color: rgba(0, 0, 0, 0.6); color: #FFFFFF; } .raven-mpris label { min-height: 24px; } .raven-mpris button.image-button { padding: 12px; } .budgie-notification-window, .budgie-osd-window, .budgie-switcher-window { background-color: transparent; } .budgie-notification .notification-title, .budgie-switcher .notification-title { font-size: 120%; } .budgie-osd .budgie-osd-text { font-size: 120%; } .drop-shadow { margin: 5px 9px; padding: 3px; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FAFAFA; } .drop-shadow .linked > button { border-radius: 2px; } .budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { border-radius: 2px; background-color: #FAFAFA; } .budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration { border-radius: 2px; } .budgie-session-dialog label:not(:last-child), .budgie-session-dialog .dialog-title { font-size: 120%; } .budgie-session-dialog .linked.horizontal > button { padding: 8px 16px; border-top: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0; } .budgie-session-dialog .linked.horizontal > button:first-child { border-bottom-left-radius: 2px; } .budgie-session-dialog .linked.horizontal > button:last-child { border-bottom-right-radius: 2px; } .budgie-polkit-dialog .message { color: rgba(0, 0, 0, 0.38); } .budgie-polkit-dialog .failure { color: #FF5252; } .budgie-run-dialog { background-color: #FFFFFF; } .budgie-run-dialog entry.search { font-size: 120%; padding: 6px 14px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: transparent; } .budgie-run-dialog list .dim-label, .budgie-run-dialog list label.separator, .budgie-run-dialog list .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .budgie-run-dialog list .subtitle, .budgie-run-dialog list headerbar .subtitle, headerbar .budgie-run-dialog list .subtitle, .budgie-run-dialog list .budgie-notification .notification-body, .budgie-notification .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher .notification-body, .budgie-switcher .budgie-run-dialog list .notification-body { opacity: 1; } .budgie-run-dialog scrolledwindow { border-top: 1px solid rgba(0, 0, 0, 0.12); } /************************ * LightDM GTK+ Greeter * ************************/ #panel_window { background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; } #panel_window menubar, #panel_window separator { background-color: transparent; } #panel_window separator { padding: 0 4px; } #panel_window separator:first-child { padding: 0 8px; } #panel_window menubar > menuitem { color: rgba(255, 255, 255, 0.7); } #panel_window menubar > menuitem:hover { color: #FFFFFF; } #panel_window menubar > menuitem:disabled label { color: rgba(255, 255, 255, 0.3); } #login_window, #shutdown_dialog, #restart_dialog { margin: 8px; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FAFAFA; } #content_frame { padding-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); } #buttonbox_frame { padding-top: 24px; } #buttonbox_frame button { margin: -16px; } #greeter_infobar { margin-top: -1px; } /* GTK NAMED COLORS ---------------- use responsibly! */ /* widget text/foreground color */ @define-color theme_fg_color rgba(0, 0, 0, 0.87); /* text color for entries, views and content in general */ @define-color theme_text_color rgba(0, 0, 0, 0.87); /* widget base background color */ @define-color theme_bg_color #EEEEEE; /* text widgets and the like base background color */ @define-color theme_base_color #FFFFFF; /* base background color of selections */ @define-color theme_selected_bg_color #338DD6; /* text/foreground color of selections */ @define-color theme_selected_fg_color #FFFFFF; /* base background color of insensitive widgets */ @define-color insensitive_bg_color #EEEEEE; /* text foreground color of insensitive widgets */ @define-color insensitive_fg_color rgba(0, 0, 0, 0.38); /* insensitive text widgets and the like base background color */ @define-color insensitive_base_color #F5F5F5; /* widget text/foreground color on backdrop windows */ @define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.87); /* text color for entries, views and content in general on backdrop windows */ @define-color theme_unfocused_text_color rgba(0, 0, 0, 0.87); /* widget base background color on backdrop windows */ @define-color theme_unfocused_bg_color #EEEEEE; /* text widgets and the like base background color on backdrop windows */ @define-color theme_unfocused_base_color #FFFFFF; /* base background color of selections on backdrop windows */ @define-color theme_unfocused_selected_bg_color #338DD6; /* text/foreground color of selections on backdrop windows */ @define-color theme_unfocused_selected_fg_color #FFFFFF; /* insensitive color on backdrop windows */ @define-color unfocused_insensitive_color rgba(0, 0, 0, 0.38); /* widgets main borders color */ @define-color borders rgba(0, 0, 0, 0.12); /* widgets main borders color on backdrop windows */ @define-color unfocused_borders rgba(0, 0, 0, 0.12); /* these are pretty self explicative */ @define-color warning_color #FF6D00; @define-color error_color #DD2C00; @define-color success_color #00C853; /* FIXME this is really an API */ @define-color content_view_bg #FFFFFF; @define-color placeholder_text_color #757575; materia-theme-20180321/src/gtk/3.22/gtk-light.scss000066400000000000000000000004331325420104000212140ustar00rootroot00000000000000$variant: 'light'; $titlebar: 'light'; $compact: 'false'; @import '../../_sass/gtk/variables'; @import '../../_sass/colors'; @import '../../_sass/gtk/drawing-3.20'; @import '../../_sass/gtk/common-3.20'; @import '../../_sass/gtk/apps-3.22'; @import '../../_sass/gtk/colors-public'; materia-theme-20180321/src/gtk/3.22/gtk.css000066400000000000000000004671661325420104000177500ustar00rootroot00000000000000@keyframes ripple_effect { to { background-size: 1000% 1000%; } } @keyframes header_ripple_effect { from { background-image: radial-gradient(circle farthest-corner at center, #338DD6 0%, transparent 0%); } to { background-image: radial-gradient(circle farthest-corner at center, #338DD6 100%, transparent 0%); } } * { background-clip: padding-box; -GtkToolButton-icon-spacing: 0; -GtkTextView-error-underline-color: #DD2C00; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 24; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-style: solid; outline-width: 2px; outline-color: transparent; outline-offset: -4px; -gtk-outline-radius: 2px; -gtk-secondary-caret-color: #338DD6; } notebook:focus tab, *:focus { outline-color: alpha(currentColor, 0.3); } /*************** * Base States * ***************/ .background { background-color: #EEEEEE; color: rgba(0, 0, 0, 0.87); } /* 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: #EEEEEE; color: rgba(0, 0, 0, 0.87); } .gtkstyle-fallback:hover { background-color: #e1e1e1; color: rgba(0, 0, 0, 0.87); } .gtkstyle-fallback:active { background-color: #d5d5d5; color: rgba(0, 0, 0, 0.87); } .gtkstyle-fallback:disabled { background-color: #EEEEEE; color: rgba(0, 0, 0, 0.38); } .gtkstyle-fallback:selected { background-color: #338DD6; color: #FFFFFF; } .view { background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } .view:disabled { color: rgba(0, 0, 0, 0.38); } .view:hover, .view:active, .view:selected { border-radius: 2px; } textview text { background-color: #FFFFFF; } textview border { background-color: #F5F5F5; color: rgba(0, 0, 0, 0.38); } .rubberband, rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, .content-view .rubberband { border: 1px solid #40C4FF; background-color: rgba(64, 196, 255, 0.3); } flowbox flowboxchild { padding: 4px; border-radius: 2px; } .content-view .tile:selected { background-color: transparent; color: inherit; } label { caret-color: currentColor; } label.separator { color: rgba(0, 0, 0, 0.87); } label selection { background-color: #338DD6; color: #FFFFFF; } label:disabled { color: rgba(0, 0, 0, 0.38); } tab label:disabled, button label:disabled { color: inherit; } .dim-label, label.separator, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, .budgie-notification .notification-body, .budgie-switcher .notification-body { opacity: 0.6; } assistant .sidebar { padding: 4px 0; } assistant .sidebar label { min-height: 36px; padding: 0 12px; color: rgba(0, 0, 0, 0.38); font-weight: 500; } assistant .sidebar label.highlight { color: rgba(0, 0, 0, 0.87); } popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .app-notification, .osd .scale-popup, .nautilus-window .floating-bar, .osd { opacity: 0.9; } /********************* * Spinner Animation * *********************/ @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } spinner:checked { opacity: 1; animation: spin 1s linear infinite; } spinner:checked:disabled { opacity: 0.5; } /**************** * Text Entries * ****************/ spinbutton:not(.vertical), entry { min-height: 36px; padding: 0 8px; border-radius: 2px; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } spinbutton:focus:not(.vertical), entry:focus { border-image: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } spinbutton:disabled:not(.vertical), entry:disabled { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #F5F5F5; color: rgba(0, 0, 0, 0.38); } spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) entry:not(.search), notebook > stack:not(:only-child) spinbutton:not(.vertical), messagedialog entry, colorchooser .popover.osd spinbutton:not(.vertical), entry.preferences-search, layoutpane entry.search, editortweak entry.search, .raven .raven-background spinbutton:not(.vertical), #login_window entry, entry.flat { border-radius: 0; transition: all 270ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); background-color: transparent; color: rgba(0, 0, 0, 0.87); } spinbutton.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry:focus:not(.search), notebook > stack:not(:only-child) spinbutton:focus:not(.vertical), messagedialog entry:focus, colorchooser .popover.osd spinbutton:focus:not(.vertical), entry.preferences-search:focus, layoutpane entry.search:focus, editortweak entry.search:focus, .raven .raven-background spinbutton:focus:not(.vertical), #login_window entry:focus, entry.flat:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); } spinbutton.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry:disabled:not(.search), notebook > stack:not(:only-child) spinbutton:disabled:not(.vertical), messagedialog entry:disabled, colorchooser .popover.osd spinbutton:disabled:not(.vertical), entry.preferences-search:disabled, layoutpane entry.search:disabled, editortweak entry.search:disabled, .raven .raven-background spinbutton:disabled:not(.vertical), #login_window entry:disabled, entry.flat:disabled { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: transparent; color: rgba(0, 0, 0, 0.38); } spinbutton:not(.vertical) image, entry image { color: rgba(0, 0, 0, 0.54); } spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active, entry image:hover, entry image:active { color: rgba(0, 0, 0, 0.87); } spinbutton:not(.vertical) image:disabled, entry image:disabled { color: rgba(0, 0, 0, 0.38); } 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) undershoot.left, entry undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: left top; } spinbutton:not(.vertical) undershoot.right, entry undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: right top; } spinbutton.error:not(.vertical), entry.error { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #DD2C00; color: #FFFFFF; } spinbutton.error:focus:not(.vertical), entry.error:focus { border-image: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } spinbutton.error:disabled:not(.vertical), entry.error:disabled { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #F5F5F5; color: rgba(0, 0, 0, 0.38); } spinbutton.error.flat:not(.vertical), notebook > stack:not(:only-child) entry.error:not(.search), notebook > stack:not(:only-child) spinbutton.error:not(.vertical), messagedialog entry.error, colorchooser .popover.osd spinbutton.error:not(.vertical), entry.error.preferences-search, layoutpane entry.error.search, editortweak entry.error.search, .raven .raven-background spinbutton.error:not(.vertical), #login_window entry.error, entry.error.flat { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 0%, transparent 0%) 0 0 0/0 0 0px; box-shadow: inset 0 -1px #DD2C00; background-color: transparent; color: rgba(0, 0, 0, 0.87); } spinbutton.error.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.error:focus:not(.search), notebook > stack:not(:only-child) spinbutton.error:focus:not(.vertical), messagedialog entry.error:focus, colorchooser .popover.osd spinbutton.error:focus:not(.vertical), entry.error.preferences-search:focus, layoutpane entry.error.search:focus, editortweak entry.error.search:focus, .raven .raven-background spinbutton.error:focus:not(.vertical), #login_window entry.error:focus, entry.error.flat:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 100%, transparent 0%) 0 0 2/0 0 2px; box-shadow: inset 0 -1px #DD2C00; } spinbutton.error.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.error:disabled:not(.search), notebook > stack:not(:only-child) spinbutton.error:disabled:not(.vertical), messagedialog entry.error:disabled, colorchooser .popover.osd spinbutton.error:disabled:not(.vertical), entry.error.preferences-search:disabled, layoutpane entry.error.search:disabled, editortweak entry.error.search:disabled, .raven .raven-background spinbutton.error:disabled:not(.vertical), #login_window entry.error:disabled, entry.error.flat:disabled { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: transparent; color: rgba(0, 0, 0, 0.38); } spinbutton.error:not(.vertical) image, entry.error image { color: rgba(255, 255, 255, 0.7); } spinbutton.error:not(.vertical) image:hover, spinbutton.error:not(.vertical) image:active, entry.error image:hover, entry.error image:active { color: #FFFFFF; } spinbutton.error:not(.vertical) image:disabled, entry.error image:disabled { color: rgba(255, 255, 255, 0.5); } spinbutton.warning:not(.vertical), entry.warning { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FF6D00; color: #FFFFFF; } spinbutton.warning:focus:not(.vertical), entry.warning:focus { border-image: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } spinbutton.warning:disabled:not(.vertical), entry.warning:disabled { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #F5F5F5; color: rgba(0, 0, 0, 0.38); } spinbutton.warning.flat:not(.vertical), notebook > stack:not(:only-child) entry.warning:not(.search), notebook > stack:not(:only-child) spinbutton.warning:not(.vertical), messagedialog entry.warning, colorchooser .popover.osd spinbutton.warning:not(.vertical), entry.warning.preferences-search, layoutpane entry.warning.search, editortweak entry.warning.search, .raven .raven-background spinbutton.warning:not(.vertical), #login_window entry.warning, entry.warning.flat { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 0%, transparent 0%) 0 0 0/0 0 0px; box-shadow: inset 0 -1px #FF6D00; background-color: transparent; color: rgba(0, 0, 0, 0.87); } spinbutton.warning.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.warning:focus:not(.search), notebook > stack:not(:only-child) spinbutton.warning:focus:not(.vertical), messagedialog entry.warning:focus, colorchooser .popover.osd spinbutton.warning:focus:not(.vertical), entry.warning.preferences-search:focus, layoutpane entry.warning.search:focus, editortweak entry.warning.search:focus, .raven .raven-background spinbutton.warning:focus:not(.vertical), #login_window entry.warning:focus, entry.warning.flat:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 100%, transparent 0%) 0 0 2/0 0 2px; box-shadow: inset 0 -1px #FF6D00; } spinbutton.warning.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.warning:disabled:not(.search), notebook > stack:not(:only-child) spinbutton.warning:disabled:not(.vertical), messagedialog entry.warning:disabled, colorchooser .popover.osd spinbutton.warning:disabled:not(.vertical), entry.warning.preferences-search:disabled, layoutpane entry.warning.search:disabled, editortweak entry.warning.search:disabled, .raven .raven-background spinbutton.warning:disabled:not(.vertical), #login_window entry.warning:disabled, entry.warning.flat:disabled { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: transparent; color: rgba(0, 0, 0, 0.38); } spinbutton.warning:not(.vertical) image, entry.warning image { color: rgba(255, 255, 255, 0.7); } spinbutton.warning:not(.vertical) image:hover, spinbutton.warning:not(.vertical) image:active, entry.warning image:hover, entry.warning image:active { color: #FFFFFF; } spinbutton.warning:not(.vertical) image:disabled, entry.warning image:disabled { color: rgba(255, 255, 255, 0.5); } spinbutton:not(.vertical) progress, entry progress { margin: 2px -6px; border-bottom: 2px solid #338DD6; background-color: transparent; } .linked:not(.vertical) > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) .linked:not(.vertical) > entry:not(.search), notebook > stack:not(:only-child) .linked:not(.vertical) > spinbutton:not(.vertical), messagedialog .linked:not(.vertical) > entry, colorchooser .popover.osd .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry.preferences-search, layoutpane .linked:not(.vertical) > entry.search, editortweak .linked:not(.vertical) > entry.search, .raven .raven-background .linked:not(.vertical) > spinbutton:not(.vertical), #login_window .linked:not(.vertical) > entry, .linked.vertical > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) .linked.vertical > entry:not(.search), notebook > stack:not(:only-child) .linked.vertical > spinbutton:not(.vertical), messagedialog .linked.vertical > entry, colorchooser .popover.osd .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry.preferences-search, layoutpane .linked.vertical > entry.search, editortweak .linked.vertical > entry.search, .raven .raven-background .linked.vertical > spinbutton:not(.vertical), #login_window .linked.vertical > entry, .linked:not(.vertical) > entry.flat, .linked.vertical > entry.flat { border-radius: 0; } treeview entry.flat, treeview entry { min-height: 0; padding: 2px; border-radius: 0; background-color: #FFFFFF; } treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus { border-image: none; box-shadow: none; } .entry-tag, .documents-entry-tag, .photos-entry-tag { margin: 6px; border-radius: 9999px; box-shadow: none; background-color: #338DD6; color: #FFFFFF; } .entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } :dir(ltr) .entry-tag, :dir(ltr) .documents-entry-tag, :dir(ltr) .photos-entry-tag { margin-left: 8px; margin-right: -2px; padding-left: 8px; padding-right: 4px; } :dir(rtl) .entry-tag, :dir(rtl) .documents-entry-tag, :dir(rtl) .photos-entry-tag { margin-left: -2px; margin-right: 8px; padding-left: 4px; padding-right: 8px; } .entry-tag.button, .button.documents-entry-tag, .button.photos-entry-tag { box-shadow: none; background-color: transparent; } .entry-tag.button:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active) { color: rgba(255, 255, 255, 0.7); } /*********** * Buttons * ***********/ @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#009688), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#009688), to(transparent)); } } button { min-height: 24px; min-width: 16px; padding: 6px 10px; border-radius: 2px; font-weight: 500; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1), background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 9999px transparent; background-color: #FAFAFA; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; color: rgba(0, 0, 0, 0.62); } button:hover { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px transparent; color: rgba(0, 0, 0, 0.87); } button:active { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px alpha(currentColor, 0.15); background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%); background-size: 0% 0%; color: rgba(0, 0, 0, 0.87); } button:disabled { box-shadow: none; background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.26); } button:checked { background-color: #338DD6; color: #FFFFFF; } button:checked:disabled { background-color: rgba(51, 141, 214, 0.3); color: rgba(51, 141, 214, 0.5); } modelbutton.flat, .menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button, popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check, radio, calendar.button, messagedialog.csd .dialog-action-area button, button.sidebar-button, .gedit-search-slider button, popover.messagepopover .popover-action-area button, #mate-menu button, .budgie-settings-window buttonbox.inline-toolbar button, .raven .raven-header:not(.top) button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, .lightdm-gtk-greeter button, :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) .path-bar button, layouttabbar button, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, toolbar button, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), headerbar button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button, button.flat { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 9999px transparent; background-color: transparent; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; color: rgba(0, 0, 0, 0.54); } modelbutton.flat:hover, .menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background.menu button:hover, popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover, radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button:hover, button.sidebar-button:hover, .gedit-search-slider button:hover, popover.messagepopover .popover-action-area button:hover, #mate-menu button:hover, .budgie-settings-window buttonbox.inline-toolbar button:hover, .raven .raven-header:not(.top) button:hover, .drop-shadow button:hover, .budgie-session-dialog .linked.horizontal > button:hover, .lightdm-gtk-greeter button:hover, :not(headerbar) .caja-pathbar button:hover, .caja-pathbar :not(headerbar) button:hover, :not(headerbar) .path-bar button:hover, layouttabbar button:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, toolbar button:hover, .titlebar:not(headerbar) button:hover:not(.suggested-action):not(.destructive-action), headerbar button:hover:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:hover, button.flat:hover { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15); color: rgba(0, 0, 0, 0.87); } modelbutton.flat:active, .menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background.menu button:active, popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active, radio:active, calendar.button:active, messagedialog.csd .dialog-action-area button:active, button.sidebar-button:active, .gedit-search-slider button:active, popover.messagepopover .popover-action-area button:active, #mate-menu button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, .raven .raven-header:not(.top) button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, .lightdm-gtk-greeter button:active, :not(headerbar) .caja-pathbar button:active, .caja-pathbar :not(headerbar) button:active, :not(headerbar) .path-bar button:active, layouttabbar button:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, toolbar button:active, .titlebar:not(headerbar) button:active:not(.suggested-action):not(.destructive-action), headerbar button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:active, button.flat:active { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15); background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%); background-size: 0% 0%; color: rgba(0, 0, 0, 0.87); } modelbutton.flat:disabled, .menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background.menu button:disabled, popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled, radio:disabled, calendar.button:disabled, messagedialog.csd .dialog-action-area button:disabled, button.sidebar-button:disabled, .gedit-search-slider button:disabled, popover.messagepopover .popover-action-area button:disabled, #mate-menu button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, .raven .raven-header:not(.top) button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, .lightdm-gtk-greeter button:disabled, :not(headerbar) .caja-pathbar button:disabled, .caja-pathbar :not(headerbar) button:disabled, :not(headerbar) .path-bar button:disabled, layouttabbar button:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, toolbar button:disabled, .titlebar:not(headerbar) button:disabled:not(.suggested-action):not(.destructive-action), headerbar button:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:disabled, button.flat:disabled { box-shadow: none; background-color: transparent; color: rgba(0, 0, 0, 0.26); } :not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .path-bar button:checked, layouttabbar button:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, toolbar button:checked, .titlebar:not(headerbar) button:checked:not(.suggested-action):not(.destructive-action), headerbar button:checked:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked, button.flat:checked { background-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } :not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar) .path-bar button:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, toolbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled:not(.suggested-action):not(.destructive-action), headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked:disabled, button.flat:checked:disabled { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.38); } button.text-button { padding-left: 16px; padding-right: 16px; } button.image-button { min-width: 24px; padding: 6px; } button.text-button.image-button { border-radius: 2px; -gtk-outline-radius: 2px; } 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; } toolbar .linked > button, .titlebar:not(headerbar) .linked > button:not(.suggested-action):not(.destructive-action), headerbar .linked > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button, toolbar .linked.vertical > button, .titlebar:not(headerbar) .linked.vertical > button:not(.suggested-action):not(.destructive-action), headerbar .linked.vertical > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked.vertical > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked.vertical > button, .linked > button.flat, .linked.vertical > button.flat { border-radius: 2px; } toolbar .linked > button.text-button.image-button, .titlebar:not(headerbar) .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action), headerbar .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.text-button.image-button, toolbar .linked.vertical > button.text-button.image-button, .titlebar:not(headerbar) .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action), headerbar .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked.vertical > button.text-button.image-button, .linked > button.flat.text-button.image-button, .linked.vertical > button.flat.text-button.image-button { border-radius: 2px; -gtk-outline-radius: 2px; } infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, row:selected button:disabled { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.3); } row:selected button.sidebar-button, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, .raven-mpris button.image-button, row:selected button.flat { color: rgba(255, 255, 255, 0.7); } row:selected button.sidebar-button:hover, infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, .raven-mpris button.image-button:hover, row:selected button.sidebar-button:active, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .raven-mpris button.image-button:active, row:selected button.flat:hover, row:selected button.flat:active { color: #FFFFFF; } row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .raven-mpris button.image-button:disabled, row:selected button.flat:disabled { color: rgba(255, 255, 255, 0.3); } row:selected button.sidebar-button:checked, infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .raven-mpris button.image-button:checked, row:selected button.flat:checked { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } row:selected button.sidebar-button:checked:disabled, infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .raven-mpris button.image-button:checked:disabled, row:selected button.flat:checked:disabled { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } button.osd { padding: 12px 16px; } button.osd.image-button { padding: 12px; } button.osd:disabled { opacity: 0; } button.suggested-action { background-color: #009688; color: #FFFFFF; } button.suggested-action:disabled { box-shadow: none; background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.38); } button.suggested-action:checked { background-color: #4db6ac; } button.suggested-action.flat { background-color: transparent; color: #009688; } button.suggested-action.flat:disabled { box-shadow: none; background-color: transparent; color: rgba(0, 0, 0, 0.38); } button.suggested-action.flat:checked { background-color: rgba(0, 150, 136, 0.3); } button.destructive-action { background-color: #FF5252; color: #FFFFFF; } button.destructive-action:disabled { box-shadow: none; background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.38); } button.destructive-action:checked { background-color: #ff8686; } button.destructive-action.flat { background-color: transparent; color: #FF5252; } button.destructive-action.flat:disabled { box-shadow: none; background-color: transparent; color: rgba(0, 0, 0, 0.38); } button.destructive-action.flat:checked { background-color: rgba(255, 82, 82, 0.3); } .stack-switcher > button { outline-offset: -4px; } .stack-switcher > button > label { padding-left: 6px; padding-right: 6px; } .stack-switcher > button > image { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } .stack-switcher > button.text-button { padding-left: 10px; padding-right: 10px; } .stack-switcher > button.image-button { padding-left: 4px; padding-right: 4px; } .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { animation: none; background-image: none; } .primary-toolbar button { -gtk-icon-shadow: none; } button.image-button, toolbar .linked > button.image-button, .titlebar:not(headerbar) .linked > button.image-button:not(.suggested-action):not(.destructive-action), headerbar .linked > button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.image-button, toolbar .linked.vertical > button.image-button, headerbar .linked.vertical > button.image-button:not(.suggested-action):not(.destructive-action), .app-notification .linked.vertical > button.image-button, .linked > button.flat.image-button, .linked.vertical > button.flat.image-button, .inline-toolbar button:not(.text-button), check, radio, button.titlebutton, .nautilus-window headerbar > revealer > button, .raven .raven-header:not(.top) button.image-button, .raven .expander-button, button.close, button.circular { border-radius: 9999px; -gtk-outline-radius: 9999px; } spinbutton:not(.vertical) button, notebook > header tab button.flat, button.sidebar-button, .nautilus-window .floating-bar button, .gedit-document-panel row button.flat, .gedit-search-slider button:dir(ltr), .gedit-search-slider button:dir(rtl), .pluma-window paned.horizontal box.vertical box.horizontal button.flat { min-height: 24px; min-width: 24px; padding: 0; border-radius: 9999px; -gtk-outline-radius: 9999px; } .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label { animation: needs_attention 270ms cubic-bezier(0, 0, 0.2, 1) forwards; background-repeat: no-repeat; background-position: right 3px; background-size: 6px 6px; } .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) { background-position: left 3px; } .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked > button, .linked:not(.vertical) > combobox > box > button.combo { border-radius: 0; -gtk-outline-radius: 2px; } .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .linked > button:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .linked > button:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo { border-radius: 2px; } .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button, .linked.vertical > combobox > box > button.combo { border-radius: 0; -gtk-outline-radius: 2px; } .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo { border-top-left-radius: 2px; border-top-right-radius: 2px; } .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo { border-radius: 2px; } /* menu buttons */ modelbutton.flat, .menuitem.button.flat { min-height: 28px; padding: 0 8px; border-radius: 2px; color: inherit; } modelbutton.flat arrow { background: none; } modelbutton.flat arrow:hover { background: none; } modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } button.color { min-height: 24px; min-width: 24px; padding: 6px; } /********* * Links * *********/ *:link, button:link, button:visited, *:link:hover, button:hover:link, button:hover:visited, *:link:active, button:active:link, button:active:visited { color: #338DD6; } *:link:visited, button:visited, *:link:visited:hover, button:visited:hover, *:link:visited:active, button:visited:active { color: #E040FB; } infobar.info *:link, infobar.info button:link, infobar.info button:visited, infobar.question *:link, infobar.question button:link, infobar.question button:visited, infobar.warning *:link, infobar.warning button:link, infobar.warning button:visited, infobar.error *:link, infobar.error button:link, infobar.error button:visited, *:link:selected, button:selected:link, button:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:link, headerbar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited { color: #FFFFFF; } button:link > label, button:visited > label { text-decoration-line: underline; } /***************** * GtkSpinButton * *****************/ spinbutton:not(.vertical) { padding: 0; } notebook > stack:not(:only-child) spinbutton:not(.vertical) entry, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:focus, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:disabled, spinbutton:not(.vertical) entry { min-width: 32px; margin: 0; border-image: none; border-radius: 0; box-shadow: none; background-color: transparent; } spinbutton:not(.vertical) button { border: solid 6px transparent; } spinbutton:not(.vertical) button.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:disabled { color: rgba(0, 0, 0, 0.38); } spinbutton.vertical:drop(active) { box-shadow: none; } 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.up { border-radius: 2px 2px 0 0; } spinbutton.vertical button.down { border-radius: 0 0 2px 2px; } treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; } treeview spinbutton:not(.vertical) entry { min-height: 0; padding: 1px 2px; } /************** * ComboBoxes * **************/ combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } combobox decoration, combobox button.combo:checked { transition: none; } combobox button.combo cellview:dir(ltr) { margin-left: -2px; } combobox button.combo cellview:dir(rtl) { margin-right: -2px; } combobox #gtk-combobox-popup-menu { padding: 2px 0; } combobox #gtk-combobox-popup-menu menuitem { min-height: 32px; padding: 0 8px; } combobox #gtk-combobox-popup-menu > arrow.top { margin-top: -2px; } combobox #gtk-combobox-popup-menu > arrow.bottom { margin-bottom: -6px; } combobox:drop(active) { box-shadow: none; } notebook > stack:not(:only-child) button.combo, .raven .raven-background button.combo, #login_window #user_combobox button { border-radius: 0; background-image: none; font-weight: inherit; transition: all 270ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); background-color: transparent; color: rgba(0, 0, 0, 0.87); } notebook > stack:not(:only-child) button.combo:hover, .raven .raven-background button.combo:hover, #login_window #user_combobox button:hover { box-shadow: inset 0 -2px rgba(0, 0, 0, 0.38); } notebook > stack:not(:only-child) button.combo:checked, .raven .raven-background button.combo:checked, #login_window #user_combobox button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px; } notebook > stack:not(:only-child) button.combo:disabled, .raven .raven-background button.combo:disabled, #login_window #user_combobox button:disabled { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.38); } /************ * Toolbars * ************/ toolbar { -GtkWidget-window-dragging: true; padding: 2px; background-color: #EEEEEE; } .osd toolbar { background-color: transparent; } toolbar.osd, .app-notification, frame.documents-dropdown { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); padding: 6px; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.4); } toolbar.osd.left, .left.app-notification, frame.left.documents-dropdown, toolbar.osd.right, .right.app-notification, frame.right.documents-dropdown, toolbar.osd.top, .top.app-notification, frame.top.documents-dropdown, toolbar.osd.bottom, .bottom.app-notification, frame.bottom.documents-dropdown { border-radius: 0; } toolbar.horizontal > separator { margin: 2px; } toolbar.vertical > separator { margin: 2px; } toolbar:not(.inline-toolbar):not(.osd) scale, toolbar:not(.inline-toolbar):not(.osd) entry, toolbar:not(.inline-toolbar):not(.osd) spinbutton, toolbar:not(.inline-toolbar):not(.osd) button { margin: 2px; } toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child), toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child), toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) { margin-left: 0; } toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child), toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child), toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) { margin-right: 0; } toolbar:not(.inline-toolbar):not(.osd) spinbutton entry, toolbar:not(.inline-toolbar):not(.osd) spinbutton button { margin: 0; } toolbar:not(.inline-toolbar):not(.osd) switch { margin: 8px 2px; } .inline-toolbar { padding: 6px; border-style: solid; border-width: 0 1px 1px; border-color: rgba(0, 0, 0, 0.12); background-color: #F5F5F5; } searchbar > revealer > box, .location-bar { padding: 6px; border-style: solid; border-width: 0 0 1px; border-color: rgba(0, 0, 0, 0.12); background-color: #EEEEEE; background-clip: border-box; } searchbar > revealer > box { margin: -6px; padding: 6px; } /*************** * Header bars * ***************/ .titlebar:not(headerbar), headerbar { transition: background-color 180ms cubic-bezier(0, 0, 0.2, 1), color 270ms cubic-bezier(0, 0, 0.2, 1); min-height: 48px; padding: 0 6px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.1); background-color: #303030; color: #FFFFFF; } .titlebar:disabled:not(headerbar) :not(button) > label, headerbar:disabled :not(button) > label { color: rgba(255, 255, 255, 0.5); } .titlebar:backdrop:not(headerbar), headerbar:backdrop { color: rgba(255, 255, 255, 0.7); } .titlebar:backdrop:disabled:not(headerbar) :not(button) > label, headerbar:backdrop:disabled :not(button) > label { color: rgba(255, 255, 255, 0.3); } .titlebar:not(headerbar) .title, headerbar .title { padding: 0 12px; font-weight: bold; } .titlebar:not(headerbar) .subtitle, headerbar .subtitle { padding: 0 12px; font-size: smaller; } .titlebar:not(headerbar) .linked:not(.vertical) > entry:not(.flat), headerbar .linked:not(.vertical) > entry:not(.flat) { border-radius: 2px; } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), headerbar button:not(.suggested-action):not(.destructive-action) { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px; color: rgba(255, 255, 255, 0.7); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active, headerbar button:not(.suggested-action):not(.destructive-action):hover, headerbar button:not(.suggested-action):not(.destructive-action):active { color: #FFFFFF; } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled, headerbar button:not(.suggested-action):not(.destructive-action):disabled { color: rgba(255, 255, 255, 0.3); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, headerbar 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: #FFFFFF; } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled { color: rgba(255, 255, 255, 0.5); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, headerbar button:not(.suggested-action):not(.destructive-action):checked, headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled { background-color: transparent; } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop, headerbar button:not(.suggested-action):not(.destructive-action):backdrop { color: rgba(255, 255, 255, 0.5); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:active, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:hover, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:active { color: rgba(255, 255, 255, 0.7); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:disabled { color: rgba(255, 255, 255, 0.3); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked { color: rgba(255, 255, 255, 0.7); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { color: rgba(255, 255, 255, 0.3); } .titlebar:not(headerbar) button.suggested-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled, headerbar button.suggested-action:disabled, headerbar button.destructive-action:disabled { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } .selection-mode.titlebar:not(headerbar), headerbar.selection-mode { transition: background-color 0.00001s 270ms, color 270ms cubic-bezier(0, 0, 0.2, 1); animation: header_ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.2); background-color: #338DD6; color: #FFFFFF; } .selection-mode.titlebar:backdrop:not(headerbar), headerbar.selection-mode:backdrop { color: rgba(255, 255, 255, 0.7); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), headerbar.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: #FFFFFF; } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled { color: rgba(255, 255, 255, 0.5); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, headerbar.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: #FFFFFF; } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled { color: rgba(255, 255, 255, 0.5); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop { color: rgba(255, 255, 255, 0.7); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled { color: rgba(255, 255, 255, 0.3); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked { color: rgba(255, 255, 255, 0.7); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { color: rgba(255, 255, 255, 0.3); } .selection-mode.titlebar:not(headerbar) .selection-menu, headerbar.selection-mode .selection-menu { padding-left: 16px; padding-right: 16px; } .selection-mode.titlebar:not(headerbar) .selection-menu arrow, headerbar.selection-mode .selection-menu arrow { -GtkArrow-arrow-scaling: 1; } .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } .tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 24px; padding: 6px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } .tiled .default-decoration.titlebar:not(headerbar), .maximized .default-decoration.titlebar:not(headerbar), .fullscreen .default-decoration.titlebar:not(headerbar), .tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { box-shadow: none; } .default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { min-height: 24px; min-width: 24px; margin: 0; padding: 0; } .background:not(.csd) .default-decoration.titlebar:not(headerbar) button.titlebutton:active, .background:not(.csd) headerbar.default-decoration button.titlebutton:active { background-size: 1000% 1000%; } headerbar entry, headerbar spinbutton, headerbar button { margin-top: 6px; margin-bottom: 6px; } headerbar switch { margin-top: 12px; margin-bottom: 12px; } headerbar spinbutton button { margin-top: 0; margin-bottom: 0; } .background .titlebar { border-top-left-radius: 2px; border-top-right-radius: 2px; } .background.tiled .titlebar, .background.tiled-top .titlebar, .background.tiled-right .titlebar, .background.tiled-bottom .titlebar, .background.tiled-left .titlebar, .background.maximized .titlebar, .background.solid-csd .titlebar { border-top-left-radius: 0; border-top-right-radius: 0; } window separator:first-child + headerbar, window headerbar:first-child { border-top-left-radius: 2px; } window headerbar:last-child { border-top-right-radius: 2px; } window stack headerbar:first-child, window stack headerbar:last-child { border-top-left-radius: 2px; border-top-right-radius: 2px; } window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child { border-top-left-radius: 0; border-top-right-radius: 0; } window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; box-shadow: none; } .titlebar:not(headerbar) > separator { background-color: #303030; background-image: image(rgba(0, 0, 0, 0.12)); } /************ * Pathbars * ************/ .caja-pathbar button, .path-bar button { padding-left: 6px; padding-right: 6px; } .caja-pathbar button label:not(:only-child):first-child, .path-bar button label:not(:only-child):first-child { margin-left: 4px; } .caja-pathbar button label:not(:only-child):last-child, .path-bar button label:not(:only-child):last-child { margin-right: 4px; } .caja-pathbar button.slider-button, .path-bar button.slider-button { padding-left: 4px; padding-right: 4px; } :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) .path-bar button { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px; border-radius: 2px; } :not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .path-bar button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px; } :not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar) .path-bar button:checked, :not(headerbar) .path-bar button:checked:disabled { background-color: transparent; } /************** * Tree Views * **************/ treeview.view { border-left-color: rgba(0, 0, 0, 0.26); border-top-color: rgba(0, 0, 0, 0.12); } * { -GtkTreeView-horizontal-separator: 4; -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; } treeview.view:selected { border-left-color: rgba(255, 255, 255, 0.3); } treeview.view:hover, treeview.view:active, treeview.view:selected { border-radius: 0; } treeview.view.separator { min-height: 5px; color: rgba(0, 0, 0, 0.12); } treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #009688; } treeview.view:drop(active).after { border-top-style: none; } treeview.view:drop(active).before { border-bottom-style: none; } treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -gtk-icon-transform: rotate(-90deg); color: rgba(0, 0, 0, 0.54); } treeview.view.expander:dir(rtl) { -gtk-icon-transform: rotate(90deg); } treeview.view.expander:checked { -gtk-icon-transform: unset; } treeview.view.expander:hover, treeview.view.expander:active { color: rgba(0, 0, 0, 0.87); } treeview.view.expander:disabled { color: rgba(0, 0, 0, 0.26); } treeview.view.expander:selected { color: rgba(255, 255, 255, 0.7); } treeview.view.expander:selected:hover, treeview.view.expander:selected:active { color: #FFFFFF; } treeview.view.expander:selected:disabled { color: rgba(255, 255, 255, 0.3); } treeview.view.progressbar { border-bottom: 4px solid #338DD6; box-shadow: none; background-color: transparent; } treeview.view.progressbar:selected { border-bottom-color: #FFFFFF; } treeview.view.trough { border-bottom: 4px solid rgba(51, 141, 214, 0.3); box-shadow: none; background-color: transparent; } treeview.view.trough:selected { border-bottom-color: rgba(255, 255, 255, 0.3); } treeview.view header button { padding: 2px 6px; border-style: none solid solid none; border-width: 1px; border-color: rgba(0, 0, 0, 0.12); border-radius: 0; background-clip: border-box; } treeview.view header button, treeview.view header button:hover, treeview.view header button:active { box-shadow: none; } treeview.view header button, treeview.view header button:disabled { background-color: #FFFFFF; } 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(0, 0, 0, 0.12); border-radius: 0; box-shadow: none; background-color: #FFFFFF; background-clip: border-box; color: #338DD6; } treeview.view acceleditor > label { background-color: #338DD6; } /********* * Menus * *********/ menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0; background-color: #303030; } menubar > menuitem, .menubar > menuitem { transition: all 180ms 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); } menubar > menuitem label:disabled, .menubar > menuitem label:disabled { color: inherit; } .csd.popup { background-color: transparent; } menu, .menu, .context-menu { margin: 4px 0; padding: 4px 0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.12); } .csd menu, .csd .menu, .csd .context-menu { border: none; border-radius: 2px; } menu menuitem, .menu menuitem, .context-menu menuitem { transition: background-color 180ms cubic-bezier(0, 0, 0.2, 1); min-height: 20px; min-width: 40px; padding: 4px 8px; font: initial; text-shadow: none; } menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { transition: none; background-color: rgba(0, 0, 0, 0.12); } menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: rgba(0, 0, 0, 0.38); } menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; min-width: 16px; } menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 8px; } menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 8px; } menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { color: inherit; } menu > arrow, .menu > arrow, .context-menu > arrow { min-height: 16px; min-width: 16px; padding: 4px; background-color: #FFFFFF; color: rgba(0, 0, 0, 0.54); } menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -4px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); border-radius: 2px 2px 0 0; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-bottom: -12px; border-top: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0 0 2px 2px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-image: image(rgba(0, 0, 0, 0.12)); color: rgba(0, 0, 0, 0.87); } menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { border-color: transparent; background-color: transparent; color: transparent; } menu separator, .menu separator, .context-menu separator { margin: 4px 0; } menuitem accelerator { color: rgba(0, 0, 0, 0.54); } .popup:not(.csd) menu menuitem { color: #212121; } .popup:not(.csd) menu menuitem:hover { background-color: #E0E0E0; } .popup:not(.csd) menu menuitem:disabled { color: #9E9E9E; } .popup:not(.csd) menu accelerator { color: #757575; } /************ * Popovers * ************/ popover.background { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); padding: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); background-color: #FAFAFA; } popover.background:backdrop { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } 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: 3px; } 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: 2px; } popover.background separator { margin: 4px 0; } popover.background list separator { margin: 0; } /************* * Notebooks * *************/ notebook > header { border-width: 1px; border-color: rgba(0, 0, 0, 0.12); background-color: #EEEEEE; background-clip: border-box; } notebook > header.top { border-bottom-style: solid; } notebook > header.top > tabs { margin-bottom: -1px; } notebook > header.top > tabs > tab:hover { box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26); } notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -2px #338DD6; } notebook > header.bottom { border-top-style: solid; } notebook > header.bottom > tabs { margin-top: -1px; } notebook > header.bottom > tabs > tab:hover { box-shadow: inset 0 2px rgba(0, 0, 0, 0.26); } notebook > header.bottom > tabs > tab:checked { box-shadow: inset 0 2px #338DD6; } notebook > header.left { border-right-style: solid; } notebook > header.left > tabs { margin-right: -1px; } notebook > header.left > tabs > tab:hover { box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26); } notebook > header.left > tabs > tab:checked { box-shadow: inset -2px 0 #338DD6; } notebook > header.right { border-left-style: solid; } notebook > header.right > tabs { margin-left: -1px; } notebook > header.right > tabs > tab:hover { box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26); } notebook > header.right > tabs > tab:checked { box-shadow: inset 2px 0 #338DD6; } notebook > header.top > tabs > arrow { border-top-style: none; } notebook > header.bottom > tabs > arrow { border-bottom-style: none; } notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { padding-left: 4px; padding-right: 4px; } notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { margin-left: -8px; -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { margin-right: -8px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } notebook > header.left > tabs > arrow { border-left-style: none; } notebook > header.right > tabs > arrow { border-right-style: none; } notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { padding-top: 4px; padding-bottom: 4px; } notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { margin-top: -8px; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { margin-bottom: -8px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; } notebook > header tab { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; min-height: 24px; min-width: 24px; padding: 6px 12px; outline-offset: -6px; border-width: 1px; border-color: transparent; background-image: radial-gradient(circle farthest-corner at center, #338DD6 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; color: rgba(0, 0, 0, 0.54); font-weight: 500; } notebook > header tab:hover { color: rgba(0, 0, 0, 0.87); } notebook > header tab:hover.reorderable-page { border-color: rgba(0, 0, 0, 0.12); background-color: #F5F5F5; } notebook > header tab:disabled { color: rgba(0, 0, 0, 0.26); } notebook > header tab:checked { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 270ms cubic-bezier(0, 0, 0.2, 1), background-image 720ms cubic-bezier(0, 0, 0.2, 1); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-size: 1000% 1000%; color: rgba(0, 0, 0, 0.87); } notebook > header tab:checked:disabled { color: rgba(0, 0, 0, 0.38); } notebook > header tab:checked.reorderable-page { border-color: rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } notebook > header tab button.flat:last-child { margin-left: 6px; margin-right: -6px; } notebook > header tab button.flat:first-child { margin-left: -6px; margin-right: 6px; } notebook > header.top tabs, notebook > header.bottom tabs { padding-left: 8px; padding-right: 8px; } notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { margin-left: 0; } notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { margin-right: 0; } notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { margin: 0 -1px; border-style: none solid; } notebook > header.left tabs, notebook > header.right tabs { padding-top: 8px; padding-bottom: 8px; } notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { margin-top: 0; } notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { margin-bottom: 0; } notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { margin: -1px 0; border-style: solid none; } notebook > stack:not(:only-child) { background-color: #FFFFFF; } /************** * Scrollbars * **************/ scrollbar { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); background-color: #FFFFFF; background-clip: padding-box; } * { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; } scrollbar.top { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } scrollbar.bottom { border-top: 1px solid rgba(0, 0, 0, 0.12); } scrollbar.left { border-right: 1px solid rgba(0, 0, 0, 0.12); } scrollbar.right { border-left: 1px solid rgba(0, 0, 0, 0.12); } scrollbar slider { transition: all 180ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0; min-width: 8px; min-height: 8px; border: 4px solid transparent; border-radius: 9999px; background-clip: padding-box; background-color: rgba(0, 0, 0, 0.38); } scrollbar slider:hover { background-color: rgba(0, 0, 0, 0.54); } scrollbar slider:active { background-color: rgba(0, 0, 0, 0.87); } scrollbar slider:disabled { background-color: rgba(0, 0, 0, 0.26); } scrollbar.fine-tune slider { transition: all 180ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0; 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(.dragging):not(.hovering) { border-color: transparent; background-color: transparent; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { min-width: 4px; min-height: 4px; margin: 3px; border: 1px solid rgba(255, 255, 255, 0.3); } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 4px; min-height: 4px; margin: 3px; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 9999px; background-color: rgba(0, 0, 0, 0.38); background-clip: padding-box; -gtk-icon-source: none; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { background-color: rgba(0, 0, 0, 0.26); } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { min-width: 24px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { min-width: 8px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { min-height: 24px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { min-height: 8px; } scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { background-color: rgba(255, 255, 255, 0.9); } scrollbar.horizontal slider { min-width: 24px; } scrollbar.vertical slider { min-height: 24px; } scrollbar button { min-width: 16px; min-height: 16px; padding: 0; border-radius: 0; } scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } scrollbar.vertical button.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } scrollbar.horizontal button.down { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } /********** * Switch * **********/ switch { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); margin: 6px 0; padding: 0 2px; border: 5px solid transparent; border-radius: 9999px; background-color: rgba(0, 0, 0, 0.26); background-clip: padding-box; font-size: 0; } switch:disabled { background-color: rgba(0, 0, 0, 0.12); } switch:checked { background-color: rgba(0, 150, 136, 0.5); } switch:checked:disabled { background-color: rgba(0, 150, 136, 0.3); } switch slider { transition: all 180ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); min-width: 20px; min-height: 20px; margin: -3px -2px; border-radius: 9999px; outline-width: 0; outline-color: rgba(0, 0, 0, 0.12); outline-offset: 0; -gtk-outline-radius: 9999px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FAFAFA; } switch:focus slider { outline-width: 14px; } switch:hover slider { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } switch:checked slider { background-color: #009688; outline-color: rgba(0, 150, 136, 0.2); } switch:disabled slider { background-color: #EEEEEE; } /************************* * Check and Radio items * *************************/ .view.content-view.check:not(list), .content-view .tile check:not(list) { min-height: 40px; min-width: 40px; margin: 0; padding: 0; box-shadow: none; background-color: transparent; background-image: none; -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .view.content-view.check:not(list):hover, .view.content-view.check:not(list):active, .content-view .tile check:not(list):hover, .content-view .tile check:not(list):active { -gtk-icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } .view.content-view.check:not(list), .content-view .tile check:not(list) { -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked.png"), url("assets/selectionmode-checkbox-unchecked@2.png")); } .view.content-view.check:not(list):checked, .content-view .tile check:not(list):checked { -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked.png"), url("assets/selectionmode-checkbox-checked@2.png")); } checkbutton.text-button, radiobutton.text-button { padding: 2px; outline-offset: 0; } checkbutton.text-button label:not(:only-child), radiobutton.text-button label:not(:only-child) { margin: 0 4px; } check, radio { min-height: 24px; min-width: 24px; margin: -8px; padding: 8px; } check:checked, check:indeterminate, radio:checked, radio:indeterminate { color: #009688; } check:checked:disabled, check:indeterminate:disabled, radio:checked:disabled, radio:indeterminate:disabled { color: rgba(0, 150, 136, 0.5); } row:selected check:not(:checked):not(:indeterminate), row:selected radio:not(:checked):not(:indeterminate) { color: rgba(255, 255, 255, 0.7); } row:selected check:not(:checked):not(:indeterminate):hover, row:selected check:not(:checked):not(:indeterminate):active, row:selected radio:not(:checked):not(:indeterminate):hover, row:selected radio:not(:checked):not(:indeterminate):active { color: #FFFFFF; } row:selected check:not(:checked):not(:indeterminate):disabled, row:selected radio:not(:checked):not(:indeterminate):disabled { color: rgba(255, 255, 255, 0.3); } popover check, popover check:hover, popover check:active, popover check:disabled, popover radio, popover radio:hover, popover radio:active, popover radio:disabled { box-shadow: none; background-image: none; } popover check:not(:checked):not(:indeterminate):not(:disabled), popover radio:not(:checked):not(:indeterminate):not(:disabled) { color: rgba(0, 0, 0, 0.54); } popover check.left:dir(rtl), popover radio.left:dir(rtl) { margin-left: -12px; margin-right: -4px; } popover check.right:dir(ltr), popover radio.right:dir(ltr) { margin-left: -4px; margin-right: -12px; } menu menuitem check, menu menuitem radio { transition: none; margin: 0; padding: 0; } menu menuitem check:dir(ltr), menu menuitem radio:dir(ltr) { margin-right: 8px; } menu menuitem check:dir(rtl), menu menuitem radio:dir(rtl) { margin-left: 8px; } menu menuitem check:not(:checked):not(:indeterminate):not(:disabled), menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled) { color: rgba(0, 0, 0, 0.54); } menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled { box-shadow: none; } check { -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg")); } check:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")); } check:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg")); } radio { -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg")); border-image-slice: 20; border-image-width: 20px; } radio:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg")); } radio { border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#009688), to(transparent)); } radio:checked:not(:indeterminate) { border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#009688), to(transparent)); } radio:checked:not(:indeterminate):disabled { border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(rgba(0, 150, 136, 0.5)), to(transparent)); } window.background:not(.csd) > widget > checkbutton > check, menu menuitem check { min-height: 16px; min-width: 16px; border-radius: 2px; -gtk-outline-radius: 2px; -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg")); } window.background:not(.csd) > widget > checkbutton > check:checked, menu menuitem check:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg")); } window.background:not(.csd) > widget > checkbutton > check:indeterminate, menu menuitem check:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg")); } window.background:not(.csd) > widget > radiobutton > radio, menu menuitem radio { min-height: 16px; min-width: 16px; border-image: none; -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg")); } window.background:not(.csd) > widget > radiobutton > radio:checked, menu menuitem radio:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg")); } window.background:not(.csd) > widget > radiobutton > radio:indeterminate, menu menuitem radio:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg")); } check:not(:checked):active { -gtk-icon-transform: rotate(90deg); } check:not(:checked):indeterminate:active, radio:not(:checked):indeterminate:active { -gtk-icon-transform: scaleX(-1); } check:not(:checked), radio:not(:checked) { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0; } check:not(:checked):active, radio:not(:checked):active { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0; } menu menuitem check:not(:checked), menu menuitem radio:not(:checked) { transition: none; } treeview.view check, treeview.view radio { padding: 0; } treeview.view check:hover, treeview.view radio:hover { box-shadow: inset 0 0 0 9999px alpha(rgba(0, 0, 0, 0.87), 0.05); } treeview.view check:hover:disabled, treeview.view radio:hover:disabled { box-shadow: none; } treeview.view check:hover:selected, treeview.view radio:hover:selected { box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05); } treeview.view check, treeview.view radio { color: rgba(0, 0, 0, 0.54); } treeview.view check:hover, treeview.view check:active, treeview.view radio:hover, treeview.view radio:active { color: rgba(0, 0, 0, 0.87); } treeview.view check:disabled, treeview.view radio:disabled { color: rgba(0, 0, 0, 0.26); } treeview.view check:checked, treeview.view check:indeterminate, treeview.view radio:checked, treeview.view radio:indeterminate { color: #009688; } treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled, treeview.view radio:checked:disabled, treeview.view radio:indeterminate:disabled { color: rgba(0, 150, 136, 0.5); } treeview.view check:selected, treeview.view radio:selected { color: rgba(255, 255, 255, 0.7); } treeview.view check:selected:hover, treeview.view check:selected:active, treeview.view radio:selected:hover, treeview.view radio:selected:active { color: #FFFFFF; } treeview.view check:selected:disabled, treeview.view radio:selected:disabled { color: rgba(255, 255, 255, 0.3); } treeview.view check:selected:checked, treeview.view check:selected:indeterminate, treeview.view radio:selected:checked, treeview.view radio:selected:indeterminate { color: #009688; } treeview.view check:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled, treeview.view radio:selected:checked:disabled, treeview.view radio:selected:indeterminate:disabled { color: rgba(0, 150, 136, 0.5); } treeview.view radio:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")); border-image: none; } /************ * GtkScale * ************/ scale { min-height: 12px; min-width: 12px; padding: 12px; } scale slider { min-height: 24px; min-width: 24px; margin: -11px; } scale trough { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); outline-offset: 2px; background-color: rgba(0, 0, 0, 0.26); } scale trough:disabled { background-color: rgba(0, 0, 0, 0.12); } scale highlight { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); background-color: #009688; } scale highlight:disabled { background-color: transparent; } scale fill { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); background-color: rgba(0, 0, 0, 0.26); } scale fill:disabled { background-color: transparent; } scale slider { transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1); background-repeat: no-repeat; background-position: center; background-size: calc(100% - 10px); } scale slider { background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png")); } scale slider:disabled { background-image: -gtk-scaled(url("assets/scale-slider-disabled.png"), url("assets/scale-slider-disabled@2.png")); } scale slider:hover { background-size: calc(100% - 8px); } scale slider:active { background-size: calc(100% - 6px); } scale.fine-tune slider { background-size: calc(100% - 12px); } scale marks label, scale value { color: rgba(0, 0, 0, 0.38); } scale marks { color: rgba(0, 0, 0, 0.26); } scale marks.top { margin-bottom: 8px; margin-top: -16px; } scale marks.bottom { margin-top: 8px; margin-bottom: -16px; } scale marks.top { margin-right: 8px; margin-left: -16px; } scale marks.bottom { margin-left: 8px; margin-right: -16px; } 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 { min-height: 30px; min-width: 24px; margin-top: -17px; background-position: center calc(100% - 5px); } scale.horizontal.marks-before:not(.marks-after) slider { background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png")); } scale.horizontal.marks-before:not(.marks-after) slider:disabled { background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled.png"), url("assets/scale-horz-marks-before-slider-disabled@2.png")); } scale.horizontal.marks-before:not(.marks-after) slider:hover { background-position: center calc(100% - 4px); } scale.horizontal.marks-before:not(.marks-after) slider:active { background-position: center calc(100% - 3px); } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { background-position: center calc(100% - 6px); } scale.horizontal.marks-after:not(.marks-before) slider { min-height: 30px; min-width: 24px; margin-bottom: -17px; background-position: center calc(5px); } scale.horizontal.marks-after:not(.marks-before) slider { background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png")); } scale.horizontal.marks-after:not(.marks-before) slider:disabled { background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled.png"), url("assets/scale-horz-marks-after-slider-disabled@2.png")); } scale.horizontal.marks-after:not(.marks-before) slider:hover { background-position: center calc(4px); } scale.horizontal.marks-after:not(.marks-before) slider:active { background-position: center calc(3px); } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { background-position: center calc(6px); } scale.vertical.marks-before:not(.marks-after) slider { min-height: 24px; min-width: 30px; margin-left: -17px; background-position: calc(5px) center; } scale.vertical.marks-before:not(.marks-after) slider { background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png")); } scale.vertical.marks-before:not(.marks-after) slider:disabled { background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled.png"), url("assets/scale-vert-marks-before-slider-disabled@2.png")); } scale.vertical.marks-before:not(.marks-after) slider:hover { background-position: calc(4px) center; } scale.vertical.marks-before:not(.marks-after) slider:active { background-position: calc(3px) center; } scale.vertical.marks-before:not(.marks-after).fine-tune slider { background-position: calc(6px) center; } scale.vertical.marks-after:not(.marks-before) slider { min-height: 24px; min-width: 30px; margin-right: -17px; background-position: calc(100% - 5px) center; } scale.vertical.marks-after:not(.marks-before) slider { background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png")); } scale.vertical.marks-after:not(.marks-before) slider:disabled { background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled.png"), url("assets/scale-vert-marks-after-slider-disabled@2.png")); } scale.vertical.marks-after:not(.marks-before) slider:hover { background-position: calc(100% - 4px) center; } scale.vertical.marks-after:not(.marks-before) slider:active { background-position: calc(100% - 3px) center; } scale.vertical.marks-after:not(.marks-before).fine-tune slider { background-position: calc(100% - 6px) center; } 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: -12px; margin-top: -2px; } scale.color.vertical:dir(ltr) { padding: 0 0 0 12px; } scale.color.vertical:dir(ltr) slider { margin-left: -12px; margin-right: -2px; } scale.color.vertical:dir(rtl) { padding: 0 12px 0 0; } scale.color.vertical:dir(rtl) slider { margin-right: -12px; margin-left: -2px; } /***************** * Progress bars * *****************/ progressbar { color: rgba(0, 0, 0, 0.38); 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(51, 141, 214, 0.3); } progressbar progress { background-color: #338DD6; } 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 trough { padding: 2px; border-radius: 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FFFFFF; } levelbar trough:disabled { background-color: #F5F5F5; } levelbar block.low { background-color: #FF6D00; } levelbar block.high, levelbar block:not(.empty) { background-color: #338DD6; } levelbar block.full { background-color: #00C853; } levelbar block.empty { background-color: rgba(0, 0, 0, 0.12); } /**************** * Print dialog * *****************/ printdialog paper { padding: 0; border: 1px solid rgba(0, 0, 0, 0.12); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } printdialog .dialog-action-box { margin: 12px; } /********** * Frames * **********/ frame > border, .frame { margin: 0; padding: 0; border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0; box-shadow: none; } frame > border.flat, .frame.flat, frame.flat > border { border-style: none; } actionbar > revealer > box { padding: 6px; border-top: 1px solid rgba(0, 0, 0, 0.12); } scrolledwindow viewport.frame { border-style: none; } overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(64, 196, 255, 0.3)), 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(64, 196, 255, 0.3)), 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(64, 196, 255, 0.3)), 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(64, 196, 255, 0.3)), to(transparent)); background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } undershoot.top { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); padding-top: 1px; background-size: 12px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: left top; } undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); padding-bottom: 1px; background-size: 12px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: left bottom; } undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: left top; } undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; background-origin: content-box; background-position: right top; } junction { border-style: solid none none solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } junction:dir(rtl) { border-style: solid solid none none; } separator { min-width: 1px; min-height: 1px; background-color: rgba(0, 0, 0, 0.12); } button.font separator, button.file separator, .tweak-categories separator, preferences stacksidebar.sidebar list separator { min-width: 0; min-height: 0; background-color: transparent; } /********* * Lists * *********/ list { border-color: rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } list row { padding: 2px; } row.activatable, .view, treeview.view header button, .budgie-menu button { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 9999px transparent; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } row.activatable:hover, .view:hover, treeview.view header button:hover, .budgie-menu button:hover { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, box-shadow 0, background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05); } row.activatable.has-open-popup, .has-open-popup.view, treeview.view header button.has-open-popup, .budgie-menu button.has-open-popup, row.activatable:active, .view:active, treeview.view header button:active, .budgie-menu button:active { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 0, background-image 0; animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15); background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%); background-size: 0% 0%; } /********************* * App Notifications * *********************/ .app-notification { margin: 8px; } .app-notification.frame, .app-notification border { border-style: none; } /************* * Expanders * *************/ expander title > arrow { transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1); min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -gtk-icon-transform: rotate(-90deg); color: rgba(0, 0, 0, 0.54); } expander title > arrow:dir(rtl) { -gtk-icon-transform: rotate(90deg); } expander title > arrow:checked { -gtk-icon-transform: unset; } expander title > arrow:hover, expander title > arrow:active { color: rgba(0, 0, 0, 0.87); } expander title > arrow:disabled { color: rgba(0, 0, 0, 0.26); } expander title > arrow:selected { color: rgba(255, 255, 255, 0.7); } expander title > arrow:selected:hover, expander title > arrow:selected:active { color: #FFFFFF; } expander title > arrow:selected:disabled { color: rgba(255, 255, 255, 0.3); } /************ * Calendar * ************/ calendar { padding: 1px; border: 1px solid rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } calendar:disabled { color: rgba(0, 0, 0, 0.38); } calendar:selected { border-radius: 3px; } calendar.header { border-style: none none solid; border-radius: 0; } calendar.highlight { color: rgba(0, 0, 0, 0.54); font-weight: 500; } calendar:indeterminate { color: rgba(0, 0, 0, 0.26); } /*********** * Dialogs * ***********/ messagedialog.background { background-color: #FAFAFA; } messagedialog .titlebar { min-height: 24px; border-style: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FAFAFA; color: rgba(0, 0, 0, 0.87); } messagedialog .titlebar:backdrop { color: rgba(0, 0, 0, 0.54); } messagedialog.csd.background { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } messagedialog.csd .dialog-action-area button { padding: 8px 16px; border-top: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0; } messagedialog.csd .dialog-action-area button:first-child { border-bottom-left-radius: 2px; } messagedialog.csd .dialog-action-area button:last-child { border-bottom-right-radius: 2px; } filechooser .dialog-action-box { border-top: 1px solid rgba(0, 0, 0, 0.12); } filechooser #pathbarbox { border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: #EEEEEE; } filechooserbutton:drop(active) { box-shadow: none; } /*********** * Sidebar * ***********/ .sidebar { border-style: none; background-color: #F5F5F5; } stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { border-right: 1px solid rgba(0, 0, 0, 0.12); border-left-style: none; } stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { border-left: 1px solid rgba(0, 0, 0, 0.12); border-right-style: none; } .sidebar list { background-color: transparent; } paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; } stacksidebar row { padding: 10px 4px; } stacksidebar row > label { padding-left: 6px; padding-right: 6px; } /**************** * File chooser * ****************/ row image.sidebar-icon { color: rgba(0, 0, 0, 0.54); } row:selected image.sidebar-icon { color: rgba(255, 255, 255, 0.7); } placessidebar > viewport.frame { border-style: none; } placessidebar list { padding: 1px 0 4px; } placessidebar row { min-height: 32px; margin: -1px 0; padding: 0; } placessidebar row > revealer { padding: 0 12px; } placessidebar row:selected { color: #FFFFFF; } placessidebar row:disabled { color: rgba(0, 0, 0, 0.38); } placessidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; } placessidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; } placessidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; } placessidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } placessidebar row.sidebar-placeholder-row { min-height: 2px; padding: 0 8px; background-image: image(#009688); background-clip: content-box; } placessidebar row.sidebar-new-bookmark-row { color: #009688; } placessidebar row:drop(active):not(:disabled) { box-shadow: inset 0 0 0 2px #009688; } placesview .server-list-button > image { -gtk-icon-transform: rotate(0turn); } placesview .server-list-button:checked > image { -gtk-icon-transform: rotate(-0.5turn); } placesview > actionbar > revealer > box > label { padding-left: 8px; padding-right: 8px; } /********* * Paned * *********/ paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(rgba(0, 0, 0, 0.12)); background-size: 1px 1px; background-clip: content-box; } paned > separator.wide { min-width: 6px; min-height: 6px; background-color: #EEEEEE; background-image: image(rgba(0, 0, 0, 0.12)), image(rgba(0, 0, 0, 0.12)); background-size: 1px 1px, 1px 1px; } paned.horizontal > separator { background-repeat: repeat-y; } paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; } paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; } paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; } paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; } paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; } /************** * GtkInfoBar * **************/ infobar { border-style: none; } infobar.info { background-color: #66BB6A; } infobar.question { background-color: #42A5F5; } infobar.warning { background-color: #FFA726; } infobar.error { background-color: #EF5350; } infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error { color: #FFFFFF; } /************ * Tooltips * ************/ tooltip { border-radius: 2px; box-shadow: none; } tooltip.background { background-color: rgba(66, 66, 66, 0.9); color: #FFFFFF; } tooltip decoration { background-color: transparent; } tooltip label { min-height: 20px; padding: 0 2px; } /***************** * Color Chooser * *****************/ colorswatch.top { border-top-left-radius: 2.5px; border-top-right-radius: 2.5px; } colorswatch.top overlay { border-top-left-radius: 2px; border-top-right-radius: 2px; } colorswatch.bottom { border-bottom-left-radius: 2.5px; border-bottom-right-radius: 2.5px; } colorswatch.bottom overlay { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 2.5px; border-bottom-left-radius: 2.5px; } colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 2.5px; border-bottom-right-radius: 2.5px; } colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } colorswatch.dark { color: #FFFFFF; } colorswatch.light { color: rgba(0, 0, 0, 0.87); } colorswatch:drop(active) { box-shadow: none; } colorswatch:drop(active).light overlay { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #009688; } colorswatch:drop(active).dark overlay { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #009688; } colorswatch overlay { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } colorswatch overlay:hover { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } colorswatch#add-color-button { border-radius: 2px 2px 0 0; color: #FFFFFF; } colorswatch#add-color-button:only-child { border-radius: 2px; } colorswatch#add-color-button overlay { background-image: linear-gradient(to right, #EF5350 25%, #FFA726 25%, #FFA726 50%, #66BB6A 50%, #66BB6A 75%, #42A5F5 75%); } colorswatch:disabled { opacity: 0.5; } colorswatch:disabled overlay { box-shadow: none; } colorswatch#editor-color-sample { border-radius: 2.5px; } colorswatch#editor-color-sample overlay { border-radius: 2px; } colorchooser .popover.osd { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } colorchooser .popover.osd:backdrop { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.4); } /******** * Misc * ********/ .content-view { background-color: #EEEEEE; } /********************** * Window Decorations * **********************/ decoration { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-radius: 2px 2px 0 0; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent; margin: 8px; } decoration:backdrop { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px 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: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } tooltip.csd decoration { border-radius: 2px; box-shadow: none; } messagedialog.csd decoration { border-radius: 2px; } .solid-csd decoration { margin: 0; border-radius: 0; box-shadow: none; background-color: #303030; } .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, popover.background.menu button:checked, popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked { background-color: #338DD6; } row:selected label, label:selected, .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, popover.background.menu button:checked, popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked { color: #FFFFFF; } row:selected label:disabled, label:disabled:selected, .view selection:disabled, .view:disabled:selected, flowbox flowboxchild:disabled:selected, label:disabled selection, spinbutton:not(.vertical) selection:disabled, entry selection:disabled, modelbutton.flat:disabled:selected, .menuitem.button.flat:disabled:selected, popover.background.menu button:disabled:checked, popover.background button.model:disabled:checked, row:disabled:selected, calendar:disabled:selected, text:disabled:selected, .budgie-menu button:disabled:checked { color: rgba(255, 255, 255, 0.5); } .monospace { font-family: monospace; } /********************** * Touch Copy & Paste * **********************/ cursor-handle { border-radius: 9999px; background-color: #009688; background-image: none; } cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { padding-left: 6px; border-top-right-radius: 0; } cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { padding-right: 6px; border-top-left-radius: 0; } cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { -GtkWidget-text-handle-width: 24; -GtkWidget-text-handle-height: 30; -gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png")); } .context-menu { font: initial; } .keycap { min-width: 12px; min-height: 26px; margin-top: 2px; padding-bottom: 2px; padding-left: 8px; padding-right: 8px; border: solid 1px rgba(0, 0, 0, 0.12); border-radius: 3px; box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12); background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); font-size: smaller; } :not(decoration):not(window):drop(active) { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 2px #009688; caret-color: #009688; } stackswitcher button.text-button { min-width: 100px; } stackswitcher button.circular, stackswitcher button.text-button.circular { min-width: 36px; min-height: 36px; padding: 0; } /********* * Emoji * *********/ popover.emoji-picker { padding: 0; } popover.emoji-picker entry { border-bottom: 1px solid rgba(0, 0, 0, 0.12); border-bottom-left-radius: 0; border-bottom-right-radius: 0; box-shadow: none; } popover.emoji-picker scrolledwindow { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } button.emoji-section { margin-top: -1px; padding: 0 8px; min-width: 24px; min-height: 36px; border-radius: 0; outline-offset: -6px; box-shadow: none; } button.emoji-section:hover { box-shadow: inset 0 2px rgba(0, 0, 0, 0.26); } button.emoji-section:active { box-shadow: inset 0 2px #338DD6; background-image: radial-gradient(circle farthest-corner at center, rgba(51, 141, 214, 0.7) 10%, transparent 0%); } button.emoji-section:checked { box-shadow: inset 0 2px #338DD6; background-color: transparent; } button.emoji-section:first-child { margin-left: 4px; } button.emoji-section:last-child { margin-right: 4px; } .emoji { min-width: 3em; min-height: 3em; padding: 0; } .emoji widget { transition: all 180ms cubic-bezier(0, 0, 0.2, 1); } .emoji widget:hover { font-size: larger; } /************ * Nautilus * ************/ .nautilus-window, .nautilus-window notebook, .nautilus-window notebook > stack { background-color: #FFFFFF; } .nautilus-desktop.nautilus-canvas-item:not(:selected), .caja-desktop.caja-canvas-item:not(:selected) { color: #FFFFFF; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } @keyframes needs_attention_keyframes { to { background-color: alpha(currentColor, 0.3); } } .nautilus-operations-button-needs-attention { animation: needs_attention_keyframes 270ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate; } .nautilus-operations-button-needs-attention-multiple { animation: needs_attention_keyframes 270ms cubic-bezier(0.4, 0, 0.2, 1) 4 alternate; } .nautilus-window .floating-bar { min-height: 32px; padding: 0; border-style: solid solid none; border-width: 1px; border-color: rgba(0, 0, 0, 0.12); border-radius: 3px 3px 0 0; background-color: #FFFFFF; background-clip: padding-box; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), border-width 0; } .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: #FF6D00; } .disk-space-display.used { background-color: #338DD6; } .disk-space-display.free { background-color: rgba(0, 0, 0, 0.12); } .conflict-row:not(:selected) { background-color: #ffd3b3; } .nautilus-window flowboxchild > widget > .icon-item-background { padding: 4px; border-radius: 2px; } .nautilus-window flowboxchild:selected { background-color: transparent; } .nautilus-window flowboxchild:selected > widget > .icon-item-background { background-color: #338DD6; } dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame { border-style: none; } dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child { margin: -6px 0 0 -6px; border-top: 1px solid rgba(0, 0, 0, 0.12); } dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label { margin: 0 8px; } dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button { border-radius: 0; } .nautilus-window > popover.menu:not(:last-child) { padding: 3px; } .nautilus-window > popover.menu:not(:last-child) > stack > box > box > box { margin-top: -6px; } .nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box { margin-bottom: -6px; } .nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked { margin-top: 1px; } .nautilus-window > popover.menu:not(:last-child) separator { margin-bottom: -2px; } .nautilus-menu-sort-heading { margin: 1px 3px; font-weight: 500; } .nautilus-menu-sort-heading:disabled { color: rgba(0, 0, 0, 0.38); } .nautilus-window paned > separator { background-color: #EEEEEE; } /********* * gedit * *********/ .open-document-selector-path-label { color: rgba(0, 0, 0, 0.54); font-size: smaller; } .open-document-selector-path-label:selected { color: rgba(255, 255, 255, 0.7); } .gedit-document-panel { background-color: #F5F5F5; } .gedit-document-panel row button.flat { margin-top: 8px; margin-bottom: 8px; } .gedit-document-panel-group-row:not(:first-child) { border-top: 1px solid rgba(0, 0, 0, 0.12); } .gedit-side-panel-paned statusbar { border-top: 1px solid rgba(0, 0, 0, 0.12); } .gedit-search-slider { margin: 4px 4px 8px; } .gedit-search-slider entry:dir(ltr), .gedit-search-slider entry:dir(rtl) { border-radius: 2px; } .gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag, .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag { all: unset; color: rgba(0, 0, 0, 0.38); } .gedit-search-slider entry:dir(ltr) { margin-right: -66px; padding-right: 66px; } .gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag { margin-left: 6px; } .gedit-search-slider entry:dir(ltr) image.right { margin-right: 0; } .gedit-search-slider entry:dir(rtl) { margin-left: -66px; padding-left: 66px; } .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag { margin-right: 6px; } .gedit-search-slider entry:dir(rtl) image.left { margin-left: 0; } .gedit-search-slider entry.error ~ button { color: rgba(255, 255, 255, 0.7); } .gedit-search-slider entry.error ~ button:hover, .gedit-search-slider entry.error ~ button:active { color: #FFFFFF; } .gedit-search-slider entry.error ~ button:disabled { color: rgba(255, 255, 255, 0.3); } .gedit-search-slider button { border: solid 6px transparent; } .gedit-search-slider button:last-child:dir(ltr), .gedit-search-slider button:not(:first-child):dir(rtl) { margin-left: -3px; } .gedit-search-slider button:first-child:dir(rtl), .gedit-search-slider 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; } /************** * Tweak Tool * **************/ .tweak-categories { background-image: image(#F5F5F5); } .tweak { padding: 3px; } .tweak.title:hover { box-shadow: none; } .tweak-group-white, .tweak-white, .tweak-white:hover { background-image: image(#FFFFFF); } .tweak-startup, .tweak-startup:hover { background-image: image(#FFFFFF); } .tweak-group-startup { background-image: image(#FFFFFF); border: 1px solid rgba(0, 0, 0, 0.12); } row#Focus, row#StaticWorkspaceTweak, row#dynamic-workspaces, row#PrimaryWorkspaceTweak, row#workspaces-only-on-primary { padding: 0; border: 1px solid rgba(0, 0, 0, 0.12); } row#Focus 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(0, 0, 0, 0.12); } row#Focus.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#PrimaryWorkspaceTweak, row#workspaces-only-on-primary { margin-top: 4px; } /*********** * Builder * ***********/ layouttabbar { border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: #EEEEEE; } layouttabbar > box > button { margin: 2px 0; } layouttab { margin: 0 8px; border-style: none solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.12); box-shadow: inset 0 -2px #338DD6; background-color: #FFFFFF; } layouttab separator.vertical { margin: 8px 4px; } layouttab button.text-button, layouttab button.image-button, layouttab button { margin-top: 8px; margin-bottom: 8px; padding: 0 4px; } layout { border: 1px solid rgba(0, 0, 0, 0.12); -PnlDockBin-handle-size: 1; } entry.search-missing { background-color: #DD2C00; color: #FFFFFF; } window.workbench treeview.image { color: rgba(0, 0, 0, 0.54); } window.workbench treeview.image:selected { color: rgba(255, 255, 255, 0.7); } popover.popover-selector list { padding: 6px; } popover.popover-selector list row { border-radius: 2px; } 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: 2px; } omnibar:not(:hover):not(:active) entry { color: rgba(0, 0, 0, 0.54); } popover.omnibar list row:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } entry.preferences-search { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } preferences stacksidebar.sidebar list { background-color: #F5F5F5; } preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list { border-style: none; } preferences > box > box:dir(ltr) { border-right: 1px solid rgba(0, 0, 0, 0.12); } preferences > box > box:dir(rtl) { border-left: 1px solid rgba(0, 0, 0, 0.12); } popover.messagepopover.background { padding: 0; } popover.messagepopover .popover-action-area button { padding: 8px 16px; border-top: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0; } popover.messagepopover .popover-action-area button:first-child { border-bottom-left-radius: 2px; } popover.messagepopover .popover-action-area button:last-child { border-bottom-right-radius: 2px; } popover.messagepopover .popover-content-area { margin: 16px; } popover.transfers list { background-color: transparent; } popover.transfers list row:not(:first-child) { border-top: 1px solid rgba(0, 0, 0, 0.12); } popover.transfers list row > box { padding: 10px; } dockbin { border: 1px solid rgba(0, 0, 0, 0.12); -PnlDockBin-handle-size: 1; } dockpaned { border: 1px solid rgba(0, 0, 0, 0.12); } eggsearchbar box.search-bar { padding: 0 8px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: #EEEEEE; } docktabstrip { padding: 0 8px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: #EEEEEE; } docktab { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; min-height: 24px; min-width: 24px; margin-bottom: -1px; padding: 6px 6px; outline-offset: -6px; border-width: 1px; border-color: transparent; background-image: radial-gradient(circle farthest-corner at center, #338DD6 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; color: rgba(0, 0, 0, 0.54); font-weight: 500; } docktab:hover { box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.87); } docktab:checked { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 270ms cubic-bezier(0, 0, 0.2, 1), background-image 720ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 -2px #338DD6; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-size: 1000% 1000%; color: rgba(0, 0, 0, 0.87); } dockoverlayedge { background-color: #EEEEEE; } dockoverlayedge docktabstrip { padding: 0; border: none; } dockoverlayedge.left-edge docktab:hover { box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26); } dockoverlayedge.left-edge docktab:checked { box-shadow: inset -2px 0 #338DD6; } dockoverlayedge.right-edge docktab:hover { box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26); } dockoverlayedge.right-edge docktab:checked { box-shadow: inset 2px 0 #338DD6; } pillbox { background-color: #EEEEEE; border-radius: 2px; } layoutpane entry.search { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } editortweak entry.search { margin-bottom: -1px; box-shadow: none; } .gb-search-entry-occurrences-tag { box-shadow: none; background-color: transparent; } docktabstrip { min-height: 39px; } window.workbench preferences preferencesgroup list entry { padding-top: 8px; padding-bottom: 8px; } button.run-arrow-button { padding-left: 10px; padding-right: 10px; } button.dzlmenubutton image { min-width: 30px; } button.dzlmenubutton image.arrow { min-width: 27px; } button.dzlmenubuttonitem { color: rgba(0, 0, 0, 0.87); font-weight: normal; } button.dzlmenubuttonitem:disabled { color: rgba(0, 0, 0, 0.38); } idelayoutstackheader { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } idelayoutstackheader button:checked { color: rgba(0, 0, 0, 0.87); } ideeditorutilities > dzldockpaned > box > stackswitcher { padding: 8px 0; background-color: #EEEEEE; } ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) { border-right: 1px solid rgba(0, 0, 0, 0.12); } ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) { border-left: 1px solid rgba(0, 0, 0, 0.12); } ideeditorutilities > dzldockpaned > box > stackswitcher button { border-radius: 0; outline-offset: -6px; box-shadow: none; background-color: transparent; } ideeditorutilities > dzldockpaned > box > stackswitcher button:active { background-image: radial-gradient(circle farthest-corner at center, rgba(51, 141, 214, 0.7) 10%, transparent 0%); } ideeditorutilities > dzldockpaned > box > stackswitcher button:checked { background-color: transparent; color: rgba(0, 0, 0, 0.87); } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) { margin-right: -1px; } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):hover { box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26); } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked { box-shadow: inset -2px 0 #338DD6; } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) { margin-left: -1px; } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):hover { box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26); } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked { box-shadow: inset 2px 0 #338DD6; } ideeditorsidebar notebook header { background: transparent; } popover.messagepopover list { border: 1px solid rgba(0, 0, 0, 0.12); } popover.messagepopover list row:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } /********** * Photos * **********/ GdMainIconView.content-view { -GdMainIconView-icon-size: 48; } .documents-counter { margin: 8px; border-radius: 9999px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); background-color: #009688; color: #FFFFFF; font-weight: bold; } .documents-scrolledwin.frame { border-style: none; } .documents-scrolledwin.frame frame.content-view > border { border-style: none; } .photos-fade-in { opacity: 1; transition: opacity 180ms cubic-bezier(0, 0, 0.2, 1); } .photos-fade-out { opacity: 0; transition: opacity 180ms cubic-bezier(0, 0, 0.2, 1); } overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) { border-style: none none none solid; } overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) { border-style: none solid none none; } /********* * Music * *********/ .side-panel:dir(ltr) { border-style: solid; border-color: rgba(0, 0, 0, 0.12); } .side-panel:dir(rtl) { border-style: solid; border-color: rgba(0, 0, 0, 0.12); } .side-panel .view { background-image: image(#F5F5F5); } .side-panel .view:hover { background-image: image(rgba(235, 235, 235, 0.9935)); } .side-panel .view:selected { background-image: image(#338DD6); } .side-panel .view:selected:hover { background-image: image(#3d93d8); } .songs-list:hover { background-image: image(alpha(currentColor, 0.05)); } frame.documents-dropdown { margin: 8px; } frame.documents-dropdown > border { border: none; } box.vertical > revealer > toolbar.search-bar { border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-clip: border-box; } box.vertical > revealer > toolbar.search-bar button > widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } /********* * To Do * *********/ taskrow { transition: all 180ms cubic-bezier(0, 0, 0.2, 1); margin: 0 -8px; } taskrow:hover { transition: none; } taskrow label { margin: 0 8px; } taskrow image { min-width: 16px; } task-list-view > box > revealer > box > button { margin: -6px; } /******* * eog * *******/ #eog-thumb-nav scrolledwindow { border-top: none; } #eog-thumb-nav button { -gtk-outline-radius: 2px; } /************* * 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(0, 0, 0, 0.12); } list.categories { background-image: image(#F5F5F5); } /********* * Boxes * *********/ .transparent-bg + stack overlay > label { min-height: 24px; padding: 0 4px; border-radius: 2px; background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; } /************** * Calculator * **************/ button.title label { min-height: 36px; } /********* * Geary * *********/ .geary-titlebar-left:dir(ltr) { margin-right: 5px; padding-right: 0; } .geary-titlebar-left:dir(rtl) { margin-left: 5px; padding-left: 0; } .geary-titlebar-left > separator { background-color: rgba(0, 0, 0, 0.05); } .geary-titlebar-right:dir(ltr) { margin-left: -5px; } .geary-titlebar-right:dir(rtl) { margin-right: -5px; } /********* * Tilix * *********/ overlay > revealer.left > scrolledwindow.frame, overlay > revealer.right > scrolledwindow.frame { border-style: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22); } 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(#FAFAFA); } button.image-button.session-new-button { min-width: 32px; } /*********** * 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: 2px; } /************ * Chromium * ************/ tooltip.chromium { background-color: #424242; } /*********** * Firefox * ***********/ window.background:not(.csd) > widget > separator { color: rgba(0, 0, 0, 0.26); } window.background:not(.csd) > widget > scrollbar { background-clip: border-box; } window.background:not(.csd) > widget > scrollbar, window.background:not(.csd) > widget > frame > border { border-color: rgba(0, 0, 0, 0.26); } window.background:not(.csd) > widget > entry, window.background:not(.csd) > widget > button > button { border: 1px solid rgba(0, 0, 0, 0.26); border-radius: 3px; box-shadow: none; } window.background:not(.csd) > widget > entry { min-height: 30px; } window.background:not(.csd) > widget > entry:focus { border-color: #338DD6; } window.background:not(.csd) > widget > button > button { padding: 4px 8px; background-size: auto; } window.background:not(.csd) > widget > button > button:hover { background-image: image(alpha(currentColor, 0.05)); } window.background:not(.csd) > widget > button > button:active { background-image: image(alpha(currentColor, 0.1)); } window.background:not(.csd) > widget > checkbutton > check:not(:checked), window.background:not(.csd) > widget > radiobutton > radio:not(:checked) { color: #757575; } window.background:not(.csd) > widget > checkbutton > check:not(:checked):hover, window.background:not(.csd) > widget > checkbutton > check:not(:checked):active, window.background:not(.csd) > widget > radiobutton > radio:not(:checked):hover, window.background:not(.csd) > widget > radiobutton > radio:not(:checked):active { color: #212121; } window.background:not(.csd) > widget > checkbutton > check:not(:checked):disabled, window.background:not(.csd) > widget > radiobutton > radio:not(:checked):disabled { color: rgba(117, 117, 117, 0.5); } window.background:not(.csd) > window > menu, window.background:not(.csd) > menu > menu { border: none; } window.background:not(.csd) > widget > menubar { color: rgba(255, 255, 255, 0.7); } window.background:not(.csd) > widget > menubar:hover { color: #FFFFFF; } window.background:not(.csd) > widget > menubar:disabled { color: rgba(255, 255, 255, 0.3); } window.background:not(.csd) > widget > frame { color: rgba(0, 0, 0, 0.26); } window.background:not(.csd) > widget > checkbutton > check, window.background:not(.csd) > widget > radiobutton > radio { margin: 0; padding: 0; } window.background:not(.csd) > window.background > menu > separator { color: rgba(0, 0, 0, 0.12); } /************ * 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: 2px; -gtk-outline-radius: 2px; } #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: 2px; -gtk-outline-radius: 2px; } #CanvasTable button { min-height: 16px; min-width: 16px; padding: 0; } #CanvasTable #HorizontalScrollbar { border-top: 1px solid rgba(0, 0, 0, 0.12); } #CanvasTable #VerticalScrollbar:dir(ltr) { border-left: 1px solid rgba(0, 0, 0, 0.12); } #CanvasTable #VerticalScrollbar:dir(rtl) { border-right: 1px solid rgba(0, 0, 0, 0.12); } #Canvas_and_Dock frame > border { border: none; } #Canvas_and_Dock widget > widget > button.flat { min-height: 16px; min-width: 16px; padding: 4px; } #Canvas_and_Dock widget > widget > box.horizontal image { padding: 4px; } #Canvas_and_Dock box.horizontal > box.vertical > button.flat { min-height: 16px; min-width: 24px; padding: 8px 4px; } /*********** * Synapse * ***********/ box.vertical > widget > widget:selected { background-color: #338DD6; } /********* * 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: #338DD6; -UnityDecoration-title-indent: 4px; -UnityDecoration-title-fade: 32px; -UnityDecoration-title-alignment: 0.0; } UnityDecoration .top { padding: 0 2px; border-style: none; border-radius: 2px 2px 0 0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); background-color: #303030; color: #FFFFFF; } UnityDecoration .top:backdrop { color: rgba(255, 255, 255, 0.7); } UnityDecoration .menuitem { color: rgba(255, 255, 255, 0.7); } UnityDecoration .menuitem:hover { box-shadow: inset 0 -2px currentColor; background-color: transparent; color: #FFFFFF; } .background:not(.csd) headerbar:not(.titlebar) { border-radius: 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .background:not(.csd) headerbar:not(.titlebar).inline-toolbar { border-style: none; } UnityPanelWidget, .unity-panel { background-color: #212121; 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 { box-shadow: inset 0 -2px currentColor; background-color: transparent; color: #FFFFFF; } .menu IdoPlaybackMenuItem.menuitem:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: spin 1s linear infinite; color: #338DD6; } /************** * Mate-Panel * **************/ .mate-panel-menu-bar menubar, #PanelApplet-window-menu-applet-button { background-color: transparent; } .mate-panel-menu-bar { background-color: #212121; font-weight: 500; } .mate-panel-menu-bar:not(.popup) { color: rgba(255, 255, 255, 0.7); } .mate-panel-menu-bar button { min-height: 16px; min-width: 16px; padding: 0; border-radius: 0; } .mate-panel-menu-bar button:checked { background-color: rgba(255, 255, 255, 0.12); } PanelToplevel.horizontal > grid > button { min-width: 24px; } PanelToplevel.vertical > grid > button { min-height: 24px; } PanelSeparator { color: rgba(255, 255, 255, 0.12); } MatePanelAppletFrameDBus { border-style: solid; border-color: rgba(255, 255, 255, 0.12); } .mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus { border-width: 0 1px; } .mate-panel-menu-bar.vertical MatePanelAppletFrameDBus { border-width: 1px 0; } .mate-panel-menu-bar menubar > menuitem { color: rgba(255, 255, 255, 0.7); } .mate-panel-menu-bar menubar > menuitem:hover { 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 0px; } .mate-panel-menu-bar #tasklist-button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; } .mate-panel-menu-bar #tasklist-button image:dir(ltr), .mate-panel-menu-bar #tasklist-button label:dir(rtl) { padding-left: 4px; } .mate-panel-menu-bar #tasklist-button label:dir(ltr), .mate-panel-menu-bar #tasklist-button image:dir(rtl) { padding-right: 4px; } .mate-panel-menu-bar.vertical #tasklist-button { min-height: 32px; } .mate-panel-menu-bar.horizontal #showdesktop-button image { min-width: 24px; padding: 0 4px; } .mate-panel-menu-bar.vertical #showdesktop-button image { min-height: 24px; padding: 4px 0; } PanelApplet.wnck-applet .wnck-pager { background-color: transparent; color: #40C4FF; } PanelApplet.wnck-applet .wnck-pager:hover { background-color: rgba(255, 255, 255, 0.12); } PanelApplet.wnck-applet .wnck-pager:active { background-color: rgba(255, 255, 255, 0.3); } PanelApplet.wnck-applet .wnck-pager:selected { background-color: #338DD6; } .mate-panel-menu-bar.horizontal #clock-applet-button label { padding: 0 8px; } .mate-panel-menu-bar.vertical #clock-applet-button label { padding: 8px 0; } #MatePanelPopupWindow { border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 3px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } #MatePanelPopupWindow frame > border { border-style: none; } #MatePanelPopupWindow button { padding: 4px 16px; } #MatePanelPopupWindow ClockMap { border: 1px solid rgba(0, 0, 0, 0.12); } #MatePanelPopupWindow widget { color: rgba(0, 0, 0, 0.12); } na-tray-applet { -NaTrayApplet-icon-padding: 3px; -NaTrayApplet-icon-size: 16; } .mate-panel-menu-bar { -PanelMenuBar-icon-visible: true; } .mate-panel-applet-slider { border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 3px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: #EEEEEE; } .mate-panel-applet-slider frame > border { border-style: none; } #PanelApplet:not(:selected) > box { transition: all 180ms 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(0, 0, 0, 0.12); } #mate-menu button { min-height: 24px; min-width: 24px; padding: 4px 0; color: rgba(0, 0, 0, 0.87); font-weight: normal; } #mate-menu button label:not(:first-child) { color: rgba(0, 0, 0, 0.54); } #mate-menu entry { margin: 0 0 8px; } #mate-menu entry image { margin: 0; } #mate-menu entry + button { margin: 0 4px 8px; padding: 6px; } /********************* * CAJA File manager * *********************/ .caja-navigation-window button.toggle.image-button { border-radius: 2px; } .caja-pathbar button { margin: 0 -1px 0 -2px; } .caja-pathbar button > widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -GtkArrow-arrow-scaling: 1; } .caja-side-pane notebook viewport.frame, .caja-side-pane notebook widget .vertical { background-color: #FFFFFF; } .caja-side-pane notebook, .caja-notebook { border-top: 1px solid rgba(0, 0, 0, 0.12); } .caja-side-pane notebook .frame, .caja-notebook .frame { border-style: none; } .caja-navigation-window statusbar { margin: 0 -10px; padding: 0 4px; border-top: 1px solid rgba(0, 0, 0, 0.12); } .caja-notebook frame > border { border-style: none; } #caja-extra-view-widget { border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: #EEEEEE; } #caja-extra-view-widget > box > box > label { font-weight: bold; } /********* * Pluma * *********/ .pluma-window statusbar { margin: 0 -10px; padding: 0 4px; border-top: 1px solid rgba(0, 0, 0, 0.12); } .pluma-window statusbar frame > border { border-style: none; } .pluma-window statusbar frame button.flat { padding: 0 4px; border-radius: 0; } .pluma-window statusbar frame button.flat widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -GtkArrow-arrow-scaling: 1; } .pluma-print-preview toolbar { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .pluma-window paned.horizontal box.vertical box.horizontal button.flat { margin: 1px; } .pluma-window paned.horizontal box.vertical .frame { border-style: none; } .pluma-window paned.horizontal box.vertical notebook.frame { margin-top: -1px; border-top: 1px solid rgba(0, 0, 0, 0.12); } .pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } /********* * Atril * *********/ .atril-window paned.horizontal box.vertical .frame { border-style: none; } .atril-window paned.horizontal box.vertical notebook .frame { border-top: 1px solid rgba(0, 0, 0, 0.12); } /* mate-screensaver lock dialog */ .lock-dialog { border-radius: 2px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), inset 0 1px rgba(255, 255, 255, 0.4); } .lock-dialog frame > border { border-style: none; } /****************** * 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: 2px; -gtk-outline-radius: 2px; } .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: 3px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); background-color: #FAFAFA; } .budgie-popover .container { padding: 2px; } .budgie-popover border { border: none; } .budgie-popover list { background-color: transparent; } .budgie-popover row { padding: 0; } .budgie-popover row:hover { box-shadow: none; } .budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { min-height: 28px; padding: 0 8px; color: rgba(0, 0, 0, 0.87); font-weight: normal; } .budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled { color: rgba(0, 0, 0, 0.38); } .budgie-popover.budgie-menu .container { padding: 0; } .budgie-popover.user-menu .container { padding: 8px; } .budgie-popover.user-menu separator { margin: 4px 0; } .budgie-popover.sound-popover separator { margin: 3px 0; } .budgie-popover.night-light-indicator .container { padding: 8px; } .budgie-popover.places-menu .container { padding: 8px; } .budgie-popover.places-menu .places-list:not(.always-expand) { margin-top: 4px; padding-top: 4px; border-top: 1px solid rgba(0, 0, 0, 0.12); } .budgie-popover.places-menu .alternative-label { padding: 3px; font-size: 15px; } .budgie-popover.workspace-popover .container { padding: 2px 8px 8px; } .budgie-popover.workspace-popover separator { margin: 4px 0; } .budgie-popover.workspace-popover flowboxchild { padding: 0; } .workspace-switcher .workspace-layout { border: 0 solid rgba(255, 255, 255, 0.12); } .top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { border-left-width: 1px; } .top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { border-right-width: 1px; } .left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { border-top-width: 1px; } .workspace-switcher .workspace-item, .workspace-switcher .workspace-add-button { border: 0 solid rgba(255, 255, 255, 0.12); } .top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { border-right-width: 1px; } .top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { border-left-width: 1px; } .left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { border-bottom-width: 1px; } .workspace-switcher .workspace-item { transition: all 180ms 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: 2px; } .budgie-menu.background { padding: 0; background-color: #FFFFFF; } .budgie-menu scrollbar, .budgie-menu entry.search { background-color: transparent; } .budgie-menu entry.search { border-bottom: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0; box-shadow: none; font-size: 120%; } .budgie-menu .categories:dir(ltr) { border-bottom-left-radius: 2px; } .budgie-menu .categories:dir(rtl) { border-bottom-right-radius: 2px; } .budgie-menu button { min-height: 32px; padding: 0 8px; border-radius: 0; color: rgba(0, 0, 0, 0.87); font-weight: normal; } .budgie-menu button:disabled { color: rgba(0, 0, 0, 0.38); } .budgie-menu button:checked:disabled { background-color: #338DD6; } .budgie-menu row { padding: 0; } .budgie-menu row:hover { box-shadow: none; } popover.background.user-menu { padding: 8px; } popover.background.user-menu .content-box { background-color: transparent; } popover.background.user-menu separator { margin: 4px 0; } popover.background.user-menu row { padding: 0; box-shadow: none; background-image: none; } popover.background.places-menu { padding: 8px; } popover.background.places-menu .name-button.text-button { padding-left: 8px; padding-right: 8px; } popover.background.places-menu .name-button.text-button image:dir(ltr) { margin-right: 3px; } popover.background.places-menu .name-button.text-button image:dir(rtl) { margin-left: 3px; } popover.background.places-menu .places-section-header > image:dir(ltr) { margin: 0 -2px 0 5px; } popover.background.places-menu .places-section-header > image:dir(rtl) { margin: 0 5px 0 -2px; } popover.background.places-menu .places-list { margin-top: 4px; padding-top: 4px; border-top: 1px solid rgba(0, 0, 0, 0.12); background-color: transparent; } popover.background.places-menu row { padding: 0; box-shadow: none; background-image: none; } .budgie-panel { transition: background-color 270ms cubic-bezier(0, 0, 0.2, 1); background-color: #212121; color: rgba(255, 255, 255, 0.7); font-weight: 500; } .budgie-panel.transparent { background-color: rgba(0, 0, 0, 0.6); } .budgie-panel button { min-height: 16px; min-width: 16px; padding: 0; border-radius: 0; } .budgie-panel button:checked { background-color: rgba(255, 255, 255, 0.12); } .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: #FF5252; } .budgie-panel #tasklist-button { padding: 0 4px; } .budgie-panel.vertical #tasklist-button { min-height: 32px; } .budgie-panel button.flat.launcher { padding: 0; } .budgie-panel button.flat.launcher:not(:checked) { color: rgba(255, 255, 255, 0.5); } .budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { color: rgba(255, 255, 255, 0.7); } .budgie-panel button.flat.launcher:not(:checked):disabled { color: rgba(255, 255, 255, 0.3); } .top .budgie-panel #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; } .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, .top .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .top button.flat.launcher, .top .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .top button.flat.launcher.running { 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; } .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, .bottom .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .bottom button.flat.launcher, .bottom .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .bottom button.flat.launcher.running { 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; } .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, .left .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .left button.flat.launcher, .left .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .left button.flat.launcher.running { 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; } .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, .right .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .right button.flat.launcher, .right .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .right button.flat.launcher.running { 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 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22); } .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: #FAFAFA; } .raven > box { margin-bottom: -10px; } .raven > stack { margin-bottom: -10px; } .raven stackswitcher.linked > button { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 0%, transparent 0%) 0 0 0/0 0 0px; border-radius: 0; } .raven stackswitcher.linked > button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 100%, transparent 0%) 0 0 2/0 0 2px; background-color: transparent; } .raven .raven-header { min-height: 36px; padding: 3px; } .raven .raven-header:not(.top) { margin-top: -6px; } .raven .raven-header.top { padding: 2px 0; background-color: #338DD6; color: #FFFFFF; } .raven .raven-header.top stackswitcher button { margin: -6px 0; min-height: 36px; } .raven .raven-header.top button.image-button:dir(ltr) { margin-right: 2px; } .raven .raven-header.top button.image-button:dir(rtl) { margin-left: 2px; } .raven .raven-header.top > image { margin: 0 8px; } .raven .raven-header.top > label { margin: 0 -8px; font-weight: bold; } .raven .raven-header.bottom { border-top: 1px solid rgba(0, 0, 0, 0.12); } .raven viewport.frame .raven-header { margin-top: -8px; } .raven .raven-background { border-style: solid none; border-width: 1px; border-color: rgba(0, 0, 0, 0.12); background-color: #FFFFFF; } .raven .raven-background.frame { border-style: solid none; } .raven .raven-background > overlay > widget > image { color: rgba(0, 0, 0, 0.12); } .raven .raven-background grid > label:first-child { min-height: 36px; } .raven scrolledwindow.raven-background { border-bottom-style: none; } .raven .raven-header.top + .raven-background { border-style: none; background-color: #338DD6; color: #FFFFFF; } .raven .raven-header.top + .raven-background stackswitcher button { margin: -4px 0; } .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: 2px; background-color: #338DD6; } .raven-mpris { background-color: rgba(0, 0, 0, 0.6); color: #FFFFFF; } .raven-mpris label { min-height: 24px; } .raven-mpris button.image-button { padding: 12px; } .budgie-notification-window, .budgie-osd-window, .budgie-switcher-window { background-color: transparent; } .budgie-notification .notification-title, .budgie-switcher .notification-title { font-size: 120%; } .budgie-osd .budgie-osd-text { font-size: 120%; } .drop-shadow { margin: 5px 9px; padding: 3px; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FAFAFA; } .drop-shadow .linked > button { border-radius: 2px; } .budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { border-radius: 2px; background-color: #FAFAFA; } .budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration { border-radius: 2px; } .budgie-session-dialog label:not(:last-child), .budgie-session-dialog .dialog-title { font-size: 120%; } .budgie-session-dialog .linked.horizontal > button { padding: 8px 16px; border-top: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0; } .budgie-session-dialog .linked.horizontal > button:first-child { border-bottom-left-radius: 2px; } .budgie-session-dialog .linked.horizontal > button:last-child { border-bottom-right-radius: 2px; } .budgie-polkit-dialog .message { color: rgba(0, 0, 0, 0.38); } .budgie-polkit-dialog .failure { color: #FF5252; } .budgie-run-dialog { background-color: #FFFFFF; } .budgie-run-dialog entry.search { font-size: 120%; padding: 6px 14px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: transparent; } .budgie-run-dialog list .dim-label, .budgie-run-dialog list label.separator, .budgie-run-dialog list .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .budgie-run-dialog list .subtitle, .budgie-run-dialog list headerbar .subtitle, headerbar .budgie-run-dialog list .subtitle, .budgie-run-dialog list .budgie-notification .notification-body, .budgie-notification .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher .notification-body, .budgie-switcher .budgie-run-dialog list .notification-body { opacity: 1; } .budgie-run-dialog scrolledwindow { border-top: 1px solid rgba(0, 0, 0, 0.12); } /************************ * LightDM GTK+ Greeter * ************************/ #panel_window { background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; } #panel_window menubar, #panel_window separator { background-color: transparent; } #panel_window separator { padding: 0 4px; } #panel_window separator:first-child { padding: 0 8px; } #panel_window menubar > menuitem { color: rgba(255, 255, 255, 0.7); } #panel_window menubar > menuitem:hover { color: #FFFFFF; } #panel_window menubar > menuitem:disabled label { color: rgba(255, 255, 255, 0.3); } #login_window, #shutdown_dialog, #restart_dialog { margin: 8px; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FAFAFA; } #content_frame { padding-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); } #buttonbox_frame { padding-top: 24px; } #buttonbox_frame button { margin: -16px; } #greeter_infobar { margin-top: -1px; } /* GTK NAMED COLORS ---------------- use responsibly! */ /* widget text/foreground color */ @define-color theme_fg_color rgba(0, 0, 0, 0.87); /* text color for entries, views and content in general */ @define-color theme_text_color rgba(0, 0, 0, 0.87); /* widget base background color */ @define-color theme_bg_color #EEEEEE; /* text widgets and the like base background color */ @define-color theme_base_color #FFFFFF; /* base background color of selections */ @define-color theme_selected_bg_color #338DD6; /* text/foreground color of selections */ @define-color theme_selected_fg_color #FFFFFF; /* base background color of insensitive widgets */ @define-color insensitive_bg_color #EEEEEE; /* text foreground color of insensitive widgets */ @define-color insensitive_fg_color rgba(0, 0, 0, 0.38); /* insensitive text widgets and the like base background color */ @define-color insensitive_base_color #F5F5F5; /* widget text/foreground color on backdrop windows */ @define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.87); /* text color for entries, views and content in general on backdrop windows */ @define-color theme_unfocused_text_color rgba(0, 0, 0, 0.87); /* widget base background color on backdrop windows */ @define-color theme_unfocused_bg_color #EEEEEE; /* text widgets and the like base background color on backdrop windows */ @define-color theme_unfocused_base_color #FFFFFF; /* base background color of selections on backdrop windows */ @define-color theme_unfocused_selected_bg_color #338DD6; /* text/foreground color of selections on backdrop windows */ @define-color theme_unfocused_selected_fg_color #FFFFFF; /* insensitive color on backdrop windows */ @define-color unfocused_insensitive_color rgba(0, 0, 0, 0.38); /* widgets main borders color */ @define-color borders rgba(0, 0, 0, 0.12); /* widgets main borders color on backdrop windows */ @define-color unfocused_borders rgba(0, 0, 0, 0.12); /* these are pretty self explicative */ @define-color warning_color #FF6D00; @define-color error_color #DD2C00; @define-color success_color #00C853; /* FIXME this is really an API */ @define-color content_view_bg #FFFFFF; @define-color placeholder_text_color #757575; materia-theme-20180321/src/gtk/3.22/gtk.scss000066400000000000000000000004321325420104000201060ustar00rootroot00000000000000$variant: 'light'; $titlebar: 'dark'; $compact: 'false'; @import '../../_sass/gtk/variables'; @import '../../_sass/colors'; @import '../../_sass/gtk/drawing-3.20'; @import '../../_sass/gtk/common-3.20'; @import '../../_sass/gtk/apps-3.22'; @import '../../_sass/gtk/colors-public'; materia-theme-20180321/src/gtk/assets.svg000066400000000000000000000645561325420104000201040ustar00rootroot00000000000000 materia-theme-20180321/src/gtk/assets.txt000066400000000000000000000051661325420104000201140ustar00rootroot00000000000000checkbox-unchecked checkbox-unchecked-hover checkbox-unchecked-active checkbox-unchecked-disabled checkbox-checked checkbox-checked-hover checkbox-checked-active checkbox-checked-disabled checkbox-mixed checkbox-mixed-hover checkbox-mixed-active checkbox-mixed-disabled radio-unchecked radio-unchecked-hover radio-unchecked-active radio-unchecked-disabled radio-checked radio-checked-hover radio-checked-active radio-checked-disabled radio-mixed radio-mixed-hover radio-mixed-active radio-mixed-disabled menu-checkbox-unchecked menu-checkbox-unchecked-disabled menu-checkbox-checked menu-checkbox-checked-disabled menu-checkbox-mixed menu-checkbox-mixed-disabled menu-radio-unchecked menu-radio-unchecked-disabled menu-radio-checked menu-radio-checked-disabled menu-radio-mixed menu-radio-mixed-disabled selectionmode-checkbox-unchecked selectionmode-checkbox-checked scale-slider scale-slider-disabled scale-horz-marks-before-slider scale-horz-marks-before-slider-disabled scale-horz-marks-after-slider scale-horz-marks-after-slider-disabled scale-vert-marks-before-slider scale-vert-marks-before-slider-disabled scale-vert-marks-after-slider scale-vert-marks-after-slider-disabled box-shadow box-shadow-backdrop checkbox-unchecked-dark checkbox-unchecked-hover-dark checkbox-unchecked-active-dark checkbox-unchecked-disabled-dark checkbox-checked-dark checkbox-checked-hover-dark checkbox-checked-active-dark checkbox-checked-disabled-dark checkbox-mixed-dark checkbox-mixed-hover-dark checkbox-mixed-active-dark checkbox-mixed-disabled-dark radio-unchecked-dark radio-unchecked-hover-dark radio-unchecked-active-dark radio-unchecked-disabled-dark radio-checked-dark radio-checked-hover-dark radio-checked-active-dark radio-checked-disabled-dark radio-mixed-dark radio-mixed-hover-dark radio-mixed-active-dark radio-mixed-disabled-dark menu-checkbox-unchecked-dark menu-checkbox-unchecked-disabled-dark menu-checkbox-checked-dark menu-checkbox-checked-disabled-dark menu-checkbox-mixed-dark menu-checkbox-mixed-disabled-dark menu-radio-unchecked-dark menu-radio-unchecked-disabled-dark menu-radio-checked-dark menu-radio-checked-disabled-dark menu-radio-mixed-dark menu-radio-mixed-disabled-dark selectionmode-checkbox-unchecked-dark selectionmode-checkbox-checked-dark scale-slider-dark scale-slider-disabled-dark scale-horz-marks-before-slider-dark scale-horz-marks-before-slider-disabled-dark scale-horz-marks-after-slider-dark scale-horz-marks-after-slider-disabled-dark scale-vert-marks-before-slider-dark scale-vert-marks-before-slider-disabled-dark scale-vert-marks-after-slider-dark scale-vert-marks-after-slider-disabled-dark box-shadow-dark box-shadow-backdrop-dark materia-theme-20180321/src/gtk/assets/000077500000000000000000000000001325420104000173435ustar00rootroot00000000000000materia-theme-20180321/src/gtk/assets/box-shadow-backdrop-dark.png000066400000000000000000000007101325420104000246240ustar00rootroot00000000000000PNG  IHDR00` sBITO pHYs+tEXtSoftwarewww.inkscape.org<lPLTE+++***!!!!!!000000////////////0006\'#tRNS  08?@ACIMR vIDATh홻R@ Ep =Ob{K&Zb0it;oq-$T*ݘ|epLDkw'"Cg+P>'% ki'oXt{rUB~#uը`fT4H"zI/TPݡ̽C;i]$  H@$  H@'r/8 W"|=ܦW$eC:zT; Ŧ 0eٗC8Ef"֖rbm& Ҵeqh"V[1Pz-ڱ$2S{LJvC'g}O&Ҝrk't>dԅ }w3mIENDB`materia-theme-20180321/src/gtk/assets/box-shadow-backdrop.png000066400000000000000000000007151325420104000237120ustar00rootroot00000000000000PNG  IHDR00` sBITO pHYs+tEXtSoftwarewww.inkscape.org<oPLTEᮮ$tRNS  08٣nqlIENDB`materia-theme-20180321/src/gtk/assets/box-shadow-backdrop@2.png000066400000000000000000000015301325420104000240700ustar00rootroot00000000000000PNG  IHDR``F sBITO pHYsetEXtSoftwarewww.inkscape.org<PLTEkkkbbbyyy0ItRNS  !"#$%&'(*-11233449=>?@ACIMR`_IDATh홻NA Eج"PS$/ExȒ0J3MJR_ttp֍[wןD$vw"0Dfan;" jhLQy}2YҐQ}Fr|#8`Ƣ)o֣Jo_sfAACT)ŅD{*Ju =_E=[$  H@$  H@$? a?}GvٚNߙIT:zˮp*=/&(m)1]\l"Bami.7v_ >MAv8^'p"`'Hc`nCIkǒN! E> (e-?KsʭRW jIENDB`materia-theme-20180321/src/gtk/assets/box-shadow-dark.png000066400000000000000000000013101325420104000230360ustar00rootroot00000000000000PNG  IHDR00WsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<EIDAThY[R0l!Wؓ,97p=ǟ?BX>[,(b(PWde{fR q}筐$^"pZXĬ9BL~nֈ7Qq= ɟv_`]u?"ؓ':W.C Rh `ru=wX{g5ٽ[׃c q0F Sxat0׀,0rGH>@lJ#jC֙)cOY>$r{1rPFPU@iTQFPU@iTapu4"<#H ຼȯ!"?c>X=mD\'m^!NED\u%*@{zp罽YQ?.X@sh~3I#O'<+Gd3AK,-X@suDh?}nT ,e:Q6Y}EhUoIpS"oީmMH+ub9!i;`/1T*/\L8y4p$mIENDB`materia-theme-20180321/src/gtk/assets/box-shadow-dark@2.png000066400000000000000000000026101325420104000232240ustar00rootroot00000000000000PNG  IHDR``F sBITO pHYsetEXtSoftwarewww.inkscape.org<&PLTE&&&%%%+++***/////////,,,,,,---,,,000//////000///000///000000*ڡatRNS  !"#$%&'()*+,-.//000112345789:;<=>?@ABCDDFGGHJKLMPNEgIDAThn+EH`p7a7dE9(!eɱ9sޜlQV#5&FunS\3dYtH`@gYr!@F4iFnB =iF!xz3^?c`T,?|u7G7 3gҷ{DA[WZSE/sE|!03p~!ח)R HI<Q^j sl%K$#,ȱubPH(.t@q?JAs7>uu/!eݘG"9ī 6^Z0I]0/C,Xzcߊ8UO]tN 8'pN oW0\iX:3oF6>_j?$e?$}HuHh_T.MAEjC}v!/˲/=DU7vb1) & \BX{ kVǙvނlAxBHlחnwjf@4++PD:"4ZkR0D g{O5CC´jKbbHRDj,JZm'Tm0&(m؛W׸^cr&E]`8vZƙ\UH2y@[[*zS hbnebh +0aYbvf[Z]5>1m# ]$: F`_nr]o\&Bߍlτ>|]5Xg ?#tJ]k?`7Ax WH ^{E~4`Ho~B /`{I!Qnk!7ޚ>XT0Ƿzx׾r-@n)rS M1b 73RxjqӶ0 c==vkضm}?m.: 5s;?!SnQxB˵g|q]G "[{@=4j(0 Vo1I 60glϬgFL ~̄pOVy(Yռ%4ϼb< b{XM-c9<Ҳ%5 ,n/9r bɽ+T-K;IENDB`materia-theme-20180321/src/gtk/assets/box-shadow@2.png000066400000000000000000000026261325420104000223140ustar00rootroot00000000000000PNG  IHDR``F sBITO pHYsetEXtSoftwarewww.inkscape.org<,PLTEiiieee|||SlctRNS  !"#$%&'()*+,-.//000112345789:;<=>?@ABCDDFGGHJKLMP%\OmIDAThHD#< \_jЌ+C=ZmsՒg4V)]+ ppљDv]0H0gAtO  /qp LywBzEpЧ޿j^23-v}o>bNԮ(WZϫXfZM(}?ddp>P&r ^L&x@SnMDRE J26؂HdSyn!4YHeefبAq?2gM)R Hx0k IOQdl$E췸A*`&-o鎕_Vy*pN 8'p~-@ Iݱk %hC=>A$_~&I|^O$b1yu/&^V I|_N*ԕ×q,&e/ܫDUW~ ~B$TYuFvMW8S7-'kBb>w,haLӬ]Q;[q}Vז[!L=4x]70VC D\}"R=7ĉkvO6[6W׸^Z2@ZLRUH26]m):ƪBmeD)TXSܖgF0pk+ U D /<IENDB`materia-theme-20180321/src/gtk/assets/checkbox-checked-active-dark.png000066400000000000000000000005521325420104000254150ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<BPLTEstRNSCDLNO&yIDAT(ϕ Eڻ_m3`ᢻ|||70+"ɔ el!IENDB`materia-theme-20180321/src/gtk/assets/checkbox-checked-dark@2.png000066400000000000000000000007211325420104000243240ustar00rootroot00000000000000PNG  IHDR00` sBITO pHYsetEXtSoftwarewww.inkscape.org<QPLTEtRNS%&'(v`IDATH E/UjZu ].9G}(gʟPk LDua#BdGrk\k:\ph"!%9<+3dgOHyfI@=x=֯=hP3g~#ZLϖZ2<_(>Gs]D ei 6m!$s&9IENDB`materia-theme-20180321/src/gtk/assets/checkbox-checked-disabled-dark.png000066400000000000000000000005031325420104000257050ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<3PLTEptRNS$%%@@DRRTUijqru%eIDAT(S1 DD(Ok3 [*D[wt+Ё`$SHLaxkkWͽ!+@/[`˷A`>NjWIENDB`materia-theme-20180321/src/gtk/assets/checkbox-checked-disabled-dark@2.png000066400000000000000000000006761325420104000261020ustar00rootroot00000000000000PNG  IHDR00` sBITO pHYsetEXtSoftwarewww.inkscape.org<EPLTE(.vtRNS ;@@BDVWXdfwxxyyzIDATH FKtbvS&0$]p p~-UfwԘe`N lmH9X} {@Lzpj*z(oX/ f)_CL{2!MBb/H}~i? *ťAH+Ϲfb0`f67o(zUq׶1_[apIENDB`materia-theme-20180321/src/gtk/assets/checkbox-checked-disabled.png000066400000000000000000000005031325420104000247660ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<3PLTEptRNS$%%@@DRRTUijqru%eIDAT(S1 DD(Ok3 [*D[wt+Ё`$SHLaxkkWͽ!+@/[`˷A`>NjWIENDB`materia-theme-20180321/src/gtk/assets/checkbox-checked-disabled@2.png000066400000000000000000000006761325420104000251630ustar00rootroot00000000000000PNG  IHDR00` sBITO pHYsetEXtSoftwarewww.inkscape.org<EPLTE(.vtRNS ;@@BDVWXdfwxxyyzIDATH FKtbvS&0$]p p~-UfwԘe`N lmH9X} {@Lzpj*z(oX/ f)_CL{2!MBb/H}~i? *ťAH+Ϲfb0`f67o(zUq׶1_[apIENDB`materia-theme-20180321/src/gtk/assets/checkbox-checked-hover-dark.png000066400000000000000000000005451325420104000252670ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<?PLTEBtRNS "&)cdeixIDAT(Saa: "Xwl13l"P`{R7Q7i`)pM+ÂW`9]Y;QYOAV׵'g׃;0> b(IENDB`materia-theme-20180321/src/gtk/assets/checkbox-checked-hover-dark@2.png000066400000000000000000000010361325420104000254450ustar00rootroot00000000000000PNG  IHDR00` sBITO pHYsetEXtSoftwarewww.inkscape.org<iPLTEL"tRNS#$&34?EFGH(IDATH0 @р AA:dHi.=ʣRqI`!B!сP9g73לNE@-`:pYN=b!CF F{ ОLJzπ~ ,Ĵgi$=AO}0Hqc K:zZ|?o@o~P{7&[V^U[fnrؕX' Ϻ1!KIENDB`materia-theme-20180321/src/gtk/assets/checkbox-checked-hover.png000066400000000000000000000005451325420104000243500ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<?PLTEBtRNS "&)cdeixIDAT(Saa: "Xwl13l"P`{R7Q7i`)pM+ÂW`9]Y;QYOAV׵'g׃;0> b(IENDB`materia-theme-20180321/src/gtk/assets/checkbox-checked-hover@2.png000066400000000000000000000010361325420104000245260ustar00rootroot00000000000000PNG  IHDR00` sBITO pHYsetEXtSoftwarewww.inkscape.org<iPLTEL"tRNS#$&34?EFGH(IDATH0 @р AA:dHi.=ʣRqI`!B!сP9g73לNE@-`:pYN=b!CF F{ ОLJzπ~ ,Ĵgi$=AO}0Hqc K:zZ|?o@o~P{7&[V^U[fnrؕX' Ϻ1!KIENDB`materia-theme-20180321/src/gtk/assets/checkbox-checked.png000066400000000000000000000005161325420104000232250ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<9PLTEC%tRNSHIJ@UiIDAT(SA D@D i!%gY JSJ3'RŵzUdƅ?gMBD$Xaxe>|||70+"ɔ el!IENDB`materia-theme-20180321/src/gtk/assets/checkbox-checked@2.png000066400000000000000000000007211325420104000234050ustar00rootroot00000000000000PNG  IHDR00` sBITO pHYsetEXtSoftwarewww.inkscape.org<QPLTEtRNS%&'(v`IDATH E/UjZu ].9G}(gʟPk LDua#BdGrk\k:\ph"!%9<+3dgOHyfI@=x=֯=hP3g~#ZLϖZ2<_(>Gs]D ei 6m!$s&9IENDB`materia-theme-20180321/src/gtk/assets/checkbox-mixed-active-dark.png000066400000000000000000000004101325420104000251260ustar00rootroot00000000000000PNG  IHDRY sBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE tRNSCDL3GIDATc`2eǐ 0u@L((r,aLYhCM{P`Z aOw6F6J Ut)g&IENDB`materia-theme-20180321/src/gtk/assets/checkbox-mixed-active-dark@2.png000066400000000000000000000006031325420104000253140ustar00rootroot00000000000000PNG  IHDR00` sBITO pHYsetEXtSoftwarewww.inkscape.org<HPLTEn'1+tRNS 2444FGHL_`efghIDATH cUFx7ujhq>2AU@L1Ҿh0lS T TA d ԛ-xAT`ʬGָݞۡXN-|@mGXIENDB`materia-theme-20180321/src/gtk/assets/checkbox-mixed-active.png000066400000000000000000000004101325420104000242070ustar00rootroot00000000000000PNG  IHDRY sBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE tRNSCDL3GIDATc`2eǐ 0u@L((r,aLYhCM{P`Z aOw6F6J Ut)g&IENDB`materia-theme-20180321/src/gtk/assets/checkbox-mixed-active@2.png000066400000000000000000000006031325420104000243750ustar00rootroot00000000000000PNG  IHDR00` sBITO pHYsetEXtSoftwarewww.inkscape.org<HPLTEn'1+tRNS 2444FGHL_`efghIDATH cUFx7ujhq>2AU@L1Ҿh0lS T TA d ԛ-xAT`ʬGָݞۡXN-|@mGXIENDB`materia-theme-20180321/src/gtk/assets/checkbox-mixed-dark.png000066400000000000000000000003501325420104000236600ustar00rootroot00000000000000PNG  IHDRY sBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE$tRNSHIJ)3IDATc` 0AÚ@@Rhjڃ&7;E>;堉IENDB`materia-theme-20180321/src/gtk/assets/checkbox-mixed-dark@2.png000066400000000000000000000004461325420104000240500ustar00rootroot00000000000000PNG  IHDR00,sBITO pHYsetEXtSoftwarewww.inkscape.org<-PLTE9?tRNS$%&#QIDAT8c` zB%%A%KJ$C;`'ND݇.*.**~`Ж -rIENDB`materia-theme-20180321/src/gtk/assets/checkbox-mixed-disabled-dark.png000066400000000000000000000003511325420104000254260ustar00rootroot00000000000000PNG  IHDRY sBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE>{tRNS$%%qr33IDATc` 0AÚ@@Rhjڃ&7;E>;堉IENDB`materia-theme-20180321/src/gtk/assets/checkbox-mixed-disabled-dark@2.png000066400000000000000000000004371325420104000256150ustar00rootroot00000000000000PNG  IHDR00,sBITO pHYsetEXtSoftwarewww.inkscape.org<'PLTEu~ tRNSUVWvwxyyQIDAT8c`1 f81G{%NB%`Q |ءh'WA8 0Ghe5/T TqݏJuIENDB`materia-theme-20180321/src/gtk/assets/checkbox-mixed-disabled.png000066400000000000000000000003511325420104000245070ustar00rootroot00000000000000PNG  IHDRY sBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE>{tRNS$%%qr33IDATc` 0AÚ@@Rhjڃ&7;E>;堉IENDB`materia-theme-20180321/src/gtk/assets/checkbox-mixed-disabled@2.png000066400000000000000000000004371325420104000246760ustar00rootroot00000000000000PNG  IHDR00,sBITO pHYsetEXtSoftwarewww.inkscape.org<'PLTEu~ tRNSUVWvwxyyQIDAT8c`1 f81G{%NB%`Q |ءh'WA8 0Ghe5/T TqݏJuIENDB`materia-theme-20180321/src/gtk/assets/checkbox-mixed-hover-dark.png000066400000000000000000000004101325420104000247760ustar00rootroot00000000000000PNG  IHDRY sBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE tRNS "&cde7 GIDATc2EeLj 0u@L((r,aLYhCM{P`Z aOw6F6J t\IENDB`materia-theme-20180321/src/gtk/assets/checkbox-mixed-hover-dark@2.png000066400000000000000000000005761325420104000251750ustar00rootroot00000000000000PNG  IHDR00` sBITO pHYsetEXtSoftwarewww.inkscape.org<EPLTElEtRNS#$&=>EEF>IDATH 2i/O ]SY{P 8k:{E b8ɼ}!q%跤dI,@.@H0 .+8xA`ZBdeu㩎0|-|@;9:40mbi*3z&IENDB`materia-theme-20180321/src/gtk/assets/checkbox-mixed-hover.png000066400000000000000000000004101325420104000240570ustar00rootroot00000000000000PNG  IHDRY sBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE tRNS "&cde7 GIDATc2EeLj 0u@L((r,aLYhCM{P`Z aOw6F6J t\IENDB`materia-theme-20180321/src/gtk/assets/checkbox-mixed-hover@2.png000066400000000000000000000005761325420104000242560ustar00rootroot00000000000000PNG  IHDR00` sBITO pHYsetEXtSoftwarewww.inkscape.org<EPLTElEtRNS#$&=>EEF>IDATH 2i/O ]SY{P 8k:{E b8ɼ}!q%跤dI,@.@H0 .+8xA`ZBdeu㩎0|-|@;9:40mbi*3z&IENDB`materia-theme-20180321/src/gtk/assets/checkbox-mixed.png000066400000000000000000000003501325420104000227410ustar00rootroot00000000000000PNG  IHDRY sBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE$tRNSHIJ)3IDATc` 0AÚ@@Rhjڃ&7;E>;堉IENDB`materia-theme-20180321/src/gtk/assets/checkbox-mixed@2.png000066400000000000000000000004461325420104000231310ustar00rootroot00000000000000PNG  IHDR00,sBITO pHYsetEXtSoftwarewww.inkscape.org<-PLTE9?tRNS$%&#QIDAT8c` zB%%A%KJ$C;`'ND݇.*.**~`Ж -rIENDB`materia-theme-20180321/src/gtk/assets/checkbox-unchecked-active-dark.png000066400000000000000000000003651325420104000257620ustar00rootroot00000000000000PNG  IHDRY sBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE)+tRNSCDL᮴IDATWc`T!GA 0()AN@ZD B/(A) !A*_5IENDB`materia-theme-20180321/src/gtk/assets/checkbox-unchecked-active@2.png000066400000000000000000000005631325420104000252250ustar00rootroot00000000000000PNG  IHDR00` sBITO pHYsetEXtSoftwarewww.inkscape.org<?PLTE%/tRNS ,-.=>?BTYZIDATHֻ EkᡂJ[ BiYЖd)@1- H6 JR:tRNSCDL*w-IDATWc` 0A @kD2/0B DlV_VZIENDB`materia-theme-20180321/src/gtk/assets/checkbox-unchecked-disabled-dark@2.png000066400000000000000000000004161325420104000264350ustar00rootroot00000000000000PNG  IHDR00,sBITO pHYsetEXtSoftwarewww.inkscape.org<PLTE$| tRNS 234FGHL- LIDAT8Oc`c& hUJDP OtPNtP3QDG%F%D.1*.Q`@oQ`1Y6]IENDB`materia-theme-20180321/src/gtk/assets/checkbox-unchecked-disabled.png000066400000000000000000000003331325420104000253320ustar00rootroot00000000000000PNG  IHDRY sBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEOtRNS:;B [Q-IDATWc` 0 @D2/0@N D0&յ]IENDB`materia-theme-20180321/src/gtk/assets/checkbox-unchecked-disabled@2.png000066400000000000000000000004141325420104000255140ustar00rootroot00000000000000PNG  IHDR00,sBITO pHYsetEXtSoftwarewww.inkscape.org<PLTE(oj tRNS ,-=>?B yZJIDAT8c`c& h5JDP Ot)PNtP3QG%F%D%D+K$;x -EwIENDB`materia-theme-20180321/src/gtk/assets/checkbox-unchecked-hover-dark.png000066400000000000000000000003741325420104000256320ustar00rootroot00000000000000PNG  IHDRY sBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEtRNS "&cdeq?IDATWc`T!GA 0(VtAI@FD B/d@mFJF 8>-6IENDB`materia-theme-20180321/src/gtk/assets/checkbox-unchecked-hover-dark@2.png000066400000000000000000000005611325420104000260120ustar00rootroot00000000000000PNG  IHDR00` sBITO pHYsetEXtSoftwarewww.inkscape.org<?PLTECjtRNS#$&=>EFGwIDATH; 6NB͖ `C,\ˀG3Fʚ({eOf! ^i=W@~+2J5-[9-~ .v0@4 W=XIENDB`materia-theme-20180321/src/gtk/assets/checkbox-unchecked-hover.png000066400000000000000000000003671325420104000247150ustar00rootroot00000000000000PNG  IHDRY sBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEV7*tRNS !XY=IDATWc`2eǐ 0AY0cV@y1D B/=lmA *I ^IENDB`materia-theme-20180321/src/gtk/assets/checkbox-unchecked-hover@2.png000066400000000000000000000005551325420104000250760ustar00rootroot00000000000000PNG  IHDR00` sBITO pHYsetEXtSoftwarewww.inkscape.org<.}sIDATH; Ɖ!fK@·xg}&.e#\j#e)[eEre3Pxp+P@^pH?ie %*kno)q GA:Ɵ+ND IENDB`materia-theme-20180321/src/gtk/assets/checkbox-unchecked.png000066400000000000000000000003371325420104000235710ustar00rootroot00000000000000PNG  IHDRY sBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE+tRNS'(z{T-IDATWc` 0A @kD2/0B DlV_VZIENDB`materia-theme-20180321/src/gtk/assets/checkbox-unchecked@2.png000066400000000000000000000004271325420104000237530ustar00rootroot00000000000000PNG  IHDR00,sBITO pHYsetEXtSoftwarewww.inkscape.org<$PLTEXG tRNS[]^aMMIDAT8Oc`1k7 Xn؍[%vB%vFq%jtmP t&c$4 /#3IENDB`materia-theme-20180321/src/gtk/assets/menu-checkbox-checked-dark.png000066400000000000000000000004611325420104000251050ustar00rootroot00000000000000PNG  IHDR(-SsBITO pHYs+tEXtSoftwarewww.inkscape.org<3PLTEzqtRNSHIKv}9+TIDATeY0CC]Zg(t//8hD vM p9P^@SLeҒ@Zok3,-R#xv XIENDB`materia-theme-20180321/src/gtk/assets/menu-checkbox-checked-dark@2.png000066400000000000000000000006621325420104000252720ustar00rootroot00000000000000PNG  IHDR DsBITO pHYsetEXtSoftwarewww.inkscape.org<WPLTEFGFtRNS'u{"IDAT8˵0 CQw4ۙ&i\$Sy9%qjj&]q;9Px\tO)4OkqQ$\B ʒtY0't_NKiS_ЦeN{n+soPV$ăQW1vgq޴p#4ct1o`-IENDB`materia-theme-20180321/src/gtk/assets/menu-checkbox-checked-disabled-dark.png000066400000000000000000000004521325420104000266520ustar00rootroot00000000000000PNG  IHDRRsBITO pHYs+tEXtSoftwarewww.inkscape.org<0PLTEUUtRNS$%&;?AERVjqr!,PIDAT[cOCCqelb0~+ ׃ R@ Fz9ؠG2Ȁ[a\nodAIENDB`materia-theme-20180321/src/gtk/assets/menu-checkbox-checked-disabled-dark@2.png000066400000000000000000000006461325420104000270410ustar00rootroot00000000000000PNG  IHDR DsBITO pHYsetEXtSoftwarewww.inkscape.org<NPLTEr tRNS ;>BCEFUVXdghvwxyy_gIDAT8˵ VQRk.l+vCn} fJFCմ̺0OrzSi !rI |nPeɜx~,,2' s_ln6-Ks["'i%'?[R]w|FV{aIENDB`materia-theme-20180321/src/gtk/assets/menu-checkbox-checked-disabled.png000066400000000000000000000004521325420104000257330ustar00rootroot00000000000000PNG  IHDRRsBITO pHYs+tEXtSoftwarewww.inkscape.org<0PLTEUUtRNS$%&;?AERVjqr!,PIDAT[cOCCqelb0~+ ׃ R@ Fz9ؠG2Ȁ[a\nodAIENDB`materia-theme-20180321/src/gtk/assets/menu-checkbox-checked-disabled@2.png000066400000000000000000000006461325420104000261220ustar00rootroot00000000000000PNG  IHDR DsBITO pHYsetEXtSoftwarewww.inkscape.org<NPLTEr tRNS ;>BCEFUVXdghvwxyy_gIDAT8˵ VQRk.l+vCn} fJFCմ̺0OrzSi !rI |nPeɜx~,,2' s_ln6-Ks["'i%'?[R]w|FV{aIENDB`materia-theme-20180321/src/gtk/assets/menu-checkbox-checked.png000066400000000000000000000004611325420104000241660ustar00rootroot00000000000000PNG  IHDR(-SsBITO pHYs+tEXtSoftwarewww.inkscape.org<3PLTEzqtRNSHIKv}9+TIDATeY0CC]Zg(t//8hD vM p9P^@SLeҒ@Zok3,-R#xv XIENDB`materia-theme-20180321/src/gtk/assets/menu-checkbox-checked@2.png000066400000000000000000000006621325420104000243530ustar00rootroot00000000000000PNG  IHDR DsBITO pHYsetEXtSoftwarewww.inkscape.org<WPLTEFGFtRNS'u{"IDAT8˵0 CQw4ۙ&i\$Sy9%qjj&]q;9Px\tO)4OkqQ$\B ʒtY0't_NKiS_ЦeN{n+soPV$ăQW1vgq޴p#4ct1o`-IENDB`materia-theme-20180321/src/gtk/assets/menu-checkbox-mixed-dark.png000066400000000000000000000003351325420104000246250ustar00rootroot00000000000000PNG  IHDRRsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEtRNSHIK$IDATc0+ p d0*pKU! Gby6Xq$IENDB`materia-theme-20180321/src/gtk/assets/menu-checkbox-mixed-dark@2.png000066400000000000000000000004301325420104000250030ustar00rootroot00000000000000PNG  IHDR TgsBITO pHYsetEXtSoftwarewww.inkscape.org<-PLTEVtRNS'1CIDAT(c`}0hCP2Cx n(D`h-^3ԡ 0hAM 1G b8P"04|Q'rУU D9wzIENDB`materia-theme-20180321/src/gtk/assets/menu-checkbox-mixed-disabled.png000066400000000000000000000003321325420104000254500ustar00rootroot00000000000000PNG  IHDRRsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE.]atRNS$%&qrg$IDATc0M 0#! d0*pKU! GA%/|}8IENDB`materia-theme-20180321/src/gtk/assets/menu-checkbox-mixed-disabled@2.png000066400000000000000000000004171325420104000256360ustar00rootroot00000000000000PNG  IHDR TgsBITO pHYsetEXtSoftwarewww.inkscape.org<'PLTE* tRNSUVXvwxyyroAIDAT(c`>0hAM 1G b8P"04|Q'rУU D9wzIENDB`materia-theme-20180321/src/gtk/assets/menu-checkbox-mixed.png000066400000000000000000000003351325420104000237060ustar00rootroot00000000000000PNG  IHDRRsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEtRNSHIK$IDATc0+ p d0*pKU! Gby6Xq$IENDB`materia-theme-20180321/src/gtk/assets/menu-checkbox-mixed@2.png000066400000000000000000000004301325420104000240640ustar00rootroot00000000000000PNG  IHDR TgsBITO pHYsetEXtSoftwarewww.inkscape.org<-PLTEVtRNS'1CIDAT(c`}0hCP2Cx n(D`h-^3ԡ R:tRNS35ElFIDAT[cP CS#! B[* u+IENDB`materia-theme-20180321/src/gtk/assets/menu-checkbox-unchecked-dark@2.png000066400000000000000000000004111325420104000256250ustar00rootroot00000000000000PNG  IHDR TgsBITO pHYsetEXtSoftwarewww.inkscape.org<$PLTE tRNSwy{%?IDAT(c`ڍ*0F ިV dؽ yB-v0DG:@"%2U$IENDB`materia-theme-20180321/src/gtk/assets/menu-checkbox-unchecked-disabled-dark.png000066400000000000000000000003211325420104000272100ustar00rootroot00000000000000PNG  IHDRRsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE>R:tRNSCDL*wIDATcP 'W#! B[ u! FBIENDB`materia-theme-20180321/src/gtk/assets/menu-checkbox-unchecked-disabled-dark@2.png000066400000000000000000000004031325420104000273730ustar00rootroot00000000000000PNG  IHDR TgsBITO pHYsetEXtSoftwarewww.inkscape.org<!PLTE! tRNS 234FGHL3=IDAT(Sc`\0hBM QKf dX yB#P0X 2&)(IENDB`materia-theme-20180321/src/gtk/assets/menu-checkbox-unchecked-disabled.png000066400000000000000000000003151325420104000262740ustar00rootroot00000000000000PNG  IHDRRsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEOtRNS:;B [QIDATcvCÉ \[ u"%i>}IENDB`materia-theme-20180321/src/gtk/assets/menu-checkbox-unchecked-disabled@2.png000066400000000000000000000003761325420104000264650ustar00rootroot00000000000000PNG  IHDR TgsBITO pHYsetEXtSoftwarewww.inkscape.org<PLTE(oj tRNS ,-=>?BmQW y[|st/y͔wMC ?"aB+#^ IENDB`materia-theme-20180321/src/gtk/assets/menu-checkbox-unchecked@2.png000066400000000000000000000004151325420104000247120ustar00rootroot00000000000000PNG  IHDR TgsBITO pHYsetEXtSoftwarewww.inkscape.org<'PLTE tRNS[\]_m?IDAT(Sc`>0hArP2A8p 8sfT`p`DT KTF(dT"fIENDB`materia-theme-20180321/src/gtk/assets/menu-radio-checked-dark.png000066400000000000000000000010401325420104000244070ustar00rootroot00000000000000PNG  IHDR(-SsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEZ 5tRNS '*+,-/06789bIDAT%B0OD)c W9x?mDVSզW|ZJfArp84~JG[UUK *qq jr88 jQT%6o|ʘƐz7´~[UT*SMxm[zt"4+mB?JpIENDB`materia-theme-20180321/src/gtk/assets/menu-radio-checked-dark@2.png000066400000000000000000000017611325420104000246030ustar00rootroot00000000000000PNG  IHDR DsBITO pHYsetEXtSoftwarewww.inkscape.org<5PLTEftRNS "%&'(*+,-.1GHIJUVWXY^bcdfoBIDAT8OkWRaF7(_,5,M~{abJP }@Ywf֚Zwzp{*E;{'w/1B}+l#N\Vxy|g`|jiU_V-oRvTBr$ K1"IJshZ=ZJSK\nXMSuҗ b Z V!VxIdG]FÆ0nq>LRQCPϩP.@j.@Zs<6in27[%KuH|?vjI Htid; \ `xP ޫ^yYV} @W^5,ߚ'GZ~*qz61VRt0'֚aq_m{ɹjTI%Tzi'<86>_lOڔIENDB`materia-theme-20180321/src/gtk/assets/menu-radio-checked-disabled-dark.png000066400000000000000000000010031325420104000261530ustar00rootroot00000000000000PNG  IHDR(-SsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEUUmQU0tRNSGGHIJJKLUVX^__jjkrvwxyyzz|}~`cIDATWMm iFV(9;l΢Ȩ:Wt27j} /rس)QDRM L  "/Po 804 9">BAfƱ -&( {xO\$\y O jҼP|9wIENDB`materia-theme-20180321/src/gtk/assets/menu-radio-checked-disabled-dark@2.png000066400000000000000000000016311325420104000263440ustar00rootroot00000000000000PNG  IHDR DsBITO pHYsetEXtSoftwarewww.inkscape.org<PLTEUUfmҖ/eUtRNS $%%+,-/12238ACDEFGGHIJJKLLMNNOXYZ^__acdejjkqrssuvyyzz{|}}~d&}IDAT8Om[Qot!J|t1Vouy3Ϝ3g&N W LS>9wV=?4`/ o9Emj;\_[X?jMch;t݉TȜm^$(4T:U3ȄzX oݛLC픀s5 |qT j =upAl,pl# NX}L @Us86&2+-h jL_ NZpDp)^,+.5FUQz|_ngjTrG,p(ީu4Aqx3D/ശDIENDB`materia-theme-20180321/src/gtk/assets/menu-radio-checked-disabled.png000066400000000000000000000010031325420104000252340ustar00rootroot00000000000000PNG  IHDR(-SsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEUUmQU0tRNSGGHIJJKLUVX^__jjkrvwxyyzz|}~`cIDATWMm iFV(9;l΢Ȩ:Wt27j} /rس)QDRM L  "/Po 804 9">BAfƱ -&( {xO\$\y O jҼP|9wIENDB`materia-theme-20180321/src/gtk/assets/menu-radio-checked-disabled@2.png000066400000000000000000000016311325420104000254250ustar00rootroot00000000000000PNG  IHDR DsBITO pHYsetEXtSoftwarewww.inkscape.org<PLTEUUfmҖ/eUtRNS $%%+,-/12238ACDEFGGHIJJKLLMNNOXYZ^__acdejjkqrssuvyyzz{|}}~d&}IDAT8Om[Qot!J|t1Vouy3Ϝ3g&N W LS>9wV=?4`/ o9Emj;\_[X?jMch;t݉TȜm^$(4T:U3ȄzX oݛLC픀s5 |qT j =upAl,pl# NX}L @Us86&2+-h jL_ NZpDp)^,+.5FUQz|_ngjTrG,p(ީu4Aqx3D/ശDIENDB`materia-theme-20180321/src/gtk/assets/menu-radio-checked.png000066400000000000000000000010401325420104000234700ustar00rootroot00000000000000PNG  IHDR(-SsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEZ 5tRNS '*+,-/06789bIDAT%B0OD)c W9x?mDVSզW|ZJfArp84~JG[UUK *qq jr88 jQT%6o|ʘƐz7´~[UT*SMxm[zt"4+mB?JpIENDB`materia-theme-20180321/src/gtk/assets/menu-radio-checked@2.png000066400000000000000000000017611325420104000236640ustar00rootroot00000000000000PNG  IHDR DsBITO pHYsetEXtSoftwarewww.inkscape.org<5PLTEftRNS "%&'(*+,-.1GHIJUVWXY^bcdfoBIDAT8OkWRaF7(_,5,M~{abJP }@Ywf֚Zwzp{*E;{'w/1B}+l#N\Vxy|g`|jiU_V-oRvTBr$ K1"IJshZ=ZJSK\nXMSuҗ b Z V!VxIdG]FÆ0nq>LRQCPϩP.@j.@Zs<6in27[%KuH|?vjI Htid; \ `xP ޫ^yYV} @W^5,ߚ'GZ~*qz61VRt0'֚aq_m{ɹjTI%Tzi'<86>_lOڔIENDB`materia-theme-20180321/src/gtk/assets/menu-radio-mixed-dark.png000066400000000000000000000007261325420104000241410ustar00rootroot00000000000000PNG  IHDR(-SsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE8h*tRNS *+,-/06789IDAT=0W 1Gdw(~V~ߋ^<$t7Ͷe5Nl-OX3!.)y$Ɛ#` &+^pm(7u.e8\C$)=~9I:LD4Qj8GQN=sh`_ZaX6~'N?Œd qRA)ySz^~ 7ʌ$vVIENDB`materia-theme-20180321/src/gtk/assets/menu-radio-mixed-disabled-dark.png000066400000000000000000000007021325420104000257000ustar00rootroot00000000000000PNG  IHDR(-SsBITO pHYs+tEXtSoftwarewww.inkscape.org<uPLTEUU8'tRNSGGHIJJKL^__jjkryyzz|}~ IDATWe@Cl0 OTndǮJY n$I&Saa&=|woYȖi!\B%Pˠm '}ChvggC/fl(Y[=g͛0 ,N "IENDB`materia-theme-20180321/src/gtk/assets/menu-radio-mixed-disabled-dark@2.png000066400000000000000000000014071325420104000260650ustar00rootroot00000000000000PNG  IHDR DsBITO pHYsetEXtSoftwarewww.inkscape.org<PLTEfm~FtRNS $%%+,-/12248ACDEFHIJJKLLMNNOXYZacdejqrssuvzz{|}}~·xUIDAT8OV0DжV-xGA-(jj|@.Yߒ$iw&I2 O#ўcҪ䖿S ^ q^ܬbb}`0lhwhܖhJR0t4}IO?7ΊtN, e4:6]B pDI! $np__&CnjEIsHKO L]Ijt$U"A}?Hg)~|' 8l-wz*4/g׹'XpWEcdY=-p< iIENDB`materia-theme-20180321/src/gtk/assets/menu-radio-mixed-disabled.png000066400000000000000000000007021325420104000247610ustar00rootroot00000000000000PNG  IHDR(-SsBITO pHYs+tEXtSoftwarewww.inkscape.org<uPLTEUU8'tRNSGGHIJJKL^__jjkryyzz|}~ IDATWe@Cl0 OTndǮJY n$I&Saa&=|woYȖi!\B%Pˠm '}ChvggC/fl(Y[=g͛0 ,N "IENDB`materia-theme-20180321/src/gtk/assets/menu-radio-mixed-disabled@2.png000066400000000000000000000014071325420104000251460ustar00rootroot00000000000000PNG  IHDR DsBITO pHYsetEXtSoftwarewww.inkscape.org<PLTEfm~FtRNS $%%+,-/12248ACDEFHIJJKLLMNNOXYZacdejqrssuvzz{|}}~·xUIDAT8OV0DжV-xGA-(jj|@.Yߒ$iw&I2 O#ўcҪ䖿S ^ q^ܬbb}`0lhwhܖhJR0t4}IO?7ΊtN, e4:6]B pDI! $np__&CnjEIsHKO L]Ijt$U"A}?Hg)~|' 8l-wz*4/g׹'XpWEcdY=-p< iIENDB`materia-theme-20180321/src/gtk/assets/menu-radio-mixed.png000066400000000000000000000007261325420104000232220ustar00rootroot00000000000000PNG  IHDR(-SsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE8h*tRNS *+,-/06789IDAT=0W 1Gdw(~V~ߋ^<$t7Ͷe5Nl-OX3!.)y$Ɛ#` &+^pm(7u.e8\C$)=~9I:LD4Qj8GQN=sh`_ZaX6~'N?Œd qRA)ySz^~ 7ʌ$vVIENDB`materia-theme-20180321/src/gtk/assets/menu-radio-unchecked-dark.png000066400000000000000000000006711325420104000247630ustar00rootroot00000000000000PNG  IHDR(-SsBITO pHYs+tEXtSoftwarewww.inkscape.org<oPLTE/%tRNS  !"&'(cdefghijh7IDAT= 7a$;F-_O ]֬ M9xk}Ⱥa y-.5UTC;*$Ke%KԓvT^=UTKSύeG s8bX4+nÊJ t\_IENDB`materia-theme-20180321/src/gtk/assets/menu-radio-unchecked-dark@2.png000066400000000000000000000014021325420104000251360ustar00rootroot00000000000000PNG  IHDR DsBITO pHYsetEXtSoftwarewww.inkscape.org<PLTEGEtRNS  "234<=>BDEFHN[^_abefghijklmn{|}~TIDAT8OZ0PRP7Y*3ybK̜$g%Ak8MKVMEќ%Q}E^~]TzƯ݋-vgYvg~bY}eM$ત.@GO`K F͝6zR0t 5ײ<-p! h M ; 7H>2-z@_-z?j2)N,q0}-Izs.I\q9 9][f?;9il^ZS NYEy^ƒTĹ$ ^CZxcIENDB`materia-theme-20180321/src/gtk/assets/menu-radio-unchecked-disabled-dark.png000066400000000000000000000005531325420104000265270ustar00rootroot00000000000000PNG  IHDR(-SsBITO pHYs+tEXtSoftwarewww.inkscape.org<BPLTE_҆tRNS *+,-89?DHIJKLݚXyIDATeQ C+@[r 3o6!rǡY >ϳr.;KJrq`KI_`_`F0XV " YEzyt{]Ԕ4' 8PIENDB`materia-theme-20180321/src/gtk/assets/menu-radio-unchecked-disabled-dark@2.png000066400000000000000000000012071325420104000267060ustar00rootroot00000000000000PNG  IHDR DsBITO pHYsetEXtSoftwarewww.inkscape.org<PLTE0tRNS !&()*+,-./45:;Dd웱&h_J5۽wK90RKGNAP~_m<Ƅ=o/?G-n^ĝ;,sALC-jIENDB`materia-theme-20180321/src/gtk/assets/menu-radio-unchecked-disabled.png000066400000000000000000000005461325420104000256120ustar00rootroot00000000000000PNG  IHDR(-SsBITO pHYs+tEXtSoftwarewww.inkscape.org<BPLTEtRNS $%&'017;>?@AB'tIDATWeK C+(UQ -FͪyCiB$rN,2SESe ?,^REeX7W~YO; N/5/rQ돭;Kr( IENDB`materia-theme-20180321/src/gtk/assets/menu-radio-unchecked-disabled@2.png000066400000000000000000000011641325420104000257710ustar00rootroot00000000000000PNG  IHDR DsBITO pHYsetEXtSoftwarewww.inkscape.org<PLTEm-e+tRNS !#$%&'()-.2347:;<=?@ABK5.IDAT8˅b0D7RcEZ@H>h}VdB֖G}DŽ4wh7aEfh,7[Rv#:u`:v?ʯZ3u߶.=(DX&'kӒ 2)\ȁR, )`L`Fz@ beO,ՠ;`"|e P^]&AlGYWp׏uFk㳞"x|sJ xggmOG\:B:IENDB`materia-theme-20180321/src/gtk/assets/menu-radio-unchecked.png000066400000000000000000000006461325420104000240460ustar00rootroot00000000000000PNG  IHDR(-SsBITO pHYs+tEXtSoftwarewww.inkscape.org<cPLTEfht!tRNSLMNOPQRefgrs{QcIDAT= DO!%QZ OY04mծDTZ p|bfEh|z&uT^#I[:*+UTO[-ٱs`-[{E ?M?4^6 N IENDB`materia-theme-20180321/src/gtk/assets/menu-radio-unchecked@2.png000066400000000000000000000013361325420104000242250ustar00rootroot00000000000000PNG  IHDR DsBITO pHYsetEXtSoftwarewww.inkscape.org<PLTE$j>tRNS &'(./034568K\~0"{\,s1d\5F:3`p[/{&1tAJ|AA % wd %mM&m.4QW'ƚIG/`SFr*HZUH#DCScs0"[)*'I;4dI,(tAbg69R6؎@99 = 4H~58ЛA=uep5|`ViVN@ɾi] D܏z1Ʋ XH|` | :*5 i tn 5菿'KƢWY`hq1G4{k怤EcT1_K@9Ч>hNҎhn?P-:0lx|Ё80 ""=!`G:DDHH#Gr5c2""=qvxɲe6T9""]""2lI wdODD+0VFo{4:9U-YNJ'{ߟJl@cnHT@آ@6R-ݛ?3]}X2t lvM@<T]J0 Uݾ풒CNכ9]#~HnӸ`{olPKGJiz|esVқ'b̩Seb ϧwk^ӡɫ Ms|Bכh1IENDB`materia-theme-20180321/src/gtk/assets/radio-checked-active.png000066400000000000000000000013001325420104000237760ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE,\DtRNSCDLMNPPTTUVijkzz{pIDAT(Su[W@FG7Vjx/2yL4M= Dtf=9dT^esȩ`W0K\~0"{\,s1d\5F:3`p[/{&1tAJ|AA % wd %mM&m.4QW'ƚIG/`SFr*HZUH#DCScs0"[)*'I;4dI,(tAbg69R6؎@99 = 4H~58ЛA=uep5|`ViVN@ɾi] D܏z1Ʋ XH|` | :*5 i tn 5菿'KƢWY`hq1G4{k怤EcT1_K@9Ч>hNҎhn?P-:0lx|Ё80 ""=!`G:DDHH#Gr5c2""=qvxɲe6T9""]""2lI wdODD+0VFo{4:9U-YNJ'{ߟJl@cnHT@آ@6R-ݛ?3]}X2t lvM@<T]J0 Uݾ풒CNכ9]#~HnӸ`{olPKGJiz|esVқ'b̩Seb ϧwk^ӡɫ Ms|Bכh1IENDB`materia-theme-20180321/src/gtk/assets/radio-checked-dark.png000066400000000000000000000012331325420104000234510ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE!_CtRNS *+,ABCKLMNOPQSTUVWhijkmoqAIDATVQwP) #9ʹ=wڳ6txG`P3)--S$98}MߊƁדf\&kϴzTVreΤF S\.814[aIENDB`materia-theme-20180321/src/gtk/assets/radio-checked-dark@2.png000066400000000000000000000022731325420104000236400ustar00rootroot00000000000000PNG  IHDR00` sBITO pHYsetEXtSoftwarewww.inkscape.org<YPLTE{DrtRNS ,56789:NOPQSTUVWZbcdefghisuwxyz~W-7VIDAT#q],yhS)Oy(JLy(T3Tc[NRUʧ~\JY=|Mo nZY"w)=C|o޶}MFQ.d0֪bs4 fd($|W:NU;2kUn8k!}v^tT*(OUp ;T֕1 Q5N7JG*k ,Z hwfy.ێ%`PWF!2e6Bde:[e4GGK+82\BNde:[e4Gm2 6[dt.1,(! cxgߩgzR ;}Y22=3ૺKK vD$1oed|P^sʊ2I((5dx"m +AB]Fh)\> ! P2|ne "m +AB]Fh)rdHؔNJ%EdvYe4;@YA_@A ̩**U#ʓK{I|R3jQOԧ zO?ݜr37z\+Xhe5`Q^)Ə M)JS5U}[  =ʔ.0®or>tJW!͔it- &XsV.syLcʻN}[.Xz` (LAIENDB`materia-theme-20180321/src/gtk/assets/radio-checked-disabled.png000066400000000000000000000011661325420104000243040ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEUUmIޠgߩgzR ;}Y22=3ૺKK vD$1oed|P^sʊ2I((5dx"m +AB]Fh)\> ! P2|ne "m +AB]Fh)rdHؔNJ%EdvYe4;@YA_@A ̩**U#ʓK{I|R3jQOԧ zO?ݜr37z\+Xhe5`Q^)Ə M)JS5U}[  =ʔ.0®or>tJW!͔it- &XsV.syLcʻN}[.Xz` (LAIENDB`materia-theme-20180321/src/gtk/assets/radio-checked-hover-dark.png000066400000000000000000000013021325420104000245670ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEq\3EtRNS "&()*+/012JKK]^_fghhijkmmnop~sIDAT(SuRArEeYeWds`xKzF<@:2;_DRш!jC>YI-@ jW'ܡhT{) ?1ձ~(:=Z U" P<6Z8гow] &jC!*`]JՇڐE:.t-wN 7ihig.GXn/Í1Fl7WIENDB`materia-theme-20180321/src/gtk/assets/radio-checked-hover-dark@2.png000066400000000000000000000024361325420104000247620ustar00rootroot00000000000000PNG  IHDR00` sBITO pHYsetEXtSoftwarewww.inkscape.org<hPLTEv:wtRNS#$&()*+,.//456789<=>?KSTUVWhijkmmnopsyz{|}~D,'IDATHǕCAW;B!Ph*)hP>T ǽ0n?vvgf7[#101(Y/}|aeO^13ܓgk ?9:]a1eYo0qtO4yFp~C:XyYa{dW{`(xE|Y~劫 [L x^rh[xb^Ũ>v"^8TpYI-@ jW'ܡhT{) ?1ձ~(:=Z U" P<6Z8гow] &jC!*`]JՇڐE:.t-wN 7ihig.GXn/Í1Fl7WIENDB`materia-theme-20180321/src/gtk/assets/radio-checked-hover@2.png000066400000000000000000000024361325420104000240430ustar00rootroot00000000000000PNG  IHDR00` sBITO pHYsetEXtSoftwarewww.inkscape.org<hPLTEv:wtRNS#$&()*+,.//456789<=>?KSTUVWhijkmmnopsyz{|}~D,'IDATHǕCAW;B!Ph*)hP>T ǽ0n?vvgf7[#101(Y/}|aeO^13ܓgk ?9:]a1eYo0qtO4yFp~C:XyYa{dW{`(xE|Y~劫 [L x^rh[xb^Ũ>v"^8TptxG`P3)--S$98}MߊƁדf\&kϴzTVreΤF S\.814[aIENDB`materia-theme-20180321/src/gtk/assets/radio-checked@2.png000066400000000000000000000022731325420104000227210ustar00rootroot00000000000000PNG  IHDR00` sBITO pHYsetEXtSoftwarewww.inkscape.org<YPLTE{DrtRNS ,56789:NOPQSTUVWZbcdefghisuwxyz~W-7VIDAT#q],yhS)Oy(JLy(T3Tc[NRUʧ~\JY=|Mo nZY"w)=C|o޶}MFQ.d0֪bs4 fd($|W:NU;2kUn8k!}v^tT*(OUp ;T֕1 Q5N7JG*k ,Z hwfy.ێ%`PWF!2e6Bde:[e4GGK+82\BNde:[e4Gm2 6[dt.1,(! cx 'yJsD.?3dBBAKm JP%sȢlıgsmq@}!SAbN4X0)EfC Gaas;QF*Lpգ|qWcy6'eKs,ӴS 2ݝh~lɑ7<{$֡:IENDB`materia-theme-20180321/src/gtk/assets/radio-mixed-active-dark@2.png000066400000000000000000000021441325420104000246260ustar00rootroot00000000000000PNG  IHDR00` sBITO pHYsetEXtSoftwarewww.inkscape.org<8PLTEPPgtRNS 2444FGHLMNOPPQRSTXYZ[[^_``kqrsstuD +IDATHǝiW@ር@Dh]@kŵ Q8 IH89;sG\SnpO$5-ĴKvLf^Χ=c qDq[>`A1d LBYޓaj2FٳHQ6+8^ 'yJsD.?3dBBAKm JP%sȢlıgsmq@}!SAbN4X0)EfC Gaas;QF*Lpգ|qWcy6'eKs,ӴS 2ݝh~lɑ7<{$֡:IENDB`materia-theme-20180321/src/gtk/assets/radio-mixed-active@2.png000066400000000000000000000021441325420104000237070ustar00rootroot00000000000000PNG  IHDR00` sBITO pHYsetEXtSoftwarewww.inkscape.org<8PLTEPPgtRNS 2444FGHLMNOPPQRSTXYZ[[^_``kqrsstuD +IDATHǝiW@ር@Dh]@kŵ Q8 IH89;sG\SnpO$5-ĴKvLf^Χ=c qDq[>`A1d LBYޓaj2FٳHQ6+8^=62}dd7;)0s4Siy>Oǃxz!3laE*؊a ay]1%R4KeT}2wXc˟\JX%TrxLS w!O*Sm|,9&|D|ryZrirԀl-vJPBޥL`UցFRr@##ߚ@V\%oauRJHˤzeg%^FKc+.&SC}ElڢNraR?YOBd ſIykң"?k:\H#|fR~-g[ģeґIENDB`materia-theme-20180321/src/gtk/assets/radio-mixed-disabled-dark.png000066400000000000000000000011111325420104000247310ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEUUmG8tRNS!!"'(()**+,4567899DEEFQRRSTijjkllmnnoyzz|}u3IDATv0iuApkJ .xzA$ejk əOrK^KFa[$P oh G3hY`͸h9CX?HU GQ6w^`1c/X!-2:1BKCeLGc`C64 Wxk2OҜZ zx?l FIENDB`materia-theme-20180321/src/gtk/assets/radio-mixed-disabled-dark@2.png000066400000000000000000000016351325420104000251260ustar00rootroot00000000000000PNG  IHDR00` sBITO pHYsetEXtSoftwarewww.inkscape.org<PLTEUUf'LtRNS *+,-1223445:;<==?BCCDIJKLMSTUVWYZ[giijklmoqrstuvwyyz{|}}SB6IDATV#764i6dJ {G2*9Sf}Ȃa$k^X{&a2iӪޙi{ \O՚CKҧ.U7[Zckj"hIqME*][a=D./uP9c+10H)TrJBBP@['R")E LDP`pDP`prDP& =@OPU#R; ?,RC@ :O+Vԗ*V pKZ\[1*.Тm*RiLZﱬ=|ZjkMeUF{ג̙Кl8|}V&3֑mf2nLP1ۊUrY6 JR`郎ZxخY)D-kIENDB`materia-theme-20180321/src/gtk/assets/radio-mixed-disabled.png000066400000000000000000000011111325420104000240120ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEUUmG8tRNS!!"'(()**+,4567899DEEFQRRSTijjkllmnnoyzz|}u3IDATv0iuApkJ .xzA$ejk əOrK^KFa[$P oh G3hY`͸h9CX?HU GQ6w^`1c/X!-2:1BKCeLGc`C64 Wxk2OҜZ zx?l FIENDB`materia-theme-20180321/src/gtk/assets/radio-mixed-disabled@2.png000066400000000000000000000016351325420104000242070ustar00rootroot00000000000000PNG  IHDR00` sBITO pHYsetEXtSoftwarewww.inkscape.org<PLTEUUf'LtRNS *+,-1223445:;<==?BCCDIJKLMSTUVWYZ[giijklmoqrstuvwyyz{|}}SB6IDATV#764i6dJ {G2*9Sf}Ȃa$k^X{&a2iӪޙi{ \O՚CKҧ.U7[Zckj"hIqME*][a=D./uP9c+10H)TrJBBP@['R")E LDP`pDP`prDP& =@OPU#R; ?,RC@ :O+Vԗ*V pKZ\[1*.Тm*RiLZﱬ=|ZjkMeUF{ג̙Кl8|}V&3֑mf2nLP1ۊUrY6 JR`郎ZxخY)D-kIENDB`materia-theme-20180321/src/gtk/assets/radio-mixed-hover-dark.png000066400000000000000000000012051325420104000243110ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE @tRNS "&()*+/012JKK]^_hijkmmnop~IDAT(}0P4Ă7EWt2{2&R*M"Bl޶UиCĭyB&S0G0W1P@-hʡ=laQkg@#A 9<18_6oGa⍤V eV!4y0 Kgeꚦi8vBjWK5DiOs\5i~Gz&DF?IENDB`materia-theme-20180321/src/gtk/assets/radio-mixed-hover-dark@2.png000066400000000000000000000021301325420104000244710ustar00rootroot00000000000000PNG  IHDR00` sBITO pHYsetEXtSoftwarewww.inkscape.org</PLTEX/dtRNS#$&()*+,.//456789<=>?KSTUVWmopsyz{|}~;+IDATHǝiW@R^,QpEuí@ŕZPC?p8ya3E }2HEː.|z{{rAaٿǐ+k E+N866i9I|MBKځ%W bJ B몘TT 8hLZW>p4 ~$t` -aI?&p NCr].z `RA |XAu)ls2V@L5moIuaw?[= Q) 5\pasG9_Noȁq/"v׌c{'q"[cKj`vSRiji3ksz=~:)>O0(>?c#p ?IENDB`materia-theme-20180321/src/gtk/assets/radio-mixed-hover.png000066400000000000000000000012051325420104000233720ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE @tRNS "&()*+/012JKK]^_hijkmmnop~IDAT(}0P4Ă7EWt2{2&R*M"Bl޶UиCĭyB&S0G0W1P@-hʡ=laQkg@#A 9<18_6oGa⍤V eV!4y0 Kgeꚦi8vBjWK5DiOs\5i~Gz&DF?IENDB`materia-theme-20180321/src/gtk/assets/radio-mixed-hover@2.png000066400000000000000000000021301325420104000235520ustar00rootroot00000000000000PNG  IHDR00` sBITO pHYsetEXtSoftwarewww.inkscape.org</PLTEX/dtRNS#$&()*+,.//456789<=>?KSTUVWmopsyz{|}~;+IDATHǝiW@R^,QpEuí@ŕZPC?p8ya3E }2HEː.|z{{rAaٿǐ+k E+N866i9I|MBKځ%W bJ B몘TT 8hLZW>p4 ~$t` -aI?&p NCr].z `RA |XAu)ls2V@L5moIuaw?[= Q) 5\pasG9_Noȁq/"v׌c{'q"[cKj`vSRiji3ksz=~:)>O0(>?c#p ?IENDB`materia-theme-20180321/src/gtk/assets/radio-mixed.png000066400000000000000000000011441325420104000222530ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEtH=tRNS *+,ABCNOPQSTUVWhijkmnoqr9 3IDATV@3H)Yy/52S o_";EٳkBeܨ*x|Vȩw(5[ș=P1@ T){|'b:<3` [AY'bW~@Ҩ)f!*ȵ(ݻ SFNp&dDa%)O - Gxڟnk&mJIENDB`materia-theme-20180321/src/gtk/assets/radio-mixed@2.png000066400000000000000000000017751325420104000224470ustar00rootroot00000000000000PNG  IHDR00` sBITO pHYsetEXtSoftwarewww.inkscape.org< PLTE0_tRNS ,56789:TVWZbcdefghisuwxyz~IDATZUFQu[(Ă'UQ{wф 2s) Ll>=62}dd7;)0s4Siy>Oǃxz!3laE*؊a ay]1%R4KeT}2wXc˟\JX%TrxLS w!O*Sm|,9&|D|ryZrirԀl-vJPBޥL`UցFRr@##ߚ@V\%oauRJHˤzeg%^FKc+.&SC}ElڢNraR?YOBd ſIykң"?k:\H#|fR~-g[ģeґIENDB`materia-theme-20180321/src/gtk/assets/radio-unchecked-active-dark.png000066400000000000000000000011011325420104000252570ustar00rootroot00000000000000PNG  IHDRw=sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<IDATHսnSAϖ @PNj@@x~$xP@LPx]:RDAQDI$,슋sHs=J)Ma_cR1_!̣Y=|:6pPRpqaH;xŎNGo6#psiL_Tm<\"t[B9VVL_1sx%&Щ' /XWL*Pk  9yA\'P.#h\r<g!Pj? lhѵq35 o5[pE[N@~E%źp^{·s "Dsv=;_[ǰ낮X3_8IJ[.lc˟W'Akv`IENDB`materia-theme-20180321/src/gtk/assets/radio-unchecked-active-dark@2.png000066400000000000000000000017711325420104000254560ustar00rootroot00000000000000PNG  IHDR00` sBITO pHYsetEXtSoftwarewww.inkscape.org<PLTEySUtRNS 24FGHLMNOPQRSTXYZ[^_`kqrstuKWIDATHǝV@TIBhPUA){ښqK',= 8 rg5ȲR޼Ft)dxd_gs/@`ym {1o% `:y{apA')f5؝$=il-}\۠Dе(E  @hX?MOjmm7up95J6H7%_xI{3^pP̢ꀩڮ;35x~q"  2s-d:4`U90/si,R:H }&K/nk"ˊniK! pP-+N7"b9vNi7tQQL׻òA^ h{̧vɗ-!g{K `ڪ|IENDB`materia-theme-20180321/src/gtk/assets/radio-unchecked-active.png000066400000000000000000000010571325420104000243520ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE!#0tRNS;BCDEFIJK]^lmtuvwxyzy\ϳIDAT(}Y0DQpcT0 S1`󕚗{4MMM_D?BCDEFHIMNOPSTU^defgxz|c IDATHǝV@X Q(!0`5 龜o#xbψG#%BD,"%BETq5$nz#[j 4@ ?8h\#e =mJQ$X,7#m d^xHof*ci7^D?J:@_t'{)j v /]]e ̳6|U@1+t  ho?̀"hրϤ J22+7@'<uJ0&`Ch r )` Fyߟ`P-kcwẶ©m ]IK9е?zzDۀ@vs`VOlf+08s^dmǬJ3:ʑj^We"`V;/i^|\皚Krjj3}JyPڙbӚ3&zw6֋m7dc p0ǁ D?ϷP@IENDB`materia-theme-20180321/src/gtk/assets/radio-unchecked-dark.png000066400000000000000000000010341325420104000240130ustar00rootroot00000000000000PNG  IHDRw=sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<IDATHՕ.CQxNjHk@OEs:0 <@Yc($b/ ~N&dg۷>Ίe% K@= uaf]`!;H*;kUJX+z*^hOŸ]·.phցvWZz8=OV0Ĝq:L=otFIAUi#M0)0E(m2p t8۾BxJ pp$'Ԁ Y^8'a@o\T"knӁdk|*5N2_xI=>t*&4; rs`&X `VYptUiHQ%=ϳ!}]̆ }lL\icܗ75]SUM?]*ڟ=(=rNnw6̷~K+$Ej3-׵^6PJG>IENDB`materia-theme-20180321/src/gtk/assets/radio-unchecked-disabled-dark.png000066400000000000000000000006751325420104000255720ustar00rootroot00000000000000PNG  IHDRשsBITO pHYs+tEXtSoftwarewww.inkscape.org<ZPLTEY2tRNS  !"()*012?@ABHIJLHIDAT(ϝRQ sp 9CSh MEq5Vy-cj2yUv`Ddyn: (ha(@\fv,9J6]_ƃ BYr A&&>V>p۾\K$V ;F ;۰IENDB`materia-theme-20180321/src/gtk/assets/radio-unchecked-disabled-dark@2.png000066400000000000000000000013771325420104000257540ustar00rootroot00000000000000PNG  IHDR00` sBITO pHYsetEXtSoftwarewww.inkscape.org<PLTE%Ũ2tRNS "#$&'(),-.123456=>?@ABCDEFGHIJKL IDATHݕ[[@1Є?@BhDIDAT(ϝQ 2T"0v)K92vd}ʮaڴ 々vbARF*auyPԺUi6 r` \=DK\#xKps) b. UBd4n}E5 VVI*I +IENDB`materia-theme-20180321/src/gtk/assets/radio-unchecked-disabled@2.png000066400000000000000000000013451325420104000250300ustar00rootroot00000000000000PNG  IHDR00` sBITO pHYsetEXtSoftwarewww.inkscape.org<PLTEb+!-tRNS  !"#&'(+,-./56789:;<=>?@ABIDATHݕz0 B꤅&Q.iN yy-3`G&˃GS@{5jhLEz`JH"=NEt2Szm)jCWYCBd2IgUN,V+)W*6q[:W񏓕: 嵫hn'k_/Lʖ$&IENDB`materia-theme-20180321/src/gtk/assets/radio-unchecked-hover-dark.png000066400000000000000000000011061325420104000251340ustar00rootroot00000000000000PNG  IHDRw=sBIT|d pHYs+tEXtSoftwarewww.inkscape.org<IDATHչnQ񟷊*Rh$@<(  dm@$tl-&T 6`(3v'Gw*Y7~]ɲw ! 'ֿ=VXS_dYvy\!{xVv P\5,>bSp O QܐAy< xG;fBKs s98}-zs]x޺@3=ܥ0xH`wcډ2vD%rE .1#-F^bԨdd\S8٨."[fF<,iH{J nW 5x^CVqY2;,}D_bm?Ԗ,6&:d\ },4NqG7GB;:h8hpuIENDB`materia-theme-20180321/src/gtk/assets/radio-unchecked-hover-dark@2.png000066400000000000000000000021041325420104000253150ustar00rootroot00000000000000PNG  IHDR00` sBITO pHYsetEXtSoftwarewww.inkscape.org<)PLTEjbtRNS#$&()*+,./456789<=>?KSTUVWmopsyz{|}~o5IDATHǝiW@ሔ()D;Z(@(#Ӑd4'9g2sgH?>G<NeYy$*ISCJz^kV=\|.l%ԁ,5Ā?:A1 R";f2iYvu/FJG`]2Cp r n)}%m/ҕDٱĬLhUDM`B9b >J܆/u~|ά7W+6Xےjc51\hl#{w@Iǎݠ5AUKv 2 O aIENDB`materia-theme-20180321/src/gtk/assets/radio-unchecked-hover@2.png000066400000000000000000000017701325420104000244060ustar00rootroot00000000000000PNG  IHDR00` sBITO pHYsetEXtSoftwarewww.inkscape.org<PLTE"UtRNS!#$%&()*./012567BIJKLMabceklmnopxz|}┞- IDATHǝiW@#BD;ZVJ-i:ޏwsޑD2%RɄ$%.˲JHI9%T< %\J7z|t-8նˌ*W6>h`F{r x9Tk~,=]% =t]A@y(Z}%\&~`O)V` M`\ :̂[QY@ 6pABumIS P @Ԥ-H;@xωv3F<w=H 4{51P0b `1 X?JI6Ǟ)|o p]_ ; \4.`iQD L050PC"LBn՘{U/?!*li˅IJKLXYZrstuvwxVIDAT북@o.$"t1bϚVh?Syk5mn +|ٕQّGH5& |$)F f칆ײDb0B gga@Lagx9;30Z%Hsɑn+1;DMUu\|_5E@s4CIENDB`materia-theme-20180321/src/gtk/assets/radio-unchecked@2.png000066400000000000000000000015761325420104000232710ustar00rootroot00000000000000PNG  IHDR00` sBITO pHYsetEXtSoftwarewww.inkscape.org<PLTEWZHtRNS -/156789>?@ABDGHIJOPQRSYZ[\]^`aboqrsuvxz{|}~JIDATV`WG5i44 A<֏dUN;(zw~NپdtQ{&ji/ EPU:ۚڶ>kYJ<2h :`?<>u-!6XKkuDn \*];#H΀/L1pk攨 SS=PdTJOF>S"\`h [F[@D2*%'#)2:J4;NG))5ԁaN V&8חr+SKZB_*!Բo+Ui{*+vخִPkj%n,mp̌Z_ypj17?]5-NHoW W!k/·,.;9Q materia-theme-20180321/src/gtk/assets/scalable/checkbox-mixed-symbolic.svg000066400000000000000000000003071325420104000263430ustar00rootroot00000000000000 materia-theme-20180321/src/gtk/assets/scalable/checkbox-unchecked-symbolic.svg000066400000000000000000000003041325420104000271630ustar00rootroot00000000000000 materia-theme-20180321/src/gtk/assets/scalable/radio-checked-symbolic.svg000066400000000000000000000004371325420104000261370ustar00rootroot00000000000000 materia-theme-20180321/src/gtk/assets/scalable/radio-mixed-symbolic.svg000066400000000000000000000003731325420104000256560ustar00rootroot00000000000000 materia-theme-20180321/src/gtk/assets/scalable/radio-unchecked-symbolic.svg000066400000000000000000000003461325420104000265010ustar00rootroot00000000000000 materia-theme-20180321/src/gtk/assets/scalable/small-checkbox-checked-symbolic.svg000066400000000000000000000003641325420104000277340ustar00rootroot00000000000000 materia-theme-20180321/src/gtk/assets/scalable/small-checkbox-mixed-symbolic.svg000066400000000000000000000003101325420104000274430ustar00rootroot00000000000000 materia-theme-20180321/src/gtk/assets/scalable/small-checkbox-unchecked-symbolic.svg000066400000000000000000000003141325420104000302720ustar00rootroot00000000000000 materia-theme-20180321/src/gtk/assets/scalable/small-radio-checked-symbolic.svg000066400000000000000000000004551325420104000272450ustar00rootroot00000000000000 materia-theme-20180321/src/gtk/assets/scalable/small-radio-mixed-symbolic.svg000066400000000000000000000003741325420104000267650ustar00rootroot00000000000000 materia-theme-20180321/src/gtk/assets/scalable/small-radio-unchecked-symbolic.svg000066400000000000000000000003541325420104000276060ustar00rootroot00000000000000 materia-theme-20180321/src/gtk/assets/scale-horz-marks-after-slider-dark.png000066400000000000000000000007151325420104000265340ustar00rootroot00000000000000PNG  IHDRoqsBITO pHYs+tEXtSoftwarewww.inkscape.org<{PLTEjh(tRNS#$%./0GHINVW]^_l9IDAT(u0Eѫ8F#B Ydok _Z:rY%E+a }Ȱj 2rF wEo^ܻWtw$7{ 8/FD5D#䵂08<IENDB`materia-theme-20180321/src/gtk/assets/scale-horz-marks-after-slider-dark@2.png000066400000000000000000000013111325420104000267070ustar00rootroot00000000000000PNG  IHDR*4ZsBITO pHYsetEXtSoftwarewww.inkscape.org<PLTE`L`AtRNS #$&+,-./014569;=>ABC}+(IDATHǥiWP#Z6XjZSYiZ ?Upe]DM?A E]ι 9TKK RZYѨ5qy1gMzSP׃ m1w-OB3]T":d蒖BDQa QzO@;rVWjHڦfʤʥ̪d֪edeܚޚ"rm1$m_dv.c8IENDB`materia-theme-20180321/src/gtk/assets/scale-horz-marks-after-slider-disabled-dark.png000066400000000000000000000010511325420104000302730ustar00rootroot00000000000000PNG  IHDRoqsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE:::<<<;;;999888;;;:::888888:::::::::999<<<888888;;;:::;;;::::::999999::::::;;;;;;;;;;;;;;;;;;;;;;;;;;;:::::::::;;;<<<;;;!!!"""###$$$&&&)))222666777888;;;)tRNS#&'(245MNOT]^^de(IDAT(u@ бJ]a8O=lӚ[Ͷ-o=ֵG9RpU⻜܎D"?M"Uѭ`Q+."H$-XHM3R{ lRd`h@^J;+ä `clK&{>=e`3`dq=g/=&ÿ(|)ARk?aIENDB`materia-theme-20180321/src/gtk/assets/scale-horz-marks-after-slider-disabled-dark@2.png000066400000000000000000000016011325420104000304560ustar00rootroot00000000000000PNG  IHDR*4ZsBITO pHYsetEXtSoftwarewww.inkscape.org<PLTEUUUIII@@@999333<<<;;;888<<<999>>>888<<<666;;;:::999:::999888:::<<<:::999777999<<<;;;:::;;;999:::;;;;;;;;;::::::;;;;;;:::::::::;;;;;;::::::;;;999::::::;;;:::;;;;;;;;;<<<<<<<<<;;;;;;;;;:::::::::;;;<<<;;;!!!"""###$$$''')))***+++,,,---///000222444555:::;;;^xDtRNS &')/112344569:;>@BCFGHI]IDATHǕy_0ǣ.ôLӲ<j)!l?m'\P]奒FdYtJ_}nxoWʍC+SM+Uw`fHבi.5eת~+3-a{qiEJ҇v`oq EFoڔ=Z ^ rHƅS2y֑u&֑ˢV#[ ֑Yo[[\"b0XGٰ9WX6L.mt$VN.dd%'dIENDB`materia-theme-20180321/src/gtk/assets/scale-horz-marks-after-slider-disabled.png000066400000000000000000000010571325420104000273620ustar00rootroot00000000000000PNG  IHDRoqsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE[)tRNS#&'(245MNOT]^de8 IDAT(Su0бb. B ܓd D1Ʀu̱4:y%Ǝim-[6/GynF t+. Iu)i\)YD $0I'–TU'ϨOa]ywTAk"ӛ'ML쑰,̀9C{9C# !_> PJvB#ӥIENDB`materia-theme-20180321/src/gtk/assets/scale-horz-marks-after-slider-disabled@2.png000066400000000000000000000016141325420104000275430ustar00rootroot00000000000000PNG  IHDR*4ZsBITO pHYsetEXtSoftwarewww.inkscape.org<PLTEz(FtRNS &')/112344569:;>@BCFGHI'PbIDATHǕZ0P 8APQAEE*T/E(-m $Mr\dZida`'^lɎ4  W=)oh+.ˍS-uSJ@Q5Te`wII?2,;ƨO"k[C2Fht-Od(VX>朎y&:-Fz3Z﮳%@~,f~h oE x,N-jUjUUy|5yjM5"߫,`*~U MgK'z;.@A®ϯA{a[װM\ԋWNIո%e0VT/VRTJ g)ABC}+(IDATHǥiWP#Z6XjZSYiZ ?Upe]DM?A E]ι 9TKK RZYѨ5qy1gMzSP׃ m1w-OB3]T":d蒖BDQa QzO@;rVWjHڦfʤʥ̪d֪edeܚޚ"rm1$m_dv.c8IENDB`materia-theme-20180321/src/gtk/assets/scale-horz-marks-before-slider-dark.png000066400000000000000000000006741325420104000267010ustar00rootroot00000000000000PNG  IHDRoqsBITO pHYs+tEXtSoftwarewww.inkscape.org<rPLTE8%tRNS#$%./0GHINW^DIDAT(u Ef - Eic; T%NbIP2.:?85+:.`qpH9WLFh+g=-eo;l|fn\drF}_U47GoSIENDB`materia-theme-20180321/src/gtk/assets/scale-horz-marks-before-slider-dark@2.png000066400000000000000000000013301325420104000270510ustar00rootroot00000000000000PNG  IHDR*4ZsBITO pHYsetEXtSoftwarewww.inkscape.org<PLTElACtRNS #$&+,-./014569;<=>ABC}~=S/IDATHǥ[W@dbiTI%z rj=:}ŶY_RBp6MަRgOwf̖r[.ˬL\F(r%Y MƉA?I@'b8pGI1jkdl\tNR>K=lY T{N'WpK/!,jCxd "_QR/:H\墙VO]o*.+u-XSZq|m7 GўZgvǻӰ/;_LbIENDB`materia-theme-20180321/src/gtk/assets/scale-horz-marks-before-slider-disabled-dark.png000066400000000000000000000010201325420104000304300ustar00rootroot00000000000000PNG  IHDRoqsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE:::<<<;;;999888;;;:::888888::::::999<<<888;;;::::::;;;:::999999:::;;;;;;;;;;;;;;;;;;<<<;;;;;;;;;::::::;;;<<<;;;!!!"""###$$$&&&)))222666888;;;`74&tRNS#&'(245MNOT^^eЮIDAT(SuY0}ET@3@#jj*D]F:jp1M\MPƄ% Kd /CN6B/@٢f>)M;9`W7 XvDgq[N'NKC>>888<<<666;;;999:::999888:::<<<;;;:::999777999<<<;;;:::999;;;999:::;;;<<<;;;;;;::::::;;;;;;:::::::::;;;;;;:::::::::999:::::::::;;;;;;;;;<<<<<<<<<;;;;;;;;;:::::::::;;;<<<;;;!!!"""###$$$''')))***+++,,,---///000222444555:::;;;gWEtRNS &')/11234469:;>@ABCFGHIIDATHǥ{W0iiaiYZ225dP63~g¸+^ߎx%|֑|Kh(lJ&0R6{_Oj%%.J]4[= $]kK>zN-cۑ#AߍՆ#*iaKp8 k/jQcN:55F)4Z,j!Rh4YDd4,u"$c]*99èd }.]Klq}Ŝ«uT[)2TҸdː/ܖ@&f fq$;dʞ1%^ʓ望eno\RC 6d&`!e% *X#PZOQ~\يH"!˭j ~urgIENDB`materia-theme-20180321/src/gtk/assets/scale-horz-marks-before-slider-disabled.png000066400000000000000000000010271325420104000275200ustar00rootroot00000000000000PNG  IHDRoqsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE&tRNS#&'(245MNOT^e*JIDAT(SuB@ҽtQE_ɴͷ:k&j3 EJO=W%FH "X`!(xVb͎ rhi%1W0$&EWIʀ3y@.itQnX+mfof: EUg$F.ESfS.Ʋ]2r=hWWS:IENDB`materia-theme-20180321/src/gtk/assets/scale-horz-marks-before-slider-disabled@2.png000066400000000000000000000016211325420104000277020ustar00rootroot00000000000000PNG  IHDR*4ZsBITO pHYsetEXtSoftwarewww.inkscape.org<PLTE)FtRNS &')/11234469:;>@ABCFGHIWdIDATHǥ{W0𡦙fi,-aJ% G)ٜ`v_<+-nnfl%k9Wnväk; GFҵOkHnuf }!CoS+4haˌG!F+PD 41'hH CCH*3l5 ilu!'lM5!$,`ϺfYumAxc ؎Km-ipKMo4ZdHC1R,s%dABC}~=S/IDATHǥ[W@dbiTI%z rj=:}ŶY_RBp6MަRgOwf̖r[.ˬL\F(r%Y MƉA?I@'b8pGI1jkdl\tNR>K=lY T{N'WpK/!,jCxd "_QR/:H\墙VO]o*.+u-XSZq|m7 GўZgvǻӰ/;_LbIENDB`materia-theme-20180321/src/gtk/assets/scale-slider-dark.png000066400000000000000000000007071325420104000233430ustar00rootroot00000000000000PNG  IHDRUsBITO pHYs+tEXtSoftwarewww.inkscape.org<~PLTEn)tRNS"#%&./01GHIJKMNJ%IDATeB@]zFD4sk5{ceeK˿0[Z su< &DF)AIIEBOGM鉒BJ錈 kW^˥^sNlZ77+LUW* 0 767cCmIENDB`materia-theme-20180321/src/gtk/assets/scale-slider-dark@2.png000066400000000000000000000013141325420104000235200ustar00rootroot00000000000000PNG  IHDR**9isBITO pHYsetEXtSoftwarewww.inkscape.org<PLTEUEtRNS #%'-/01235679:=>@AB6IDATW8,(Wf& BK݋sjܞ.=n,17p畞kښ7U #p&cҗ%,8hÑj Uf>JSbРHP?BCFGH^;^IDAT8˕iW@/nmjZiZ.徵e*A|9sXKe=W?[uYMz2hKv 1'Ou:!+Ln e+j7}H/L259_I% (ZdJC9ZOZ9MH}[gݤyJ | Z"ߎX("u(nfL&1aF!%=\D>n()BzTP#]Ju|ncP ۬UC Iˈ;f!m4]Dxk(ͳ>SZFen-BÈLΈiM-4vωNh3.}pZ?ec"O%bJw(Ïr:Yc5UIENDB`materia-theme-20180321/src/gtk/assets/scale-slider-disabled.png000066400000000000000000000010401325420104000241600ustar00rootroot00000000000000PNG  IHDRUsBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEJ߯V*tRNS%&()2456MNOPQST>rIDATur@@ =#`~[Swz$Ix[;jj9 i8U#-lL'0yY~k`'Ml!qk&<:6W`;ւ- Rb{W>0ž#iv-i>u8$=ҦٴJvlw%^돜GU;=tlIENDB`materia-theme-20180321/src/gtk/assets/scale-slider-disabled@2.png000066400000000000000000000016021325420104000243460ustar00rootroot00000000000000PNG  IHDR**9isBITO pHYsetEXtSoftwarewww.inkscape.org<PLTEfKDFtRNS &(+12345678:;<>?BCFGHMcIDAT8˕UW[1\("C[|H8r;_22!j^34<$D_ {(z '̓7HPq뙁:h]k]51/fÖ57Ep4]+*t$ UE&LсMD)I){TBSTi`s^ߒL͹""ЩHDog2*uHL)nk9qFG xߢ QyT,ͨK@Zn6ؘQ7cԏy֓٬hDxƆޱ6.-:CH>k!"*./扈x |egnkee r7T#bFFTwVPco}{ X6++2fٵkێDEaKO%\p4[mz͏L4d~ؼIENDB`materia-theme-20180321/src/gtk/assets/scale-slider.png000066400000000000000000000007071325420104000224240ustar00rootroot00000000000000PNG  IHDRUsBITO pHYs+tEXtSoftwarewww.inkscape.org<~PLTEn)tRNS"#%&./01GHIJKMNJ%IDATeB@]zFD4sk5{ceeK˿0[Z su< &DF)AIIEBOGM鉒BJ錈 kW^˥^sNlZ77+LUW* 0 767cCmIENDB`materia-theme-20180321/src/gtk/assets/scale-slider@2.png000066400000000000000000000013141325420104000226010ustar00rootroot00000000000000PNG  IHDR**9isBITO pHYsetEXtSoftwarewww.inkscape.org<PLTEUEtRNS #%'-/01235679:=>@AB6IDATW8,(Wf& BK݋sjܞ.=n,17p畞kښ7U #p&cҗ%,8hÑj Uf>JSbРHP23. IENDB`materia-theme-20180321/src/gtk/assets/scale-vert-marks-after-slider-dark@2.png000066400000000000000000000012541325420104000267130ustar00rootroot00000000000000PNG  IHDR4*z2sBITO pHYsetEXtSoftwarewww.inkscape.org<PLTE7 ?tRNS#$&+,-./014569=>ABC}~zaaIDATHǝV@E?ԲU y kf>>888<<<;;;:::999:::999888::::::999777999<<<;;;:::999;;;999:::;;;<<<;;;;;;::::::;;;;;;:::::::::;;;;;;:::::::::;;;::::::;;;:::;;;;;;;;;<<<<<<<<<;;;;;;::::::;;;<<<;;;!!!"""###$$$''')))***+++,,,---///000222444555:::;;;5^AtRNS &')/11234569:;>BCFGHIU~wzIDATHǝi[@1.5KJ23] ]bw13 _Z}y:_ZB5)[Hc.D"E"fEQ7GcUR%O\/B7=f'׸^IQZd_?}$_řh*8jWFgtXj\SgbI(/B~@ _HTT#tr5?琊bc:ˑ;kܚ3 5R$!j3;ʳ$K'\ ~YWTYF舡Wzh *ץ1[ST캅dvWf.wIp<Ƚ2G[pIENDB`materia-theme-20180321/src/gtk/assets/scale-vert-marks-after-slider-disabled.png000066400000000000000000000010141325420104000273510ustar00rootroot00000000000000PNG  IHDRo)sBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE~%tRNS#&'(25MOTcde>>IDAT(S0WQ@_JJ5Ivl7Q4`gf\1@xY ].@^:W@ꌝ4EP`u(L(I-培\76ȌG;/o9+扜/"41X[ 0;2IENDB`materia-theme-20180321/src/gtk/assets/scale-vert-marks-after-slider-disabled@2.png000066400000000000000000000015141325420104000275400ustar00rootroot00000000000000PNG  IHDR4*z2sBITO pHYsetEXtSoftwarewww.inkscape.org<PLTE7yGBtRNS &')/11234569:;>BCFGHIBwIDATHǝ{[0Ƈe75LK++/$h&bqgc;|+V_$ZN8:hG~$sH!4LQ7Cc2U9̵kmNT*. X؁Iۡ%yLq`Wo䕟S>&7(WjhͨԸ@x„8aHug4HDRVI$q(&)=hl9ǭࡑqÁE X.!j3\we),F/a_r?1Keكae#jF(TKcBgmJl|h=#lt|܍'ozd"ϊ5:= IENDB`materia-theme-20180321/src/gtk/assets/scale-vert-marks-after-slider.png000066400000000000000000000006701325420104000256130ustar00rootroot00000000000000PNG  IHDRo)sBITO pHYs+tEXtSoftwarewww.inkscape.org<oPLTE,oS$tRNS#$%.0GIN\]^C8IDAT(}Y =j5$&Z#f`YV8G=I:K Hپj# ^y&Lh^F4yŒPx-V23. IENDB`materia-theme-20180321/src/gtk/assets/scale-vert-marks-after-slider@2.png000066400000000000000000000012541325420104000257740ustar00rootroot00000000000000PNG  IHDR4*z2sBITO pHYsetEXtSoftwarewww.inkscape.org<PLTE7 ?tRNS#$&+,-./014569=>ABC}~zaaIDATHǝV@E?ԲU y kfAB}~:vIDATHǥV0EPAh+Tpxc"I;~ rT~>͡A#WUq_АEٹjrZkٴ  `X]X^U2TʲۦLWRQֽujLjO.^^&XG\E}jNZqIENDB`materia-theme-20180321/src/gtk/assets/scale-vert-marks-before-slider-disabled-dark.png000066400000000000000000000007631325420104000304430ustar00rootroot00000000000000PNG  IHDRo)sBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTE:::<<<;;;999888;;;:::888888:::<<<<<<999;;;:::::::::999999:::;;;;;;;;;;;;;;;;;;<<<;;;;;;:::::::::;;;<<<;;;!!!"""###$$$%%%&&&)))222666888;;;e$tRNS#&'(245MNT]^cLLgIDAT(SB@FwJtNlML.7u5%$0;hӞqS(.ˎdd% QI٢gH֬_D 皆Ya  N4x heѻiplDٴ/"+m9Pػ0ơ׾7ϳIENDB`materia-theme-20180321/src/gtk/assets/scale-vert-marks-before-slider-disabled-dark@2.png000066400000000000000000000015011325420104000306140ustar00rootroot00000000000000PNG  IHDR4*z2sBITO pHYsetEXtSoftwarewww.inkscape.org<PLTEUUUIII@@@999333<<<;;;888<<<999888666;;;:::999:::999:::<<<;;;:::999999<<<:::999;;;999:::;;;<<<;;;;;;::::::;;;;;;::::::;;;;;;::::::999999::::::;;;:::;;;;;;;;;<<<<<<<<<;;;;;;:::::::::;;;<<<;;;!!!"""###$$$''')))***+++,,,---///000222555:::;;;Xώ@tRNS &')/1244569:>@ABCGHSwIDATHǥZ@QIK+͒25-O!!TJsgcgwgb:yTj{Խ>D-&}jd34,|f樕1U7fr=7e53 ]7]ꝰiX1-a| . ؐ=4ǚC>0EL@S Rʘ|kᤨQ I0 y3'btdC7Н~C\w']@QaB (R򪀢('`(ra_#zvy$ء F}AmXr;pFM?j,o@%Z<>3>KC,|nEA|()BID˚\"/yovIENDB`materia-theme-20180321/src/gtk/assets/scale-vert-marks-before-slider-disabled.png000066400000000000000000000010051325420104000275120ustar00rootroot00000000000000PNG  IHDRo)sBITO pHYs+tEXtSoftwarewww.inkscape.org<PLTEn%tRNS#&'(245MNT]^csvIDAT(SI0DD !Qo UD wL1=INbEh,Z:PYIQH$+̀h xqZ s 3̜afxZYG]<{ W@Lwi lcC|.d%Em::"ߕ48l7;CIENDB`materia-theme-20180321/src/gtk/assets/scale-vert-marks-before-slider-disabled@2.png000066400000000000000000000015301325420104000276770ustar00rootroot00000000000000PNG  IHDR4*z2sBITO pHYsetEXtSoftwarewww.inkscape.org<PLTE7/BtRNS &')/1244569:>@ABCGH,IDATHǥkW@!M +͔2,-, 1xKpIaH.yλ8E]G䭢mus9zԶ "ѫQOZĤQ4vta,b:>uNq2ODGQpdO^>3 $>Np?b} Wg}=&)[6$2FV_Z ;`؉2K;TȲ38&[Mms%ڼ\2z`?= GZ!D| m 1RQ 9MPyOH_DEٷ՟/^JK,]ԓIENDB`materia-theme-20180321/src/gtk/assets/scale-vert-marks-before-slider.png000066400000000000000000000006711325420104000257550ustar00rootroot00000000000000PNG  IHDRo)sBITO pHYs+tEXtSoftwarewww.inkscape.org<rPLTE _%tRNS#$%./0GHNVW\:MIDAT(S[0GA|FBDȇ))AB}~:vIDATHǥV0EPAh+Tpxc"I;~ rT~>͡A#WUq_АEٹjrZkٴ  `X]X^U2TʲۦLWRQֽujLjO.^^&XG\E}jNZqIENDB`materia-theme-20180321/src/gtk/assets/selectionmode-checkbox-checked-dark.png000066400000000000000000000007171325420104000267770ustar00rootroot00000000000000PNG  IHDR(( H_sBITO pHYs+tEXtSoftwarewww.inkscape.org<lPLTE?@HIYw|ÀĈǰڱ۲۳ܶݷݹ@= tRNSIDAT8 `-1#enbo,%,7* 6P$_@yH)PCp'Z.m @pH\gݥ/xQ w=KD|%]17iO_O&7\?;7?[p9>ͬ AAmIENDB`materia-theme-20180321/src/gtk/assets/selectionmode-checkbox-checked-dark@2.png000066400000000000000000000012561325420104000271600ustar00rootroot00000000000000PNG  IHDRPPsBITO pHYsetEXtSoftwarewww.inkscape.org<PLTE  !%rŽwÀĈ:KtRNSlmnop7)mIDATXR0PE@ZbDC*hͬ AAmIENDB`materia-theme-20180321/src/gtk/assets/selectionmode-checkbox-checked@2.png000066400000000000000000000012561325420104000262410ustar00rootroot00000000000000PNG  IHDRPPsBITO pHYsetEXtSoftwarewww.inkscape.org<PLTE  !%rŽwÀĈ:KtRNSlmnop7)mIDATXR0PE@ZbDC*hߍciQ @јvj^zݡaL93a%㽪mIENDB`materia-theme-20180321/src/gtk/assets/selectionmode-checkbox-unchecked.png000066400000000000000000000004111325420104000264120ustar00rootroot00000000000000PNG  IHDR((~Х^sBITO pHYs+tEXtSoftwarewww.inkscape.org<$PLTE.L tRNS@IDAT(c` ލvw-@肻1 gm F n vp$!oZYIENDB`materia-theme-20180321/src/gtk/assets/selectionmode-checkbox-unchecked@2.png000066400000000000000000000005751325420104000266070ustar00rootroot00000000000000PNG  IHDRPPsBITO pHYsetEXtSoftwarewww.inkscape.org<HPLTE[ӥtRNSlmnop7)IDATX70AFx/Bt(3躪˶(HT5w^zz;>ߍciQ @јvj^zݡaL93a%㽪mIENDB`materia-theme-20180321/src/gtk/render-asset.sh000077500000000000000000000014211325420104000207720ustar00rootroot00000000000000#! /bin/bash set -ueo pipefail INKSCAPE="/usr/bin/inkscape" OPTIPNG="/usr/bin/optipng" SRC_FILE="assets.svg" ASSETS_DIR="assets" i=${1} if [ -f $ASSETS_DIR/$i.png ]; then echo $ASSETS_DIR/$i.png exists. else echo Rendering $ASSETS_DIR/$i.png $INKSCAPE --export-id=$i \ --export-id-only \ --export-png=$ASSETS_DIR/$i.png $SRC_FILE >/dev/null \ && $OPTIPNG -o7 --quiet $ASSETS_DIR/$i.png fi if [ -f $ASSETS_DIR/$i@2.png ]; then echo $ASSETS_DIR/$i@2.png exists. else echo Rendering $ASSETS_DIR/$i@2.png $INKSCAPE --export-id=$i \ --export-dpi=192 \ --export-id-only \ --export-png=$ASSETS_DIR/$i@2.png $SRC_FILE >/dev/null \ && $OPTIPNG -o7 --quiet $ASSETS_DIR/$i@2.png fi exit 0 materia-theme-20180321/src/gtk/render-assets.sh000077500000000000000000000003101325420104000211510ustar00rootroot00000000000000#! /bin/bash set -ueo pipefail INDEX="assets.txt" _parallel() { which parallel && parallel $@ || ( while read i; do $1 $i done ) } cat $INDEX | _parallel ./render-asset.sh exit 0 materia-theme-20180321/src/index-compact.theme000077500000000000000000000003531325420104000210370ustar00rootroot00000000000000[Desktop Entry] Type=X-GNOME-Metatheme Name=Materia-compact Comment=A Material Design theme Encoding=UTF-8 [X-GNOME-Metatheme] GtkTheme=Materia-compact MetacityTheme=Materia-compact IconTheme=Adwaita CursorTheme=Adwaita CursorSize=24 materia-theme-20180321/src/index-dark-compact.theme000077500000000000000000000003721325420104000217570ustar00rootroot00000000000000[Desktop Entry] Type=X-GNOME-Metatheme Name=Materia-dark-compact Comment=A Material Design theme Encoding=UTF-8 [X-GNOME-Metatheme] GtkTheme=Materia-dark-compact MetacityTheme=Materia-dark-compact IconTheme=Adwaita CursorTheme=Adwaita CursorSize=24 materia-theme-20180321/src/index-dark.theme000077500000000000000000000003421325420104000203300ustar00rootroot00000000000000[Desktop Entry] Type=X-GNOME-Metatheme Name=Materia-dark Comment=A Material Design theme Encoding=UTF-8 [X-GNOME-Metatheme] GtkTheme=Materia-dark MetacityTheme=Materia-dark IconTheme=Adwaita CursorTheme=Adwaita CursorSize=24 materia-theme-20180321/src/index-light-compact.theme000077500000000000000000000003751325420104000221500ustar00rootroot00000000000000[Desktop Entry] Type=X-GNOME-Metatheme Name=Materia-light-compact Comment=A Material Design theme Encoding=UTF-8 [X-GNOME-Metatheme] GtkTheme=Materia-light-compact MetacityTheme=Materia-light-compact IconTheme=Adwaita CursorTheme=Adwaita CursorSize=24 materia-theme-20180321/src/index-light.theme000077500000000000000000000003451325420104000205210ustar00rootroot00000000000000[Desktop Entry] Type=X-GNOME-Metatheme Name=Materia-light Comment=A Material Design theme Encoding=UTF-8 [X-GNOME-Metatheme] GtkTheme=Materia-light MetacityTheme=Materia-light IconTheme=Adwaita CursorTheme=Adwaita CursorSize=24 materia-theme-20180321/src/index.theme000077500000000000000000000003231325420104000174100ustar00rootroot00000000000000[Desktop Entry] Type=X-GNOME-Metatheme Name=Materia Comment=A Material Design theme Encoding=UTF-8 [X-GNOME-Metatheme] GtkTheme=Materia MetacityTheme=Materia IconTheme=Adwaita CursorTheme=Adwaita CursorSize=24 materia-theme-20180321/src/metacity-1/000077500000000000000000000000001325420104000172315ustar00rootroot00000000000000materia-theme-20180321/src/metacity-1/assets/000077500000000000000000000000001325420104000205335ustar00rootroot00000000000000materia-theme-20180321/src/metacity-1/assets/button.svg000066400000000000000000000002151325420104000225650ustar00rootroot00000000000000 materia-theme-20180321/src/metacity-1/assets/close.svg000066400000000000000000000003721325420104000223630ustar00rootroot00000000000000 materia-theme-20180321/src/metacity-1/assets/maximize.svg000066400000000000000000000002271325420104000231000ustar00rootroot00000000000000 materia-theme-20180321/src/metacity-1/assets/menu.svg000066400000000000000000000002141325420104000222150ustar00rootroot00000000000000 materia-theme-20180321/src/metacity-1/assets/minimize.svg000066400000000000000000000002061325420104000230730ustar00rootroot00000000000000 materia-theme-20180321/src/metacity-1/assets/shade.svg000066400000000000000000000002531325420104000223400ustar00rootroot00000000000000 materia-theme-20180321/src/metacity-1/assets/unmaximize.svg000066400000000000000000000002271325420104000234430ustar00rootroot00000000000000 materia-theme-20180321/src/metacity-1/assets/unshade.svg000066400000000000000000000002541325420104000227040ustar00rootroot00000000000000 materia-theme-20180321/src/metacity-1/metacity-theme-2-light.xml000066400000000000000000000776751325420104000241640ustar00rootroot00000000000000 Materia nana-4 GPL 2017 Materia Metacity theme </draw_ops> <draw_ops name="title_unfocused"> <title x="(0 `max` ((width - title_width) / 2))" y="(0 `max` ((height - title_height) / 2))" color="C_title_unfocused"/> </draw_ops> <draw_ops name="title_alt_focused"> <title x="(0 `max` ((width - title_width) / 2))" y="(0 `max` ((height - title_height) / 2))" color="C_title_alt_focused"/> </draw_ops> <draw_ops name="title_alt_unfocused"> <title x="(0 `max` ((width - title_width) / 2))" y="(0 `max` ((height - title_height) / 2))" color="C_title_alt_unfocused"/> </draw_ops> <!-- window decorations --> <draw_ops name="entire_background_focused"> <rectangle color="C_titlebar" x="0" y="0" width="width" height="height" filled="true"/> </draw_ops> <draw_ops name="entire_background_unfocused"> <include name="entire_background_focused"/> </draw_ops> <draw_ops name="entire_background_alt_focused"> <rectangle color="C_titlebar_alt" x="0" y="0" width="width" height="height" filled="true"/> </draw_ops> <draw_ops name="entire_background_alt_unfocused"> <include name="entire_background_alt_focused"/> </draw_ops> <draw_ops name="highlight"> <line color="C_highlight" x1="2" y1="0" x2="width - 3" y2="0"/> <arc color="C_highlight" x="0 - 1" y="0" width="5" height="5" start_angle="270" extent_angle="90"/> <arc color="C_highlight" x="width - 5" y="0" width="5" height="5" start_angle="0" extent_angle="90"/> </draw_ops> <draw_ops name="highlight_alt"> <line color="C_highlight_alt" x1="2" y1="0" x2="width - 3" y2="0"/> <arc color="C_highlight_alt" x="0 - 1" y="0" width="5" height="5" start_angle="270" extent_angle="90"/> <arc color="C_highlight_alt" x="width - 5" y="0" width="5" height="5" start_angle="0" extent_angle="90"/> </draw_ops> <draw_ops name="titlebar_focused"> <include name="entire_background_focused"/> <include name="highlight"/> </draw_ops> <draw_ops name="titlebar_unfocused"> <include name="entire_background_unfocused"/> <include name="highlight"/> </draw_ops> <draw_ops name="titlebar_alt_focused"> <include name="entire_background_alt_focused"/> <include name="highlight_alt"/> </draw_ops> <draw_ops name="titlebar_alt_unfocused"> <include name="entire_background_alt_unfocused"/> <include name="highlight_alt"/> </draw_ops> <!-- button icons --> <!-- close --> <draw_ops name="close_focused"> <image filename="assets/close.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> </draw_ops> <draw_ops name="close_focused_prelight"> <image filename="assets/close.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_focused"/> </draw_ops> <draw_ops name="close_focused_pressed"> <include name="close_focused_prelight"/> </draw_ops> <draw_ops name="close_unfocused"> <image filename="assets/close.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> </draw_ops> <draw_ops name="close_unfocused_prelight"> <image filename="assets/close.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_unfocused"/> </draw_ops> <draw_ops name="close_unfocused_pressed"> <include name="close_unfocused_prelight"/> </draw_ops> <!-- maximize --> <draw_ops name="maximize_focused"> <image filename="assets/maximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> </draw_ops> <draw_ops name="maximize_focused_prelight"> <image filename="assets/maximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_focused"/> </draw_ops> <draw_ops name="maximize_focused_pressed"> <include name="maximize_focused_prelight"/> </draw_ops> <draw_ops name="maximize_unfocused"> <image filename="assets/maximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> </draw_ops> <draw_ops name="maximize_unfocused_prelight"> <image filename="assets/maximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_unfocused"/> </draw_ops> <draw_ops name="maximize_unfocused_pressed"> <include name="maximize_unfocused_prelight"/> </draw_ops> <!-- unmaximize --> <draw_ops name="unmaximize_focused"> <image filename="assets/unmaximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> </draw_ops> <draw_ops name="unmaximize_focused_prelight"> <image filename="assets/unmaximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_focused"/> </draw_ops> <draw_ops name="unmaximize_focused_pressed"> <include name="unmaximize_focused_prelight"/> </draw_ops> <draw_ops name="unmaximize_unfocused"> <image filename="assets/unmaximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> </draw_ops> <draw_ops name="unmaximize_unfocused_prelight"> <image filename="assets/unmaximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_unfocused"/> </draw_ops> <draw_ops name="unmaximize_unfocused_pressed"> <include name="unmaximize_unfocused_prelight"/> </draw_ops> <!-- minimize --> <draw_ops name="minimize_focused"> <image filename="assets/minimize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> </draw_ops> <draw_ops name="minimize_focused_prelight"> <image filename="assets/minimize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_focused"/> </draw_ops> <draw_ops name="minimize_focused_pressed"> <include name="minimize_focused_prelight"/> </draw_ops> <draw_ops name="minimize_unfocused"> <image filename="assets/minimize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> </draw_ops> <draw_ops name="minimize_unfocused_prelight"> <image filename="assets/minimize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_unfocused"/> </draw_ops> <draw_ops name="minimize_unfocused_pressed"> <include name="minimize_unfocused_prelight"/> </draw_ops> <!-- menu --> <draw_ops name="menu_focused"> <image filename="assets/menu.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> </draw_ops> <draw_ops name="menu_focused_prelight"> <image filename="assets/menu.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_focused"/> </draw_ops> <draw_ops name="menu_focused_pressed"> <include name="menu_focused_prelight"/> </draw_ops> <draw_ops name="menu_unfocused"> <image filename="assets/menu.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> </draw_ops> <draw_ops name="menu_unfocused_prelight"> <image filename="assets/menu.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_unfocused"/> </draw_ops> <draw_ops name="menu_unfocused_pressed"> <include name="menu_unfocused_prelight"/> </draw_ops> <!-- shade --> <draw_ops name="shade_focused"> <image filename="assets/shade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> </draw_ops> <draw_ops name="shade_focused_prelight"> <image filename="assets/shade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_focused"/> </draw_ops> <draw_ops name="shade_focused_pressed"> <include name="shade_focused_prelight"/> </draw_ops> <draw_ops name="shade_unfocused"> <image filename="assets/shade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> </draw_ops> <draw_ops name="shade_unfocused_prelight"> <image filename="assets/shade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_unfocused"/> </draw_ops> <draw_ops name="shade_unfocused_pressed"> <include name="shade_unfocused_prelight"/> </draw_ops> <!-- unshade --> <draw_ops name="unshade_focused"> <image filename="assets/unshade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> </draw_ops> <draw_ops name="unshade_focused_prelight"> <image filename="assets/unshade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_focused"/> </draw_ops> <draw_ops name="unshade_focused_pressed"> <include name="unshade_focused_prelight"/> </draw_ops> <draw_ops name="unshade_unfocused"> <image filename="assets/unshade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> </draw_ops> <draw_ops name="unshade_unfocused_prelight"> <image filename="assets/unshade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_unfocused"/> </draw_ops> <draw_ops name="unshade_unfocused_pressed"> <include name="unshade_unfocused_prelight"/> </draw_ops> <!-- appmenu --> <constant name="D_appmenu_icon_size" value="16"/> <draw_ops name="appmenu_icon_focused"> <icon x="(width - D_appmenu_icon_size) / 2" y="(height - D_appmenu_icon_size) / 2" width="D_appmenu_icon_size" height="D_appmenu_icon_size"/> </draw_ops> <draw_ops name="appmenu_focused"> <include name="appmenu_icon_focused"/> </draw_ops> <draw_ops name="appmenu_focused_prelight"> <include name="appmenu_icon_focused"/> </draw_ops> <draw_ops name="appmenu_focused_pressed"> <include name="appmenu_icon_focused"/> </draw_ops> <draw_ops name="appmenu_icon_unfocused"> <icon x="(width - D_appmenu_icon_size) / 2" y="(height - D_appmenu_icon_size) / 2" width="D_appmenu_icon_size" height="D_appmenu_icon_size" alpha="0.7"/> </draw_ops> <draw_ops name="appmenu_unfocused"> <include name="appmenu_icon_unfocused"/> </draw_ops> <draw_ops name="appmenu_unfocused_prelight"> <include name="appmenu_icon_unfocused"/> </draw_ops> <draw_ops name="appmenu_unfocused_pressed"> <include name="appmenu_icon_unfocused"/> </draw_ops> <!-- button backgrounds --> <draw_ops name="button_focused"> </draw_ops> <draw_ops name="button_focused_prelight"> <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.15" colorize="C_title_focused"/> </draw_ops> <draw_ops name="button_focused_pressed"> <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.3" colorize="C_title_focused"/> </draw_ops> <draw_ops name="button_unfocused"> </draw_ops> <draw_ops name="button_unfocused_prelight"> <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.15" colorize="C_title_unfocused"/> </draw_ops> <draw_ops name="button_unfocused_pressed"> <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.3" colorize="C_title_unfocused"/> </draw_ops> <!-- frame styles --> <frame_style name="normal_focused" geometry="normal"> <piece position="entire_background" draw_ops="entire_background_focused"/> <piece position="titlebar" draw_ops="titlebar_focused"/> <piece position="title" draw_ops="title_focused"/> <button function="close" state="normal" draw_ops="close_focused"/> <button function="close" state="prelight" draw_ops="close_focused_prelight"/> <button function="close" state="pressed" draw_ops="close_focused_pressed"/> <button function="maximize" state="normal" draw_ops="maximize_focused"/> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight"/> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed"/> <button function="minimize" state="normal" draw_ops="minimize_focused"/> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight"/> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed"/> <button function="menu" state="normal" draw_ops="menu_focused"/> <button function="menu" state="prelight" draw_ops="menu_focused_prelight"/> <button function="menu" state="pressed" draw_ops="menu_focused_pressed"/> <!-- <button version=">= 3.5" function="appmenu" state="normal" draw_ops="appmenu_focused"/> --> <!-- <button version=">= 3.5" function="appmenu" state="prelight" draw_ops="appmenu_focused_prelight"/> --> <!-- <button version=">= 3.5" function="appmenu" state="pressed" draw_ops="appmenu_focused_pressed"/> --> <button function="shade" state="normal" draw_ops="shade_focused"/> <button function="shade" state="prelight" draw_ops="shade_focused_prelight"/> <button function="shade" state="pressed" draw_ops="shade_focused_pressed"/> <button function="unshade" state="normal" draw_ops="unshade_focused"/> <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight"/> <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed"/> <button function="left_middle_background" state="normal" draw_ops="button_focused"/> <button function="left_middle_background" state="prelight" draw_ops="button_focused_prelight"/> <button function="left_middle_background" state="pressed" draw_ops="button_focused_pressed"/> <button function="right_middle_background" state="normal" draw_ops="button_focused"/> <button function="right_middle_background" state="prelight" draw_ops="button_focused_prelight"/> <button function="right_middle_background" state="pressed" draw_ops="button_focused_pressed"/> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="normal_unfocused" geometry="normal"> <piece position="entire_background" draw_ops="entire_background_unfocused"/> <piece position="titlebar" draw_ops="titlebar_unfocused"/> <piece position="title" draw_ops="title_unfocused"/> <button function="close" state="normal" draw_ops="close_unfocused"/> <button function="close" state="prelight" draw_ops="close_unfocused_prelight"/> <button function="close" state="pressed" draw_ops="close_unfocused_pressed"/> <button function="maximize" state="normal" draw_ops="maximize_unfocused"/> <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight"/> <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed"/> <button function="minimize" state="normal" draw_ops="minimize_unfocused"/> <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight"/> <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed"/> <button function="menu" state="normal" draw_ops="menu_unfocused"/> <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight"/> <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed"/> <!-- <button version=">= 3.5" function="appmenu" state="normal" draw_ops="appmenu_unfocused"/> --> <!-- <button version=">= 3.5" function="appmenu" state="prelight" draw_ops="appmenu_unfocused_prelight"/> --> <!-- <button version=">= 3.5" function="appmenu" state="pressed" draw_ops="appmenu_unfocused_pressed"/> --> <button function="shade" state="normal" draw_ops="shade_unfocused"/> <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight"/> <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed"/> <button function="unshade" state="normal" draw_ops="unshade_unfocused"/> <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight"/> <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed"/> <button function="left_middle_background" state="normal" draw_ops="button_unfocused"/> <button function="left_middle_background" state="prelight" draw_ops="button_unfocused_prelight"/> <button function="left_middle_background" state="pressed" draw_ops="button_unfocused_pressed"/> <button function="right_middle_background" state="normal" draw_ops="button_unfocused"/> <button function="right_middle_background" state="prelight" draw_ops="button_unfocused_prelight"/> <button function="right_middle_background" state="pressed" draw_ops="button_unfocused_pressed"/> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="normal_max_focused" geometry="max" parent="normal_focused"> <piece position="titlebar" draw_ops="entire_background_focused"/> <button function="maximize" state="normal" draw_ops="unmaximize_focused"/> <button function="maximize" state="pressed" draw_ops="unmaximize_focused_pressed"/> <button function="maximize" state="prelight" draw_ops="unmaximize_focused_prelight"/> </frame_style> <frame_style name="normal_max_unfocused" geometry="max" parent="normal_unfocused"> <piece position="titlebar" draw_ops="entire_background_unfocused"/> <button function="maximize" state="normal" draw_ops="unmaximize_unfocused"/> <button function="maximize" state="pressed" draw_ops="unmaximize_unfocused_pressed"/> <button function="maximize" state="prelight" draw_ops="unmaximize_unfocused_prelight"/> </frame_style> <frame_style name="tiled_left_focused" geometry="tiled_left" parent="normal_focused"> <piece position="titlebar" draw_ops="entire_background_focused"/> </frame_style> <frame_style name="tiled_left_unfocused" geometry="tiled_left" parent="normal_unfocused"> <piece position="titlebar" draw_ops="entire_background_unfocused"/> </frame_style> <frame_style name="tiled_right_focused" geometry="tiled_right" parent="normal_focused"> <piece position="titlebar" draw_ops="entire_background_focused"/> </frame_style> <frame_style name="tiled_right_unfocused" geometry="tiled_right" parent="normal_unfocused"> <piece position="titlebar" draw_ops="entire_background_unfocused"/> </frame_style> <frame_style name="dialog_focused" geometry="nobuttons" parent="normal_focused"> </frame_style> <frame_style name="dialog_unfocused" geometry="nobuttons" parent="normal_unfocused"> </frame_style> <frame_style name="modal_dialog_focused" geometry="modal" parent="normal_focused"> <piece position="entire_background" draw_ops="entire_background_alt_focused"/> <piece position="titlebar" draw_ops="titlebar_alt_focused"/> <piece position="title" draw_ops="title_alt_focused"/> </frame_style> <frame_style name="modal_dialog_unfocused" geometry="modal" parent="normal_unfocused"> <piece position="entire_background" draw_ops="entire_background_alt_unfocused"/> <piece position="titlebar" draw_ops="titlebar_alt_unfocused"/> <piece position="title" draw_ops="title_alt_unfocused"/> </frame_style> <frame_style name="utility_focused" geometry="small" parent="normal_focused"> </frame_style> <frame_style name="utility_unfocused" geometry="small" parent="normal_unfocused"> </frame_style> <frame_style name="border_focused" geometry="border" parent="normal_focused"> </frame_style> <frame_style name="border_unfocused" geometry="border" parent="normal_unfocused"> </frame_style> <frame_style name="borderless_focused" geometry="borderless" parent="normal_focused"> </frame_style> <frame_style name="borderless_unfocused" geometry="borderless" parent="normal_unfocused"> </frame_style> <frame_style name="attached_focused" geometry="attached" parent="modal_dialog_focused"> </frame_style> <frame_style name="attached_unfocused" geometry="attached" parent="modal_dialog_unfocused"> </frame_style> <!-- placeholder for unimplementated styles--> <frame_style name="blank" geometry="normal"> <button function="close" state="normal"><draw_ops></draw_ops></button> <button function="close" state="pressed"><draw_ops></draw_ops></button> <button function="maximize" state="normal"><draw_ops></draw_ops></button> <button function="maximize" state="pressed"><draw_ops></draw_ops></button> <button function="minimize" state="normal"><draw_ops></draw_ops></button> <button function="minimize" state="pressed"><draw_ops></draw_ops></button> <button function="menu" state="normal"><draw_ops></draw_ops></button> <button function="menu" state="pressed"><draw_ops></draw_ops></button> <!-- <button version=">= 3.5" function="appmenu" state="normal"><draw_ops></draw_ops></button> --> <!-- <button version=">= 3.5" function="appmenu" state="pressed"><draw_ops></draw_ops></button> --> <button function="shade" state="normal"><draw_ops></draw_ops></button> <button function="shade" state="pressed"><draw_ops></draw_ops></button> <button function="unshade" state="normal"><draw_ops></draw_ops></button> <button function="unshade" state="pressed"><draw_ops></draw_ops></button> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <!-- frame style sets --> <frame_style_set name="normal_style_set"> <frame focus="yes" state="normal" resize="both" style="normal_focused"/> <frame focus="no" state="normal" resize="both" style="normal_unfocused"/> <frame focus="yes" state="maximized" style="normal_max_focused"/> <frame focus="no" state="maximized" style="normal_max_unfocused"/> <frame focus="yes" state="shaded" style="normal_focused"/> <frame focus="no" state="shaded" style="normal_unfocused"/> <frame focus="yes" state="maximized_and_shaded" style="normal_max_focused"/> <frame focus="no" state="maximized_and_shaded" style="normal_max_unfocused"/> <!-- <frame version=">= 3.3" focus="yes" state="tiled_left" style="tiled_left_focused"/> --> <!-- <frame version=">= 3.3" focus="no" state="tiled_left" style="tiled_left_unfocused"/> --> <!-- <frame version=">= 3.3" focus="yes" state="tiled_right" style="tiled_right_focused"/> --> <!-- <frame version=">= 3.3" focus="no" state="tiled_right" style="tiled_right_unfocused"/> --> <!-- <frame version=">= 3.3" focus="yes" state="tiled_left_and_shaded" style="tiled_left_focused"/> --> <!-- <frame version=">= 3.3" focus="no" state="tiled_left_and_shaded" style="tiled_left_unfocused"/> --> <!-- <frame version=">= 3.3" focus="yes" state="tiled_right_and_shaded" style="tiled_right_focused"/> --> <!-- <frame version=">= 3.3" focus="no" state="tiled_right_and_shaded" style="tiled_right_unfocused"/> --> </frame_style_set> <frame_style_set name="dialog_style_set"> <frame focus="yes" state="normal" resize="both" style="dialog_focused"/> <frame focus="no" state="normal" resize="both" style="dialog_unfocused"/> <frame focus="yes" state="maximized" style="blank"/> <frame focus="no" state="maximized" style="blank"/> <frame focus="yes" state="shaded" style="dialog_focused"/> <frame focus="no" state="shaded" style="dialog_unfocused"/> <frame focus="yes" state="maximized_and_shaded" style="blank"/> <frame focus="no" state="maximized_and_shaded" style="blank"/> </frame_style_set> <frame_style_set name="modal_dialog_style_set"> <frame focus="yes" state="normal" resize="both" style="modal_dialog_focused"/> <frame focus="no" state="normal" resize="both" style="modal_dialog_unfocused"/> <frame focus="yes" state="maximized" style="blank"/> <frame focus="no" state="maximized" style="blank"/> <frame focus="yes" state="shaded" style="modal_dialog_focused"/> <frame focus="no" state="shaded" style="modal_dialog_unfocused"/> <frame focus="yes" state="maximized_and_shaded" style="blank"/> <frame focus="no" state="maximized_and_shaded" style="blank"/> </frame_style_set> <frame_style_set name="utility_style_set"> <frame focus="yes" state="normal" resize="both" style="utility_focused"/> <frame focus="no" state="normal" resize="both" style="utility_unfocused"/> <frame focus="yes" state="maximized" style="blank"/> <frame focus="no" state="maximized" style="blank"/> <frame focus="yes" state="shaded" style="utility_focused"/> <frame focus="no" state="shaded" style="utility_unfocused"/> <frame focus="yes" state="maximized_and_shaded" style="blank"/> <frame focus="no" state="maximized_and_shaded" style="blank"/> </frame_style_set> <frame_style_set name="border_style_set"> <frame focus="yes" state="normal" resize="both" style="border_focused"/> <frame focus="no" state="normal" resize="both" style="border_unfocused"/> <frame focus="yes" state="maximized" style="borderless_focused"/> <frame focus="no" state="maximized" style="borderless_unfocused"/> <frame focus="yes" state="shaded" style="blank"/> <frame focus="no" state="shaded" style="blank"/> <frame focus="yes" state="maximized_and_shaded" style="blank"/> <frame focus="no" state="maximized_and_shaded" style="blank"/> </frame_style_set> <frame_style_set name="attached_style_set"> <frame focus="yes" state="normal" resize="both" style="attached_focused"/> <frame focus="no" state="normal" resize="both" style="attached_unfocused"/> <frame focus="yes" state="maximized" style="blank"/> <frame focus="no" state="maximized" style="blank"/> <frame focus="yes" state="shaded" style="blank"/> <frame focus="no" state="shaded" style="blank"/> <frame focus="yes" state="maximized_and_shaded" style="blank"/> <frame focus="no" state="maximized_and_shaded" style="blank"/> </frame_style_set> <!-- windows --> <window type="normal" style_set="normal_style_set"/> <window type="dialog" style_set="dialog_style_set"/> <window type="modal_dialog" style_set="modal_dialog_style_set"/> <window type="menu" style_set="utility_style_set"/> <window type="utility" style_set="utility_style_set"/> <window type="border" style_set="border_style_set"/> <!-- <window version=">= 3.2" type="attached" style_set="attached_style_set"/> --> </metacity_theme> �������������������������������������������������������������������materia-theme-20180321/src/metacity-1/metacity-theme-2.xml������������������������������������������0000664�0000000�0000000�00000077657�13254201040�0023057�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<?xml version="1.0"?> <metacity_theme> <info> <name>Materia</name> <author>nana-4</author> <copyright>GPL</copyright> <date>2017</date> <description>Materia Metacity theme</description> </info> <!-- meaningful constants --> <constant name="C_titlebar" value="#303030"/> <constant name="C_titlebar_alt" value="gtk:bg[NORMAL]"/> <constant name="C_highlight" value="blend/#303030/#FFFFFF/0.1"/> <constant name="C_highlight_alt" value="blend/gtk:bg[NORMAL]/#FFFFFF/0.4"/> <constant name="C_title_focused" value="#FFFFFF"/> <constant name="C_title_unfocused" value="blend/#303030/#FFFFFF/0.7"/> <constant name="C_title_alt_focused" value="gtk:fg[NORMAL]"/> <constant name="C_title_alt_unfocused" value="blend/gtk:bg[NORMAL]/gtk:fg[NORMAL]/0.7"/> <!-- geometries --> <frame_geometry name="normal" title_scale="medium" rounded_top_left="2" rounded_top_right="2"> <distance name="left_width" value="1"/> <distance name="right_width" value="1"/> <distance name="bottom_height" value="1"/> <distance name="left_titlebar_edge" value="0"/> <distance name="right_titlebar_edge" value="0"/> <distance name="title_vertical_pad" value="12"/> <border name="title_border" left="10" right="10" top="0" bottom="0"/> <border name="button_border" left="0" right="0" top="0" bottom="0"/> <aspect_ratio name="button" value="1"/> </frame_geometry> <frame_geometry name="max" rounded_top_left="false" rounded_top_right="false" parent="normal"> <distance name="left_width" value="0"/> <distance name="right_width" value="0"/> <distance name="bottom_height" value="0"/> </frame_geometry> <frame_geometry name="tiled_left" parent="max"> <distance name="right_width" value="0"/> </frame_geometry> <frame_geometry name="tiled_right" parent="max"> <distance name="left_width" value="0"/> </frame_geometry> <frame_geometry name="nobuttons" hide_buttons="true" parent="normal"> </frame_geometry> <frame_geometry name="modal" title_scale="small" hide_buttons="true" parent="normal"> <distance name="left_width" value="0"/> <distance name="right_width" value="0"/> <distance name="bottom_height" value="0"/> <distance name="title_vertical_pad" value="8"/> </frame_geometry> <frame_geometry name="small" title_scale="small" parent="normal"> <distance name="title_vertical_pad" value="8"/> <border name="title_border" left="10" right="10" top="0" bottom="0"/> <border name="button_border" left="0" right="0" top="0" bottom="0"/> </frame_geometry> <frame_geometry name="border" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal"> <distance name="left_width" value="1"/> <distance name="right_width" value="1"/> <distance name="bottom_height" value="1"/> <distance name="title_vertical_pad" value="1"/> <border name="title_border" left="10" right="10" top="0" bottom="0"/> <border name="button_border" left="0" right="0" top="0" bottom="0"/> </frame_geometry> <frame_geometry name="borderless" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal"> <distance name="left_width" value="0"/> <distance name="right_width" value="0"/> <distance name="bottom_height" value="0"/> <distance name="title_vertical_pad" value="0"/> <border name="button_border" left="0" right="0" top="0" bottom="0"/> <border name="title_border" left="0" right="0" top="0" bottom="0"/> </frame_geometry> <frame_geometry name="attached" hide_buttons="true" rounded_bottom_left="2" rounded_bottom_right="2" parent="normal"> <distance name="title_vertical_pad" value="4"/> </frame_geometry> <!-- drawing operations --> <!-- title --> <draw_ops name="title_focused"> <title x="(0 `max` ((width - title_width) / 2))" y="(0 `max` ((height - title_height) / 2))" color="C_title_focused"/> </draw_ops> <draw_ops name="title_unfocused"> <title x="(0 `max` ((width - title_width) / 2))" y="(0 `max` ((height - title_height) / 2))" color="C_title_unfocused"/> </draw_ops> <draw_ops name="title_alt_focused"> <title x="(0 `max` ((width - title_width) / 2))" y="(0 `max` ((height - title_height) / 2))" color="C_title_alt_focused"/> </draw_ops> <draw_ops name="title_alt_unfocused"> <title x="(0 `max` ((width - title_width) / 2))" y="(0 `max` ((height - title_height) / 2))" color="C_title_alt_unfocused"/> </draw_ops> <!-- window decorations --> <draw_ops name="entire_background_focused"> <rectangle color="C_titlebar" x="0" y="0" width="width" height="height" filled="true"/> </draw_ops> <draw_ops name="entire_background_unfocused"> <include name="entire_background_focused"/> </draw_ops> <draw_ops name="entire_background_alt_focused"> <rectangle color="C_titlebar_alt" x="0" y="0" width="width" height="height" filled="true"/> </draw_ops> <draw_ops name="entire_background_alt_unfocused"> <include name="entire_background_alt_focused"/> </draw_ops> <draw_ops name="highlight"> <line color="C_highlight" x1="2" y1="0" x2="width - 3" y2="0"/> <arc color="C_highlight" x="0 - 1" y="0" width="5" height="5" start_angle="270" extent_angle="90"/> <arc color="C_highlight" x="width - 5" y="0" width="5" height="5" start_angle="0" extent_angle="90"/> </draw_ops> <draw_ops name="highlight_alt"> <line color="C_highlight_alt" x1="2" y1="0" x2="width - 3" y2="0"/> <arc color="C_highlight_alt" x="0 - 1" y="0" width="5" height="5" start_angle="270" extent_angle="90"/> <arc color="C_highlight_alt" x="width - 5" y="0" width="5" height="5" start_angle="0" extent_angle="90"/> </draw_ops> <draw_ops name="titlebar_focused"> <include name="entire_background_focused"/> <include name="highlight"/> </draw_ops> <draw_ops name="titlebar_unfocused"> <include name="entire_background_unfocused"/> <include name="highlight"/> </draw_ops> <draw_ops name="titlebar_alt_focused"> <include name="entire_background_alt_focused"/> <include name="highlight_alt"/> </draw_ops> <draw_ops name="titlebar_alt_unfocused"> <include name="entire_background_alt_unfocused"/> <include name="highlight_alt"/> </draw_ops> <!-- button icons --> <!-- close --> <draw_ops name="close_focused"> <image filename="assets/close.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> </draw_ops> <draw_ops name="close_focused_prelight"> <image filename="assets/close.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_focused"/> </draw_ops> <draw_ops name="close_focused_pressed"> <include name="close_focused_prelight"/> </draw_ops> <draw_ops name="close_unfocused"> <image filename="assets/close.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> </draw_ops> <draw_ops name="close_unfocused_prelight"> <image filename="assets/close.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_unfocused"/> </draw_ops> <draw_ops name="close_unfocused_pressed"> <include name="close_unfocused_prelight"/> </draw_ops> <!-- maximize --> <draw_ops name="maximize_focused"> <image filename="assets/maximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> </draw_ops> <draw_ops name="maximize_focused_prelight"> <image filename="assets/maximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_focused"/> </draw_ops> <draw_ops name="maximize_focused_pressed"> <include name="maximize_focused_prelight"/> </draw_ops> <draw_ops name="maximize_unfocused"> <image filename="assets/maximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> </draw_ops> <draw_ops name="maximize_unfocused_prelight"> <image filename="assets/maximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_unfocused"/> </draw_ops> <draw_ops name="maximize_unfocused_pressed"> <include name="maximize_unfocused_prelight"/> </draw_ops> <!-- unmaximize --> <draw_ops name="unmaximize_focused"> <image filename="assets/unmaximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> </draw_ops> <draw_ops name="unmaximize_focused_prelight"> <image filename="assets/unmaximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_focused"/> </draw_ops> <draw_ops name="unmaximize_focused_pressed"> <include name="unmaximize_focused_prelight"/> </draw_ops> <draw_ops name="unmaximize_unfocused"> <image filename="assets/unmaximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> </draw_ops> <draw_ops name="unmaximize_unfocused_prelight"> <image filename="assets/unmaximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_unfocused"/> </draw_ops> <draw_ops name="unmaximize_unfocused_pressed"> <include name="unmaximize_unfocused_prelight"/> </draw_ops> <!-- minimize --> <draw_ops name="minimize_focused"> <image filename="assets/minimize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> </draw_ops> <draw_ops name="minimize_focused_prelight"> <image filename="assets/minimize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_focused"/> </draw_ops> <draw_ops name="minimize_focused_pressed"> <include name="minimize_focused_prelight"/> </draw_ops> <draw_ops name="minimize_unfocused"> <image filename="assets/minimize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> </draw_ops> <draw_ops name="minimize_unfocused_prelight"> <image filename="assets/minimize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_unfocused"/> </draw_ops> <draw_ops name="minimize_unfocused_pressed"> <include name="minimize_unfocused_prelight"/> </draw_ops> <!-- menu --> <draw_ops name="menu_focused"> <image filename="assets/menu.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> </draw_ops> <draw_ops name="menu_focused_prelight"> <image filename="assets/menu.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_focused"/> </draw_ops> <draw_ops name="menu_focused_pressed"> <include name="menu_focused_prelight"/> </draw_ops> <draw_ops name="menu_unfocused"> <image filename="assets/menu.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> </draw_ops> <draw_ops name="menu_unfocused_prelight"> <image filename="assets/menu.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_unfocused"/> </draw_ops> <draw_ops name="menu_unfocused_pressed"> <include name="menu_unfocused_prelight"/> </draw_ops> <!-- shade --> <draw_ops name="shade_focused"> <image filename="assets/shade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> </draw_ops> <draw_ops name="shade_focused_prelight"> <image filename="assets/shade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_focused"/> </draw_ops> <draw_ops name="shade_focused_pressed"> <include name="shade_focused_prelight"/> </draw_ops> <draw_ops name="shade_unfocused"> <image filename="assets/shade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> </draw_ops> <draw_ops name="shade_unfocused_prelight"> <image filename="assets/shade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_unfocused"/> </draw_ops> <draw_ops name="shade_unfocused_pressed"> <include name="shade_unfocused_prelight"/> </draw_ops> <!-- unshade --> <draw_ops name="unshade_focused"> <image filename="assets/unshade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> </draw_ops> <draw_ops name="unshade_focused_prelight"> <image filename="assets/unshade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_focused"/> </draw_ops> <draw_ops name="unshade_focused_pressed"> <include name="unshade_focused_prelight"/> </draw_ops> <draw_ops name="unshade_unfocused"> <image filename="assets/unshade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> </draw_ops> <draw_ops name="unshade_unfocused_prelight"> <image filename="assets/unshade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_unfocused"/> </draw_ops> <draw_ops name="unshade_unfocused_pressed"> <include name="unshade_unfocused_prelight"/> </draw_ops> <!-- appmenu --> <constant name="D_appmenu_icon_size" value="16"/> <draw_ops name="appmenu_icon_focused"> <icon x="(width - D_appmenu_icon_size) / 2" y="(height - D_appmenu_icon_size) / 2" width="D_appmenu_icon_size" height="D_appmenu_icon_size"/> </draw_ops> <draw_ops name="appmenu_focused"> <include name="appmenu_icon_focused"/> </draw_ops> <draw_ops name="appmenu_focused_prelight"> <include name="appmenu_icon_focused"/> </draw_ops> <draw_ops name="appmenu_focused_pressed"> <include name="appmenu_icon_focused"/> </draw_ops> <draw_ops name="appmenu_icon_unfocused"> <icon x="(width - D_appmenu_icon_size) / 2" y="(height - D_appmenu_icon_size) / 2" width="D_appmenu_icon_size" height="D_appmenu_icon_size" alpha="0.7"/> </draw_ops> <draw_ops name="appmenu_unfocused"> <include name="appmenu_icon_unfocused"/> </draw_ops> <draw_ops name="appmenu_unfocused_prelight"> <include name="appmenu_icon_unfocused"/> </draw_ops> <draw_ops name="appmenu_unfocused_pressed"> <include name="appmenu_icon_unfocused"/> </draw_ops> <!-- button backgrounds --> <draw_ops name="button_focused"> </draw_ops> <draw_ops name="button_focused_prelight"> <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.15" colorize="C_title_focused"/> </draw_ops> <draw_ops name="button_focused_pressed"> <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.3" colorize="C_title_focused"/> </draw_ops> <draw_ops name="button_unfocused"> </draw_ops> <draw_ops name="button_unfocused_prelight"> <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.15" colorize="C_title_unfocused"/> </draw_ops> <draw_ops name="button_unfocused_pressed"> <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.3" colorize="C_title_unfocused"/> </draw_ops> <!-- frame styles --> <frame_style name="normal_focused" geometry="normal"> <piece position="entire_background" draw_ops="entire_background_focused"/> <piece position="titlebar" draw_ops="titlebar_focused"/> <piece position="title" draw_ops="title_focused"/> <button function="close" state="normal" draw_ops="close_focused"/> <button function="close" state="prelight" draw_ops="close_focused_prelight"/> <button function="close" state="pressed" draw_ops="close_focused_pressed"/> <button function="maximize" state="normal" draw_ops="maximize_focused"/> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight"/> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed"/> <button function="minimize" state="normal" draw_ops="minimize_focused"/> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight"/> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed"/> <button function="menu" state="normal" draw_ops="menu_focused"/> <button function="menu" state="prelight" draw_ops="menu_focused_prelight"/> <button function="menu" state="pressed" draw_ops="menu_focused_pressed"/> <!-- <button version=">= 3.5" function="appmenu" state="normal" draw_ops="appmenu_focused"/> --> <!-- <button version=">= 3.5" function="appmenu" state="prelight" draw_ops="appmenu_focused_prelight"/> --> <!-- <button version=">= 3.5" function="appmenu" state="pressed" draw_ops="appmenu_focused_pressed"/> --> <button function="shade" state="normal" draw_ops="shade_focused"/> <button function="shade" state="prelight" draw_ops="shade_focused_prelight"/> <button function="shade" state="pressed" draw_ops="shade_focused_pressed"/> <button function="unshade" state="normal" draw_ops="unshade_focused"/> <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight"/> <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed"/> <button function="left_middle_background" state="normal" draw_ops="button_focused"/> <button function="left_middle_background" state="prelight" draw_ops="button_focused_prelight"/> <button function="left_middle_background" state="pressed" draw_ops="button_focused_pressed"/> <button function="right_middle_background" state="normal" draw_ops="button_focused"/> <button function="right_middle_background" state="prelight" draw_ops="button_focused_prelight"/> <button function="right_middle_background" state="pressed" draw_ops="button_focused_pressed"/> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="normal_unfocused" geometry="normal"> <piece position="entire_background" draw_ops="entire_background_unfocused"/> <piece position="titlebar" draw_ops="titlebar_unfocused"/> <piece position="title" draw_ops="title_unfocused"/> <button function="close" state="normal" draw_ops="close_unfocused"/> <button function="close" state="prelight" draw_ops="close_unfocused_prelight"/> <button function="close" state="pressed" draw_ops="close_unfocused_pressed"/> <button function="maximize" state="normal" draw_ops="maximize_unfocused"/> <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight"/> <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed"/> <button function="minimize" state="normal" draw_ops="minimize_unfocused"/> <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight"/> <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed"/> <button function="menu" state="normal" draw_ops="menu_unfocused"/> <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight"/> <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed"/> <!-- <button version=">= 3.5" function="appmenu" state="normal" draw_ops="appmenu_unfocused"/> --> <!-- <button version=">= 3.5" function="appmenu" state="prelight" draw_ops="appmenu_unfocused_prelight"/> --> <!-- <button version=">= 3.5" function="appmenu" state="pressed" draw_ops="appmenu_unfocused_pressed"/> --> <button function="shade" state="normal" draw_ops="shade_unfocused"/> <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight"/> <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed"/> <button function="unshade" state="normal" draw_ops="unshade_unfocused"/> <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight"/> <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed"/> <button function="left_middle_background" state="normal" draw_ops="button_unfocused"/> <button function="left_middle_background" state="prelight" draw_ops="button_unfocused_prelight"/> <button function="left_middle_background" state="pressed" draw_ops="button_unfocused_pressed"/> <button function="right_middle_background" state="normal" draw_ops="button_unfocused"/> <button function="right_middle_background" state="prelight" draw_ops="button_unfocused_prelight"/> <button function="right_middle_background" state="pressed" draw_ops="button_unfocused_pressed"/> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="normal_max_focused" geometry="max" parent="normal_focused"> <piece position="titlebar" draw_ops="entire_background_focused"/> <button function="maximize" state="normal" draw_ops="unmaximize_focused"/> <button function="maximize" state="pressed" draw_ops="unmaximize_focused_pressed"/> <button function="maximize" state="prelight" draw_ops="unmaximize_focused_prelight"/> </frame_style> <frame_style name="normal_max_unfocused" geometry="max" parent="normal_unfocused"> <piece position="titlebar" draw_ops="entire_background_unfocused"/> <button function="maximize" state="normal" draw_ops="unmaximize_unfocused"/> <button function="maximize" state="pressed" draw_ops="unmaximize_unfocused_pressed"/> <button function="maximize" state="prelight" draw_ops="unmaximize_unfocused_prelight"/> </frame_style> <frame_style name="tiled_left_focused" geometry="tiled_left" parent="normal_focused"> <piece position="titlebar" draw_ops="entire_background_focused"/> </frame_style> <frame_style name="tiled_left_unfocused" geometry="tiled_left" parent="normal_unfocused"> <piece position="titlebar" draw_ops="entire_background_unfocused"/> </frame_style> <frame_style name="tiled_right_focused" geometry="tiled_right" parent="normal_focused"> <piece position="titlebar" draw_ops="entire_background_focused"/> </frame_style> <frame_style name="tiled_right_unfocused" geometry="tiled_right" parent="normal_unfocused"> <piece position="titlebar" draw_ops="entire_background_unfocused"/> </frame_style> <frame_style name="dialog_focused" geometry="nobuttons" parent="normal_focused"> </frame_style> <frame_style name="dialog_unfocused" geometry="nobuttons" parent="normal_unfocused"> </frame_style> <frame_style name="modal_dialog_focused" geometry="modal" parent="normal_focused"> <piece position="entire_background" draw_ops="entire_background_alt_focused"/> <piece position="titlebar" draw_ops="titlebar_alt_focused"/> <piece position="title" draw_ops="title_alt_focused"/> </frame_style> <frame_style name="modal_dialog_unfocused" geometry="modal" parent="normal_unfocused"> <piece position="entire_background" draw_ops="entire_background_alt_unfocused"/> <piece position="titlebar" draw_ops="titlebar_alt_unfocused"/> <piece position="title" draw_ops="title_alt_unfocused"/> </frame_style> <frame_style name="utility_focused" geometry="small" parent="normal_focused"> </frame_style> <frame_style name="utility_unfocused" geometry="small" parent="normal_unfocused"> </frame_style> <frame_style name="border_focused" geometry="border" parent="normal_focused"> </frame_style> <frame_style name="border_unfocused" geometry="border" parent="normal_unfocused"> </frame_style> <frame_style name="borderless_focused" geometry="borderless" parent="normal_focused"> </frame_style> <frame_style name="borderless_unfocused" geometry="borderless" parent="normal_unfocused"> </frame_style> <frame_style name="attached_focused" geometry="attached" parent="modal_dialog_focused"> </frame_style> <frame_style name="attached_unfocused" geometry="attached" parent="modal_dialog_unfocused"> </frame_style> <!-- placeholder for unimplementated styles--> <frame_style name="blank" geometry="normal"> <button function="close" state="normal"><draw_ops></draw_ops></button> <button function="close" state="pressed"><draw_ops></draw_ops></button> <button function="maximize" state="normal"><draw_ops></draw_ops></button> <button function="maximize" state="pressed"><draw_ops></draw_ops></button> <button function="minimize" state="normal"><draw_ops></draw_ops></button> <button function="minimize" state="pressed"><draw_ops></draw_ops></button> <button function="menu" state="normal"><draw_ops></draw_ops></button> <button function="menu" state="pressed"><draw_ops></draw_ops></button> <!-- <button version=">= 3.5" function="appmenu" state="normal"><draw_ops></draw_ops></button> --> <!-- <button version=">= 3.5" function="appmenu" state="pressed"><draw_ops></draw_ops></button> --> <button function="shade" state="normal"><draw_ops></draw_ops></button> <button function="shade" state="pressed"><draw_ops></draw_ops></button> <button function="unshade" state="normal"><draw_ops></draw_ops></button> <button function="unshade" state="pressed"><draw_ops></draw_ops></button> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <!-- frame style sets --> <frame_style_set name="normal_style_set"> <frame focus="yes" state="normal" resize="both" style="normal_focused"/> <frame focus="no" state="normal" resize="both" style="normal_unfocused"/> <frame focus="yes" state="maximized" style="normal_max_focused"/> <frame focus="no" state="maximized" style="normal_max_unfocused"/> <frame focus="yes" state="shaded" style="normal_focused"/> <frame focus="no" state="shaded" style="normal_unfocused"/> <frame focus="yes" state="maximized_and_shaded" style="normal_max_focused"/> <frame focus="no" state="maximized_and_shaded" style="normal_max_unfocused"/> <!-- <frame version=">= 3.3" focus="yes" state="tiled_left" style="tiled_left_focused"/> --> <!-- <frame version=">= 3.3" focus="no" state="tiled_left" style="tiled_left_unfocused"/> --> <!-- <frame version=">= 3.3" focus="yes" state="tiled_right" style="tiled_right_focused"/> --> <!-- <frame version=">= 3.3" focus="no" state="tiled_right" style="tiled_right_unfocused"/> --> <!-- <frame version=">= 3.3" focus="yes" state="tiled_left_and_shaded" style="tiled_left_focused"/> --> <!-- <frame version=">= 3.3" focus="no" state="tiled_left_and_shaded" style="tiled_left_unfocused"/> --> <!-- <frame version=">= 3.3" focus="yes" state="tiled_right_and_shaded" style="tiled_right_focused"/> --> <!-- <frame version=">= 3.3" focus="no" state="tiled_right_and_shaded" style="tiled_right_unfocused"/> --> </frame_style_set> <frame_style_set name="dialog_style_set"> <frame focus="yes" state="normal" resize="both" style="dialog_focused"/> <frame focus="no" state="normal" resize="both" style="dialog_unfocused"/> <frame focus="yes" state="maximized" style="blank"/> <frame focus="no" state="maximized" style="blank"/> <frame focus="yes" state="shaded" style="dialog_focused"/> <frame focus="no" state="shaded" style="dialog_unfocused"/> <frame focus="yes" state="maximized_and_shaded" style="blank"/> <frame focus="no" state="maximized_and_shaded" style="blank"/> </frame_style_set> <frame_style_set name="modal_dialog_style_set"> <frame focus="yes" state="normal" resize="both" style="modal_dialog_focused"/> <frame focus="no" state="normal" resize="both" style="modal_dialog_unfocused"/> <frame focus="yes" state="maximized" style="blank"/> <frame focus="no" state="maximized" style="blank"/> <frame focus="yes" state="shaded" style="modal_dialog_focused"/> <frame focus="no" state="shaded" style="modal_dialog_unfocused"/> <frame focus="yes" state="maximized_and_shaded" style="blank"/> <frame focus="no" state="maximized_and_shaded" style="blank"/> </frame_style_set> <frame_style_set name="utility_style_set"> <frame focus="yes" state="normal" resize="both" style="utility_focused"/> <frame focus="no" state="normal" resize="both" style="utility_unfocused"/> <frame focus="yes" state="maximized" style="blank"/> <frame focus="no" state="maximized" style="blank"/> <frame focus="yes" state="shaded" style="utility_focused"/> <frame focus="no" state="shaded" style="utility_unfocused"/> <frame focus="yes" state="maximized_and_shaded" style="blank"/> <frame focus="no" state="maximized_and_shaded" style="blank"/> </frame_style_set> <frame_style_set name="border_style_set"> <frame focus="yes" state="normal" resize="both" style="border_focused"/> <frame focus="no" state="normal" resize="both" style="border_unfocused"/> <frame focus="yes" state="maximized" style="borderless_focused"/> <frame focus="no" state="maximized" style="borderless_unfocused"/> <frame focus="yes" state="shaded" style="blank"/> <frame focus="no" state="shaded" style="blank"/> <frame focus="yes" state="maximized_and_shaded" style="blank"/> <frame focus="no" state="maximized_and_shaded" style="blank"/> </frame_style_set> <frame_style_set name="attached_style_set"> <frame focus="yes" state="normal" resize="both" style="attached_focused"/> <frame focus="no" state="normal" resize="both" style="attached_unfocused"/> <frame focus="yes" state="maximized" style="blank"/> <frame focus="no" state="maximized" style="blank"/> <frame focus="yes" state="shaded" style="blank"/> <frame focus="no" state="shaded" style="blank"/> <frame focus="yes" state="maximized_and_shaded" style="blank"/> <frame focus="no" state="maximized_and_shaded" style="blank"/> </frame_style_set> <!-- windows --> <window type="normal" style_set="normal_style_set"/> <window type="dialog" style_set="dialog_style_set"/> <window type="modal_dialog" style_set="modal_dialog_style_set"/> <window type="menu" style_set="utility_style_set"/> <window type="utility" style_set="utility_style_set"/> <window type="border" style_set="border_style_set"/> <!-- <window version=">= 3.2" type="attached" style_set="attached_style_set"/> --> </metacity_theme> ���������������������������������������������������������������������������������materia-theme-20180321/src/metacity-1/metacity-theme-3-light.xml������������������������������������0000664�0000000�0000000�00000101611�13254201040�0024137�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<?xml version="1.0"?> <metacity_theme> <info> <name>Materia</name> <author>nana-4</author> <copyright>GPL</copyright> <date>2017</date> <description>Materia Metacity theme</description> </info> <!-- meaningful constants --> <constant name="C_titlebar" value="#E0E0E0"/> <constant name="C_titlebar_alt" value="gtk:custom(theme_bg_color,gtk:bg[NORMAL])"/> <constant name="C_highlight" value="blend/#E0E0E0/#FFFFFF/0.4"/> <constant name="C_highlight_alt" value="blend/gtk:custom(theme_bg_color,gtk:bg[NORMAL])/#FFFFFF/0.4"/> <constant name="C_title_focused" value="gtk:custom(theme_fg_color,gtk:fg[NORMAL])"/> <constant name="C_title_unfocused" value="blend/#E0E0E0/gtk:custom(theme_fg_color,gtk:fg[NORMAL])/0.7"/> <constant name="C_title_alt_focused" value="gtk:custom(theme_fg_color,gtk:fg[NORMAL])"/> <constant name="C_title_alt_unfocused" value="blend/gtk:custom(theme_bg_color,gtk:bg[NORMAL])/gtk:custom(theme_fg_color,gtk:fg[NORMAL])/0.7"/> <!-- geometries --> <frame_geometry name="normal" title_scale="medium" rounded_top_left="2" rounded_top_right="2"> <distance name="left_width" value="1"/> <distance name="right_width" value="1"/> <distance name="bottom_height" value="1"/> <distance name="left_titlebar_edge" value="0"/> <distance name="right_titlebar_edge" value="0"/> <distance name="title_vertical_pad" value="12"/> <border name="title_border" left="10" right="10" top="0" bottom="0"/> <border name="button_border" left="0" right="0" top="0" bottom="0"/> <aspect_ratio name="button" value="1"/> </frame_geometry> <frame_geometry name="max" rounded_top_left="false" rounded_top_right="false" parent="normal"> <distance name="left_width" value="0"/> <distance name="right_width" value="0"/> <distance name="bottom_height" value="0"/> </frame_geometry> <frame_geometry name="tiled_left" parent="max"> <distance name="right_width" value="0"/> </frame_geometry> <frame_geometry name="tiled_right" parent="max"> <distance name="left_width" value="0"/> </frame_geometry> <frame_geometry name="nobuttons" hide_buttons="true" parent="normal"> </frame_geometry> <frame_geometry name="modal" title_scale="small" hide_buttons="true" parent="normal"> <distance name="left_width" value="0"/> <distance name="right_width" value="0"/> <distance name="bottom_height" value="0"/> <distance name="title_vertical_pad" value="8"/> </frame_geometry> <frame_geometry name="small" title_scale="small" parent="normal"> <distance name="title_vertical_pad" value="8"/> <border name="title_border" left="10" right="10" top="0" bottom="0"/> <border name="button_border" left="0" right="0" top="0" bottom="0"/> </frame_geometry> <frame_geometry name="border" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal"> <distance name="left_width" value="1"/> <distance name="right_width" value="1"/> <distance name="bottom_height" value="1"/> <distance name="title_vertical_pad" value="1"/> <border name="title_border" left="10" right="10" top="0" bottom="0"/> <border name="button_border" left="0" right="0" top="0" bottom="0"/> </frame_geometry> <frame_geometry name="borderless" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal"> <distance name="left_width" value="0"/> <distance name="right_width" value="0"/> <distance name="bottom_height" value="0"/> <distance name="title_vertical_pad" value="0"/> <border name="button_border" left="0" right="0" top="0" bottom="0"/> <border name="title_border" left="0" right="0" top="0" bottom="0"/> </frame_geometry> <frame_geometry name="attached" hide_buttons="true" rounded_bottom_left="2" rounded_bottom_right="2" parent="normal"> <distance name="title_vertical_pad" value="4"/> </frame_geometry> <!-- drawing operations --> <!-- title --> <draw_ops name="title_focused"> <title version="< 3.1" x="(0 `max` ((width - title_width) / 2))" y="(0 `max` ((height - title_height) / 2))" color="C_title_focused"/> <title version=">= 3.1" x="(0 `max` ((frame_x_center - title_width / 2) `min` (width - title_width)))" y="(0 `max` ((height - title_height) / 2))" ellipsize_width="width" color="C_title_focused"/> </draw_ops> <draw_ops name="title_unfocused"> <title version="< 3.1" x="(0 `max` ((width - title_width) / 2))" y="(0 `max` ((height - title_height) / 2))" color="C_title_unfocused"/> <title version=">= 3.1" x="(0 `max` ((frame_x_center - title_width / 2) `min` (width - title_width)))" y="(0 `max` ((height - title_height) / 2))" ellipsize_width="width" color="C_title_unfocused"/> </draw_ops> <draw_ops name="title_alt_focused"> <title version="< 3.1" x="(0 `max` ((width - title_width) / 2))" y="(0 `max` ((height - title_height) / 2))" color="C_title_alt_focused"/> <title version=">= 3.1" x="(0 `max` ((frame_x_center - title_width / 2) `min` (width - title_width)))" y="(0 `max` ((height - title_height) / 2))" ellipsize_width="width" color="C_title_alt_focused"/> </draw_ops> <draw_ops name="title_alt_unfocused"> <title version="< 3.1" x="(0 `max` ((width - title_width) / 2))" y="(0 `max` ((height - title_height) / 2))" color="C_title_alt_unfocused"/> <title version=">= 3.1" x="(0 `max` ((frame_x_center - title_width / 2) `min` (width - title_width)))" y="(0 `max` ((height - title_height) / 2))" ellipsize_width="width" color="C_title_alt_unfocused"/> </draw_ops> <!-- window decorations --> <draw_ops name="entire_background_focused"> <rectangle color="C_titlebar" x="0" y="0" width="width" height="height" filled="true"/> </draw_ops> <draw_ops name="entire_background_unfocused"> <include name="entire_background_focused"/> </draw_ops> <draw_ops name="entire_background_alt_focused"> <rectangle color="C_titlebar_alt" x="0" y="0" width="width" height="height" filled="true"/> </draw_ops> <draw_ops name="entire_background_alt_unfocused"> <include name="entire_background_alt_focused"/> </draw_ops> <draw_ops name="highlight"> <line color="C_highlight" x1="2" y1="0" x2="width - 3" y2="0"/> <arc color="C_highlight" x="0 - 1" y="0" width="5" height="5" start_angle="270" extent_angle="90"/> <arc color="C_highlight" x="width - 5" y="0" width="5" height="5" start_angle="0" extent_angle="90"/> </draw_ops> <draw_ops name="highlight_alt"> <line color="C_highlight_alt" x1="2" y1="0" x2="width - 3" y2="0"/> <arc color="C_highlight_alt" x="0 - 1" y="0" width="5" height="5" start_angle="270" extent_angle="90"/> <arc color="C_highlight_alt" x="width - 5" y="0" width="5" height="5" start_angle="0" extent_angle="90"/> </draw_ops> <draw_ops name="titlebar_focused"> <include name="entire_background_focused"/> <include name="highlight"/> </draw_ops> <draw_ops name="titlebar_unfocused"> <include name="entire_background_unfocused"/> <include name="highlight"/> </draw_ops> <draw_ops name="titlebar_alt_focused"> <include name="entire_background_alt_focused"/> <include name="highlight_alt"/> </draw_ops> <draw_ops name="titlebar_alt_unfocused"> <include name="entire_background_alt_unfocused"/> <include name="highlight_alt"/> </draw_ops> <!-- button icons --> <!-- close --> <draw_ops name="close_focused"> <image filename="assets/close.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> </draw_ops> <draw_ops name="close_focused_prelight"> <image filename="assets/close.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_focused"/> </draw_ops> <draw_ops name="close_focused_pressed"> <include name="close_focused_prelight"/> </draw_ops> <draw_ops name="close_unfocused"> <image filename="assets/close.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> </draw_ops> <draw_ops name="close_unfocused_prelight"> <image filename="assets/close.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_unfocused"/> </draw_ops> <draw_ops name="close_unfocused_pressed"> <include name="close_unfocused_prelight"/> </draw_ops> <!-- maximize --> <draw_ops name="maximize_focused"> <image filename="assets/maximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> </draw_ops> <draw_ops name="maximize_focused_prelight"> <image filename="assets/maximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_focused"/> </draw_ops> <draw_ops name="maximize_focused_pressed"> <include name="maximize_focused_prelight"/> </draw_ops> <draw_ops name="maximize_unfocused"> <image filename="assets/maximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> </draw_ops> <draw_ops name="maximize_unfocused_prelight"> <image filename="assets/maximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_unfocused"/> </draw_ops> <draw_ops name="maximize_unfocused_pressed"> <include name="maximize_unfocused_prelight"/> </draw_ops> <!-- unmaximize --> <draw_ops name="unmaximize_focused"> <image filename="assets/unmaximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> </draw_ops> <draw_ops name="unmaximize_focused_prelight"> <image filename="assets/unmaximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_focused"/> </draw_ops> <draw_ops name="unmaximize_focused_pressed"> <include name="unmaximize_focused_prelight"/> </draw_ops> <draw_ops name="unmaximize_unfocused"> <image filename="assets/unmaximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> </draw_ops> <draw_ops name="unmaximize_unfocused_prelight"> <image filename="assets/unmaximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_unfocused"/> </draw_ops> <draw_ops name="unmaximize_unfocused_pressed"> <include name="unmaximize_unfocused_prelight"/> </draw_ops> <!-- minimize --> <draw_ops name="minimize_focused"> <image filename="assets/minimize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> </draw_ops> <draw_ops name="minimize_focused_prelight"> <image filename="assets/minimize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_focused"/> </draw_ops> <draw_ops name="minimize_focused_pressed"> <include name="minimize_focused_prelight"/> </draw_ops> <draw_ops name="minimize_unfocused"> <image filename="assets/minimize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> </draw_ops> <draw_ops name="minimize_unfocused_prelight"> <image filename="assets/minimize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_unfocused"/> </draw_ops> <draw_ops name="minimize_unfocused_pressed"> <include name="minimize_unfocused_prelight"/> </draw_ops> <!-- menu --> <draw_ops name="menu_focused"> <image filename="assets/menu.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> </draw_ops> <draw_ops name="menu_focused_prelight"> <image filename="assets/menu.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_focused"/> </draw_ops> <draw_ops name="menu_focused_pressed"> <include name="menu_focused_prelight"/> </draw_ops> <draw_ops name="menu_unfocused"> <image filename="assets/menu.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> </draw_ops> <draw_ops name="menu_unfocused_prelight"> <image filename="assets/menu.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_unfocused"/> </draw_ops> <draw_ops name="menu_unfocused_pressed"> <include name="menu_unfocused_prelight"/> </draw_ops> <!-- shade --> <draw_ops name="shade_focused"> <image filename="assets/shade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> </draw_ops> <draw_ops name="shade_focused_prelight"> <image filename="assets/shade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_focused"/> </draw_ops> <draw_ops name="shade_focused_pressed"> <include name="shade_focused_prelight"/> </draw_ops> <draw_ops name="shade_unfocused"> <image filename="assets/shade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> </draw_ops> <draw_ops name="shade_unfocused_prelight"> <image filename="assets/shade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_unfocused"/> </draw_ops> <draw_ops name="shade_unfocused_pressed"> <include name="shade_unfocused_prelight"/> </draw_ops> <!-- unshade --> <draw_ops name="unshade_focused"> <image filename="assets/unshade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> </draw_ops> <draw_ops name="unshade_focused_prelight"> <image filename="assets/unshade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_focused"/> </draw_ops> <draw_ops name="unshade_focused_pressed"> <include name="unshade_focused_prelight"/> </draw_ops> <draw_ops name="unshade_unfocused"> <image filename="assets/unshade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> </draw_ops> <draw_ops name="unshade_unfocused_prelight"> <image filename="assets/unshade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_unfocused"/> </draw_ops> <draw_ops name="unshade_unfocused_pressed"> <include name="unshade_unfocused_prelight"/> </draw_ops> <!-- appmenu --> <constant name="D_appmenu_icon_size" value="16"/> <draw_ops name="appmenu_icon_focused"> <icon x="(width - D_appmenu_icon_size) / 2" y="(height - D_appmenu_icon_size) / 2" width="D_appmenu_icon_size" height="D_appmenu_icon_size"/> </draw_ops> <draw_ops name="appmenu_focused"> <include name="appmenu_icon_focused"/> </draw_ops> <draw_ops name="appmenu_focused_prelight"> <include name="appmenu_icon_focused"/> </draw_ops> <draw_ops name="appmenu_focused_pressed"> <include name="appmenu_icon_focused"/> </draw_ops> <draw_ops name="appmenu_icon_unfocused"> <icon x="(width - D_appmenu_icon_size) / 2" y="(height - D_appmenu_icon_size) / 2" width="D_appmenu_icon_size" height="D_appmenu_icon_size" alpha="0.7"/> </draw_ops> <draw_ops name="appmenu_unfocused"> <include name="appmenu_icon_unfocused"/> </draw_ops> <draw_ops name="appmenu_unfocused_prelight"> <include name="appmenu_icon_unfocused"/> </draw_ops> <draw_ops name="appmenu_unfocused_pressed"> <include name="appmenu_icon_unfocused"/> </draw_ops> <!-- button backgrounds --> <draw_ops name="button_focused"> </draw_ops> <draw_ops name="button_focused_prelight"> <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.15" colorize="C_title_focused"/> </draw_ops> <draw_ops name="button_focused_pressed"> <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.3" colorize="C_title_focused"/> </draw_ops> <draw_ops name="button_unfocused"> </draw_ops> <draw_ops name="button_unfocused_prelight"> <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.15" colorize="C_title_unfocused"/> </draw_ops> <draw_ops name="button_unfocused_pressed"> <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.3" colorize="C_title_unfocused"/> </draw_ops> <!-- frame styles --> <frame_style name="normal_focused" geometry="normal"> <piece position="entire_background" draw_ops="entire_background_focused"/> <piece position="titlebar" draw_ops="titlebar_focused"/> <piece position="title" draw_ops="title_focused"/> <button function="close" state="normal" draw_ops="close_focused"/> <button function="close" state="prelight" draw_ops="close_focused_prelight"/> <button function="close" state="pressed" draw_ops="close_focused_pressed"/> <button function="maximize" state="normal" draw_ops="maximize_focused"/> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight"/> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed"/> <button function="minimize" state="normal" draw_ops="minimize_focused"/> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight"/> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed"/> <button function="menu" state="normal" draw_ops="menu_focused"/> <button function="menu" state="prelight" draw_ops="menu_focused_prelight"/> <button function="menu" state="pressed" draw_ops="menu_focused_pressed"/> <button version=">= 3.5" function="appmenu" state="normal" draw_ops="appmenu_focused"/> <button version=">= 3.5" function="appmenu" state="prelight" draw_ops="appmenu_focused_prelight"/> <button version=">= 3.5" function="appmenu" state="pressed" draw_ops="appmenu_focused_pressed"/> <button function="shade" state="normal" draw_ops="shade_focused"/> <button function="shade" state="prelight" draw_ops="shade_focused_prelight"/> <button function="shade" state="pressed" draw_ops="shade_focused_pressed"/> <button function="unshade" state="normal" draw_ops="unshade_focused"/> <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight"/> <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed"/> <button function="left_middle_background" state="normal" draw_ops="button_focused"/> <button function="left_middle_background" state="prelight" draw_ops="button_focused_prelight"/> <button function="left_middle_background" state="pressed" draw_ops="button_focused_pressed"/> <button function="right_middle_background" state="normal" draw_ops="button_focused"/> <button function="right_middle_background" state="prelight" draw_ops="button_focused_prelight"/> <button function="right_middle_background" state="pressed" draw_ops="button_focused_pressed"/> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="normal_unfocused" geometry="normal"> <piece position="entire_background" draw_ops="entire_background_unfocused"/> <piece position="titlebar" draw_ops="titlebar_unfocused"/> <piece position="title" draw_ops="title_unfocused"/> <button function="close" state="normal" draw_ops="close_unfocused"/> <button function="close" state="prelight" draw_ops="close_unfocused_prelight"/> <button function="close" state="pressed" draw_ops="close_unfocused_pressed"/> <button function="maximize" state="normal" draw_ops="maximize_unfocused"/> <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight"/> <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed"/> <button function="minimize" state="normal" draw_ops="minimize_unfocused"/> <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight"/> <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed"/> <button function="menu" state="normal" draw_ops="menu_unfocused"/> <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight"/> <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed"/> <button version=">= 3.5" function="appmenu" state="normal" draw_ops="appmenu_unfocused"/> <button version=">= 3.5" function="appmenu" state="prelight" draw_ops="appmenu_unfocused_prelight"/> <button version=">= 3.5" function="appmenu" state="pressed" draw_ops="appmenu_unfocused_pressed"/> <button function="shade" state="normal" draw_ops="shade_unfocused"/> <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight"/> <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed"/> <button function="unshade" state="normal" draw_ops="unshade_unfocused"/> <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight"/> <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed"/> <button function="left_middle_background" state="normal" draw_ops="button_unfocused"/> <button function="left_middle_background" state="prelight" draw_ops="button_unfocused_prelight"/> <button function="left_middle_background" state="pressed" draw_ops="button_unfocused_pressed"/> <button function="right_middle_background" state="normal" draw_ops="button_unfocused"/> <button function="right_middle_background" state="prelight" draw_ops="button_unfocused_prelight"/> <button function="right_middle_background" state="pressed" draw_ops="button_unfocused_pressed"/> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="normal_max_focused" geometry="max" parent="normal_focused"> <piece position="titlebar" draw_ops="entire_background_focused"/> <button function="maximize" state="normal" draw_ops="unmaximize_focused"/> <button function="maximize" state="pressed" draw_ops="unmaximize_focused_pressed"/> <button function="maximize" state="prelight" draw_ops="unmaximize_focused_prelight"/> </frame_style> <frame_style name="normal_max_unfocused" geometry="max" parent="normal_unfocused"> <piece position="titlebar" draw_ops="entire_background_unfocused"/> <button function="maximize" state="normal" draw_ops="unmaximize_unfocused"/> <button function="maximize" state="pressed" draw_ops="unmaximize_unfocused_pressed"/> <button function="maximize" state="prelight" draw_ops="unmaximize_unfocused_prelight"/> </frame_style> <frame_style name="tiled_left_focused" geometry="tiled_left" parent="normal_focused"> <piece position="titlebar" draw_ops="entire_background_focused"/> </frame_style> <frame_style name="tiled_left_unfocused" geometry="tiled_left" parent="normal_unfocused"> <piece position="titlebar" draw_ops="entire_background_unfocused"/> </frame_style> <frame_style name="tiled_right_focused" geometry="tiled_right" parent="normal_focused"> <piece position="titlebar" draw_ops="entire_background_focused"/> </frame_style> <frame_style name="tiled_right_unfocused" geometry="tiled_right" parent="normal_unfocused"> <piece position="titlebar" draw_ops="entire_background_unfocused"/> </frame_style> <frame_style name="dialog_focused" geometry="nobuttons" parent="normal_focused"> </frame_style> <frame_style name="dialog_unfocused" geometry="nobuttons" parent="normal_unfocused"> </frame_style> <frame_style name="modal_dialog_focused" geometry="modal" parent="normal_focused"> <piece position="entire_background" draw_ops="entire_background_alt_focused"/> <piece position="titlebar" draw_ops="titlebar_alt_focused"/> <piece position="title" draw_ops="title_alt_focused"/> </frame_style> <frame_style name="modal_dialog_unfocused" geometry="modal" parent="normal_unfocused"> <piece position="entire_background" draw_ops="entire_background_alt_unfocused"/> <piece position="titlebar" draw_ops="titlebar_alt_unfocused"/> <piece position="title" draw_ops="title_alt_unfocused"/> </frame_style> <frame_style name="utility_focused" geometry="small" parent="normal_focused"> </frame_style> <frame_style name="utility_unfocused" geometry="small" parent="normal_unfocused"> </frame_style> <frame_style name="border_focused" geometry="border" parent="normal_focused"> </frame_style> <frame_style name="border_unfocused" geometry="border" parent="normal_unfocused"> </frame_style> <frame_style name="borderless_focused" geometry="borderless" parent="normal_focused"> </frame_style> <frame_style name="borderless_unfocused" geometry="borderless" parent="normal_unfocused"> </frame_style> <frame_style name="attached_focused" geometry="attached" parent="modal_dialog_focused"> </frame_style> <frame_style name="attached_unfocused" geometry="attached" parent="modal_dialog_unfocused"> </frame_style> <!-- placeholder for unimplementated styles--> <frame_style name="blank" geometry="normal"> <button function="close" state="normal"><draw_ops></draw_ops></button> <button function="close" state="pressed"><draw_ops></draw_ops></button> <button function="maximize" state="normal"><draw_ops></draw_ops></button> <button function="maximize" state="pressed"><draw_ops></draw_ops></button> <button function="minimize" state="normal"><draw_ops></draw_ops></button> <button function="minimize" state="pressed"><draw_ops></draw_ops></button> <button function="menu" state="normal"><draw_ops></draw_ops></button> <button function="menu" state="pressed"><draw_ops></draw_ops></button> <button version=">= 3.5" function="appmenu" state="normal"><draw_ops></draw_ops></button> <button version=">= 3.5" function="appmenu" state="pressed"><draw_ops></draw_ops></button> <button function="shade" state="normal"><draw_ops></draw_ops></button> <button function="shade" state="pressed"><draw_ops></draw_ops></button> <button function="unshade" state="normal"><draw_ops></draw_ops></button> <button function="unshade" state="pressed"><draw_ops></draw_ops></button> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <!-- frame style sets --> <frame_style_set name="normal_style_set"> <frame focus="yes" state="normal" resize="both" style="normal_focused"/> <frame focus="no" state="normal" resize="both" style="normal_unfocused"/> <frame focus="yes" state="maximized" style="normal_max_focused"/> <frame focus="no" state="maximized" style="normal_max_unfocused"/> <frame focus="yes" state="shaded" style="normal_focused"/> <frame focus="no" state="shaded" style="normal_unfocused"/> <frame focus="yes" state="maximized_and_shaded" style="normal_max_focused"/> <frame focus="no" state="maximized_and_shaded" style="normal_max_unfocused"/> <frame version=">= 3.3" focus="yes" state="tiled_left" style="tiled_left_focused"/> <frame version=">= 3.3" focus="no" state="tiled_left" style="tiled_left_unfocused"/> <frame version=">= 3.3" focus="yes" state="tiled_right" style="tiled_right_focused"/> <frame version=">= 3.3" focus="no" state="tiled_right" style="tiled_right_unfocused"/> <frame version=">= 3.3" focus="yes" state="tiled_left_and_shaded" style="tiled_left_focused"/> <frame version=">= 3.3" focus="no" state="tiled_left_and_shaded" style="tiled_left_unfocused"/> <frame version=">= 3.3" focus="yes" state="tiled_right_and_shaded" style="tiled_right_focused"/> <frame version=">= 3.3" focus="no" state="tiled_right_and_shaded" style="tiled_right_unfocused"/> </frame_style_set> <frame_style_set name="dialog_style_set"> <frame focus="yes" state="normal" resize="both" style="dialog_focused"/> <frame focus="no" state="normal" resize="both" style="dialog_unfocused"/> <frame focus="yes" state="maximized" style="blank"/> <frame focus="no" state="maximized" style="blank"/> <frame focus="yes" state="shaded" style="dialog_focused"/> <frame focus="no" state="shaded" style="dialog_unfocused"/> <frame focus="yes" state="maximized_and_shaded" style="blank"/> <frame focus="no" state="maximized_and_shaded" style="blank"/> </frame_style_set> <frame_style_set name="modal_dialog_style_set"> <frame focus="yes" state="normal" resize="both" style="modal_dialog_focused"/> <frame focus="no" state="normal" resize="both" style="modal_dialog_unfocused"/> <frame focus="yes" state="maximized" style="blank"/> <frame focus="no" state="maximized" style="blank"/> <frame focus="yes" state="shaded" style="modal_dialog_focused"/> <frame focus="no" state="shaded" style="modal_dialog_unfocused"/> <frame focus="yes" state="maximized_and_shaded" style="blank"/> <frame focus="no" state="maximized_and_shaded" style="blank"/> </frame_style_set> <frame_style_set name="utility_style_set"> <frame focus="yes" state="normal" resize="both" style="utility_focused"/> <frame focus="no" state="normal" resize="both" style="utility_unfocused"/> <frame focus="yes" state="maximized" style="blank"/> <frame focus="no" state="maximized" style="blank"/> <frame focus="yes" state="shaded" style="utility_focused"/> <frame focus="no" state="shaded" style="utility_unfocused"/> <frame focus="yes" state="maximized_and_shaded" style="blank"/> <frame focus="no" state="maximized_and_shaded" style="blank"/> </frame_style_set> <frame_style_set name="border_style_set"> <frame focus="yes" state="normal" resize="both" style="border_focused"/> <frame focus="no" state="normal" resize="both" style="border_unfocused"/> <frame focus="yes" state="maximized" style="borderless_focused"/> <frame focus="no" state="maximized" style="borderless_unfocused"/> <frame focus="yes" state="shaded" style="blank"/> <frame focus="no" state="shaded" style="blank"/> <frame focus="yes" state="maximized_and_shaded" style="blank"/> <frame focus="no" state="maximized_and_shaded" style="blank"/> </frame_style_set> <frame_style_set name="attached_style_set"> <frame focus="yes" state="normal" resize="both" style="attached_focused"/> <frame focus="no" state="normal" resize="both" style="attached_unfocused"/> <frame focus="yes" state="maximized" style="blank"/> <frame focus="no" state="maximized" style="blank"/> <frame focus="yes" state="shaded" style="blank"/> <frame focus="no" state="shaded" style="blank"/> <frame focus="yes" state="maximized_and_shaded" style="blank"/> <frame focus="no" state="maximized_and_shaded" style="blank"/> </frame_style_set> <!-- windows --> <window type="normal" style_set="normal_style_set"/> <window type="dialog" style_set="dialog_style_set"/> <window type="modal_dialog" style_set="modal_dialog_style_set"/> <window type="menu" style_set="utility_style_set"/> <window type="utility" style_set="utility_style_set"/> <window type="border" style_set="border_style_set"/> <window version=">= 3.2" type="attached" style_set="attached_style_set"/> </metacity_theme> �����������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/metacity-1/metacity-theme-3.xml������������������������������������������0000664�0000000�0000000�00000101505�13254201040�0023034�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<?xml version="1.0"?> <metacity_theme> <info> <name>Materia</name> <author>nana-4</author> <copyright>GPL</copyright> <date>2017</date> <description>Materia Metacity theme</description> </info> <!-- meaningful constants --> <constant name="C_titlebar" value="#303030"/> <constant name="C_titlebar_alt" value="gtk:custom(theme_bg_color,gtk:bg[NORMAL])"/> <constant name="C_highlight" value="blend/#303030/#FFFFFF/0.1"/> <constant name="C_highlight_alt" value="blend/gtk:custom(theme_bg_color,gtk:bg[NORMAL])/#FFFFFF/0.4"/> <constant name="C_title_focused" value="#FFFFFF"/> <constant name="C_title_unfocused" value="blend/#303030/#FFFFFF/0.7"/> <constant name="C_title_alt_focused" value="gtk:custom(theme_fg_color,gtk:fg[NORMAL])"/> <constant name="C_title_alt_unfocused" value="blend/gtk:custom(theme_bg_color,gtk:bg[NORMAL])/gtk:custom(theme_fg_color,gtk:fg[NORMAL])/0.7"/> <!-- geometries --> <frame_geometry name="normal" title_scale="medium" rounded_top_left="2" rounded_top_right="2"> <distance name="left_width" value="1"/> <distance name="right_width" value="1"/> <distance name="bottom_height" value="1"/> <distance name="left_titlebar_edge" value="0"/> <distance name="right_titlebar_edge" value="0"/> <distance name="title_vertical_pad" value="12"/> <border name="title_border" left="10" right="10" top="0" bottom="0"/> <border name="button_border" left="0" right="0" top="0" bottom="0"/> <aspect_ratio name="button" value="1"/> </frame_geometry> <frame_geometry name="max" rounded_top_left="false" rounded_top_right="false" parent="normal"> <distance name="left_width" value="0"/> <distance name="right_width" value="0"/> <distance name="bottom_height" value="0"/> </frame_geometry> <frame_geometry name="tiled_left" parent="max"> <distance name="right_width" value="0"/> </frame_geometry> <frame_geometry name="tiled_right" parent="max"> <distance name="left_width" value="0"/> </frame_geometry> <frame_geometry name="nobuttons" hide_buttons="true" parent="normal"> </frame_geometry> <frame_geometry name="modal" title_scale="small" hide_buttons="true" parent="normal"> <distance name="left_width" value="0"/> <distance name="right_width" value="0"/> <distance name="bottom_height" value="0"/> <distance name="title_vertical_pad" value="8"/> </frame_geometry> <frame_geometry name="small" title_scale="small" parent="normal"> <distance name="title_vertical_pad" value="8"/> <border name="title_border" left="10" right="10" top="0" bottom="0"/> <border name="button_border" left="0" right="0" top="0" bottom="0"/> </frame_geometry> <frame_geometry name="border" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal"> <distance name="left_width" value="1"/> <distance name="right_width" value="1"/> <distance name="bottom_height" value="1"/> <distance name="title_vertical_pad" value="1"/> <border name="title_border" left="10" right="10" top="0" bottom="0"/> <border name="button_border" left="0" right="0" top="0" bottom="0"/> </frame_geometry> <frame_geometry name="borderless" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal"> <distance name="left_width" value="0"/> <distance name="right_width" value="0"/> <distance name="bottom_height" value="0"/> <distance name="title_vertical_pad" value="0"/> <border name="button_border" left="0" right="0" top="0" bottom="0"/> <border name="title_border" left="0" right="0" top="0" bottom="0"/> </frame_geometry> <frame_geometry name="attached" hide_buttons="true" rounded_bottom_left="2" rounded_bottom_right="2" parent="normal"> <distance name="title_vertical_pad" value="4"/> </frame_geometry> <!-- drawing operations --> <!-- title --> <draw_ops name="title_focused"> <title version="< 3.1" x="(0 `max` ((width - title_width) / 2))" y="(0 `max` ((height - title_height) / 2))" color="C_title_focused"/> <title version=">= 3.1" x="(0 `max` ((frame_x_center - title_width / 2) `min` (width - title_width)))" y="(0 `max` ((height - title_height) / 2))" ellipsize_width="width" color="C_title_focused"/> </draw_ops> <draw_ops name="title_unfocused"> <title version="< 3.1" x="(0 `max` ((width - title_width) / 2))" y="(0 `max` ((height - title_height) / 2))" color="C_title_unfocused"/> <title version=">= 3.1" x="(0 `max` ((frame_x_center - title_width / 2) `min` (width - title_width)))" y="(0 `max` ((height - title_height) / 2))" ellipsize_width="width" color="C_title_unfocused"/> </draw_ops> <draw_ops name="title_alt_focused"> <title version="< 3.1" x="(0 `max` ((width - title_width) / 2))" y="(0 `max` ((height - title_height) / 2))" color="C_title_alt_focused"/> <title version=">= 3.1" x="(0 `max` ((frame_x_center - title_width / 2) `min` (width - title_width)))" y="(0 `max` ((height - title_height) / 2))" ellipsize_width="width" color="C_title_alt_focused"/> </draw_ops> <draw_ops name="title_alt_unfocused"> <title version="< 3.1" x="(0 `max` ((width - title_width) / 2))" y="(0 `max` ((height - title_height) / 2))" color="C_title_alt_unfocused"/> <title version=">= 3.1" x="(0 `max` ((frame_x_center - title_width / 2) `min` (width - title_width)))" y="(0 `max` ((height - title_height) / 2))" ellipsize_width="width" color="C_title_alt_unfocused"/> </draw_ops> <!-- window decorations --> <draw_ops name="entire_background_focused"> <rectangle color="C_titlebar" x="0" y="0" width="width" height="height" filled="true"/> </draw_ops> <draw_ops name="entire_background_unfocused"> <include name="entire_background_focused"/> </draw_ops> <draw_ops name="entire_background_alt_focused"> <rectangle color="C_titlebar_alt" x="0" y="0" width="width" height="height" filled="true"/> </draw_ops> <draw_ops name="entire_background_alt_unfocused"> <include name="entire_background_alt_focused"/> </draw_ops> <draw_ops name="highlight"> <line color="C_highlight" x1="2" y1="0" x2="width - 3" y2="0"/> <arc color="C_highlight" x="0 - 1" y="0" width="5" height="5" start_angle="270" extent_angle="90"/> <arc color="C_highlight" x="width - 5" y="0" width="5" height="5" start_angle="0" extent_angle="90"/> </draw_ops> <draw_ops name="highlight_alt"> <line color="C_highlight_alt" x1="2" y1="0" x2="width - 3" y2="0"/> <arc color="C_highlight_alt" x="0 - 1" y="0" width="5" height="5" start_angle="270" extent_angle="90"/> <arc color="C_highlight_alt" x="width - 5" y="0" width="5" height="5" start_angle="0" extent_angle="90"/> </draw_ops> <draw_ops name="titlebar_focused"> <include name="entire_background_focused"/> <include name="highlight"/> </draw_ops> <draw_ops name="titlebar_unfocused"> <include name="entire_background_unfocused"/> <include name="highlight"/> </draw_ops> <draw_ops name="titlebar_alt_focused"> <include name="entire_background_alt_focused"/> <include name="highlight_alt"/> </draw_ops> <draw_ops name="titlebar_alt_unfocused"> <include name="entire_background_alt_unfocused"/> <include name="highlight_alt"/> </draw_ops> <!-- button icons --> <!-- close --> <draw_ops name="close_focused"> <image filename="assets/close.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> </draw_ops> <draw_ops name="close_focused_prelight"> <image filename="assets/close.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_focused"/> </draw_ops> <draw_ops name="close_focused_pressed"> <include name="close_focused_prelight"/> </draw_ops> <draw_ops name="close_unfocused"> <image filename="assets/close.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> </draw_ops> <draw_ops name="close_unfocused_prelight"> <image filename="assets/close.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_unfocused"/> </draw_ops> <draw_ops name="close_unfocused_pressed"> <include name="close_unfocused_prelight"/> </draw_ops> <!-- maximize --> <draw_ops name="maximize_focused"> <image filename="assets/maximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> </draw_ops> <draw_ops name="maximize_focused_prelight"> <image filename="assets/maximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_focused"/> </draw_ops> <draw_ops name="maximize_focused_pressed"> <include name="maximize_focused_prelight"/> </draw_ops> <draw_ops name="maximize_unfocused"> <image filename="assets/maximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> </draw_ops> <draw_ops name="maximize_unfocused_prelight"> <image filename="assets/maximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_unfocused"/> </draw_ops> <draw_ops name="maximize_unfocused_pressed"> <include name="maximize_unfocused_prelight"/> </draw_ops> <!-- unmaximize --> <draw_ops name="unmaximize_focused"> <image filename="assets/unmaximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> </draw_ops> <draw_ops name="unmaximize_focused_prelight"> <image filename="assets/unmaximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_focused"/> </draw_ops> <draw_ops name="unmaximize_focused_pressed"> <include name="unmaximize_focused_prelight"/> </draw_ops> <draw_ops name="unmaximize_unfocused"> <image filename="assets/unmaximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> </draw_ops> <draw_ops name="unmaximize_unfocused_prelight"> <image filename="assets/unmaximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_unfocused"/> </draw_ops> <draw_ops name="unmaximize_unfocused_pressed"> <include name="unmaximize_unfocused_prelight"/> </draw_ops> <!-- minimize --> <draw_ops name="minimize_focused"> <image filename="assets/minimize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> </draw_ops> <draw_ops name="minimize_focused_prelight"> <image filename="assets/minimize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_focused"/> </draw_ops> <draw_ops name="minimize_focused_pressed"> <include name="minimize_focused_prelight"/> </draw_ops> <draw_ops name="minimize_unfocused"> <image filename="assets/minimize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> </draw_ops> <draw_ops name="minimize_unfocused_prelight"> <image filename="assets/minimize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_unfocused"/> </draw_ops> <draw_ops name="minimize_unfocused_pressed"> <include name="minimize_unfocused_prelight"/> </draw_ops> <!-- menu --> <draw_ops name="menu_focused"> <image filename="assets/menu.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> </draw_ops> <draw_ops name="menu_focused_prelight"> <image filename="assets/menu.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_focused"/> </draw_ops> <draw_ops name="menu_focused_pressed"> <include name="menu_focused_prelight"/> </draw_ops> <draw_ops name="menu_unfocused"> <image filename="assets/menu.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> </draw_ops> <draw_ops name="menu_unfocused_prelight"> <image filename="assets/menu.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_unfocused"/> </draw_ops> <draw_ops name="menu_unfocused_pressed"> <include name="menu_unfocused_prelight"/> </draw_ops> <!-- shade --> <draw_ops name="shade_focused"> <image filename="assets/shade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> </draw_ops> <draw_ops name="shade_focused_prelight"> <image filename="assets/shade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_focused"/> </draw_ops> <draw_ops name="shade_focused_pressed"> <include name="shade_focused_prelight"/> </draw_ops> <draw_ops name="shade_unfocused"> <image filename="assets/shade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> </draw_ops> <draw_ops name="shade_unfocused_prelight"> <image filename="assets/shade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_unfocused"/> </draw_ops> <draw_ops name="shade_unfocused_pressed"> <include name="shade_unfocused_prelight"/> </draw_ops> <!-- unshade --> <draw_ops name="unshade_focused"> <image filename="assets/unshade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> </draw_ops> <draw_ops name="unshade_focused_prelight"> <image filename="assets/unshade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_focused"/> </draw_ops> <draw_ops name="unshade_focused_pressed"> <include name="unshade_focused_prelight"/> </draw_ops> <draw_ops name="unshade_unfocused"> <image filename="assets/unshade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> </draw_ops> <draw_ops name="unshade_unfocused_prelight"> <image filename="assets/unshade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_unfocused"/> </draw_ops> <draw_ops name="unshade_unfocused_pressed"> <include name="unshade_unfocused_prelight"/> </draw_ops> <!-- appmenu --> <constant name="D_appmenu_icon_size" value="16"/> <draw_ops name="appmenu_icon_focused"> <icon x="(width - D_appmenu_icon_size) / 2" y="(height - D_appmenu_icon_size) / 2" width="D_appmenu_icon_size" height="D_appmenu_icon_size"/> </draw_ops> <draw_ops name="appmenu_focused"> <include name="appmenu_icon_focused"/> </draw_ops> <draw_ops name="appmenu_focused_prelight"> <include name="appmenu_icon_focused"/> </draw_ops> <draw_ops name="appmenu_focused_pressed"> <include name="appmenu_icon_focused"/> </draw_ops> <draw_ops name="appmenu_icon_unfocused"> <icon x="(width - D_appmenu_icon_size) / 2" y="(height - D_appmenu_icon_size) / 2" width="D_appmenu_icon_size" height="D_appmenu_icon_size" alpha="0.7"/> </draw_ops> <draw_ops name="appmenu_unfocused"> <include name="appmenu_icon_unfocused"/> </draw_ops> <draw_ops name="appmenu_unfocused_prelight"> <include name="appmenu_icon_unfocused"/> </draw_ops> <draw_ops name="appmenu_unfocused_pressed"> <include name="appmenu_icon_unfocused"/> </draw_ops> <!-- button backgrounds --> <draw_ops name="button_focused"> </draw_ops> <draw_ops name="button_focused_prelight"> <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.15" colorize="C_title_focused"/> </draw_ops> <draw_ops name="button_focused_pressed"> <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.3" colorize="C_title_focused"/> </draw_ops> <draw_ops name="button_unfocused"> </draw_ops> <draw_ops name="button_unfocused_prelight"> <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.15" colorize="C_title_unfocused"/> </draw_ops> <draw_ops name="button_unfocused_pressed"> <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.3" colorize="C_title_unfocused"/> </draw_ops> <!-- frame styles --> <frame_style name="normal_focused" geometry="normal"> <piece position="entire_background" draw_ops="entire_background_focused"/> <piece position="titlebar" draw_ops="titlebar_focused"/> <piece position="title" draw_ops="title_focused"/> <button function="close" state="normal" draw_ops="close_focused"/> <button function="close" state="prelight" draw_ops="close_focused_prelight"/> <button function="close" state="pressed" draw_ops="close_focused_pressed"/> <button function="maximize" state="normal" draw_ops="maximize_focused"/> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight"/> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed"/> <button function="minimize" state="normal" draw_ops="minimize_focused"/> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight"/> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed"/> <button function="menu" state="normal" draw_ops="menu_focused"/> <button function="menu" state="prelight" draw_ops="menu_focused_prelight"/> <button function="menu" state="pressed" draw_ops="menu_focused_pressed"/> <button version=">= 3.5" function="appmenu" state="normal" draw_ops="appmenu_focused"/> <button version=">= 3.5" function="appmenu" state="prelight" draw_ops="appmenu_focused_prelight"/> <button version=">= 3.5" function="appmenu" state="pressed" draw_ops="appmenu_focused_pressed"/> <button function="shade" state="normal" draw_ops="shade_focused"/> <button function="shade" state="prelight" draw_ops="shade_focused_prelight"/> <button function="shade" state="pressed" draw_ops="shade_focused_pressed"/> <button function="unshade" state="normal" draw_ops="unshade_focused"/> <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight"/> <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed"/> <button function="left_middle_background" state="normal" draw_ops="button_focused"/> <button function="left_middle_background" state="prelight" draw_ops="button_focused_prelight"/> <button function="left_middle_background" state="pressed" draw_ops="button_focused_pressed"/> <button function="right_middle_background" state="normal" draw_ops="button_focused"/> <button function="right_middle_background" state="prelight" draw_ops="button_focused_prelight"/> <button function="right_middle_background" state="pressed" draw_ops="button_focused_pressed"/> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="normal_unfocused" geometry="normal"> <piece position="entire_background" draw_ops="entire_background_unfocused"/> <piece position="titlebar" draw_ops="titlebar_unfocused"/> <piece position="title" draw_ops="title_unfocused"/> <button function="close" state="normal" draw_ops="close_unfocused"/> <button function="close" state="prelight" draw_ops="close_unfocused_prelight"/> <button function="close" state="pressed" draw_ops="close_unfocused_pressed"/> <button function="maximize" state="normal" draw_ops="maximize_unfocused"/> <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight"/> <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed"/> <button function="minimize" state="normal" draw_ops="minimize_unfocused"/> <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight"/> <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed"/> <button function="menu" state="normal" draw_ops="menu_unfocused"/> <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight"/> <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed"/> <button version=">= 3.5" function="appmenu" state="normal" draw_ops="appmenu_unfocused"/> <button version=">= 3.5" function="appmenu" state="prelight" draw_ops="appmenu_unfocused_prelight"/> <button version=">= 3.5" function="appmenu" state="pressed" draw_ops="appmenu_unfocused_pressed"/> <button function="shade" state="normal" draw_ops="shade_unfocused"/> <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight"/> <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed"/> <button function="unshade" state="normal" draw_ops="unshade_unfocused"/> <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight"/> <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed"/> <button function="left_middle_background" state="normal" draw_ops="button_unfocused"/> <button function="left_middle_background" state="prelight" draw_ops="button_unfocused_prelight"/> <button function="left_middle_background" state="pressed" draw_ops="button_unfocused_pressed"/> <button function="right_middle_background" state="normal" draw_ops="button_unfocused"/> <button function="right_middle_background" state="prelight" draw_ops="button_unfocused_prelight"/> <button function="right_middle_background" state="pressed" draw_ops="button_unfocused_pressed"/> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="normal_max_focused" geometry="max" parent="normal_focused"> <piece position="titlebar" draw_ops="entire_background_focused"/> <button function="maximize" state="normal" draw_ops="unmaximize_focused"/> <button function="maximize" state="pressed" draw_ops="unmaximize_focused_pressed"/> <button function="maximize" state="prelight" draw_ops="unmaximize_focused_prelight"/> </frame_style> <frame_style name="normal_max_unfocused" geometry="max" parent="normal_unfocused"> <piece position="titlebar" draw_ops="entire_background_unfocused"/> <button function="maximize" state="normal" draw_ops="unmaximize_unfocused"/> <button function="maximize" state="pressed" draw_ops="unmaximize_unfocused_pressed"/> <button function="maximize" state="prelight" draw_ops="unmaximize_unfocused_prelight"/> </frame_style> <frame_style name="tiled_left_focused" geometry="tiled_left" parent="normal_focused"> <piece position="titlebar" draw_ops="entire_background_focused"/> </frame_style> <frame_style name="tiled_left_unfocused" geometry="tiled_left" parent="normal_unfocused"> <piece position="titlebar" draw_ops="entire_background_unfocused"/> </frame_style> <frame_style name="tiled_right_focused" geometry="tiled_right" parent="normal_focused"> <piece position="titlebar" draw_ops="entire_background_focused"/> </frame_style> <frame_style name="tiled_right_unfocused" geometry="tiled_right" parent="normal_unfocused"> <piece position="titlebar" draw_ops="entire_background_unfocused"/> </frame_style> <frame_style name="dialog_focused" geometry="nobuttons" parent="normal_focused"> </frame_style> <frame_style name="dialog_unfocused" geometry="nobuttons" parent="normal_unfocused"> </frame_style> <frame_style name="modal_dialog_focused" geometry="modal" parent="normal_focused"> <piece position="entire_background" draw_ops="entire_background_alt_focused"/> <piece position="titlebar" draw_ops="titlebar_alt_focused"/> <piece position="title" draw_ops="title_alt_focused"/> </frame_style> <frame_style name="modal_dialog_unfocused" geometry="modal" parent="normal_unfocused"> <piece position="entire_background" draw_ops="entire_background_alt_unfocused"/> <piece position="titlebar" draw_ops="titlebar_alt_unfocused"/> <piece position="title" draw_ops="title_alt_unfocused"/> </frame_style> <frame_style name="utility_focused" geometry="small" parent="normal_focused"> </frame_style> <frame_style name="utility_unfocused" geometry="small" parent="normal_unfocused"> </frame_style> <frame_style name="border_focused" geometry="border" parent="normal_focused"> </frame_style> <frame_style name="border_unfocused" geometry="border" parent="normal_unfocused"> </frame_style> <frame_style name="borderless_focused" geometry="borderless" parent="normal_focused"> </frame_style> <frame_style name="borderless_unfocused" geometry="borderless" parent="normal_unfocused"> </frame_style> <frame_style name="attached_focused" geometry="attached" parent="modal_dialog_focused"> </frame_style> <frame_style name="attached_unfocused" geometry="attached" parent="modal_dialog_unfocused"> </frame_style> <!-- placeholder for unimplementated styles--> <frame_style name="blank" geometry="normal"> <button function="close" state="normal"><draw_ops></draw_ops></button> <button function="close" state="pressed"><draw_ops></draw_ops></button> <button function="maximize" state="normal"><draw_ops></draw_ops></button> <button function="maximize" state="pressed"><draw_ops></draw_ops></button> <button function="minimize" state="normal"><draw_ops></draw_ops></button> <button function="minimize" state="pressed"><draw_ops></draw_ops></button> <button function="menu" state="normal"><draw_ops></draw_ops></button> <button function="menu" state="pressed"><draw_ops></draw_ops></button> <button version=">= 3.5" function="appmenu" state="normal"><draw_ops></draw_ops></button> <button version=">= 3.5" function="appmenu" state="pressed"><draw_ops></draw_ops></button> <button function="shade" state="normal"><draw_ops></draw_ops></button> <button function="shade" state="pressed"><draw_ops></draw_ops></button> <button function="unshade" state="normal"><draw_ops></draw_ops></button> <button function="unshade" state="pressed"><draw_ops></draw_ops></button> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <!-- frame style sets --> <frame_style_set name="normal_style_set"> <frame focus="yes" state="normal" resize="both" style="normal_focused"/> <frame focus="no" state="normal" resize="both" style="normal_unfocused"/> <frame focus="yes" state="maximized" style="normal_max_focused"/> <frame focus="no" state="maximized" style="normal_max_unfocused"/> <frame focus="yes" state="shaded" style="normal_focused"/> <frame focus="no" state="shaded" style="normal_unfocused"/> <frame focus="yes" state="maximized_and_shaded" style="normal_max_focused"/> <frame focus="no" state="maximized_and_shaded" style="normal_max_unfocused"/> <frame version=">= 3.3" focus="yes" state="tiled_left" style="tiled_left_focused"/> <frame version=">= 3.3" focus="no" state="tiled_left" style="tiled_left_unfocused"/> <frame version=">= 3.3" focus="yes" state="tiled_right" style="tiled_right_focused"/> <frame version=">= 3.3" focus="no" state="tiled_right" style="tiled_right_unfocused"/> <frame version=">= 3.3" focus="yes" state="tiled_left_and_shaded" style="tiled_left_focused"/> <frame version=">= 3.3" focus="no" state="tiled_left_and_shaded" style="tiled_left_unfocused"/> <frame version=">= 3.3" focus="yes" state="tiled_right_and_shaded" style="tiled_right_focused"/> <frame version=">= 3.3" focus="no" state="tiled_right_and_shaded" style="tiled_right_unfocused"/> </frame_style_set> <frame_style_set name="dialog_style_set"> <frame focus="yes" state="normal" resize="both" style="dialog_focused"/> <frame focus="no" state="normal" resize="both" style="dialog_unfocused"/> <frame focus="yes" state="maximized" style="blank"/> <frame focus="no" state="maximized" style="blank"/> <frame focus="yes" state="shaded" style="dialog_focused"/> <frame focus="no" state="shaded" style="dialog_unfocused"/> <frame focus="yes" state="maximized_and_shaded" style="blank"/> <frame focus="no" state="maximized_and_shaded" style="blank"/> </frame_style_set> <frame_style_set name="modal_dialog_style_set"> <frame focus="yes" state="normal" resize="both" style="modal_dialog_focused"/> <frame focus="no" state="normal" resize="both" style="modal_dialog_unfocused"/> <frame focus="yes" state="maximized" style="blank"/> <frame focus="no" state="maximized" style="blank"/> <frame focus="yes" state="shaded" style="modal_dialog_focused"/> <frame focus="no" state="shaded" style="modal_dialog_unfocused"/> <frame focus="yes" state="maximized_and_shaded" style="blank"/> <frame focus="no" state="maximized_and_shaded" style="blank"/> </frame_style_set> <frame_style_set name="utility_style_set"> <frame focus="yes" state="normal" resize="both" style="utility_focused"/> <frame focus="no" state="normal" resize="both" style="utility_unfocused"/> <frame focus="yes" state="maximized" style="blank"/> <frame focus="no" state="maximized" style="blank"/> <frame focus="yes" state="shaded" style="utility_focused"/> <frame focus="no" state="shaded" style="utility_unfocused"/> <frame focus="yes" state="maximized_and_shaded" style="blank"/> <frame focus="no" state="maximized_and_shaded" style="blank"/> </frame_style_set> <frame_style_set name="border_style_set"> <frame focus="yes" state="normal" resize="both" style="border_focused"/> <frame focus="no" state="normal" resize="both" style="border_unfocused"/> <frame focus="yes" state="maximized" style="borderless_focused"/> <frame focus="no" state="maximized" style="borderless_unfocused"/> <frame focus="yes" state="shaded" style="blank"/> <frame focus="no" state="shaded" style="blank"/> <frame focus="yes" state="maximized_and_shaded" style="blank"/> <frame focus="no" state="maximized_and_shaded" style="blank"/> </frame_style_set> <frame_style_set name="attached_style_set"> <frame focus="yes" state="normal" resize="both" style="attached_focused"/> <frame focus="no" state="normal" resize="both" style="attached_unfocused"/> <frame focus="yes" state="maximized" style="blank"/> <frame focus="no" state="maximized" style="blank"/> <frame focus="yes" state="shaded" style="blank"/> <frame focus="no" state="shaded" style="blank"/> <frame focus="yes" state="maximized_and_shaded" style="blank"/> <frame focus="no" state="maximized_and_shaded" style="blank"/> </frame_style_set> <!-- windows --> <window type="normal" style_set="normal_style_set"/> <window type="dialog" style_set="dialog_style_set"/> <window type="modal_dialog" style_set="modal_dialog_style_set"/> <window type="menu" style_set="utility_style_set"/> <window type="utility" style_set="utility_style_set"/> <window type="border" style_set="border_style_set"/> <window version=">= 3.2" type="attached" style_set="attached_style_set"/> </metacity_theme> �������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/�������������������������������������������������������������������0000775�0000000�0000000�00000000000�13254201040�0016424�5����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/assets-light/������������������������������������������������������0000775�0000000�0000000�00000000000�13254201040�0021033�5����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/assets-light/close_focused.svg�������������������������������������0000664�0000000�0000000�00000000470�13254201040�0024372�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#000000" opacity="0.54"> <circle cx="12" cy="12" r="10" opacity="0"/> <path d="m8.41 7l-1.41 1.41 3.59 3.59-3.59 3.59 1.41 1.41 3.59-3.59 3.59 3.59 1.41-1.41-3.59-3.59 3.59-3.59-1.41-1.41-3.59 3.59-3.59-3.59z"/> </svg> ��������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/assets-light/close_focused_prelight.svg����������������������������0000664�0000000�0000000�00000000473�13254201040�0026273�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#000000" opacity="0.87"> <circle cx="12" cy="12" r="10" opacity="0.15"/> <path d="m8.41 7l-1.41 1.41 3.59 3.59-3.59 3.59 1.41 1.41 3.59-3.59 3.59 3.59 1.41-1.41-3.59-3.59 3.59-3.59-1.41-1.41-3.59 3.59-3.59-3.59z"/> </svg> �����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/assets-light/close_focused_pressed.svg�����������������������������0000664�0000000�0000000�00000000472�13254201040�0026121�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#000000" opacity="0.87"> <circle cx="12" cy="12" r="10" opacity="0.3"/> <path d="m8.41 7l-1.41 1.41 3.59 3.59-3.59 3.59 1.41 1.41 3.59-3.59 3.59 3.59 1.41-1.41-3.59-3.59 3.59-3.59-1.41-1.41-3.59 3.59-3.59-3.59z"/> </svg> ������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/assets-light/close_unfocused.svg�����������������������������������0000664�0000000�0000000�00000000470�13254201040�0024735�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#000000" opacity="0.38"> <circle cx="12" cy="12" r="10" opacity="0"/> <path d="m8.41 7l-1.41 1.41 3.59 3.59-3.59 3.59 1.41 1.41 3.59-3.59 3.59 3.59 1.41-1.41-3.59-3.59 3.59-3.59-1.41-1.41-3.59 3.59-3.59-3.59z"/> </svg> ��������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/assets-light/close_unfocused_prelight.svg��������������������������0000664�0000000�0000000�00000000473�13254201040�0026636�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#000000" opacity="0.54"> <circle cx="12" cy="12" r="10" opacity="0.15"/> <path d="m8.41 7l-1.41 1.41 3.59 3.59-3.59 3.59 1.41 1.41 3.59-3.59 3.59 3.59 1.41-1.41-3.59-3.59 3.59-3.59-1.41-1.41-3.59 3.59-3.59-3.59z"/> </svg> �����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/assets-light/close_unfocused_pressed.svg���������������������������0000664�0000000�0000000�00000000472�13254201040�0026464�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#000000" opacity="0.54"> <circle cx="12" cy="12" r="10" opacity="0.3"/> <path d="m8.41 7l-1.41 1.41 3.59 3.59-3.59 3.59 1.41 1.41 3.59-3.59 3.59 3.59 1.41-1.41-3.59-3.59 3.59-3.59-1.41-1.41-3.59 3.59-3.59-3.59z"/> </svg> ������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/assets-light/maximize_focused.svg����������������������������������0000664�0000000�0000000�00000000325�13254201040�0025107�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#000000" opacity="0.54"> <circle cx="12" cy="12" r="10" opacity="0"/> <path d="m8 8v8h8v-8h-8zm2 2h4v4h-4v-4z"/> </svg> �����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/assets-light/maximize_focused_prelight.svg�������������������������0000664�0000000�0000000�00000000330�13254201040�0027001�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#000000" opacity="0.87"> <circle cx="12" cy="12" r="10" opacity="0.15"/> <path d="m8 8v8h8v-8h-8zm2 2h4v4h-4v-4z"/> </svg> ��������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/assets-light/maximize_focused_pressed.svg��������������������������0000664�0000000�0000000�00000000327�13254201040�0026636�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#000000" opacity="0.87"> <circle cx="12" cy="12" r="10" opacity="0.3"/> <path d="m8 8v8h8v-8h-8zm2 2h4v4h-4v-4z"/> </svg> ���������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/assets-light/maximize_unfocused.svg��������������������������������0000664�0000000�0000000�00000000325�13254201040�0025452�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#000000" opacity="0.38"> <circle cx="12" cy="12" r="10" opacity="0"/> <path d="m8 8v8h8v-8h-8zm2 2h4v4h-4v-4z"/> </svg> �����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/assets-light/maximize_unfocused_prelight.svg�����������������������0000664�0000000�0000000�00000000330�13254201040�0027344�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#000000" opacity="0.54"> <circle cx="12" cy="12" r="10" opacity="0.15"/> <path d="m8 8v8h8v-8h-8zm2 2h4v4h-4v-4z"/> </svg> ��������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/assets-light/maximize_unfocused_pressed.svg������������������������0000664�0000000�0000000�00000000327�13254201040�0027201�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#000000" opacity="0.54"> <circle cx="12" cy="12" r="10" opacity="0.3"/> <path d="m8 8v8h8v-8h-8zm2 2h4v4h-4v-4z"/> </svg> ���������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/assets-light/minimize_focused.svg����������������������������������0000664�0000000�0000000�00000000304�13254201040�0025102�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#000000" opacity="0.54"> <circle cx="12" cy="12" r="10" opacity="0"/> <path d="m8 14h8v2h-8z"/> </svg> ����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/assets-light/minimize_focused_prelight.svg�������������������������0000664�0000000�0000000�00000000307�13254201040�0027003�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#000000" opacity="0.87"> <circle cx="12" cy="12" r="10" opacity="0.15"/> <path d="m8 14h8v2h-8z"/> </svg> �������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/assets-light/minimize_focused_pressed.svg��������������������������0000664�0000000�0000000�00000000306�13254201040�0026631�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#000000" opacity="0.87"> <circle cx="12" cy="12" r="10" opacity="0.3"/> <path d="m8 14h8v2h-8z"/> </svg> ��������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/assets-light/minimize_unfocused.svg��������������������������������0000664�0000000�0000000�00000000304�13254201040�0025445�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#000000" opacity="0.38"> <circle cx="12" cy="12" r="10" opacity="0"/> <path d="m8 14h8v2h-8z"/> </svg> ����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/assets-light/minimize_unfocused_prelight.svg�����������������������0000664�0000000�0000000�00000000307�13254201040�0027346�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#000000" opacity="0.54"> <circle cx="12" cy="12" r="10" opacity="0.15"/> <path d="m8 14h8v2h-8z"/> </svg> �������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/assets-light/minimize_unfocused_pressed.svg������������������������0000664�0000000�0000000�00000000306�13254201040�0027174�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#000000" opacity="0.54"> <circle cx="12" cy="12" r="10" opacity="0.3"/> <path d="m8 14h8v2h-8z"/> </svg> ��������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/assets-light/unmaximize_focused.svg��������������������������������0000664�0000000�0000000�00000000325�13254201040�0025452�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#000000" opacity="0.54"> <circle cx="12" cy="12" r="10" opacity="0"/> <path d="m9 9v6h6v-6h-6zm2 2h2v2h-2v-2z"/> </svg> �����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/assets-light/unmaximize_focused_prelight.svg�����������������������0000664�0000000�0000000�00000000330�13254201040�0027344�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#000000" opacity="0.87"> <circle cx="12" cy="12" r="10" opacity="0.15"/> <path d="m9 9v6h6v-6h-6zm2 2h2v2h-2v-2z"/> </svg> ��������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/assets-light/unmaximize_focused_pressed.svg������������������������0000664�0000000�0000000�00000000327�13254201040�0027201�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#000000" opacity="0.87"> <circle cx="12" cy="12" r="10" opacity="0.3"/> <path d="m9 9v6h6v-6h-6zm2 2h2v2h-2v-2z"/> </svg> ���������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/assets-light/unmaximize_unfocused.svg������������������������������0000664�0000000�0000000�00000000325�13254201040�0026015�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#000000" opacity="0.38"> <circle cx="12" cy="12" r="10" opacity="0"/> <path d="m9 9v6h6v-6h-6zm2 2h2v2h-2v-2z"/> </svg> �����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/assets-light/unmaximize_unfocused_prelight.svg���������������������0000664�0000000�0000000�00000000330�13254201040�0027707�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#000000" opacity="0.54"> <circle cx="12" cy="12" r="10" opacity="0.15"/> <path d="m9 9v6h6v-6h-6zm2 2h2v2h-2v-2z"/> </svg> ��������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/assets-light/unmaximize_unfocused_pressed.svg����������������������0000664�0000000�0000000�00000000327�13254201040�0027544�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#000000" opacity="0.54"> <circle cx="12" cy="12" r="10" opacity="0.3"/> <path d="m9 9v6h6v-6h-6zm2 2h2v2h-2v-2z"/> </svg> ���������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/assets/������������������������������������������������������������0000775�0000000�0000000�00000000000�13254201040�0017726�5����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/assets/close_focused.svg�������������������������������������������0000664�0000000�0000000�00000000467�13254201040�0023273�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#FFFFFF" opacity="0.7"> <circle cx="12" cy="12" r="10" opacity="0"/> <path d="m8.41 7l-1.41 1.41 3.59 3.59-3.59 3.59 1.41 1.41 3.59-3.59 3.59 3.59 1.41-1.41-3.59-3.59 3.59-3.59-1.41-1.41-3.59 3.59-3.59-3.59z"/> </svg> ���������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/assets/close_focused_prelight.svg����������������������������������0000664�0000000�0000000�00000000454�13254201040�0025165�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#FFFFFF"> <circle cx="12" cy="12" r="10" opacity="0.15"/> <path d="m8.41 7l-1.41 1.41 3.59 3.59-3.59 3.59 1.41 1.41 3.59-3.59 3.59 3.59 1.41-1.41-3.59-3.59 3.59-3.59-1.41-1.41-3.59 3.59-3.59-3.59z"/> </svg> ��������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/assets/close_focused_pressed.svg�����������������������������������0000664�0000000�0000000�00000000453�13254201040�0025013�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#FFFFFF"> <circle cx="12" cy="12" r="10" opacity="0.3"/> <path d="m8.41 7l-1.41 1.41 3.59 3.59-3.59 3.59 1.41 1.41 3.59-3.59 3.59 3.59 1.41-1.41-3.59-3.59 3.59-3.59-1.41-1.41-3.59 3.59-3.59-3.59z"/> </svg> ���������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/assets/close_unfocused.svg�����������������������������������������0000664�0000000�0000000�00000000467�13254201040�0023636�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#FFFFFF" opacity="0.5"> <circle cx="12" cy="12" r="10" opacity="0"/> <path d="m8.41 7l-1.41 1.41 3.59 3.59-3.59 3.59 1.41 1.41 3.59-3.59 3.59 3.59 1.41-1.41-3.59-3.59 3.59-3.59-1.41-1.41-3.59 3.59-3.59-3.59z"/> </svg> ���������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/assets/close_unfocused_prelight.svg��������������������������������0000664�0000000�0000000�00000000472�13254201040�0025530�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#FFFFFF" opacity="0.7"> <circle cx="12" cy="12" r="10" opacity="0.15"/> <path d="m8.41 7l-1.41 1.41 3.59 3.59-3.59 3.59 1.41 1.41 3.59-3.59 3.59 3.59 1.41-1.41-3.59-3.59 3.59-3.59-1.41-1.41-3.59 3.59-3.59-3.59z"/> </svg> ������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/assets/close_unfocused_pressed.svg���������������������������������0000664�0000000�0000000�00000000471�13254201040�0025356�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#FFFFFF" opacity="0.7"> <circle cx="12" cy="12" r="10" opacity="0.3"/> <path d="m8.41 7l-1.41 1.41 3.59 3.59-3.59 3.59 1.41 1.41 3.59-3.59 3.59 3.59 1.41-1.41-3.59-3.59 3.59-3.59-1.41-1.41-3.59 3.59-3.59-3.59z"/> </svg> �������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/assets/maximize_focused.svg����������������������������������������0000664�0000000�0000000�00000000324�13254201040�0024001�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#FFFFFF" opacity="0.7"> <circle cx="12" cy="12" r="10" opacity="0"/> <path d="m8 8v8h8v-8h-8zm2 2h4v4h-4v-4z"/> </svg> ������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/assets/maximize_focused_prelight.svg�������������������������������0000664�0000000�0000000�00000000311�13254201040�0025673�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#FFFFFF"> <circle cx="12" cy="12" r="10" opacity="0.15"/> <path d="m8 8v8h8v-8h-8zm2 2h4v4h-4v-4z"/> </svg> �����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/assets/maximize_focused_pressed.svg��������������������������������0000664�0000000�0000000�00000000310�13254201040�0025521�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#FFFFFF"> <circle cx="12" cy="12" r="10" opacity="0.3"/> <path d="m8 8v8h8v-8h-8zm2 2h4v4h-4v-4z"/> </svg> ������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/assets/maximize_unfocused.svg��������������������������������������0000664�0000000�0000000�00000000324�13254201040�0024344�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#FFFFFF" opacity="0.5"> <circle cx="12" cy="12" r="10" opacity="0"/> <path d="m8 8v8h8v-8h-8zm2 2h4v4h-4v-4z"/> </svg> ������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/assets/maximize_unfocused_prelight.svg�����������������������������0000664�0000000�0000000�00000000327�13254201040�0026245�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#FFFFFF" opacity="0.7"> <circle cx="12" cy="12" r="10" opacity="0.15"/> <path d="m8 8v8h8v-8h-8zm2 2h4v4h-4v-4z"/> </svg> ���������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/assets/maximize_unfocused_pressed.svg������������������������������0000664�0000000�0000000�00000000326�13254201040�0026073�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#FFFFFF" opacity="0.7"> <circle cx="12" cy="12" r="10" opacity="0.3"/> <path d="m8 8v8h8v-8h-8zm2 2h4v4h-4v-4z"/> </svg> ����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/assets/minimize_focused.svg����������������������������������������0000664�0000000�0000000�00000000303�13254201040�0023774�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#FFFFFF" opacity="0.7"> <circle cx="12" cy="12" r="10" opacity="0"/> <path d="m8 14h8v2h-8z"/> </svg> �����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/assets/minimize_focused_prelight.svg�������������������������������0000664�0000000�0000000�00000000270�13254201040�0025675�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#FFFFFF"> <circle cx="12" cy="12" r="10" opacity="0.15"/> <path d="m8 14h8v2h-8z"/> </svg> ����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/assets/minimize_focused_pressed.svg��������������������������������0000664�0000000�0000000�00000000267�13254201040�0025532�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#FFFFFF"> <circle cx="12" cy="12" r="10" opacity="0.3"/> <path d="m8 14h8v2h-8z"/> </svg> �����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/assets/minimize_unfocused.svg��������������������������������������0000664�0000000�0000000�00000000303�13254201040�0024337�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#FFFFFF" opacity="0.5"> <circle cx="12" cy="12" r="10" opacity="0"/> <path d="m8 14h8v2h-8z"/> </svg> �����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/assets/minimize_unfocused_prelight.svg�����������������������������0000664�0000000�0000000�00000000306�13254201040�0026240�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#FFFFFF" opacity="0.7"> <circle cx="12" cy="12" r="10" opacity="0.15"/> <path d="m8 14h8v2h-8z"/> </svg> ��������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/assets/minimize_unfocused_pressed.svg������������������������������0000664�0000000�0000000�00000000305�13254201040�0026066�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#FFFFFF" opacity="0.7"> <circle cx="12" cy="12" r="10" opacity="0.3"/> <path d="m8 14h8v2h-8z"/> </svg> ���������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/assets/unmaximize_focused.svg��������������������������������������0000664�0000000�0000000�00000000324�13254201040�0024344�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#FFFFFF" opacity="0.7"> <circle cx="12" cy="12" r="10" opacity="0"/> <path d="m9 9v6h6v-6h-6zm2 2h2v2h-2v-2z"/> </svg> ������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/assets/unmaximize_focused_prelight.svg�����������������������������0000664�0000000�0000000�00000000311�13254201040�0026236�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#FFFFFF"> <circle cx="12" cy="12" r="10" opacity="0.15"/> <path d="m9 9v6h6v-6h-6zm2 2h2v2h-2v-2z"/> </svg> �����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/assets/unmaximize_focused_pressed.svg������������������������������0000664�0000000�0000000�00000000310�13254201040�0026064�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#FFFFFF"> <circle cx="12" cy="12" r="10" opacity="0.3"/> <path d="m9 9v6h6v-6h-6zm2 2h2v2h-2v-2z"/> </svg> ������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/assets/unmaximize_unfocused.svg������������������������������������0000664�0000000�0000000�00000000324�13254201040�0024707�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#FFFFFF" opacity="0.5"> <circle cx="12" cy="12" r="10" opacity="0"/> <path d="m9 9v6h6v-6h-6zm2 2h2v2h-2v-2z"/> </svg> ������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/assets/unmaximize_unfocused_prelight.svg���������������������������0000664�0000000�0000000�00000000327�13254201040�0026610�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#FFFFFF" opacity="0.7"> <circle cx="12" cy="12" r="10" opacity="0.15"/> <path d="m9 9v6h6v-6h-6zm2 2h2v2h-2v-2z"/> </svg> ���������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/assets/unmaximize_unfocused_pressed.svg����������������������������0000664�0000000�0000000�00000000326�13254201040�0026436�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#FFFFFF" opacity="0.7"> <circle cx="12" cy="12" r="10" opacity="0.3"/> <path d="m9 9v6h6v-6h-6zm2 2h2v2h-2v-2z"/> </svg> ����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/close.svg����������������������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0025105�2assets/close_focused.svg����������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/close_dash.svg�����������������������������������������������������0000664�0000000�0000000�00000000467�13254201040�0021260�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#FFFFFF" opacity="0.7"> <circle cx="12" cy="12" r="10" opacity="0"/> <path d="m8.41 7l-1.41 1.41 3.59 3.59-3.59 3.59 1.41 1.41 3.59-3.59 3.59 3.59 1.41-1.41-3.59-3.59 3.59-3.59-1.41-1.41-3.59 3.59-3.59-3.59z"/> </svg> ���������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/close_dash_disabled.svg��������������������������������������������0000664�0000000�0000000�00000000467�13254201040�0023107�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#FFFFFF" opacity="0.3"> <circle cx="12" cy="12" r="10" opacity="0"/> <path d="m8.41 7l-1.41 1.41 3.59 3.59-3.59 3.59 1.41 1.41 3.59-3.59 3.59 3.59 1.41-1.41-3.59-3.59 3.59-3.59-1.41-1.41-3.59 3.59-3.59-3.59z"/> </svg> ���������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/close_dash_prelight.svg��������������������������������������������0000664�0000000�0000000�00000000454�13254201040�0023152�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#FFFFFF"> <circle cx="12" cy="12" r="10" opacity="0.15"/> <path d="m8.41 7l-1.41 1.41 3.59 3.59-3.59 3.59 1.41 1.41 3.59-3.59 3.59 3.59 1.41-1.41-3.59-3.59 3.59-3.59-1.41-1.41-3.59 3.59-3.59-3.59z"/> </svg> ��������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/close_dash_pressed.svg���������������������������������������������0000664�0000000�0000000�00000000453�13254201040�0023000�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#FFFFFF"> <circle cx="12" cy="12" r="10" opacity="0.3"/> <path d="m8.41 7l-1.41 1.41 3.59 3.59-3.59 3.59 1.41 1.41 3.59-3.59 3.59 3.59 1.41-1.41-3.59-3.59 3.59-3.59-1.41-1.41-3.59 3.59-3.59-3.59z"/> </svg> ���������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/close_focused_normal.svg�������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0030165�2assets/close_focused.svg����������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/close_focused_prelight.svg�����������������������������������������0000777�0000000�0000000�00000000000�13254201040�0032411�2assets/close_focused_prelight.svg�������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/close_focused_pressed.svg������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0032067�2assets/close_focused_pressed.svg��������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/close_unfocused.svg������������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0027523�2assets/close_unfocused.svg��������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/close_unfocused_prelight.svg���������������������������������������0000777�0000000�0000000�00000000000�13254201040�0033317�2assets/close_unfocused_prelight.svg�����������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/close_unfocused_pressed.svg����������������������������������������0000777�0000000�0000000�00000000000�13254201040�0032775�2assets/close_unfocused_pressed.svg������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/dash-widgets.json��������������������������������������������������0000664�0000000�0000000�00000012122�13254201040�0021700�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������{ "stock-icons" : { "checkmark" : ["/usr/share/icons/unity/checkmark.svg", "32px", "32px"], "cross" : ["/usr/share/icons/unity/cross.svg", "32px", "32px"], "grid-view" : ["/usr/share/icons/unity/grid-view.svg", "32px", "32px"], "flow-view" : ["/usr/share/icons/unity/flow-view.svg", "32px", "32px"], "star" : ["/usr/share/icons/unity/star.svg", "32px", "32px"], "triangle" : ["/usr/share/icons/unity/curved-triangle.svg", "32px", "32px"], "bag" : ["/usr/share/icons/unity/bag.svg", "32px", "32px"], "next" : ["/usr/share/icons/unity/next.svg", "32px", "32px"], "prev" : ["/usr/share/icons/unity/prev.svg", "32px", "32px"], "play" : ["/usr/share/icons/unity/play.svg", "32px", "32px"] }, "regular-text" : { "text-color" : "#ffffff", "text-opacity" : 1.0, "text-size" : 13.0, "text-mode" : "normal", "text-weight" : "regular" }, "comments": { "states" : ["ACTIVE", "NORMAL","PRELIGHT","SELECTED","INSENSITIVE"] }, "button-icon": { "color" : ["#ffffff", "#FFFFFF", "#FFFFFF", "#FFFFFF", "#FFFFFF"], "opacity" : [ 1.0, 1.0, 1.0, 0.8, 0.8], "overlay-opacity": [ 0.30, 0.48, 0.48, 0.45, 0.45], "overlay-mode" : [ "normal","multiply", "multiply", "normal", "normal"], "blur-size" : [ 5, 0, 0, 0, 0] }, "icon-only" : { "color" : "#123456", "opacity" : 1.0, "overlay-opacity": 0.2, "overlay-mode" : "normal", "blur-size" : 6 }, "lens-nav-bar" : { "icon-height" : 20, "icon-gap" : 40 }, "button-label": { "border-opacity" : [ 0.8, 0.13, 0.13, 0.13, 0.13], "border-color" : ["#ffffff", "#FFFFFF", "#FFFFFF", "#FFFFFF", "#FFFFFF"], "border-size" : [ 2.0, 1.0, 1.0, 0.5, 0.5], "border-radius" : 4.0, "text-size" : 1.0, "text-color" : ["#ffffff", "#ffffff", "#ffffff", "#ffffff", "#ffffff"], "text-opacity" : [ 1.0, 1.0, 1.0, 1.0, 1.0], "fill-color" : ["#FFFFFF", "#000000", "#000000", "#000000", "#000000"], "fill-opacity" : [ 0.13, 0.0, 0.0, 0.0, 0.0], "overlay-opacity": [ 0.1, 0.1, 0.1, 0.0, 0.0], "overlay-mode" : [ "normal", "normal", "normal", "normal", "normal"], "blur-size" : [ 1, 1, 1, 0, 0] }, "track-view" : { "line-gap" : 26.0, "heading-list-gap" : 30, "left-padding" : 20 }, "row-caption" : { "main-text-color" : "#ffffff", "main-text-opacity" : 1.0, "main-text-size" : 17.0, "main-text-weight" : "regular", "sub-text-color" : "#ffffff", "sub-text-opacity" : 0.5, "sub-text-size" : 13.0, "sub-text-weight" : "regular", "icon-main-gap" : 10, "main-sub-gap" : 15, "sub-arrow-gap" : 10 }, "preview-heading-small" : { "main-title-size" : 23.0, "main-title-color" : "#ffffff", "main-title-opacity" : 1.0, "main-title-mode" : "normal", "main-title-weight" : "regular", "sub-title-size" : 17.0, "sub-title-color" : "#ffffff", "sub-title-opacity" : 1.0, "sub-title-mode" : "normal", "sub-title-weight" : "regular", "main-sub-gap" : 15, "padding" : 10 }, "preview-heading" : { "main-title-size" : 30.0, "main-title-color" : "#ffffff", "main-title-opacity" : 1.0, "main-title-mode" : "normal", "main-title-weight" : "regular", "sub-title-size" : 17.0, "sub-title-color" : "#ffffff", "sub-title-opacity" : 1.0, "sub-title-mode" : "normal", "sub-title-weight" : "regular", "main-sub-gap" : 15, "padding" : 10 }, "scrollbar" : { "color" : "#fff", "opacity" : 1.0, "size" : 8, "buttons-size" : 0, "corner-radius" : 3 }, "scrollbar-overlay": { "color" : "#fff", "opacity" : 1.0, "size" : 3, "corner-radius" : 1.5 }, "scrollbar-track": { "color" : "#fff", "opacity" : 0.4 }, "filter-pane" : { "width" : 330, "title-size" : 17.0, "title-color" : "#ffffff", "title-opacity" : 1.0, "title-mode" : "normal", "title-style" : "bold", "title-arrow-gap" : 10, "button-height" : 30, "border-size" : 1 }, "separator" : { "size" : 1.0, "color" : "#ffffff", "opacity" : 0.15, "overlay-opacity": 0.47, "overlay-mode" : "normal", "blur-size" : 6 }, "filter-caption" : { "text-size" : 17, "text-color" : "#ffffff", "text-opacity" : 1.0, "text-mode" : "normal", "text-weight" : "bold", "text-arrow-gap" : 10 } } ����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/launcher_arrow_btt_19.svg������������������������������������������0000664�0000000�0000000�00000000211�13254201040�0023334�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="19" height="8" viewBox="0 0 19 8" fill="#FFFFFF"> <circle cx="10" cy="4" r="2"/> </svg> ���������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/launcher_arrow_btt_37.svg������������������������������������������0000664�0000000�0000000�00000000213�13254201040�0023336�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="37" height="16" viewBox="0 0 37 16" fill="#FFFFFF"> <circle cx="19" cy="8" r="4"/> </svg> �������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/launcher_arrow_ltr_19.svg������������������������������������������0000664�0000000�0000000�00000000211�13254201040�0023344�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="8" height="19" viewBox="0 0 8 19" fill="#FFFFFF"> <circle cx="4" cy="10" r="2"/> </svg> ���������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/launcher_arrow_ltr_37.svg������������������������������������������0000664�0000000�0000000�00000000213�13254201040�0023346�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="16" height="37" viewBox="0 0 16 37" fill="#FFFFFF"> <circle cx="8" cy="19" r="4"/> </svg> �������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/launcher_arrow_outline_btt_19.svg����������������������������������0000664�0000000�0000000�00000000227�13254201040�0025102�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="19" height="8" viewBox="0 0 19 8" fill="#FFFFFF" opacity="0.7"> <circle cx="10" cy="4" r="2"/> </svg> �������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/launcher_arrow_outline_btt_37.svg����������������������������������0000664�0000000�0000000�00000000231�13254201040�0025075�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="37" height="16" viewBox="0 0 37 16" fill="#FFFFFF" opacity="0.7"> <circle cx="19" cy="8" r="4"/> </svg> �����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/launcher_arrow_outline_ltr_19.svg����������������������������������0000664�0000000�0000000�00000000227�13254201040�0025112�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="8" height="19" viewBox="0 0 8 19" fill="#FFFFFF" opacity="0.7"> <circle cx="4" cy="10" r="2"/> </svg> �������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/launcher_arrow_outline_ltr_37.svg����������������������������������0000664�0000000�0000000�00000000231�13254201040�0025105�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="16" height="37" viewBox="0 0 16 37" fill="#FFFFFF" opacity="0.7"> <circle cx="8" cy="19" r="4"/> </svg> �����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/launcher_arrow_outline_rtl_19.svg����������������������������������0000777�0000000�0000000�00000000000�13254201040�0033571�2launcher_arrow_outline_ltr_19.svg�������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/launcher_arrow_outline_rtl_37.svg����������������������������������0000777�0000000�0000000�00000000000�13254201040�0033571�2launcher_arrow_outline_ltr_37.svg�������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/launcher_arrow_outline_ttb_19.svg����������������������������������0000777�0000000�0000000�00000000000�13254201040�0033551�2launcher_arrow_outline_btt_19.svg�������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/launcher_arrow_outline_ttb_37.svg����������������������������������0000777�0000000�0000000�00000000000�13254201040�0033551�2launcher_arrow_outline_btt_37.svg�������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/launcher_arrow_rtl_19.svg������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0030273�2launcher_arrow_ltr_19.svg���������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/launcher_arrow_rtl_37.svg������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0030273�2launcher_arrow_ltr_37.svg���������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/launcher_arrow_ttb_19.svg������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0030253�2launcher_arrow_btt_19.svg���������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/launcher_arrow_ttb_37.svg������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0030253�2launcher_arrow_btt_37.svg���������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/launcher_bfb.png���������������������������������������������������0000664�0000000�0000000�00000021766�13254201040�0021560�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������PNG  ��� IHDR���������i7@��� pHYs�� �� B(x���tIME 91���bKGD�)��#IDATx͝y$W}?<͌4IF BAZcű^6l +G,`{{a aEC` 1#!4]wV^0]QWUf~w~J~[wpFx?p# [@`^C9E �j4Vq r ^ɨ~ޒ@rpoVeGPڎ=`7Wna)#(`Y8Wf%"!(!z_?8W`\4F0\ApۜRi�&I ފTW^A?�+%�NR_]}q 8I/@@ߌȌj Go\dj(F+,6icL0.>> ҢE@@iWxPeuV+jV^lcaDdk1r3TȔj|Wa؍0d;6%p0X "Qx)#T8Ӝ\LC,gzI 6�~\>(KDBDD^kP0%7m,Qؤ`?PBX7LtUc2$ɦ\Fc +ClE"Ph4I +FdsF΍H[oؐWg?CH$ФA&ނ@olg2<re:~K2CH u0ڌ9rlgs|.(#7^VKrs6AOFk@",x9v3Y>d&"IvhwnE�gM/q[QH,%f-V^n;CBd{O @ %+--0n ˱ x ÌG9-M�w^>I=$ByߗtAlߞT\(Y6JvPzhӋ�ހ湙$RA;GeO"xo#$HbqM�ivvs\]f p;"zԯ|6FjiF&*#/Ve^HyRH^J J j<@m].zx@|\$EL.^K¨T%*UIU;w#TAHkx>I :VYҗ7�uHKumyDҠ1fVFjIU⻓56g{a3>8<MfOG9:V(iQh*{<7N[A}8H,o]c9j''m rGԿ:L՞ΈRm xpSlcIBCéiRXuxjOrϺU{,Amhرk8mv_X$IHccOKD*JT8öԝco2_o=W{Վ̓Xg^\NZ< H)v0orjVB*HUl^V$Qm9j5tu*>䔛2GjE`Ž.}e+H$<d*ZƎz=ͩc-W[SO熝_ K$'Hg&:%שW[q;r~EZ~ZF?ZUD$ŵx<ɓ;HRb..%WMBs_)i.]9Ԟ 7o6ۼYI ع"kfrVX (1DXb]{-"߭Ӎܺ+?ٳu"/y,qTs9_LYQ(J ;I1hcm.^7/T}W?]"b v9c͵FOlO(ُ]ZKH\�KD腬b={S+woF~W#f9fBf垼mF2oJP"wt DvLKBcw?8";l1<-:«>q9IQ(~>1{$xQV8*Fe $w8,Ɗq?KS!;u _rutce -4.EbW�vܑg|6Գ Z]D±pdQq.+Cr[رUٴǢc3|:]ݖ*2K�0_J+ =*<+9XڝೣzRךD$~\A4B1Y`ȯْ'b|,CQ{^ 9 gx`)l aҬ s^HνV'SbruEx|{335ZIYfY"~|70 X4Fn|/^- <TL"ؒz9>~5,.;IuDN{&o^oOf13C:-i߿78wSpO}J[-$\g B :sPLDnӏ{fp'31s,PBunl=޳9ho_̅-sN0[ +rC 1,g;p7yJU"ȏ)ڔ~=2<58F* Z.]wk~5QO-b$JaܙrsEi)ee EmkB彣E-rhh~oN{Fcg/SF&!!!qVNOIDwZ .s6tk% +eg1<V`/+&x#sF2V#{峟8Kѷv|%&!}]#,LE SqϦn|]xy=A9]2r%0-g|v3t5\?ߞF n ?^\ڽ|cS'WG?zݾx}Ҷ\?*[of[^)MiTE$ӻJJ0˻v79w΃nh͒OOԈ/^}=oqtsny]?:8>W{5[p5k3g5u+!`+-ݭA78kFhНv~ߓ S\f~d]?c'EҢjh`?M^Ȯ={9ZD*rLi@S34̲@ൣOɼOwhPJ[>lSz:Bv^A�^ǔC,9-r;~;1, Th3nX4'ҠTR mȍ# b,c9=y` )UlNY` 5KO#$QaȏIN; a"` BXC*bDm4ҏL uB4⡟ݶxqx'D2?L~|{KI!\;Ya^X�j"X-H3<41$)-T(xC[WT#$DPxS g9X!r noBn&5? E*Bg(qS7UFjdH2rt {nr X$2~=sx6ioU_!tHhѤ uO7q2r]Tߊ-u#mST&"PcC'^oqD>u]%BR,^OEKBH+j,ȘvRG;F ,#pL. ^7/lߖDء>9/Lm ?Ibxl:Y( %&:9?H W;ݏ"Y NARw i1Uk ƦBTφe\ӕNw_#pݲYlٷ"[A_iG+2X4VJ ,hɞAE*ϧT17~ˑ|E<Wߺ{P2<179�FYiFf>UhŵQF#A Do_f> w-ޞ}Ó;pFY'}iF"TVs]Xeп"p-l;8mX 1Oppq VSʟJ!b]*-#ګ"C0.q1^:U*ԉS(ܩJ`}K ken8.ݰ56W%H+Vel LzBf=c%Z%NqMCbjKbPo޾Hъݴi(bDBŖ"'*˃-t~8NQWbv�[Ge:tS3\fK\Llj\z\#GButw =!*bKeO+w'Oo~wn4񳛮Nu$Nӛ4^B!2Rpz`mx\6|[[ę�EBXkMyyEaeh[i;La@Bg9934SG2KgLjYT"O,팘T[][qK> !1m g+?G Uj4޷oF*+bE~y .n1k #SL;Ą~& :}}>b</-6CD PikVZg*$Ȯ" hӏ\(>Od$;;4Uf1J2(2_N^XR~UFaT*R\ 4iP/_hn3%;~�̼cZeR6RB {v ,XhV �ok,ӢNmz_m7,j4Јm5UG+$99ƣ$=8`U\(VdĐ2xT U=F\:햟 XίMn'Uڔkc$ʭx EޖFjad$N|y o~ۛvgɌ|Ǫk8Ɔ?tcoH;p[}\cae^L/pyYJpuEVjiR7ub'Vn 8bԨRyoaā <[1O&1wGI sSWV %f"BUFj/c/a^/!x| 7[*53OF>/ɽעj)G1,=FϋXlf(ZYb!;c^DnX~w ;K?i;o-/,cSH%:y6H:U*Ta9O~`yKTG:;]3~]BZ"Le*:M$fRĜޟ=_B ߱!տ(Q{F -N&m= h򞽇۷y-H.{]CXo DYW\se7}+ =)v~=R湥b񺆔$y kyPМko\"b/R/-LRieRn:zN<xj!K|G fpKnpbM{4!) i!Fih4s}7>t'W;~BBG~쥹#}Ԟrq{C^-9bkr|g4\څ^(x�ȅ-"Mr9?MG?xk'?W߹*ȅ(Dwyѯ'H)ՆyֺKq.̷yLތ/da%s̳@̜|է;.$c83_)a.EEJo]\7U-ȁ9,޲' K]BzߺT^+xؑCe¥Q޴|L .|+5ipU{=gE�88$b]'(P7}R]'וs[_t~gkV*U%Kl;x IĀKֱ*y(rPc>3�\{Yah1BTF /չM=]w@Cٳg0j"$EÁJ)ȷF]Puppg*v9Jֳeri>.FCE<7٫H4!M^33f!vۙٵCiL .X/t.-Ca9~mz|5;.icX'߻ w[xC`H;}^E\j^ͲN˃HʝKZ kŠX߽U pw殔�cϷ9FFfFye9<64kEy]0uliZ>`du,,#0&ɒX4[h#{. {͜>|'~qdtpbx09#V>C<bBMٕNH9!?;t [k[[W>]OEIxB:ӭ>աDcUJ :1]sڧP�"4`Z`S9s|uo-SQP Ỷm~s&F}pcLMT'cXO|9q'&G|._~=#g0H+Xiu&D9LcG.M=O'x4S8Wk%,sQj .ӠHpT(ԎZc柝~r #M?5W4~)GR}dm1Y8v@賸,�UfSu^ޖ$n[b:`AOMo1UZғ7^8W93}縙x()jϸS٭]_`s ԕV\U8Dݩ:U\zk~P Q>ܖF'79}s9zbFj\?7BXn6GZPK}Rޗ`AsJ !ٔ~E$Yq*^4bL a>ǹ lCbO7Zfy\xPc9mBOn\FCV(CXΑvZ%H6eYpߖN+\K]Ovp6 .+urZnk嚹fY RX #?ͧJZ ,E  V^X2^j-�BєwUa.c?c/qS7uR5݂qƝEQ Ӳ鸚6@$2:~P V1,ĥ8RU1r|Ot@'/ ml*Z"5USf{Z{{:Z%Fan!kV -RXE*vC~+BBK I.ReiG%j`9lyz^ ,dSd $2M,__DNˏ؋؍D%VZjJ#k`Z"ȍ s[(\Or*i,Fc(03]AJp�42yN&CK![ĭ@G*UT2Z aB 8y|'OM]2b-(1ZaWuy^ �P6dm!cX*Q24BkMO*Z&n$^ƹM$87|!%N:A:rh.EJD&-'^QrjD&2ZhE/NkcZJ;:z:O^P5xJ0ϱ%͠!cm)Tr P ,TѤ%H vϙ5H#JTT7`\vj7H3iί|(KفΎ`!ZjvԒe0k0`fGZZi[ԮJ> gKvy`l6zJV]*Xl"Mr/sn#gj邮bTx+ Vi0ʴa5xJ(4~mdQ_gَJ}-dVy1)e]`#zZOM9 O`rS[ߨ/H> "L־V,l+'OJiX=ƶ7˷C`hp|)5Kt-ai1?oETA1,]/4 Ll͞/`If \Zaָ LU 5jぞaq-[[Rc_$YZ,1U*p~wL1/D=\_5FS@>!ie ,dl6y`+q/a" 8ΐ7&uک5Eӳ (f~|F}}A!z_Ȭ'WKS|c,u FKVPu7QTΞ*ʺ8uCt2>@t$ny@d6~0dPZWW 2~ %fKK뇦7� %,>d=#c寊=S+CRc叀j \+1.,٨_'\='i=F2c,>m/m"vtNi0AL :Da௺_M}(]E����IENDB`����������materia-theme-20180321/src/unity/launcher_icon_back_150.svg�����������������������������������������0000664�0000000�0000000�00000000136�13254201040�0023323�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150"></svg> ����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/launcher_icon_back_54.svg������������������������������������������0000664�0000000�0000000�00000000132�13254201040�0023242�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="54" height="54" viewBox="0 0 54 54"></svg> ��������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/launcher_icon_edge_150.svg�����������������������������������������0000664�0000000�0000000�00000000136�13254201040�0023327�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150"></svg> ����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/launcher_icon_edge_54.svg������������������������������������������0000664�0000000�0000000�00000000132�13254201040�0023246�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="54" height="54" viewBox="0 0 54 54"></svg> ��������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/launcher_icon_glow_200.svg�����������������������������������������0000664�0000000�0000000�00000000136�13254201040�0023367�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200"></svg> ����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/launcher_icon_glow_62.svg������������������������������������������0000664�0000000�0000000�00000000132�13254201040�0023311�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="62" height="62" viewBox="0 0 62 62"></svg> ��������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/launcher_icon_selected_back_150.svg��������������������������������0000664�0000000�0000000�00000000253�13254201040�0025173�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150" fill="#cfcfcf"> <rect x="1" y="1" width="148" height="148" rx="4" ry="4"/> </svg> �����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/launcher_icon_selected_back_54.svg���������������������������������0000664�0000000�0000000�00000000245�13254201040�0025117�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="54" height="54" viewBox="0 0 54 54" fill="#cfcfcf"> <rect x="1" y="1" width="52" height="52" rx="2" ry="2"/> </svg> �����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/launcher_icon_shadow_200.svg���������������������������������������0000664�0000000�0000000�00000000136�13254201040�0023704�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200"></svg> ����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/launcher_icon_shadow_62.svg����������������������������������������0000664�0000000�0000000�00000000132�13254201040�0023626�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="62" height="62" viewBox="0 0 62 62"></svg> ��������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/launcher_icon_shine_150.svg����������������������������������������0000664�0000000�0000000�00000000136�13254201040�0023531�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150"></svg> ����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/launcher_icon_shine_54.svg�����������������������������������������0000664�0000000�0000000�00000000132�13254201040�0023450�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="54" height="54" viewBox="0 0 54 54"></svg> ��������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/launcher_pip_btt_19.svg��������������������������������������������0000664�0000000�0000000�00000000216�13254201040�0022777�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="19" height="7" viewBox="0 0 19 7" fill="#FFFFFF"> <circle cx="9.5" cy="3.5" r="1.5"/> </svg> ����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/launcher_pip_btt_37.svg��������������������������������������������0000664�0000000�0000000�00000000221�13254201040�0022773�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="37" height="15" viewBox="0 0 37 15" fill="#FFFFFF"> <circle cx="18.5" cy="7.5" r="3.5"/> </svg> �������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/launcher_pip_ltr_19.svg��������������������������������������������0000664�0000000�0000000�00000000216�13254201040�0023007�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="7" height="19" viewBox="0 0 7 19" fill="#FFFFFF"> <circle cx="3.5" cy="9.5" r="1.5"/> </svg> ����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/launcher_pip_ltr_37.svg��������������������������������������������0000664�0000000�0000000�00000000221�13254201040�0023003�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="15" height="37" viewBox="0 0 15 37" fill="#FFFFFF"> <circle cx="7.5" cy="18.5" r="3.5"/> </svg> �������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/launcher_pip_rtl_19.svg��������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0027367�2launcher_pip_ltr_19.svg�����������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/launcher_pip_rtl_37.svg��������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0027367�2launcher_pip_ltr_37.svg�����������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/launcher_pip_ttb_19.svg��������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0027347�2launcher_pip_btt_19.svg�����������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/launcher_pip_ttb_37.svg��������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0027347�2launcher_pip_btt_37.svg�����������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/maximize.svg�������������������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0026341�2assets/maximize_focused.svg�������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/maximize_dash.svg��������������������������������������������������0000664�0000000�0000000�00000000324�13254201040�0021766�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#FFFFFF" opacity="0.7"> <circle cx="12" cy="12" r="10" opacity="0"/> <path d="m8 8v8h8v-8h-8zm2 2h4v4h-4v-4z"/> </svg> ������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/maximize_dash_disabled.svg�����������������������������������������0000664�0000000�0000000�00000000324�13254201040�0023615�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#FFFFFF" opacity="0.3"> <circle cx="12" cy="12" r="10" opacity="0"/> <path d="m8 8v8h8v-8h-8zm2 2h4v4h-4v-4z"/> </svg> ������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/maximize_dash_prelight.svg�����������������������������������������0000664�0000000�0000000�00000000311�13254201040�0023660�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#FFFFFF"> <circle cx="12" cy="12" r="10" opacity="0.15"/> <path d="m8 8v8h8v-8h-8zm2 2h4v4h-4v-4z"/> </svg> �����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/maximize_dash_pressed.svg������������������������������������������0000664�0000000�0000000�00000000310�13254201040�0023506�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#FFFFFF"> <circle cx="12" cy="12" r="10" opacity="0.3"/> <path d="m8 8v8h8v-8h-8zm2 2h4v4h-4v-4z"/> </svg> ������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/maximize_focused_normal.svg����������������������������������������0000777�0000000�0000000�00000000000�13254201040�0031421�2assets/maximize_focused.svg�������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/maximize_focused_prelight.svg��������������������������������������0000777�0000000�0000000�00000000000�13254201040�0033645�2assets/maximize_focused_prelight.svg����������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/maximize_focused_pressed.svg���������������������������������������0000777�0000000�0000000�00000000000�13254201040�0033323�2assets/maximize_focused_pressed.svg�����������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/maximize_unfocused.svg���������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0030757�2assets/maximize_unfocused.svg�����������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/maximize_unfocused_prelight.svg������������������������������������0000777�0000000�0000000�00000000000�13254201040�0034553�2assets/maximize_unfocused_prelight.svg��������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/maximize_unfocused_pressed.svg�������������������������������������0000777�0000000�0000000�00000000000�13254201040�0034231�2assets/maximize_unfocused_pressed.svg���������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/minimize.svg�������������������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0026335�2assets/minimize_focused.svg�������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/minimize_dash.svg��������������������������������������������������0000664�0000000�0000000�00000000303�13254201040�0021761�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#FFFFFF" opacity="0.7"> <circle cx="12" cy="12" r="10" opacity="0"/> <path d="m8 14h8v2h-8z"/> </svg> �����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/minimize_dash_disabled.svg�����������������������������������������0000664�0000000�0000000�00000000303�13254201040�0023610�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#FFFFFF" opacity="0.3"> <circle cx="12" cy="12" r="10" opacity="0"/> <path d="m8 14h8v2h-8z"/> </svg> �����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/minimize_dash_prelight.svg�����������������������������������������0000664�0000000�0000000�00000000270�13254201040�0023662�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#FFFFFF"> <circle cx="12" cy="12" r="10" opacity="0.15"/> <path d="m8 14h8v2h-8z"/> </svg> ����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/minimize_dash_pressed.svg������������������������������������������0000664�0000000�0000000�00000000267�13254201040�0023517�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#FFFFFF"> <circle cx="12" cy="12" r="10" opacity="0.3"/> <path d="m8 14h8v2h-8z"/> </svg> �����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/minimize_focused_normal.svg����������������������������������������0000777�0000000�0000000�00000000000�13254201040�0031415�2assets/minimize_focused.svg�������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/minimize_focused_prelight.svg��������������������������������������0000777�0000000�0000000�00000000000�13254201040�0033641�2assets/minimize_focused_prelight.svg����������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/minimize_focused_pressed.svg���������������������������������������0000777�0000000�0000000�00000000000�13254201040�0033317�2assets/minimize_focused_pressed.svg�����������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/minimize_unfocused.svg���������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0030753�2assets/minimize_unfocused.svg�����������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/minimize_unfocused_prelight.svg������������������������������������0000777�0000000�0000000�00000000000�13254201040�0034547�2assets/minimize_unfocused_prelight.svg��������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/minimize_unfocused_pressed.svg�������������������������������������0000777�0000000�0000000�00000000000�13254201040�0034225�2assets/minimize_unfocused_pressed.svg���������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/progress_bar_fill.svg����������������������������������������������0000664�0000000�0000000�00000000210�13254201040�0022634�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="42" height="4" viewBox="0 0 42 4"> <rect width="42" height="4" fill="#338DD6"/> </svg> ����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/progress_bar_trough.svg��������������������������������������������0000664�0000000�0000000�00000002443�13254201040�0023230�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="54" height="54" viewBox="0 0 54 54"> <defs> <filter id="a" color-interpolation-filters="sRGB" x="-0.5" y="-0.5" width="2" height="2"> <!-- <feDropShadow dx="0" dy="1" stdDeviation="1.5" flood-color="#000000" flood-opacity="0.12"/> --> <!-- <feDropShadow dx="0" dy="1" stdDeviation="1" flood-color="#000000" flood-opacity="0.24"/> --> <feFlood flood-color="#000000" flood-opacity="0.12" result="flood"/> <feComposite operator="in" in="flood" in2="SourceGraphic" result="composite1"/> <feGaussianBlur stdDeviation="1.5" in="composite1" result="blur"/> <feOffset dx="0" dy="1" result="offset"/> <feComposite in="SourceGraphic" in2="offset" result="fbSourceGraphic"/> <feFlood flood-color="#000000" flood-opacity="0.24" result="flood"/> <feComposite operator="in" in="flood" in2="fbSourceGraphic" result="composite1"/> <feGaussianBlur stdDeviation="1" in="composite1" result="blur"/> <feOffset dx="0" dy="1" result="offset"/> <feComposite in="fbSourceGraphic" in2="offset" result="composite2"/> </filter> </defs> <rect x="4" y="23" width="46" height="8" rx="2" ry="2" fill="#FFFFFF" filter="url(#a)"/> <rect x="6" y="25" width="42" height="4" fill="#000000" opacity="0.12"/> </svg> �����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/sheet_style_close_focused.svg��������������������������������������0000777�0000000�0000000�00000000000�13254201040�0031225�2assets/close_focused.svg����������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/sheet_style_close_focused_prelight.svg�����������������������������0000777�0000000�0000000�00000000000�13254201040�0035021�2assets/close_focused_prelight.svg�������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/sheet_style_close_focused_pressed.svg������������������������������0000777�0000000�0000000�00000000000�13254201040�0034477�2assets/close_focused_pressed.svg��������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/unmaximize.svg�����������������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0027247�2assets/unmaximize_focused.svg�����������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/unmaximize_dash.svg������������������������������������������������0000664�0000000�0000000�00000000324�13254201040�0022331�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#FFFFFF" opacity="0.7"> <circle cx="12" cy="12" r="10" opacity="0"/> <path d="m9 9v6h6v-6h-6zm2 2h2v2h-2v-2z"/> </svg> ������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/unmaximize_dash_disabled.svg���������������������������������������0000664�0000000�0000000�00000000324�13254201040�0024160�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#FFFFFF" opacity="0.3"> <circle cx="12" cy="12" r="10" opacity="0"/> <path d="m9 9v6h6v-6h-6zm2 2h2v2h-2v-2z"/> </svg> ������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/unmaximize_dash_prelight.svg���������������������������������������0000664�0000000�0000000�00000000311�13254201040�0024223�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#FFFFFF"> <circle cx="12" cy="12" r="10" opacity="0.15"/> <path d="m9 9v6h6v-6h-6zm2 2h2v2h-2v-2z"/> </svg> �����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/unmaximize_dash_pressed.svg����������������������������������������0000664�0000000�0000000�00000000310�13254201040�0024051�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#FFFFFF"> <circle cx="12" cy="12" r="10" opacity="0.3"/> <path d="m9 9v6h6v-6h-6zm2 2h2v2h-2v-2z"/> </svg> ������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/unmaximize_focused_normal.svg��������������������������������������0000777�0000000�0000000�00000000000�13254201040�0032327�2assets/unmaximize_focused.svg�����������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/unmaximize_focused_prelight.svg������������������������������������0000777�0000000�0000000�00000000000�13254201040�0034553�2assets/unmaximize_focused_prelight.svg��������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/unmaximize_focused_pressed.svg�������������������������������������0000777�0000000�0000000�00000000000�13254201040�0034231�2assets/unmaximize_focused_pressed.svg���������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/unmaximize_unfocused.svg�������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0031665�2assets/unmaximize_unfocused.svg���������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/unmaximize_unfocused_prelight.svg����������������������������������0000777�0000000�0000000�00000000000�13254201040�0035461�2assets/unmaximize_unfocused_prelight.svg������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/unity/unmaximize_unfocused_pressed.svg�����������������������������������0000777�0000000�0000000�00000000000�13254201040�0035137�2assets/unmaximize_unfocused_pressed.svg�������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/�������������������������������������������������������������������0000775�0000000�0000000�00000000000�13254201040�0016321�5����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets-light/������������������������������������������������������0000775�0000000�0000000�00000000000�13254201040�0020730�5����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets-light/border.svg��������������������������������������������0000664�0000000�0000000�00000000205�13254201040�0022723�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="1" height="1" viewBox="0 0 1 1"> <rect width="1" height="1" fill="#E0E0E0"/> </svg> �������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets-light/close-active.svg��������������������������������������0000664�0000000�0000000�00000000661�13254201040�0024032�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#E0E0E0"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.4"/> <g fill="#000000" opacity="0.54"> <circle cx="16" cy="16" r="12" opacity="0"/> <path d="m12.4 11-1.41 1.41 3.59 3.59-3.59 3.59 1.41 1.41 3.59-3.59 3.59 3.59 1.41-1.41-3.59-3.59 3.59-3.59-1.41-1.41-3.59 3.59z"/> </g> </svg> �������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets-light/close-inactive.svg������������������������������������0000664�0000000�0000000�00000000661�13254201040�0024361�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#E0E0E0"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.4"/> <g fill="#000000" opacity="0.38"> <circle cx="16" cy="16" r="12" opacity="0"/> <path d="m12.4 11-1.41 1.41 3.59 3.59-3.59 3.59 1.41 1.41 3.59-3.59 3.59 3.59 1.41-1.41-3.59-3.59 3.59-3.59-1.41-1.41-3.59 3.59z"/> </g> </svg> �������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets-light/close-prelight.svg������������������������������������0000664�0000000�0000000�00000000664�13254201040�0024400�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#E0E0E0"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.4"/> <g fill="#000000" opacity="0.87"> <circle cx="16" cy="16" r="12" opacity="0.15"/> <path d="m12.4 11-1.41 1.41 3.59 3.59-3.59 3.59 1.41 1.41 3.59-3.59 3.59 3.59 1.41-1.41-3.59-3.59 3.59-3.59-1.41-1.41-3.59 3.59z"/> </g> </svg> ����������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets-light/close-pressed.svg�������������������������������������0000664�0000000�0000000�00000000663�13254201040�0024226�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#E0E0E0"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.4"/> <g fill="#000000" opacity="0.87"> <circle cx="16" cy="16" r="12" opacity="0.3"/> <path d="m12.4 11-1.41 1.41 3.59 3.59-3.59 3.59 1.41 1.41 3.59-3.59 3.59 3.59 1.41-1.41-3.59-3.59 3.59-3.59-1.41-1.41-3.59 3.59z"/> </g> </svg> �����������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets-light/hide-active.svg���������������������������������������0000664�0000000�0000000�00000000510�13254201040�0023627�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#E0E0E0"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.4"/> <g fill="#000000" opacity="0.54"> <circle cx="16" cy="16" r="12" opacity="0"/> <path d="m12 18h8v2h-8z"/> </g> </svg> ����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets-light/hide-inactive.svg�������������������������������������0000664�0000000�0000000�00000000510�13254201040�0024156�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#E0E0E0"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.4"/> <g fill="#000000" opacity="0.38"> <circle cx="16" cy="16" r="12" opacity="0"/> <path d="m12 18h8v2h-8z"/> </g> </svg> ����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets-light/hide-prelight.svg�������������������������������������0000664�0000000�0000000�00000000513�13254201040�0024175�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#E0E0E0"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.4"/> <g fill="#000000" opacity="0.87"> <circle cx="16" cy="16" r="12" opacity="0.15"/> <path d="m12 18h8v2h-8z"/> </g> </svg> �������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets-light/hide-pressed.svg��������������������������������������0000664�0000000�0000000�00000000512�13254201040�0024023�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#E0E0E0"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.4"/> <g fill="#000000" opacity="0.87"> <circle cx="16" cy="16" r="12" opacity="0.3"/> <path d="m12 18h8v2h-8z"/> </g> </svg> ��������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets-light/maximize-active.svg�����������������������������������0000664�0000000�0000000�00000000524�13254201040�0024546�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#E0E0E0"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.4"/> <g fill="#000000" opacity="0.54"> <circle cx="16" cy="16" r="12" opacity="0"/> <path d="m12 12v8h8v-8zm2 2h4v4h-4z"/> </g> </svg> ����������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets-light/maximize-inactive.svg���������������������������������0000664�0000000�0000000�00000000524�13254201040�0025075�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#E0E0E0"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.4"/> <g fill="#000000" opacity="0.38"> <circle cx="16" cy="16" r="12" opacity="0"/> <path d="m12 12v8h8v-8zm2 2h4v4h-4z"/> </g> </svg> ����������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets-light/maximize-prelight.svg���������������������������������0000664�0000000�0000000�00000000527�13254201040�0025114�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#E0E0E0"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.4"/> <g fill="#000000" opacity="0.87"> <circle cx="16" cy="16" r="12" opacity="0.15"/> <path d="m12 12v8h8v-8zm2 2h4v4h-4z"/> </g> </svg> �������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets-light/maximize-pressed.svg����������������������������������0000664�0000000�0000000�00000000526�13254201040�0024742�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#E0E0E0"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.4"/> <g fill="#000000" opacity="0.87"> <circle cx="16" cy="16" r="12" opacity="0.3"/> <path d="m12 12v8h8v-8zm2 2h4v4h-4z"/> </g> </svg> ��������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets-light/maximize-toggled-active.svg���������������������������0000664�0000000�0000000�00000000524�13254201040�0026171�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#E0E0E0"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.4"/> <g fill="#000000" opacity="0.54"> <circle cx="16" cy="16" r="12" opacity="0"/> <path d="m13 13v6h6v-6zm2 2h2v2h-2z"/> </g> </svg> ����������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets-light/maximize-toggled-inactive.svg�������������������������0000664�0000000�0000000�00000000524�13254201040�0026520�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#E0E0E0"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.4"/> <g fill="#000000" opacity="0.38"> <circle cx="16" cy="16" r="12" opacity="0"/> <path d="m13 13v6h6v-6zm2 2h2v2h-2z"/> </g> </svg> ����������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets-light/maximize-toggled-prelight.svg�������������������������0000664�0000000�0000000�00000000527�13254201040�0026537�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#E0E0E0"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.4"/> <g fill="#000000" opacity="0.87"> <circle cx="16" cy="16" r="12" opacity="0.15"/> <path d="m13 13v6h6v-6zm2 2h2v2h-2z"/> </g> </svg> �������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets-light/maximize-toggled-pressed.svg��������������������������0000664�0000000�0000000�00000000526�13254201040�0026365�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#E0E0E0"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.4"/> <g fill="#000000" opacity="0.87"> <circle cx="16" cy="16" r="12" opacity="0.3"/> <path d="m13 13v6h6v-6zm2 2h2v2h-2z"/> </g> </svg> ��������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets-light/menu-active.svg���������������������������������������0000664�0000000�0000000�00000000515�13254201040�0023667�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#E0E0E0"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.4"/> <g fill="#000000" opacity="0.54"> <circle cx="16" cy="16" r="12" opacity="0"/> <circle cx="16" cy="16" r="2"/> </g> </svg> �����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets-light/menu-inactive.svg�������������������������������������0000664�0000000�0000000�00000000515�13254201040�0024216�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#E0E0E0"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.4"/> <g fill="#000000" opacity="0.38"> <circle cx="16" cy="16" r="12" opacity="0"/> <circle cx="16" cy="16" r="2"/> </g> </svg> �����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets-light/menu-prelight.svg�������������������������������������0000664�0000000�0000000�00000000520�13254201040�0024226�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#E0E0E0"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.4"/> <g fill="#000000" opacity="0.87"> <circle cx="16" cy="16" r="12" opacity="0.15"/> <circle cx="16" cy="16" r="2"/> </g> </svg> ��������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets-light/menu-pressed.svg��������������������������������������0000664�0000000�0000000�00000000517�13254201040�0024063�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#E0E0E0"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.4"/> <g fill="#000000" opacity="0.87"> <circle cx="16" cy="16" r="12" opacity="0.3"/> <circle cx="16" cy="16" r="2"/> </g> </svg> ���������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets-light/shade-active.svg��������������������������������������0000664�0000000�0000000�00000000555�13254201040�0024013�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#E0E0E0"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.4"/> <g fill="#000000" opacity="0.54"> <circle cx="16" cy="16" r="12" opacity="0"/> <path d="m10 18 1.41 1.41 4.59-4.59 4.59 4.59 1.41-1.41-6-6z"/> </g> </svg> ���������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets-light/shade-inactive.svg������������������������������������0000664�0000000�0000000�00000000555�13254201040�0024342�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#E0E0E0"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.4"/> <g fill="#000000" opacity="0.38"> <circle cx="16" cy="16" r="12" opacity="0"/> <path d="m10 18 1.41 1.41 4.59-4.59 4.59 4.59 1.41-1.41-6-6z"/> </g> </svg> ���������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets-light/shade-prelight.svg������������������������������������0000664�0000000�0000000�00000000560�13254201040�0024352�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#E0E0E0"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.4"/> <g fill="#000000" opacity="0.87"> <circle cx="16" cy="16" r="12" opacity="0.15"/> <path d="m10 18 1.41 1.41 4.59-4.59 4.59 4.59 1.41-1.41-6-6z"/> </g> </svg> ������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets-light/shade-pressed.svg�������������������������������������0000664�0000000�0000000�00000000557�13254201040�0024207�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#E0E0E0"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.4"/> <g fill="#000000" opacity="0.87"> <circle cx="16" cy="16" r="12" opacity="0.3"/> <path d="m10 18 1.41 1.41 4.59-4.59 4.59 4.59 1.41-1.41-6-6z"/> </g> </svg> �������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets-light/shade-toggled-active.svg������������������������������0000664�0000000�0000000�00000000555�13254201040�0025436�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#E0E0E0"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.4"/> <g fill="#000000" opacity="0.54"> <circle cx="16" cy="16" r="12" opacity="0"/> <path d="m22 14-1.41-1.41-4.59 4.59-4.59-4.59-1.41 1.41l6 6z"/> </g> </svg> ���������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets-light/shade-toggled-inactive.svg����������������������������0000664�0000000�0000000�00000000555�13254201040�0025765�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#E0E0E0"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.4"/> <g fill="#000000" opacity="0.38"> <circle cx="16" cy="16" r="12" opacity="0"/> <path d="m22 14-1.41-1.41-4.59 4.59-4.59-4.59-1.41 1.41l6 6z"/> </g> </svg> ���������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets-light/shade-toggled-prelight.svg����������������������������0000664�0000000�0000000�00000000560�13254201040�0025775�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#E0E0E0"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.4"/> <g fill="#000000" opacity="0.87"> <circle cx="16" cy="16" r="12" opacity="0.15"/> <path d="m22 14-1.41-1.41-4.59 4.59-4.59-4.59-1.41 1.41l6 6z"/> </g> </svg> ������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets-light/shade-toggled-pressed.svg�����������������������������0000664�0000000�0000000�00000000557�13254201040�0025632�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#E0E0E0"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.4"/> <g fill="#000000" opacity="0.87"> <circle cx="16" cy="16" r="12" opacity="0.3"/> <path d="m22 14-1.41-1.41-4.59 4.59-4.59-4.59-1.41 1.41l6 6z"/> </g> </svg> �������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets-light/stick-active.svg��������������������������������������0000664�0000000�0000000�00000000676�13254201040�0024050�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#E0E0E0"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.4"/> <g fill="#000000" opacity="0.54"> <circle cx="16" cy="16" r="12" opacity="0"/> <path d="m16 10a6 6 0 0 0 -6 6 6 6 0 0 0 6 6 6 6 0 0 0 6 -6 6 6 0 0 0 -6 -6zm0 2a4 4 0 0 1 4 4 4 4 0 0 1 -4 4 4 4 0 0 1 -4 -4 4 4 0 0 1 4 -4z"/> </g> </svg> ������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets-light/stick-inactive.svg������������������������������������0000664�0000000�0000000�00000000676�13254201040�0024377�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#E0E0E0"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.4"/> <g fill="#000000" opacity="0.38"> <circle cx="16" cy="16" r="12" opacity="0"/> <path d="m16 10a6 6 0 0 0 -6 6 6 6 0 0 0 6 6 6 6 0 0 0 6 -6 6 6 0 0 0 -6 -6zm0 2a4 4 0 0 1 4 4 4 4 0 0 1 -4 4 4 4 0 0 1 -4 -4 4 4 0 0 1 4 -4z"/> </g> </svg> ������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets-light/stick-prelight.svg������������������������������������0000664�0000000�0000000�00000000701�13254201040�0024400�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#E0E0E0"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.4"/> <g fill="#000000" opacity="0.87"> <circle cx="16" cy="16" r="12" opacity="0.15"/> <path d="m16 10a6 6 0 0 0 -6 6 6 6 0 0 0 6 6 6 6 0 0 0 6 -6 6 6 0 0 0 -6 -6zm0 2a4 4 0 0 1 4 4 4 4 0 0 1 -4 4 4 4 0 0 1 -4 -4 4 4 0 0 1 4 -4z"/> </g> </svg> ���������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets-light/stick-pressed.svg�������������������������������������0000664�0000000�0000000�00000000700�13254201040�0024226�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#E0E0E0"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.4"/> <g fill="#000000" opacity="0.87"> <circle cx="16" cy="16" r="12" opacity="0.3"/> <path d="m16 10a6 6 0 0 0 -6 6 6 6 0 0 0 6 6 6 6 0 0 0 6 -6 6 6 0 0 0 -6 -6zm0 2a4 4 0 0 1 4 4 4 4 0 0 1 -4 4 4 4 0 0 1 -4 -4 4 4 0 0 1 4 -4z"/> </g> </svg> ����������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets-light/stick-toggled-active.svg������������������������������0000664�0000000�0000000�00000000777�13254201040�0025475�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#E0E0E0"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.4"/> <g fill="#000000" opacity="0.54"> <circle cx="16" cy="16" r="12" opacity="0"/> <path d="m16 10a6 6 0 0 0 -6 6 6 6 0 0 0 6 6 6 6 0 0 0 6 -6 6 6 0 0 0 -6 -6zm0 2a4 4 0 0 1 4 4 4 4 0 0 1 -4 4 4 4 0 0 1 -4 -4 4 4 0 0 1 4 -4zm0 2a2 2 0 0 0 -2 2 2 2 0 0 0 2 2 2 2 0 0 0 2 -2 2 2 0 0 0 -2 -2z"/> </g> </svg> �materia-theme-20180321/src/xfwm4/assets-light/stick-toggled-inactive.svg����������������������������0000664�0000000�0000000�00000000777�13254201040�0026024�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#E0E0E0"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.4"/> <g fill="#000000" opacity="0.38"> <circle cx="16" cy="16" r="12" opacity="0"/> <path d="m16 10a6 6 0 0 0 -6 6 6 6 0 0 0 6 6 6 6 0 0 0 6 -6 6 6 0 0 0 -6 -6zm0 2a4 4 0 0 1 4 4 4 4 0 0 1 -4 4 4 4 0 0 1 -4 -4 4 4 0 0 1 4 -4zm0 2a2 2 0 0 0 -2 2 2 2 0 0 0 2 2 2 2 0 0 0 2 -2 2 2 0 0 0 -2 -2z"/> </g> </svg> �materia-theme-20180321/src/xfwm4/assets-light/stick-toggled-prelight.svg����������������������������0000664�0000000�0000000�00000001002�13254201040�0026016�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#E0E0E0"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.4"/> <g fill="#000000" opacity="0.87"> <circle cx="16" cy="16" r="12" opacity="0.15"/> <path d="m16 10a6 6 0 0 0 -6 6 6 6 0 0 0 6 6 6 6 0 0 0 6 -6 6 6 0 0 0 -6 -6zm0 2a4 4 0 0 1 4 4 4 4 0 0 1 -4 4 4 4 0 0 1 -4 -4 4 4 0 0 1 4 -4zm0 2a2 2 0 0 0 -2 2 2 2 0 0 0 2 2 2 2 0 0 0 2 -2 2 2 0 0 0 -2 -2z"/> </g> </svg> ������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets-light/stick-toggled-pressed.svg�����������������������������0000664�0000000�0000000�00000001001�13254201040�0025644�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#E0E0E0"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.4"/> <g fill="#000000" opacity="0.87"> <circle cx="16" cy="16" r="12" opacity="0.3"/> <path d="m16 10a6 6 0 0 0 -6 6 6 6 0 0 0 6 6 6 6 0 0 0 6 -6 6 6 0 0 0 -6 -6zm0 2a4 4 0 0 1 4 4 4 4 0 0 1 -4 4 4 4 0 0 1 -4 -4 4 4 0 0 1 4 -4zm0 2a2 2 0 0 0 -2 2 2 2 0 0 0 2 2 2 2 0 0 0 2 -2 2 2 0 0 0 -2 -2z"/> </g> </svg> �������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets-light/themerc�����������������������������������������������0000664�0000000�0000000�00000001062�13254201040�0022301�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������# Default values can be found here: # https://git.xfce.org/xfce/xfwm4/tree/defaults/defaults # or # /usr/share/xfwm4/defaults active_text_color=#212121 active_text_shadow_color=#212121 inactive_text_color=#757575 inactive_text_shadow_color=#757575 title_shadow_active=false title_shadow_inactive=false full_width_title=true title_vertical_offset_active=0 title_vertical_offset_inactive=0 button_offset=0 button_spacing=0 shadow_delta_height=2 shadow_delta_width=0 shadow_delta_x=0 shadow_delta_y=-10 shadow_opacity=50 show_app_icon=false show_popup_shadow=true ������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets-light/title-side.svg����������������������������������������0000664�0000000�0000000�00000000312�13254201040�0023510�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="1" height="32" viewBox="0 -1 1 32"> <rect width="1" height="32" fill="#E0E0E0"/> <rect width="1" height="1" fill="#FFFFFF" fill-opacity="0.4"/> </svg> ����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets-light/title.svg���������������������������������������������0000664�0000000�0000000�00000000311�13254201040�0022565�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="1" height="32" viewBox="0 0 1 32"> <rect width="1" height="32" fill="#E0E0E0"/> <rect width="1" height="1" fill="#FFFFFF" fill-opacity="0.4"/> </svg> �����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets/������������������������������������������������������������0000775�0000000�0000000�00000000000�13254201040�0017623�5����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets/border.svg��������������������������������������������������0000664�0000000�0000000�00000000205�13254201040�0021616�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="1" height="1" viewBox="0 0 1 1"> <rect width="1" height="1" fill="#303030"/> </svg> �������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets/close-active.svg��������������������������������������������0000664�0000000�0000000�00000000660�13254201040�0022724�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#303030"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.1"/> <g fill="#FFFFFF" opacity="0.7"> <circle cx="16" cy="16" r="12" opacity="0"/> <path d="m12.4 11-1.41 1.41 3.59 3.59-3.59 3.59 1.41 1.41 3.59-3.59 3.59 3.59 1.41-1.41-3.59-3.59 3.59-3.59-1.41-1.41-3.59 3.59z"/> </g> </svg> ��������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets/close-inactive.svg������������������������������������������0000664�0000000�0000000�00000000660�13254201040�0023253�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#303030"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.1"/> <g fill="#FFFFFF" opacity="0.5"> <circle cx="16" cy="16" r="12" opacity="0"/> <path d="m12.4 11-1.41 1.41 3.59 3.59-3.59 3.59 1.41 1.41 3.59-3.59 3.59 3.59 1.41-1.41-3.59-3.59 3.59-3.59-1.41-1.41-3.59 3.59z"/> </g> </svg> ��������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets/close-prelight.svg������������������������������������������0000664�0000000�0000000�00000000645�13254201040�0023272�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#303030"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.1"/> <g fill="#FFFFFF"> <circle cx="16" cy="16" r="12" opacity="0.15"/> <path d="m12.4 11-1.41 1.41 3.59 3.59-3.59 3.59 1.41 1.41 3.59-3.59 3.59 3.59 1.41-1.41-3.59-3.59 3.59-3.59-1.41-1.41-3.59 3.59z"/> </g> </svg> �������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets/close-pressed.svg�������������������������������������������0000664�0000000�0000000�00000000644�13254201040�0023120�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#303030"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.1"/> <g fill="#FFFFFF"> <circle cx="16" cy="16" r="12" opacity="0.3"/> <path d="m12.4 11-1.41 1.41 3.59 3.59-3.59 3.59 1.41 1.41 3.59-3.59 3.59 3.59 1.41-1.41-3.59-3.59 3.59-3.59-1.41-1.41-3.59 3.59z"/> </g> </svg> ��������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets/hide-active.svg���������������������������������������������0000664�0000000�0000000�00000000507�13254201040�0022530�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#303030"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.1"/> <g fill="#FFFFFF" opacity="0.7"> <circle cx="16" cy="16" r="12" opacity="0"/> <path d="m12 18h8v2h-8z"/> </g> </svg> �����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets/hide-inactive.svg�������������������������������������������0000664�0000000�0000000�00000000507�13254201040�0023057�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#303030"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.1"/> <g fill="#FFFFFF" opacity="0.5"> <circle cx="16" cy="16" r="12" opacity="0"/> <path d="m12 18h8v2h-8z"/> </g> </svg> �����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets/hide-prelight.svg�������������������������������������������0000664�0000000�0000000�00000000474�13254201040�0023076�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#303030"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.1"/> <g fill="#FFFFFF"> <circle cx="16" cy="16" r="12" opacity="0.15"/> <path d="m12 18h8v2h-8z"/> </g> </svg> ����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets/hide-pressed.svg��������������������������������������������0000664�0000000�0000000�00000000473�13254201040�0022724�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#303030"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.1"/> <g fill="#FFFFFF"> <circle cx="16" cy="16" r="12" opacity="0.3"/> <path d="m12 18h8v2h-8z"/> </g> </svg> �����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets/maximize-active.svg�����������������������������������������0000664�0000000�0000000�00000000523�13254201040�0023440�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#303030"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.1"/> <g fill="#FFFFFF" opacity="0.7"> <circle cx="16" cy="16" r="12" opacity="0"/> <path d="m12 12v8h8v-8zm2 2h4v4h-4z"/> </g> </svg> �����������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets/maximize-inactive.svg���������������������������������������0000664�0000000�0000000�00000000523�13254201040�0023767�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#303030"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.1"/> <g fill="#FFFFFF" opacity="0.5"> <circle cx="16" cy="16" r="12" opacity="0"/> <path d="m12 12v8h8v-8zm2 2h4v4h-4z"/> </g> </svg> �����������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets/maximize-prelight.svg���������������������������������������0000664�0000000�0000000�00000000510�13254201040�0023777�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#303030"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.1"/> <g fill="#FFFFFF"> <circle cx="16" cy="16" r="12" opacity="0.15"/> <path d="m12 12v8h8v-8zm2 2h4v4h-4z"/> </g> </svg> ����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets/maximize-pressed.svg����������������������������������������0000664�0000000�0000000�00000000507�13254201040�0023634�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#303030"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.1"/> <g fill="#FFFFFF"> <circle cx="16" cy="16" r="12" opacity="0.3"/> <path d="m12 12v8h8v-8zm2 2h4v4h-4z"/> </g> </svg> �����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets/maximize-toggled-active.svg���������������������������������0000664�0000000�0000000�00000000523�13254201040�0025063�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#303030"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.1"/> <g fill="#FFFFFF" opacity="0.7"> <circle cx="16" cy="16" r="12" opacity="0"/> <path d="m13 13v6h6v-6zm2 2h2v2h-2z"/> </g> </svg> �����������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets/maximize-toggled-inactive.svg�������������������������������0000664�0000000�0000000�00000000523�13254201040�0025412�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#303030"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.1"/> <g fill="#FFFFFF" opacity="0.5"> <circle cx="16" cy="16" r="12" opacity="0"/> <path d="m13 13v6h6v-6zm2 2h2v2h-2z"/> </g> </svg> �����������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets/maximize-toggled-prelight.svg�������������������������������0000664�0000000�0000000�00000000510�13254201040�0025422�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#303030"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.1"/> <g fill="#FFFFFF"> <circle cx="16" cy="16" r="12" opacity="0.15"/> <path d="m13 13v6h6v-6zm2 2h2v2h-2z"/> </g> </svg> ����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets/maximize-toggled-pressed.svg��������������������������������0000664�0000000�0000000�00000000507�13254201040�0025257�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#303030"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.1"/> <g fill="#FFFFFF"> <circle cx="16" cy="16" r="12" opacity="0.3"/> <path d="m13 13v6h6v-6zm2 2h2v2h-2z"/> </g> </svg> �����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets/menu-active.svg���������������������������������������������0000664�0000000�0000000�00000000514�13254201040�0022561�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#303030"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.1"/> <g fill="#FFFFFF" opacity="0.7"> <circle cx="16" cy="16" r="12" opacity="0"/> <circle cx="16" cy="16" r="2"/> </g> </svg> ������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets/menu-inactive.svg�������������������������������������������0000664�0000000�0000000�00000000514�13254201040�0023110�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#303030"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.1"/> <g fill="#FFFFFF" opacity="0.5"> <circle cx="16" cy="16" r="12" opacity="0"/> <circle cx="16" cy="16" r="2"/> </g> </svg> ������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets/menu-prelight.svg�������������������������������������������0000664�0000000�0000000�00000000501�13254201040�0023120�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#303030"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.1"/> <g fill="#FFFFFF"> <circle cx="16" cy="16" r="12" opacity="0.15"/> <circle cx="16" cy="16" r="2"/> </g> </svg> �����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets/menu-pressed.svg��������������������������������������������0000664�0000000�0000000�00000000500�13254201040�0022746�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#303030"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.1"/> <g fill="#FFFFFF"> <circle cx="16" cy="16" r="12" opacity="0.3"/> <circle cx="16" cy="16" r="2"/> </g> </svg> ������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets/shade-active.svg��������������������������������������������0000664�0000000�0000000�00000000554�13254201040�0022705�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#303030"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.1"/> <g fill="#FFFFFF" opacity="0.7"> <circle cx="16" cy="16" r="12" opacity="0"/> <path d="m10 18 1.41 1.41 4.59-4.59 4.59 4.59 1.41-1.41-6-6z"/> </g> </svg> ����������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets/shade-inactive.svg������������������������������������������0000664�0000000�0000000�00000000554�13254201040�0023234�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#303030"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.1"/> <g fill="#FFFFFF" opacity="0.5"> <circle cx="16" cy="16" r="12" opacity="0"/> <path d="m10 18 1.41 1.41 4.59-4.59 4.59 4.59 1.41-1.41-6-6z"/> </g> </svg> ����������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets/shade-prelight.svg������������������������������������������0000664�0000000�0000000�00000000541�13254201040�0023244�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#303030"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.1"/> <g fill="#FFFFFF"> <circle cx="16" cy="16" r="12" opacity="0.15"/> <path d="m10 18 1.41 1.41 4.59-4.59 4.59 4.59 1.41-1.41-6-6z"/> </g> </svg> ���������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets/shade-pressed.svg�������������������������������������������0000664�0000000�0000000�00000000540�13254201040�0023072�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#303030"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.1"/> <g fill="#FFFFFF"> <circle cx="16" cy="16" r="12" opacity="0.3"/> <path d="m10 18 1.41 1.41 4.59-4.59 4.59 4.59 1.41-1.41-6-6z"/> </g> </svg> ����������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets/shade-toggled-active.svg������������������������������������0000664�0000000�0000000�00000000554�13254201040�0024330�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#303030"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.1"/> <g fill="#FFFFFF" opacity="0.7"> <circle cx="16" cy="16" r="12" opacity="0"/> <path d="m22 14-1.41-1.41-4.59 4.59-4.59-4.59-1.41 1.41l6 6z"/> </g> </svg> ����������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets/shade-toggled-inactive.svg����������������������������������0000664�0000000�0000000�00000000554�13254201040�0024657�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#303030"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.1"/> <g fill="#FFFFFF" opacity="0.5"> <circle cx="16" cy="16" r="12" opacity="0"/> <path d="m22 14-1.41-1.41-4.59 4.59-4.59-4.59-1.41 1.41l6 6z"/> </g> </svg> ����������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets/shade-toggled-prelight.svg����������������������������������0000664�0000000�0000000�00000000541�13254201040�0024667�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#303030"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.1"/> <g fill="#FFFFFF"> <circle cx="16" cy="16" r="12" opacity="0.15"/> <path d="m22 14-1.41-1.41-4.59 4.59-4.59-4.59-1.41 1.41l6 6z"/> </g> </svg> ���������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets/shade-toggled-pressed.svg�����������������������������������0000664�0000000�0000000�00000000540�13254201040�0024515�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#303030"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.1"/> <g fill="#FFFFFF"> <circle cx="16" cy="16" r="12" opacity="0.3"/> <path d="m22 14-1.41-1.41-4.59 4.59-4.59-4.59-1.41 1.41l6 6z"/> </g> </svg> ����������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets/stick-active.svg��������������������������������������������0000664�0000000�0000000�00000000675�13254201040�0022742�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#303030"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.1"/> <g fill="#FFFFFF" opacity="0.7"> <circle cx="16" cy="16" r="12" opacity="0"/> <path d="m16 10a6 6 0 0 0 -6 6 6 6 0 0 0 6 6 6 6 0 0 0 6 -6 6 6 0 0 0 -6 -6zm0 2a4 4 0 0 1 4 4 4 4 0 0 1 -4 4 4 4 0 0 1 -4 -4 4 4 0 0 1 4 -4z"/> </g> </svg> �������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets/stick-inactive.svg������������������������������������������0000664�0000000�0000000�00000000675�13254201040�0023271�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#303030"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.1"/> <g fill="#FFFFFF" opacity="0.5"> <circle cx="16" cy="16" r="12" opacity="0"/> <path d="m16 10a6 6 0 0 0 -6 6 6 6 0 0 0 6 6 6 6 0 0 0 6 -6 6 6 0 0 0 -6 -6zm0 2a4 4 0 0 1 4 4 4 4 0 0 1 -4 4 4 4 0 0 1 -4 -4 4 4 0 0 1 4 -4z"/> </g> </svg> �������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets/stick-prelight.svg������������������������������������������0000664�0000000�0000000�00000000662�13254201040�0023301�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#303030"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.1"/> <g fill="#FFFFFF"> <circle cx="16" cy="16" r="12" opacity="0.15"/> <path d="m16 10a6 6 0 0 0 -6 6 6 6 0 0 0 6 6 6 6 0 0 0 6 -6 6 6 0 0 0 -6 -6zm0 2a4 4 0 0 1 4 4 4 4 0 0 1 -4 4 4 4 0 0 1 -4 -4 4 4 0 0 1 4 -4z"/> </g> </svg> ������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets/stick-pressed.svg�������������������������������������������0000664�0000000�0000000�00000000661�13254201040�0023127�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#303030"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.1"/> <g fill="#FFFFFF"> <circle cx="16" cy="16" r="12" opacity="0.3"/> <path d="m16 10a6 6 0 0 0 -6 6 6 6 0 0 0 6 6 6 6 0 0 0 6 -6 6 6 0 0 0 -6 -6zm0 2a4 4 0 0 1 4 4 4 4 0 0 1 -4 4 4 4 0 0 1 -4 -4 4 4 0 0 1 4 -4z"/> </g> </svg> �������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets/stick-toggled-active.svg������������������������������������0000664�0000000�0000000�00000000776�13254201040�0024367�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#303030"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.1"/> <g fill="#FFFFFF" opacity="0.7"> <circle cx="16" cy="16" r="12" opacity="0"/> <path d="m16 10a6 6 0 0 0 -6 6 6 6 0 0 0 6 6 6 6 0 0 0 6 -6 6 6 0 0 0 -6 -6zm0 2a4 4 0 0 1 4 4 4 4 0 0 1 -4 4 4 4 0 0 1 -4 -4 4 4 0 0 1 4 -4zm0 2a2 2 0 0 0 -2 2 2 2 0 0 0 2 2 2 2 0 0 0 2 -2 2 2 0 0 0 -2 -2z"/> </g> </svg> ��materia-theme-20180321/src/xfwm4/assets/stick-toggled-inactive.svg����������������������������������0000664�0000000�0000000�00000000776�13254201040�0024716�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#303030"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.1"/> <g fill="#FFFFFF" opacity="0.5"> <circle cx="16" cy="16" r="12" opacity="0"/> <path d="m16 10a6 6 0 0 0 -6 6 6 6 0 0 0 6 6 6 6 0 0 0 6 -6 6 6 0 0 0 -6 -6zm0 2a4 4 0 0 1 4 4 4 4 0 0 1 -4 4 4 4 0 0 1 -4 -4 4 4 0 0 1 4 -4zm0 2a2 2 0 0 0 -2 2 2 2 0 0 0 2 2 2 2 0 0 0 2 -2 2 2 0 0 0 -2 -2z"/> </g> </svg> ��materia-theme-20180321/src/xfwm4/assets/stick-toggled-prelight.svg����������������������������������0000664�0000000�0000000�00000000763�13254201040�0024726�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#303030"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.1"/> <g fill="#FFFFFF"> <circle cx="16" cy="16" r="12" opacity="0.15"/> <path d="m16 10a6 6 0 0 0 -6 6 6 6 0 0 0 6 6 6 6 0 0 0 6 -6 6 6 0 0 0 -6 -6zm0 2a4 4 0 0 1 4 4 4 4 0 0 1 -4 4 4 4 0 0 1 -4 -4 4 4 0 0 1 4 -4zm0 2a2 2 0 0 0 -2 2 2 2 0 0 0 2 2 2 2 0 0 0 2 -2 2 2 0 0 0 -2 -2z"/> </g> </svg> �������������materia-theme-20180321/src/xfwm4/assets/stick-toggled-pressed.svg�����������������������������������0000664�0000000�0000000�00000000762�13254201040�0024554�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <rect width="32" height="32" fill="#303030"/> <rect width="32" height="1" fill="#FFFFFF" fill-opacity="0.1"/> <g fill="#FFFFFF"> <circle cx="16" cy="16" r="12" opacity="0.3"/> <path d="m16 10a6 6 0 0 0 -6 6 6 6 0 0 0 6 6 6 6 0 0 0 6 -6 6 6 0 0 0 -6 -6zm0 2a4 4 0 0 1 4 4 4 4 0 0 1 -4 4 4 4 0 0 1 -4 -4 4 4 0 0 1 4 -4zm0 2a2 2 0 0 0 -2 2 2 2 0 0 0 2 2 2 2 0 0 0 2 -2 2 2 0 0 0 -2 -2z"/> </g> </svg> ��������������materia-theme-20180321/src/xfwm4/assets/themerc�����������������������������������������������������0000664�0000000�0000000�00000001062�13254201040�0021174�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������# Default values can be found here: # https://git.xfce.org/xfce/xfwm4/tree/defaults/defaults # or # /usr/share/xfwm4/defaults active_text_color=#FFFFFF active_text_shadow_color=#FFFFFF inactive_text_color=#BDBDBD inactive_text_shadow_color=#BDBDBD title_shadow_active=false title_shadow_inactive=false full_width_title=true title_vertical_offset_active=0 title_vertical_offset_inactive=0 button_offset=0 button_spacing=0 shadow_delta_height=2 shadow_delta_width=0 shadow_delta_x=0 shadow_delta_y=-10 shadow_opacity=50 show_app_icon=false show_popup_shadow=true ������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets/title-side.svg����������������������������������������������0000664�0000000�0000000�00000000312�13254201040�0022403�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="1" height="32" viewBox="0 -1 1 32"> <rect width="1" height="32" fill="#303030"/> <rect width="1" height="1" fill="#FFFFFF" fill-opacity="0.1"/> </svg> ����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/assets/title.svg���������������������������������������������������0000664�0000000�0000000�00000000311�13254201040�0021460�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������<svg xmlns="http://www.w3.org/2000/svg" width="1" height="32" viewBox="0 0 1 32"> <rect width="1" height="32" fill="#303030"/> <rect width="1" height="1" fill="#FFFFFF" fill-opacity="0.1"/> </svg> �����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/bottom-active.svg��������������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0025112�2assets/border.svg�����������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/bottom-inactive.svg������������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0025441�2assets/border.svg�����������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/bottom-left-active.svg���������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0026042�2assets/border.svg�����������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/bottom-left-inactive.svg�������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0026371�2assets/border.svg�����������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/bottom-right-active.svg��������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0026225�2assets/border.svg�����������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/bottom-right-inactive.svg������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0026554�2assets/border.svg�����������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/close-active.svg���������������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0026014�2assets/close-active.svg�����������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/close-inactive.svg�������������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0026672�2assets/close-inactive.svg���������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/close-prelight.svg�������������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0026722�2assets/close-prelight.svg���������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/close-pressed.svg��������������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0026400�2assets/close-pressed.svg����������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/hide-active.svg����������������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0025424�2assets/hide-active.svg������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/hide-inactive.svg��������������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0026302�2assets/hide-inactive.svg����������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/hide-prelight.svg��������������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0026332�2assets/hide-prelight.svg����������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/hide-pressed.svg���������������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0026010�2assets/hide-pressed.svg�����������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/left-active.svg����������������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0024540�2assets/border.svg�����������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/left-inactive.svg��������������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0025067�2assets/border.svg�����������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/maximize-active.svg������������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0027250�2assets/maximize-active.svg��������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/maximize-inactive.svg����������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0030126�2assets/maximize-inactive.svg������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/maximize-prelight.svg����������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0030156�2assets/maximize-prelight.svg������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/maximize-pressed.svg�����������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0027634�2assets/maximize-pressed.svg�������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/maximize-toggled-active.svg����������������������������������������0000777�0000000�0000000�00000000000�13254201040�0032316�2assets/maximize-toggled-active.svg������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/maximize-toggled-inactive.svg��������������������������������������0000777�0000000�0000000�00000000000�13254201040�0033174�2assets/maximize-toggled-inactive.svg����������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/maximize-toggled-prelight.svg��������������������������������������0000777�0000000�0000000�00000000000�13254201040�0033224�2assets/maximize-toggled-prelight.svg����������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/maximize-toggled-pressed.svg���������������������������������������0000777�0000000�0000000�00000000000�13254201040�0032702�2assets/maximize-toggled-pressed.svg�����������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/menu-active.svg����������������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0025512�2assets/menu-active.svg������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/menu-inactive.svg��������������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0026370�2assets/menu-inactive.svg����������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/menu-prelight.svg��������������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0026420�2assets/menu-prelight.svg����������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/menu-pressed.svg���������������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0026076�2assets/menu-pressed.svg�����������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/right-active.svg���������������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0024723�2assets/border.svg�����������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/right-inactive.svg�������������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0025252�2assets/border.svg�����������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/shade-active.svg���������������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0025752�2assets/shade-active.svg�����������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/shade-inactive.svg�������������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0026630�2assets/shade-inactive.svg���������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/shade-prelight.svg�������������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0026660�2assets/shade-prelight.svg���������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/shade-pressed.svg��������������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0026336�2assets/shade-pressed.svg����������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/shade-toggled-active.svg�������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0031020�2assets/shade-toggled-active.svg���������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/shade-toggled-inactive.svg�����������������������������������������0000777�0000000�0000000�00000000000�13254201040�0031676�2assets/shade-toggled-inactive.svg�������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/shade-toggled-prelight.svg�����������������������������������������0000777�0000000�0000000�00000000000�13254201040�0031726�2assets/shade-toggled-prelight.svg�������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/shade-toggled-pressed.svg������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0031404�2assets/shade-toggled-pressed.svg��������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/stick-active.svg���������������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0026034�2assets/stick-active.svg�����������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/stick-inactive.svg�������������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0026712�2assets/stick-inactive.svg���������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/stick-prelight.svg�������������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0026742�2assets/stick-prelight.svg���������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/stick-pressed.svg��������������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0026420�2assets/stick-pressed.svg����������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/stick-toggled-active.svg�������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0031102�2assets/stick-toggled-active.svg���������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/stick-toggled-inactive.svg�����������������������������������������0000777�0000000�0000000�00000000000�13254201040�0031760�2assets/stick-toggled-inactive.svg�������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/stick-toggled-prelight.svg�����������������������������������������0000777�0000000�0000000�00000000000�13254201040�0032010�2assets/stick-toggled-prelight.svg�������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/stick-toggled-pressed.svg������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0031466�2assets/stick-toggled-pressed.svg��������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/themerc������������������������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0022542�2assets/themerc��������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/title-1-active.svg�������������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0024731�2assets/title.svg������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/title-1-inactive.svg�����������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0025260�2assets/title.svg������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/title-2-active.svg�������������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0024732�2assets/title.svg������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/title-2-inactive.svg�����������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0025261�2assets/title.svg������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/title-3-active.svg�������������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0024733�2assets/title.svg������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/title-3-inactive.svg�����������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0025262�2assets/title.svg������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/title-4-active.svg�������������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0024734�2assets/title.svg������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/title-4-inactive.svg�����������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0025263�2assets/title.svg������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/title-5-active.svg�������������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0024735�2assets/title.svg������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/title-5-inactive.svg�����������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0025264�2assets/title.svg������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/top-left-active.svg������������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0026126�2assets/title-side.svg�������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/top-left-inactive.svg����������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0026455�2assets/title-side.svg�������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/top-right-active.svg�����������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0026311�2assets/title-side.svg�������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/src/xfwm4/top-right-inactive.svg���������������������������������������������0000777�0000000�0000000�00000000000�13254201040�0026640�2assets/title-side.svg�������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������materia-theme-20180321/test.sh����������������������������������������������������������������������0000775�0000000�0000000�00000012352�13254201040�0016006�0����������������������������������������������������������������������������������������������������ustar�00root����������������������������root����������������������������0000000�0000000������������������������������������������������������������������������������������������������������������������������������������������������������������������������#!/bin/bash # # Once run the script, no need to run ./install.sh for testing. ;) # Without an argument, this will install only normal variant. # Valid arguments are: # # compact dark dark-compact light light-compact all uninstall # # FIXME: `unity` and `xfwm4` are not fully supported for now since `*.svg` link incorrect locales (with '-light' variant). # FIXME: Multiple arguments should be allowed. REPO_DIR=$(cd $(dirname $0) && pwd) SRC_DIR=${REPO_DIR}/src DEST_DIR=~/.themes THEME_NAME=Materia.dev COLOR_VARIANTS=('' '-dark' '-light') SIZE_VARIANTS=('' '-compact') GTK_VERSIONS=('3.18' '3.20' '3.22') GS_VERSIONS=('3.18' '3.24' '3.26' '3.28') LATEST_GS_VERSION=${GS_VERSIONS[@]: -1} # Set a proper gnome-shell theme version if [[ $(which gnome-shell 2> /dev/null) ]]; then CURRENT_GS_VERSION=$(gnome-shell --version | cut -d ' ' -f 3 | cut -d . -f -2) for version in "${GS_VERSIONS[@]}"; do if (( $(echo "$CURRENT_GS_VERSION <= $version" | bc) )); then GS_VERSION=${version} break elif (( $(echo "$CURRENT_GS_VERSION > $LATEST_GS_VERSION" | bc) )); then GS_VERSION=${LATEST_GS_VERSION} break fi done else GS_VERSION=${LATEST_GS_VERSION} fi test() { local color=${1} local size=${2} [[ ${color} == '-dark' ]] && local ELSE_DARK=${color} [[ ${color} == '-light' ]] && local ELSE_LIGHT=${color} local THEME_DIR=${DEST_DIR}/${THEME_NAME}${color}${size} [[ -d ${THEME_DIR} ]] && rm -rf ${THEME_DIR} mkdir -p ${THEME_DIR} ln -sT ${SRC_DIR}/index${color}${size}.theme ${THEME_DIR}/index.theme mkdir -p ${THEME_DIR}/gnome-shell ln -s ${SRC_DIR}/gnome-shell/{extensions,pad-osd.css} ${THEME_DIR}/gnome-shell ln -sT ${SRC_DIR}/gnome-shell/assets${ELSE_DARK} ${THEME_DIR}/gnome-shell/assets ln -sT ${SRC_DIR}/gnome-shell/${GS_VERSION}/gnome-shell${color}${size}.css ${THEME_DIR}/gnome-shell/gnome-shell.css mkdir -p ${THEME_DIR}/gtk-2.0 ln -s ${SRC_DIR}/gtk-2.0/{apps.rc,hacks.rc,main.rc} ${THEME_DIR}/gtk-2.0 ln -sT ${SRC_DIR}/gtk-2.0/assets${ELSE_DARK} ${THEME_DIR}/gtk-2.0/assets ln -sT ${SRC_DIR}/gtk-2.0/gtkrc${color} ${THEME_DIR}/gtk-2.0/gtkrc for version in "${GTK_VERSIONS[@]}"; do if [[ ${version} == '3.18' ]]; then mkdir -p ${THEME_DIR}/gtk-3.0 ln -s ${SRC_DIR}/gtk/assets ${THEME_DIR}/gtk-3.0 ln -sT ${SRC_DIR}/gtk/${version}/gtk${color}.css ${THEME_DIR}/gtk-3.0/gtk.css [[ ${color} != '-dark' ]] && \ ln -sT ${SRC_DIR}/gtk/${version}/gtk-dark.css ${THEME_DIR}/gtk-3.0/gtk-dark.css else mkdir -p ${THEME_DIR}/gtk-${version} ln -s ${SRC_DIR}/gtk/assets ${THEME_DIR}/gtk-${version} ln -sT ${SRC_DIR}/gtk/${version}/gtk${color}${size}.css ${THEME_DIR}/gtk-${version}/gtk.css [[ ${color} != '-dark' ]] && \ ln -sT ${SRC_DIR}/gtk/${version}/gtk-dark${size}.css ${THEME_DIR}/gtk-${version}/gtk-dark.css fi done mkdir -p ${THEME_DIR}/metacity-1 ln -s ${SRC_DIR}/metacity-1/assets ${THEME_DIR}/metacity-1 ln -sT ${SRC_DIR}/metacity-1/metacity-theme-2${ELSE_LIGHT}.xml ${THEME_DIR}/metacity-1/metacity-theme-2.xml ln -sT ${SRC_DIR}/metacity-1/metacity-theme-3${ELSE_LIGHT}.xml ${THEME_DIR}/metacity-1/metacity-theme-3.xml mkdir -p ${THEME_DIR}/unity ln -s ${SRC_DIR}/unity/{*.svg,*.png,dash-widgets.json} ${THEME_DIR}/unity ln -sT ${SRC_DIR}/unity/assets${ELSE_LIGHT} ${THEME_DIR}/unity/assets mkdir -p ${THEME_DIR}/xfwm4 ln -s ${SRC_DIR}/xfwm4/{*.svg,themerc} ${THEME_DIR}/xfwm4 ln -sT ${SRC_DIR}/xfwm4/assets${ELSE_LIGHT} ${THEME_DIR}/xfwm4/assets echo Installed to ${THEME_DIR} } case "${1}" in "") test '' '' ;; compact) test '' '-compact' ;; dark) test '-dark' '' ;; dark-compact) test '-dark' '-compact' ;; light) test '-light' '' ;; light-compact) test '-light' '-compact' ;; all) test '' '' test '' '-compact' test '-dark' '' test '-dark' '-compact' test '-light' '' test '-light' '-compact' ;; uninstall) rm -rf ${DEST_DIR}/${THEME_NAME}{,-compact,-dark,-dark-compact,-light,-light-compact} ;; *) echo "Invalid argument: ${1}" echo "Valid arguments are: compact dark dark-compact light light-compact all uninstall" ;; esac ����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������